:root{--ink:#172033;--muted:#64748b;--line:#dbe5ef;--bg:#f4f7fb;--nav:#081827;--teal:#0b7c8d;--aqua:#1fb7bf;--ok:#087f5b;--warn:#b45309;--err:#b91c1c;--card:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}
.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#07162c,#0b7c8d)}.login-panel{width:min(420px,92vw);background:white;padding:34px;border-radius:8px;box-shadow:0 24px 70px #001a2b55}.login-logo{width:82px;height:82px;object-fit:contain}.login-panel h1{margin:16px 0 24px;font-size:26px}.login-panel label{display:block;margin:14px 0;color:var(--muted);font-size:13px}.login-panel input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:6px;padding:12px}.login-panel button,.topbar button,.filters button,.dialog-actions button{border:0;border-radius:6px;background:var(--teal);color:white;padding:11px 16px;font-weight:700}.error-text{color:var(--err);min-height:20px}
.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:white;padding:18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;margin-bottom:22px}.brand img{width:44px;height:44px;background:white;border-radius:6px}.sidebar nav{display:grid;gap:8px}.sidebar nav button,#logoutForm button{width:100%;text-align:left;background:transparent;border:1px solid #ffffff22;color:#d9eef2;border-radius:6px;padding:11px}.sidebar nav button.active{background:#0b7c8d;color:white}#logoutForm{position:absolute;left:18px;right:18px;bottom:18px}
.content{min-width:0}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px 28px;background:white;border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:24px}.topbar p{margin:6px 0 0;color:var(--muted)}
.view{display:none;padding:24px 28px}.view.active{display:block}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px}.metric span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.metric b{display:block;font-size:30px;margin-top:8px}.section-title{font-size:18px;margin:8px 0 12px}
.charts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.bar-row{display:grid;grid-template-columns:180px 1fr 54px;gap:10px;align-items:center;margin:9px 0}.bar{height:12px;background:#e8eef5;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--aqua))}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters input,.filters select{border:1px solid var(--line);border-radius:6px;padding:10px;background:white}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;min-width:1180px}th,td{padding:11px 12px;border-bottom:1px solid #e7edf4;text-align:left;font-size:13px}th{background:#f8fafc;color:#334155;position:sticky;top:0}tr:hover td{background:#f7fcff}.pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.ok{background:#dcfce7;color:#166534}.warn{background:#fef3c7;color:#92400e}.err{background:#fee2e2;color:#991b1b}.muted{background:#e2e8f0;color:#475569}.pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.pagination button{border:1px solid var(--line);background:white;border-radius:6px;padding:8px 12px}.status-list{grid-template-columns:repeat(3,minmax(0,1fr))}.report-actions{display:flex;gap:8px}.link-btn{border:1px solid var(--teal);background:white;color:var(--teal);border-radius:6px;padding:7px 10px}dialog{border:0;border-radius:8px;box-shadow:0 30px 90px #001a2b55;max-width:920px;width:88vw}#reportDialog{width:94vw;max-width:1280px;height:90vh}#reportFrame{width:100%;height:calc(100% - 48px);border:1px solid var(--line)}.timeline{border-left:3px solid var(--line);padding-left:16px}.timeline div{margin:12px 0}.empty{color:var(--muted);padding:20px;background:white;border:1px solid var(--line);border-radius:8px}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:1fr 1fr}.metrics,.charts,.status-list{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.view{padding:16px}.bar-row{grid-template-columns:120px 1fr 42px}#logoutForm{position:static;margin-top:12px}}

.section-intro{margin:0 0 16px}.section-intro h2{margin:4px 0 0;font-size:24px}.eyebrow{margin:0;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.date-filters label,.filters label{display:grid;gap:4px;color:var(--muted);font-size:12px;font-weight:700}.filters button,.form-grid button{border:0;border-radius:6px;background:var(--teal);color:white;padding:10px 14px;font-weight:800}.compact-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h2,.panel-head h3{margin:0}.muted-text{color:var(--muted);font-size:12px}.report-card{margin-bottom:16px}.inline-report{width:100%;height:620px;border:1px solid var(--line);border-radius:8px;background:white}.section-title.small{font-size:15px;margin-top:18px}.client-table{min-width:860px}.criteria-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.criteria-grid h3,.glossary-term h3{margin:0 0 8px;font-size:16px}.criteria-grid p,.glossary-term p{margin:0;color:var(--muted);line-height:1.5}.glossary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:16px}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.form-grid input,.form-grid select,.inline-password input{border:1px solid var(--line);border-radius:6px;padding:10px;background:white}.inline-password{display:flex;gap:8px;align-items:center}.success-text{color:var(--ok);font-weight:800}.sidebar nav button{line-height:1.25}.metric b{word-break:break-word}.report-actions{white-space:nowrap}
@media(max-width:900px){.compact-metrics,.criteria-grid,.glossary-list,.settings-grid{grid-template-columns:1fr}.panel-head{display:block}.inline-report{height:520px}.inline-password{display:grid}.client-table{min-width:760px}}

.app-shell.sidebar-collapsed{grid-template-columns:82px 1fr}.sidebar{display:flex;flex-direction:column;gap:14px;z-index:5}.brand{margin-bottom:4px}.brand span{min-width:0}.icon-btn{margin-left:auto;border:1px solid #ffffff2e;background:#ffffff12;color:#fff;border-radius:6px;width:34px;height:34px;text-align:center;padding:0;font-weight:800}.nav-main,.nav-footer{display:grid;gap:8px}.nav-main{min-height:0;overflow:auto}.nav-footer{margin-top:auto;border-top:1px solid #ffffff1f;padding-top:12px}.nav-group{display:grid;gap:6px}.submenu{display:grid;gap:5px;margin-left:12px;padding-left:10px;border-left:1px solid #ffffff24}.submenu button{font-size:12px;padding:8px 10px;color:#a9cbd2}.submenu button.active,.submenu button:hover{background:#0d3444;color:#fff}.settings-nav{display:flex!important;align-items:center;gap:8px}.gear{font-size:17px;line-height:1}.sidebar.collapsed{padding:14px 10px}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .brand img{width:38px;height:38px}.sidebar.collapsed .brand span,.sidebar.collapsed .submenu,.sidebar.collapsed nav button span:not(.gear),.sidebar.collapsed #logoutForm button{display:none}.sidebar.collapsed .icon-btn{margin:0 auto}.sidebar.collapsed nav button{min-height:42px;text-align:center;padding:10px}.sidebar.collapsed nav button::first-letter{display:inline}.sidebar.collapsed #logoutForm{left:10px;right:10px}.dashboard-report{display:grid;gap:16px}.report-hero{background:#fff;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:8px;padding:18px}.report-hero h2{margin:4px 0 8px;font-size:24px}.report-hero p{margin:0 0 12px;color:var(--muted);max-width:780px;line-height:1.45}.live-badge{display:inline-flex;align-items:center;gap:6px;background:#e6fffb;color:#0f766e;border:1px solid #99f6e4;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.criteria-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.criteria-live-card{display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;min-height:190px}.criteria-live-card h3{margin:10px 0 8px;font-size:18px}.criteria-live-card p{margin:0;color:var(--muted);line-height:1.5}.criteria-live-card footer{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;border-top:1px solid var(--line);padding-top:12px}.criteria-live-card small{color:var(--muted);text-align:right}.sidebar.collapsed + .content .topbar{padding-left:22px}html{scroll-behavior:smooth}.view section[id],.view article[id]{scroll-margin-top:20px}
@media(max-width:900px){.app-shell.sidebar-collapsed,.app-shell{grid-template-columns:1fr}.sidebar.collapsed .brand span,.sidebar.collapsed nav button span:not(.gear),.sidebar.collapsed #logoutForm button{display:inline}.sidebar.collapsed .submenu{display:grid}.criteria-live-grid{grid-template-columns:1fr}.nav-footer{margin-top:0}.submenu{margin-left:0}.report-hero h2{font-size:21px}}

/* client corrections: report html, sidebar footer, collapsible menus */
#logoutForm{position:static;margin:0}.nav-main{flex:1;min-height:0}.nav-footer{flex:0 0 auto}.app-shell.sidebar-collapsed{grid-template-columns:56px 1fr}.sidebar{overflow:hidden}.sidebar.collapsed{padding:12px 8px}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .brand img,.sidebar.collapsed .brand span,.sidebar.collapsed .nav-main,.sidebar.collapsed .nav-footer,.sidebar.collapsed #logoutForm{display:none}.sidebar.collapsed .icon-btn{display:block;margin:0 auto}.submenu-toggle{display:flex!important;align-items:center;justify-content:center;padding:0!important;min-height:38px}.submenu-toggle span{display:block;transition:transform .16s ease}.nav-group{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;align-items:start}.nav-group>.submenu{grid-column:1 / -1}.submenu.collapsed{display:none}.nav-group:not(.open) .submenu-toggle span{transform:rotate(-90deg)}

.email-report-html{background:#eef3f8;border:1px solid var(--line);border-radius:8px;padding:18px;color:#1f2937}.email-report-head,.email-report-body,.email-report-foot{max-width:1080px;margin:0 auto}.email-report-head{background:#fff;border:1px solid #dde7f1;border-radius:8px 8px 0 0;padding:24px}.email-logo-row{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #e5edf5;padding-bottom:16px;margin-bottom:18px}.email-logo-row img{width:70px;height:70px;object-fit:contain;background:#fff;border:1px solid #e5edf5;border-radius:8px}.email-report-meta{text-align:right;color:#64748b;font-size:12px;line-height:1.45}.email-report-title h2{margin:0 0 8px;font-size:28px;color:#0f172a;letter-spacing:0}.email-report-title p{margin:0;color:#475569;line-height:1.45}.email-report-body{background:#fff;border-left:1px solid #dde7f1;border-right:1px solid #dde7f1;padding:0 24px 24px}.email-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.email-kpi{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid var(--teal);border-radius:6px;padding:14px;min-height:100px}.email-kpi span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.email-kpi b{display:block;margin-top:8px;font-size:28px;color:#0f172a}.email-kpi small{display:block;margin-top:6px;color:#64748b;line-height:1.35}.email-section{border-top:1px solid #e5edf5;padding-top:20px;margin-top:20px}.email-section h3{display:flex;gap:10px;align-items:center;margin:0 0 8px;color:#0f172a;font-size:18px}.email-section h3 span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0b7c8d;color:#fff;font-size:13px}.email-section>p{margin:0 0 12px;color:#64748b;line-height:1.45}.email-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.email-table{min-width:720px}.email-table th{position:static;background:#f1f5f9;color:#334155}.email-table td,.email-table th{font-size:12px}.email-bars{display:grid;gap:10px;margin-top:4px}.email-bars .bar-row{grid-template-columns:180px 1fr 58px;margin:0}.email-report-foot{background:#f8fafc;border:1px solid #dde7f1;border-top:0;border-radius:0 0 8px 8px;padding:14px 24px;color:#64748b;font-size:12px;text-align:center}
@media(max-width:900px){.email-report-html{padding:10px}.email-report-head,.email-report-body{padding:16px}.email-logo-row{align-items:flex-start}.email-report-title h2{font-size:22px}.email-kpi-grid{grid-template-columns:1fr}.email-bars .bar-row{grid-template-columns:120px 1fr 44px}.app-shell.sidebar-collapsed,.app-shell{grid-template-columns:1fr}.sidebar.collapsed .brand img,.sidebar.collapsed .brand span,.sidebar.collapsed .nav-main,.sidebar.collapsed .nav-footer,.sidebar.collapsed #logoutForm{display:initial}.sidebar.collapsed .nav-main,.sidebar.collapsed .nav-footer{display:grid}.sidebar.collapsed{padding:18px}.sidebar.collapsed .brand{justify-content:flex-start}}
/* client corrections: report html refinements */
.email-logo-row>div:first-child{display:flex;align-items:center;gap:12px}.email-logo-row>div:first-child span{display:block;color:#64748b;font-size:12px}.email-kpi strong{display:block;margin-top:8px;font-size:28px;color:#0f172a}.email-report-title span{display:block;color:#64748b;line-height:1.45}

/* final navigation polish: Auto Centro inspired dimensions */
:root{--sidebar-w:280px;--sidebar-closed-w:58px;--nav-radius:6px;--nav-item-h:44px;--subnav-item-h:36px}
.app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr);transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-closed-w) minmax(0,1fr)}
.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);padding:16px 14px;background:linear-gradient(180deg,#071622 0%,#0b1f2f 58%,#082637 100%);border-right:1px solid rgba(255,255,255,.08);gap:14px;transition:width .18s ease,padding .18s ease}
.brand{min-height:52px;margin:0;gap:10px}.brand img{width:42px;height:42px;flex:0 0 42px;padding:4px}.brand span{font-size:18px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:38px;height:38px;min-width:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--nav-radius);font-size:18px;line-height:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;transition:background .15s ease,border-color .15s ease,transform .15s ease}.icon-btn:hover,.icon-btn:focus-visible{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);outline:none}
.nav-main,.nav-footer{gap:6px}.nav-main{padding-top:8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.nav-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.sidebar nav button,#logoutForm button{height:var(--nav-item-h);min-height:var(--nav-item-h);display:flex;align-items:center;gap:10px;width:100%;padding:0 12px;border:0;border-radius:var(--nav-radius);background:transparent;color:rgba(226,241,245,.82);font-size:13.5px;font-weight:750;line-height:1.15;text-align:left;letter-spacing:0;white-space:normal;transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.sidebar nav button span,#logoutForm button span{min-width:0}.sidebar nav button:hover,.sidebar nav button:focus-visible,#logoutForm button:hover,#logoutForm button:focus-visible{background:rgba(255,255,255,.10);color:#fff;outline:none}.sidebar nav button.active,.sidebar nav button.nav-parent.active{background:#fff;color:#071622;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.nav-group{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:4px;align-items:start}.nav-parent{min-width:0}.submenu-toggle{width:38px;height:var(--nav-item-h);min-height:var(--nav-item-h);padding:0!important;justify-content:center!important;text-align:center!important}.submenu-toggle span{font-size:14px;line-height:1;transform-origin:center}.submenu{grid-column:1 / -1;display:grid;gap:4px;margin:2px 0 4px 18px;padding:2px 0 2px 10px;border-left:1px solid rgba(255,255,255,.16)}.submenu.collapsed{display:none}.submenu button{height:var(--subnav-item-h)!important;min-height:var(--subnav-item-h)!important;padding:0 10px!important;font-size:12.5px!important;font-weight:700!important;color:rgba(203,225,231,.72)!important;border-radius:var(--nav-radius)!important}.submenu button:hover,.submenu button:focus-visible{background:rgba(255,255,255,.08)!important;color:#fff!important}.submenu button.active{background:rgba(255,255,255,.16)!important;color:#fff!important}
.settings-nav .gear{width:18px;min-width:18px;text-align:center;font-size:16px}.nav-footer .settings-nav{justify-content:flex-start!important}.nav-footer button,#logoutForm button{height:42px;min-height:42px}#logoutForm{position:static;margin:0;padding-top:0}#logoutForm button{justify-content:flex-start;color:rgba(226,241,245,.76);border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.sidebar.collapsed{width:var(--sidebar-closed-w);min-width:var(--sidebar-closed-w);padding:12px 10px}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .brand img,.sidebar.collapsed .brand span,.sidebar.collapsed .nav-main,.sidebar.collapsed .nav-footer,.sidebar.collapsed #logoutForm{display:none}.sidebar.collapsed .icon-btn{margin:0 auto;width:38px;height:38px}
.topbar button,.filters button,.dialog-actions button,.form-grid button,.pagination button,.link-btn{min-height:38px;border-radius:var(--nav-radius);display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.1}.topbar button,.filters button,.dialog-actions button,.form-grid button{padding:0 14px}.link-btn{padding:0 11px}.pagination button{padding:0 12px}
@media(max-width:900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar,.sidebar.collapsed{width:100%;min-width:0;height:auto;padding:16px}.sidebar.collapsed .brand{justify-content:flex-start}.sidebar.collapsed .brand img,.sidebar.collapsed .brand span,.sidebar.collapsed .nav-main,.sidebar.collapsed .nav-footer,.sidebar.collapsed #logoutForm{display:inherit}.sidebar.collapsed .nav-main,.sidebar.collapsed .nav-footer{display:grid}.sidebar nav{grid-template-columns:1fr}.nav-group{grid-template-columns:minmax(0,1fr) 38px}.submenu{margin-left:16px}.brand span{display:block}}


/* Kuantic Medicine visual refresh and executive report additions */
:root{--kuantic-deep:#10213f;--kuantic-blue:#176f9f;--kuantic-cyan:#20b7c6;--kuantic-soft:#eef8f8;--kuantic-gold:#c8a95c}
body{background:linear-gradient(180deg,#f7fbfb 0%,#eef6f8 44%,#f6f8fb 100%);color:#162238}
.login-shell{background:linear-gradient(135deg,rgba(16,33,63,.96),rgba(23,111,159,.92)),url('assets/kuantic-logo.png');background-size:cover,240px;background-position:center;background-repeat:no-repeat}
.login-panel{border:1px solid rgba(255,255,255,.62);box-shadow:0 28px 80px rgba(16,33,63,.28)}
.login-panel button,.topbar button,.filters button,.dialog-actions button,.form-grid button{background:linear-gradient(135deg,var(--kuantic-blue),var(--kuantic-cyan));box-shadow:0 8px 18px rgba(23,111,159,.16)}
.sidebar{background:linear-gradient(180deg,#10213f 0%,#123a57 52%,#176f9f 100%)}
.brand img,.login-logo{background:#fff;border:1px solid rgba(200,169,92,.32)}
.sidebar nav button.active,.sidebar nav button.nav-parent.active{color:#10213f;background:linear-gradient(135deg,#fff,#eef8f8);box-shadow:0 10px 22px rgba(16,33,63,.2)}
.topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(23,111,159,.14)}
.topbar h1,.section-intro h2{color:var(--kuantic-deep)}
.eyebrow{color:var(--kuantic-blue)}
.card,.table-wrap,.email-report-html{border-color:rgba(23,111,159,.16);box-shadow:0 12px 30px rgba(16,33,63,.06)}
.metric{position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--kuantic-cyan),var(--kuantic-gold))}.metric b{color:var(--kuantic-deep)}
.bar i{background:linear-gradient(90deg,var(--kuantic-blue),var(--kuantic-cyan))}
.context-note{margin:12px 0 16px;padding:12px 14px;background:#fff;border:1px solid rgba(23,111,159,.18);border-left:4px solid var(--kuantic-cyan);border-radius:8px;color:#536174;line-height:1.45}
.context-note b{color:var(--kuantic-deep)}
.agenda-pro-card{margin:16px 0;background:linear-gradient(180deg,#fff 0%,#f7fcfc 100%)}
.agenda-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.source-report{padding:0;overflow:hidden}.source-report .panel-head{padding:18px 18px 0}.source-report-frame{height:760px;border:0;border-top:1px solid var(--line);border-radius:0;background:white}
@media(max-width:1100px){.agenda-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.agenda-metrics{grid-template-columns:1fr}.source-report-frame{height:640px}}


/* period selector refinements */
.period-control{align-items:end;background:#fff;border:1px solid rgba(23,111,159,.16);border-radius:8px;padding:12px;box-shadow:0 8px 22px rgba(16,33,63,.05)}
.period-presets{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-right:4px}
.period-chip{min-height:36px!important;padding:0 12px!important;background:#f1f7f8!important;color:#176f9f!important;border:1px solid rgba(23,111,159,.18)!important;box-shadow:none!important}
.period-chip.active,.period-chip:hover{background:#176f9f!important;color:#fff!important;border-color:#176f9f!important}
.secondary-btn{background:#fff!important;color:#176f9f!important;border:1px solid rgba(23,111,159,.28)!important;box-shadow:none!important}
.period-control input{min-width:150px}
@media(max-width:900px){.period-control{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.period-presets{grid-column:1 / -1}.period-control button{width:100%}.period-control label{min-width:0}.period-control input{min-width:0;width:100%}}


/* Auto Centro-style sidebar adapted to Kuantic colors */
:root{--kuantic-sidebar:#10213f;--kuantic-sidebar-2:#176f9f;--kuantic-active-ink:#10213f;--kuantic-nav-muted:rgba(235,249,251,.78)}
.app-shell{grid-template-columns:280px minmax(0,1fr)}
.app-shell.sidebar-collapsed{grid-template-columns:86px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;width:auto;min-width:0;display:flex;flex-direction:column;padding:18px 14px;background:linear-gradient(180deg,var(--kuantic-sidebar),#123a57 58%,var(--kuantic-sidebar-2));border-right:1px solid rgba(255,255,255,.08);transition:width .18s ease,padding .18s ease;z-index:10;overflow:hidden}
.brand{display:flex;align-items:center;gap:12px;min-height:52px;margin:0 0 22px;padding:0}.brand img{width:46px;height:46px;flex:0 0 46px;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:4px}.brand span{flex:1;min-width:0;font-size:17px;font-weight:850;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:38px;height:38px;min-width:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;box-shadow:none}
.nav-main,.nav-footer{display:grid;gap:6px;margin:0;padding:0}.nav-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.nav-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.nav-group{display:grid!important;grid-template-columns:minmax(0,1fr) 38px;gap:4px;align-items:start}.nav-group>.submenu{grid-column:1 / -1}.sidebar nav button,#logoutForm button{height:44px;min-height:44px;display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:var(--kuantic-nav-muted);text-align:left;padding:0 12px;border-radius:8px;font-size:13.5px;font-weight:760;line-height:1.15;box-shadow:none;transition:background .15s ease,color .15s ease}.sidebar nav button:hover,.sidebar nav button:focus-visible,#logoutForm button:hover,#logoutForm button:focus-visible{background:rgba(255,255,255,.10);color:#fff;outline:none}.sidebar nav button.active,.sidebar nav button.nav-parent.active{background:#fff;color:var(--kuantic-active-ink);box-shadow:0 10px 22px rgba(16,33,63,.18)}
.submenu-toggle{width:38px!important;height:44px!important;min-height:44px!important;padding:0!important;justify-content:center!important;text-align:center!important}.submenu-toggle span{font-size:14px;line-height:1;transition:transform .16s ease}.nav-group.open .submenu-toggle span{transform:rotate(0deg)}.nav-group:not(.open) .submenu-toggle span{transform:rotate(-90deg)}.submenu{display:grid;gap:4px;margin:2px 0 4px 20px;padding:2px 0 2px 10px;border-left:1px solid rgba(255,255,255,.18)}.submenu.collapsed{display:none}.submenu button{height:auto!important;min-height:38px!important;padding:9px 10px!important;font-size:13px!important;color:rgba(235,249,251,.70)!important;border-radius:8px!important}.submenu button:hover,.submenu button:focus-visible{background:rgba(255,255,255,.08)!important;color:#fff!important}.submenu button.active{background:rgba(255,255,255,.16)!important;color:#fff!important}
#logoutForm{position:static;margin:10px 0 0;padding-top:0}#logoutForm button{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);justify-content:flex-start}.sidebar.collapsed{width:86px;min-width:86px;padding:18px 14px}.sidebar.collapsed .brand span,.sidebar.collapsed .nav-main span,.sidebar.collapsed .nav-footer span,.sidebar.collapsed #logoutForm{display:none}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .brand img{display:block;width:46px;height:46px}.sidebar.collapsed .icon-btn{margin-left:0}.sidebar.collapsed .nav-group{grid-template-columns:1fr}.sidebar.collapsed .submenu,.sidebar.collapsed .submenu-toggle{display:none!important}.sidebar.collapsed nav button{justify-content:center;padding:0}.sidebar.collapsed nav button::first-letter{font-weight:900}.content{min-width:0}
@media(max-width:900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar,.sidebar.collapsed{width:100%;min-width:0;height:auto;position:relative;padding:16px}.sidebar.collapsed .brand span,.sidebar.collapsed .nav-main span,.sidebar.collapsed .nav-footer span,.sidebar.collapsed #logoutForm{display:inline}.sidebar.collapsed .nav-main,.sidebar.collapsed .nav-footer{display:grid}.sidebar.collapsed .submenu-toggle{display:flex!important}.sidebar.collapsed .submenu{display:grid}.sidebar.collapsed .submenu.collapsed{display:none}.sidebar.collapsed .nav-group{grid-template-columns:minmax(0,1fr) 38px}.sidebar nav button{justify-content:flex-start}}


/* Final Auto Centro navigation parity for Kuantic */
:root{--kuantic-nav-a:#10213f;--kuantic-nav-b:#176f9f;--kuantic-nav-c:#20b7c6;--kuantic-nav-text:rgba(235,249,251,.80);--kuantic-nav-line:rgba(255,255,255,.18)}
.app-shell{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;min-height:100vh;transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)!important}.sidebar{position:sticky!important;top:0!important;height:100vh!important;width:280px!important;min-width:280px!important;display:flex!important;flex-direction:column!important;padding:18px 14px!important;background:linear-gradient(180deg,var(--kuantic-nav-a),#123a57 58%,var(--kuantic-nav-b))!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important;z-index:10!important;transition:width .18s ease,min-width .18s ease,padding .18s ease,border-color .18s ease!important}.sidebar.collapsed{width:0!important;min-width:0!important;padding:0!important;border-right:0!important}.sidebar.collapsed>*{display:none!important}
.brand-block{display:flex!important;align-items:center!important;gap:12px!important;min-height:52px!important;margin:0 0 26px!important}.brand-logo{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important;text-decoration:none!important;color:#fff!important;padding:6px!important;border-radius:8px!important}.brand-logo img{width:48px!important;height:48px!important;object-fit:contain!important;background:#fff!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:8px!important;padding:4px!important;flex:0 0 48px!important}.brand-logo span{font-size:17px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sidebar-toggle,.sidebar-open{width:38px!important;height:38px!important;min-width:38px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}.sidebar-open{position:static!important;background:#fff!important;color:var(--kuantic-nav-a)!important;border-color:var(--line)!important;margin-right:2px!important}.sidebar-open.hidden{display:none!important}.sidebar-toggle span,.sidebar-open span{font-size:22px!important;line-height:1!important}
.side-nav{display:grid!important;gap:6px!important;margin:0!important;padding:0!important}.nav-main{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important}.nav-footer{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.12)!important;padding-top:12px!important}.nav-group{display:grid!important;gap:4px!important;grid-template-columns:1fr!important}.nav-item,.sidebar nav button,#logoutForm button{height:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;border:0!important;background:transparent!important;color:var(--kuantic-nav-text)!important;text-align:left!important;padding:0 12px!important;border-radius:8px!important;font-size:13.5px!important;font-weight:760!important;line-height:1.15!important;box-shadow:none!important;text-decoration:none!important;transition:background .15s ease,color .15s ease!important}.nav-item:hover,.nav-item:focus-visible,.sidebar nav button:hover,.sidebar nav button:focus-visible,#logoutForm button:hover,#logoutForm button:focus-visible{background:rgba(255,255,255,.10)!important;color:#fff!important;outline:none!important}.nav-item.active,.sidebar nav button.active,.nav-parent.active{background:#fff!important;color:var(--kuantic-nav-a)!important;box-shadow:0 10px 22px rgba(16,33,63,.18)!important}.nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:19px!important;height:19px!important;flex:0 0 19px!important;font-weight:900!important}.nav-parent .submenu-chevron{margin-left:auto!important;width:18px!important;height:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:transform .16s ease!important}.nav-group.open .submenu-chevron{transform:rotate(180deg)!important}.submenu{display:none!important;gap:4px!important;margin:2px 0 4px 20px!important;padding:2px 0 2px 10px!important;border-left:1px solid var(--kuantic-nav-line)!important}.submenu.open{display:grid!important}.submenu.collapsed{display:none!important}.sub-nav-item{min-height:38px!important;height:auto!important;padding:9px 10px!important;font-size:13px!important;color:rgba(235,249,251,.72)!important}.sub-nav-item.active,.sub-nav-item:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}#logoutForm{position:static!important;margin:0!important;padding:0!important}.topbar{align-items:center!important}.link-btn.callbell-link{display:inline-flex;text-decoration:none;white-space:nowrap}.client-table{min-width:980px}
@media(max-width:900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr!important}.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;height:100vh!important;transform:translateX(0);box-shadow:0 24px 70px rgba(16,33,63,.28)}.sidebar.collapsed{transform:translateX(-100%);width:0!important;min-width:0!important}.view{padding:16px}.topbar{padding:16px!important}}

/* final topbar open button placement */
.topbar{justify-content:flex-start!important}.topbar #refreshBtn{margin-left:auto!important}

/* final sidebar reopen pin */
.sidebar-open{margin-left:0!important;margin-right:12px!important;flex:0 0 38px!important}.topbar{gap:14px!important}