.notify-bell{position:relative;margin-inline:8px}
.notify-bell-btn{position:relative;border:1px solid rgba(59,91,253,.18);background:#fff;color:var(--text-1,#10142c);border-radius:12px;padding:7px 10px;cursor:pointer}
.notify-count{position:absolute;top:-6px;left:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e11d48;color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.notify-count[hidden]{display:none}
.notify-drop{position:absolute;top:calc(100% + 8px);left:0;width:min(340px,86vw);max-height:70vh;overflow:auto;z-index:80;background:#fff;color:#10142c;border:1px solid rgba(59,91,253,.16);border-radius:16px;box-shadow:0 18px 50px rgba(16,20,44,.14);padding:8px}
.notify-drop-head{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;color:#10142c}
.notify-mark-all{border:0;background:transparent;color:#3b5bfd;cursor:pointer;font-size:12px}
.notify-item{display:block;padding:8px 10px;border-radius:10px;text-decoration:none;color:#10142c}
.notify-item:hover{background:#eef2ff}
.notify-item b{display:block;color:#10142c}
.notify-item span,.notify-item small{display:block;color:#525a7a;font-size:12px}
.notify-item.is-read{opacity:.7}
.notify-empty{padding:16px;text-align:center;color:#525a7a}
.date-filter{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}
.date-filter input[type=date]{min-width:132px}
.dropzone{position:relative;border:1px dashed rgba(59,91,253,.4);border-radius:12px;padding:12px;background:rgba(59,91,253,.04);cursor:pointer}
.dropzone.is-drag{border-color:#3b5bfd;background:rgba(59,91,253,.12)}
.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.dropzone-hint{display:block;color:var(--text-2);font-size:13px;pointer-events:none}
.upload-progress{height:6px;border-radius:999px;background:rgba(120,120,140,.2);overflow:hidden;margin-top:8px}
.upload-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3b5bfd,#7c3aed);transition:width .15s}
.report-bar{height:8px;border-radius:999px;background:rgba(120,120,140,.16);overflow:hidden;min-width:80px}
.report-bar>span{display:block;height:100%;background:linear-gradient(90deg,#3b5bfd,#06b6d4)}
.receipt-form{margin-top:12px;padding-top:12px;border-top:1px solid rgba(59,91,253,.1)}
.site-banner{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 16px;background:linear-gradient(90deg,#3b5bfd,#7c3aed);color:#fff;font-size:14px}
.site-banner a{color:#fff;text-decoration:underline}
.site-banner-close{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
.due-box{margin:10px 0 6px}
.due-label{font-size:13px;color:var(--text-2);margin-bottom:6px}
.canned-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
@media(max-width:700px){.notify-drop{left:auto;right:0}}

.projex-chip{display:inline-flex;align-items:center;gap:6px;margin:0 4px;vertical-align:middle;flex-wrap:wrap}
.projex-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:#3b5bfd;color:#fff!important;font-size:12px;text-decoration:none;font-weight:700}
.projex-preview-btn{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #3b5bfd;background:#fff;color:#2740c9!important;font-size:11px;text-decoration:none;font-weight:700}
.projex-related{display:inline-flex;align-items:center;margin-right:8px;padding:3px 9px;border-radius:999px;background:rgba(59,91,253,.12);color:#2740c9;font-size:12px;text-decoration:none;font-weight:700}
.projex-suggest{position:absolute;z-index:50;min-width:240px;max-width:360px;background:#fff;color:#10142c;border:1px solid rgba(59,91,253,.22);border-radius:12px;padding:6px;box-shadow:0 12px 30px rgba(16,20,44,.12)}
.projex-suggest button{display:block;width:100%;text-align:right;background:#fff;border:0;color:#10142c;padding:8px;border-radius:8px;cursor:pointer;font:inherit}
.projex-suggest button:hover{background:#eef2ff;color:#2740c9}
.msg-bubble.from-internal{border:1px dashed #c4a002;background:#fff8d6;color:#3a3208}
.thread-form{position:relative}
.msg-bubble{color:var(--text-1,#10142c)}
.msg-role{font-size:12px;font-weight:800;color:#3b5bfd;margin-bottom:4px}
.msg-time{font-size:11px;color:#525a7a;margin-top:6px}

body.ticket-workspace .aurora,
body.ticket-workspace .neural-field,
body.ticket-workspace .hud-overlay{display:none!important}
body.ticket-workspace .panel-card.glass:hover,
.admin-panel .sidebar.glass:hover,
.customer-panel .sidebar.glass:hover{transform:none}
body.ticket-workspace .panel-card:hover{box-shadow:0 8px 24px rgba(39,50,110,.08)}

.ticket-list{display:flex;flex-direction:column;gap:10px}
.ticket-row{display:block;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.9);border:1px solid rgba(59,91,253,.12);text-decoration:none;color:#10142c}
.ticket-row:hover{border-color:#3b5bfd;background:#fff}
.ticket-row.is-waiting{border-color:#f59e0b;background:#fff7e8}
.ticket-row-top{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.ticket-row-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;font-size:12px;color:#525a7a}
.ticket-preview{margin:8px 0 0;color:#525a7a;font-size:13px}
.ticket-wait{color:#b45309;font-style:normal;font-weight:800}
.ticket-card,.ticket-workspace .thread-box{background:rgba(255,255,255,.92)}

.admin-panel .sidebar,.customer-panel .sidebar{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 28px)}
.admin-panel .sidebar a,.customer-panel .sidebar a{padding:8px 12px;font-size:13px}

.session-warning-card{background:#fff!important;color:#10142c!important;border:1px solid rgba(59,91,253,.16)!important}
.session-warning-card span{color:#525a7a!important}

@media (max-width:1100px){
  .admin-mobile-bar,.customer-mobile-bar{
    display:flex!important;position:sticky;top:8px;z-index:1000;margin:8px;
    justify-content:space-between;align-items:center;padding:9px 12px;border-radius:14px;
    background:rgba(255,255,255,.95);border:1px solid rgba(59,91,253,.12);box-shadow:0 8px 25px rgba(39,50,110,.1)
  }
  .admin-sidebar,.customer-panel .sidebar{
    position:fixed!important;z-index:1100;top:8px;right:8px;bottom:8px;
    width:min(290px,calc(100vw - 16px))!important;height:auto!important;margin:0!important;
    transform:translateX(calc(100% + 25px));transition:transform .28s ease;overflow:auto;visibility:hidden;
    flex-direction:column!important;flex-wrap:nowrap!important
  }
  .admin-sidebar.is-open,.customer-panel .sidebar.is-open{transform:translateX(0);visibility:visible}
  .admin-panel .app-shell,.customer-panel .app-shell{display:block}
  html.is-scrolling .admin-sidebar:not(.is-open),
  html.is-scrolling .customer-panel .sidebar:not(.is-open){transform:translateX(calc(100% + 25px))!important}
}
@media (min-width:1101px){
  .admin-mobile-bar,.customer-mobile-bar{display:none!important}
  .admin-sidebar,.customer-panel .sidebar{
    transform:none!important;visibility:visible!important
  }
}