@import url('/login-modern.css?v=modern-splash-20260830-1');
:root{
  /* Brand */
  --s24-navy:#0d2b57;
  --s24-navy-2:#123d73;
  --s24-blue:#1976d2;
  --s24-blue-hover:#1565c0;
  --s24-blue-soft:#edf5ff;
  --s24-teal:#117b78;
  --s24-purple:#6653ad;

  /* Semantic status */
  --s24-success:#17845c;
  --s24-success-soft:#edf8f3;
  --s24-warning:#a36a08;
  --s24-warning-soft:#fff7e8;
  --s24-danger:#c9363f;
  --s24-danger-soft:#fff0f1;
  --s24-info:#1769aa;
  --s24-info-soft:#edf5ff;
  --s24-red:var(--s24-danger);

  /* Neutral surfaces and text */
  --s24-ink:#0f172a;
  --s24-text:#334155;
  --s24-muted:#64748b;
  --s24-subtle:#7b8a9c;
  --s24-line:#e2e8f0;
  --s24-line-strong:#d7e0ea;
  --s24-soft:#f5f7fa;
  --s24-soft-2:#f8fafc;
  --s24-card:#ffffff;

  /* Typography */
  --s24-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --s24-fs-page:26px;
  --s24-fs-section:18px;
  --s24-fs-card:15px;
  --s24-fs-body:14px;
  --s24-fs-table:13px;
  --s24-fs-control:12.5px;
  --s24-fs-label:12px;
  --s24-fs-helper:11px;
  --s24-fs-meta:10px;

  /* Spacing */
  --s24-space-1:4px;
  --s24-space-2:8px;
  --s24-space-3:12px;
  --s24-space-4:16px;
  --s24-space-5:24px;
  --s24-space-6:32px;

  /* Shape and elevation */
  --s24-radius-control:9px;
  --s24-radius-card:12px;
  --s24-radius-modal:14px;
  --s24-radius-pill:999px;
  --s24-radius:var(--s24-radius-card);
  --s24-control-h:40px;
  --s24-control-h-mobile:44px;
  --s24-shadow-0:none;
  --s24-shadow-1:0 1px 3px rgba(13,43,87,.04),0 5px 14px rgba(13,43,87,.04);
  --s24-shadow-2:0 18px 46px rgba(13,43,87,.16);
  --s24-shadow:var(--s24-shadow-1);

  /* Compatibility aliases for older modules */
  --bg:var(--s24-soft);
  --panel:var(--s24-card);
  --ink:var(--s24-ink);
  --muted:var(--s24-muted);
  --brand:var(--s24-blue);
  --brand2:var(--s24-navy);
  --line:var(--s24-line);
  --danger:var(--s24-danger);
  --warn:var(--s24-warning);
  --good:var(--s24-success);
}
*{box-sizing:border-box}html,body,button,input,select,textarea{font-family:var(--s24-font)}body{color:var(--s24-ink);background:var(--s24-soft);font-size:14px}main{background:var(--s24-soft)}
main>header{background:#fff;border-bottom:1px solid var(--s24-line);margin:0;padding:12px 22px;min-height:68px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 5px rgba(13,43,87,.04)}
#viewTitle{font-size:22px;line-height:1.2;color:var(--s24-navy);font-weight:800;letter-spacing:-.02em;margin:0}#viewSubtitle,.today{color:var(--s24-muted)}#viewSubtitle{margin-top:4px;font-size:12px}#content{padding:18px 22px 34px;max-width:1600px;width:100%;margin:0 auto}
.card,.report-card,.modal-card,.table-wrap,.section-card,.panel{border:1px solid var(--s24-line);border-radius:var(--s24-radius);box-shadow:var(--s24-shadow);background:var(--s24-card)}.card{padding:17px}h1,h2,h3,h4{color:var(--s24-navy);letter-spacing:-.015em}h3{font-size:16px}small,.muted,.hint{color:var(--s24-muted)}
button,.btn,[role="button"]{border-radius:7px;min-height:36px;font-weight:700;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}button:hover,.btn:hover{box-shadow:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(25,118,210,.16);outline-offset:2px}
button.primary,.primary,button[type="submit"],#loginForm button{background:var(--s24-blue);border:1px solid var(--s24-blue);color:#fff;box-shadow:none}button.primary:hover,.primary:hover,button[type="submit"]:hover,#loginForm button:hover{background:#1565c0;border-color:#1565c0}button.secondary,.secondary{background:#fff;color:var(--s24-navy);border:1px solid #d7e0ea}button.danger,.danger,[data-action*="delete"],[data-action*="deactivate"],[data-action*="reject"]{background:#fff;color:var(--s24-danger);border:1px solid #f1c7c6}
input,select,textarea{border:1px solid #d7e0e9;border-radius:7px;background:#fff;color:var(--s24-ink);min-height:39px;padding:8px 10px}textarea{min-height:105px;resize:vertical}label{font-size:12px;font-weight:700;color:#40546b;gap:7px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.table-wrap{overflow:auto;box-shadow:none}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}thead th{position:sticky;top:0;background:#f8fafc;color:#64748b;font-size:9px;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid var(--s24-line);padding:10px 12px}tbody td{padding:11px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle;color:#334155}tbody tr:hover{background:#f8fbff}
.pill,.badge,.status{border-radius:6px;font-size:10px;font-weight:800;padding:4px 8px}.status.success,.badge.success,.pill.success,.pill.green{background:#edf8ef;color:#2e7d32}.status.warning,.badge.warning,.pill.warning,.pill.warn,.pill.amber{background:#fff4e5;color:#b85d00}.status.danger,.badge.danger,.pill.danger,.pill.red{background:#ffeded;color:#c62828}.status.info,.badge.info,.pill.info,.pill.blue{background:var(--s24-blue-soft);color:#1565c0}.pill.grey,.pill.gray,.status.inactive{background:#f1f5f9;color:#64748b}
.kpis{gap:11px;align-items:stretch}.kpi{min-height:96px!important;border:1px solid var(--s24-line)!important;box-shadow:var(--s24-shadow)!important;border-radius:9px!important;padding:14px 15px!important;background:#fff!important}.kpi span{font-size:10px!important;font-weight:800!important;color:#64748b!important;letter-spacing:.025em}.kpi strong{font-size:24px!important;line-height:1.08;color:var(--s24-navy)!important;font-weight:900!important;margin:6px 0 2px!important}.kpi small{font-size:10.5px!important;color:#7b8a9c!important;line-height:1.35}.kpi .pill,.kpi .badge,.kpi .status{margin-top:7px}.kpi-icon{width:34px!important;height:34px!important;border-radius:8px!important;font-size:16px!important;background:#edf5ff!important;color:var(--s24-blue)!important}
.alert{border-radius:8px;border:1px solid #d8e8fa;background:#f7fbff}.alert.red{background:#fff0f0;border-color:#efc7cc;color:#9f2432}.modal{backdrop-filter:blur(2px)}.modal-card{max-width:760px;border-radius:12px;box-shadow:0 20px 50px rgba(13,43,87,.18)}.modal-head{border-bottom:1px solid var(--s24-line);padding-bottom:10px;margin-bottom:14px}.close{border:0;background:#eef3f7;color:var(--s24-ink);width:36px;height:36px;border-radius:8px}
.login-page{background:#eef3f8}.login-card{border:1px solid var(--s24-line);border-radius:14px;box-shadow:0 18px 50px rgba(13,43,87,.12);background:#fff}
/* Secure24 Professional Blue: brand-led high-contrast navigation */
#appSidebar{background:var(--s24-navy)!important;border-right:0!important;box-shadow:none!important;width:248px!important;color:#fff!important}.side-brand{padding:15px 13px 17px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;margin-bottom:8px!important;background:var(--s24-navy)!important}.side-brand strong{font-size:16px!important;color:#fff!important}.side-brand span{font-size:10.5px!important;color:#b9c9dd!important}#nav{padding:7px 0 18px!important;overflow:auto!important;background:var(--s24-navy)!important}
#nav button[data-view]{width:calc(100% - 16px)!important;margin:1px 8px!important;display:flex!important;align-items:center!important;gap:9px!important;text-align:left!important;background:transparent!important;color:#d9e5f3!important;border:0!important;border-radius:7px!important;padding:8px 11px!important;min-height:37px!important;font-size:12.5px!important;font-weight:650!important;box-shadow:none!important;opacity:1!important}#nav button[data-view]:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}#nav button[data-view].active{background:var(--s24-blue)!important;color:#fff!important;box-shadow:none!important;font-weight:800!important}
.nav-section{margin:3px 0 7px!important}.nav-section-toggle{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:0!important;background:transparent!important;color:#829ab8!important;padding:11px 14px 6px!important;min-height:auto!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:850!important;box-shadow:none!important}.nav-section-toggle:hover{background:transparent!important;color:#b9c9dd!important}.nav-section-toggle .chevron{font-size:10px;transition:transform .16s ease}.nav-section.open .chevron{transform:rotate(90deg)}.nav-section.hidden{display:none!important}.nav-section-toggle.hidden{display:flex!important}.nav-section-items{display:none;padding:1px 0 4px}.nav-section.open .nav-section-items{display:block}.nav-section[data-group="home"] .nav-section-items{display:block}.nav-section[data-group="home"] .nav-section-toggle{display:none!important}
.side-bottom{border-top:1px solid rgba(255,255,255,.1)!important;padding:12px 8px 18px!important;color:#d9e5f3!important;background:var(--s24-navy)!important}.side-bottom #userName{color:#fff!important;font-weight:800!important}.side-bottom #userRole{color:#a9bed6!important}.side-bottom button{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.13)!important;color:#e7eff8!important;border-radius:7px!important}.side-bottom #logout{color:#fff!important;background:rgba(229,57,53,.18)!important;border-color:rgba(229,57,53,.38)!important}
.messages-passive-dock,.communications-passive-dock,.chat-passive-dock{transform:scale(.88);transform-origin:bottom right}.messages-passive-dock button,.communications-passive-dock button,.chat-passive-dock button{box-shadow:0 5px 16px rgba(13,43,87,.12)!important}
.mobile-header{background:#fff!important;color:var(--s24-navy)!important;border-bottom:1px solid var(--s24-line);box-shadow:0 2px 10px rgba(13,43,87,.05)}.mobile-heading strong{color:var(--s24-navy)}.mobile-heading span{color:var(--s24-muted)}.menu-toggle{border-color:#d7e0e9!important}.menu-toggle span{background:var(--s24-navy)!important}.drawer-close{color:#fff!important;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.16)!important}
@media(min-width:901px){main{margin-left:248px!important}.app>main{width:calc(100% - 248px)!important}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1000px){main>header{padding:12px 18px;min-height:64px}#content{padding:16px 18px 30px}.card{padding:15px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#appSidebar{width:min(86vw,300px)!important;background:var(--s24-navy)!important;box-shadow:12px 0 35px rgba(13,43,87,.22)!important}#content{padding:14px 13px 28px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-height:88px!important;padding:12px!important}.kpi strong{font-size:21px!important}.section-head{align-items:flex-start;flex-direction:column}.section-head button{width:100%}.table-wrap{border-radius:10px}button,.btn{min-height:42px}.drawer-overlay{background:rgba(13,43,87,.58)!important}}
@media(max-width:400px){.kpis{grid-template-columns:1fr}}
@media print{#appSidebar,.mobile-header,.drawer-overlay,.side-bottom,.today,button{display:none!important}main{margin:0!important}#content{padding:0}.card,.table-wrap,.report-card{box-shadow:none;border-color:#cfd6df}}