:root{--blue:#0b57d0;--dark:#08285a;--bg:#edf3fb;--line:#d9e1ee;--text:#102033;--muted:#667085;--danger:#d92d20}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.shell{display:grid;grid-template-columns:190px 1fr;min-height:100vh}.sidebar{background:#061c3a;color:white;padding:18px 14px}.brand{display:flex;gap:10px;align-items:center;margin-bottom:28px}.brand img{width:64px;height:44px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.brand small{display:block;color:#c8d7ef}.sidebar nav a{display:block;padding:12px 10px;border-radius:9px;text-decoration:none;margin:4px 0}.sidebar nav a.active,.sidebar nav a:hover{background:#17498f}.main{padding:12px 10px 18px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.topbar h1{font-size:28px;margin:0;color:#08285a}.topbar p{margin:5px 0 0;color:#52637a}.btn,button{border:0;border-radius:8px;background:#e7eefb;padding:9px 13px;font-weight:700;text-decoration:none;display:inline-block;cursor:pointer;color:#08285a}.primary{background:#0b57d0!important;color:white!important}.danger{background:#fee4e2!important;color:#b42318!important}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;margin-bottom:18px;box-shadow:0 8px 22px rgba(8,40,90,.05)}table{width:100%;border-collapse:collapse;background:white;border-radius:10px;overflow:hidden}th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}th{background:#f3f6fb;color:#08285a}.form label{display:grid;gap:6px;font-weight:700;margin:10px 0}.form input,.form select,.form textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font:inherit}.form textarea{min-height:78px}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid{display:grid;gap:18px}.g4{grid-template-columns:repeat(4,1fr)}.metric small{color:#667085}.metric strong{display:block;font-size:30px;color:#08285a;margin-top:8px}.status{background:#e7eefb;color:#123a74;border-radius:999px;padding:5px 9px;font-weight:700}.small{color:#667085;font-size:12px}.thumb{width:60px;height:45px;object-fit:cover;border-radius:8px}.preview{max-width:220px;max-height:140px;object-fit:contain;border:1px solid var(--line);border-radius:10px}.section-title{color:#08285a;margin-top:24px}.right{text-align:right}.notice-ok{color:green;font-weight:700}.notice-error{color:#b42318;font-weight:700}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static}.cols,.g4{grid-template-columns:1fr}}
/* OZONIC dashboard v2 */
:root{--navy:#061c3a;--blue:#0b57d0;--blue-soft:#e8f0ff;--surface:#fff;--success:#16804b;--warning:#b66a00;--red:#c9362b;--violet:#6941c6}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f3f6fb}.shell{grid-template-columns:238px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#061c3a 0%,#08285a 100%);padding:22px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(6,28,58,.09)}
.brand{padding:0 8px;margin-bottom:24px}.brand img{width:58px;height:42px}.brand b{letter-spacing:.02em}.brand small{font-size:11px;margin-top:3px}
.sidebar nav{display:grid;gap:3px}.sidebar nav a{display:flex;align-items:center;gap:11px;margin:0;padding:10px 12px;color:#e7effc;font-size:14px}.sidebar nav a span{width:20px;text-align:center;color:#9fc2f8;font-size:17px}.sidebar nav a.active,.sidebar nav a:hover{background:#0b57d0;color:#fff;box-shadow:0 7px 20px rgba(11,87,208,.25)}.sidebar nav a.active span{color:#fff}
.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.sidebar-footer a{display:block;color:#fff;text-decoration:none;padding:10px 12px;border-radius:10px}.sidebar-footer a:hover{background:rgba(255,255,255,.08)}.sidebar-footer small{display:block;color:#b9cae3;margin-top:3px}
.main{padding:0 24px 30px}.topbar{min-height:78px;background:#fff;margin:0 -24px 22px;padding:13px 24px;border-bottom:1px solid #e3e9f2}.breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8491a5}.topbar h1{font-size:24px;margin-top:3px}.topbar-tools{display:flex;align-items:center;gap:12px}.top-date{color:#667085;font-size:13px;background:#f5f7fa;padding:8px 11px;border-radius:9px}
.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.dashboard-hero h2{font-size:27px;margin:3px 0;color:var(--navy)}.dashboard-hero p{margin:0;color:#68768a}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.11em;color:#6f83a0}.hero-actions{display:flex;gap:8px}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.kpi-card{display:flex;gap:13px;background:#fff;border:1px solid #e1e7f0;border-radius:14px;padding:17px;box-shadow:0 7px 20px rgba(8,40,90,.045)}.kpi-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-size:21px;font-weight:800;flex:none}.kpi-icon.blue{background:#e8f0ff;color:#0b57d0}.kpi-icon.green{background:#e7f7ef;color:#16804b}.kpi-icon.red{background:#fff0ee;color:#c9362b}.kpi-icon.violet{background:#f0ebff;color:#6941c6}.kpi-card small,.kpi-card span{display:block}.kpi-card small{color:#64748b;font-size:12px}.kpi-card strong{display:block;font-size:24px;color:#102f5b;margin:3px 0}.kpi-card span{font-size:11px;color:#8491a5}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:14px}.dashboard-main-column,.dashboard-side-column{min-width:0}.dash-panel{background:#fff;border:1px solid #e1e7f0;border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:0 7px 20px rgba(8,40,90,.04)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.panel-heading h3{margin:3px 0 0;color:#102f5b;font-size:18px}.panel-heading>a{font-size:12px;color:#0b57d0;text-decoration:none;font-weight:700}
.project-list{display:grid}.project-row{display:grid;grid-template-columns:36px minmax(150px,1fr) 95px minmax(130px,.75fr) 90px;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #edf1f6;text-decoration:none}.project-row:first-child{border-top:0}.project-row:hover{background:#f8fbff;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:10px}.project-mark{width:34px;height:34px;display:grid;place-items:center;background:#e8f0ff;color:#0b57d0;border-radius:9px;font-weight:800}.project-info b,.project-info span{display:block}.project-info b{font-size:13px;color:#173761}.project-info span,.project-budget small{font-size:11px;color:#7a8798;margin-top:3px}.project-budget b{font-size:12px;color:#173761}.progress-cell>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#79869a}.progress-track{height:6px;background:#e7edf5;border-radius:99px;margin-top:5px;overflow:hidden}.progress-track i{display:block;height:100%;background:#0b57d0;border-radius:99px}.status-pill{justify-self:end;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800}.status-success{background:#e7f7ef;color:#157347}.status-warning{background:#fff5df;color:#a55e00}.status-danger{background:#ffebe8;color:#b42318}.status-neutral{background:#edf1f6;color:#526070}
.finance-bars{display:grid;gap:14px}.finance-line{display:grid;grid-template-columns:125px 1fr 100px;gap:12px;align-items:center;font-size:12px}.finance-line>div{height:10px;background:#edf1f6;border-radius:99px;overflow:hidden}.finance-line i{display:block;height:100%;border-radius:99px}.bar-income{background:#25a665}.bar-cost{background:#e85d4a}.bar-fixed{background:#f0a12a}.finance-line b{text-align:right;color:#173761}
.alert-item{display:flex;gap:11px;align-items:center;border:1px solid #e5eaf1;border-radius:11px;padding:11px;margin-bottom:8px;text-decoration:none}.alert-item>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-weight:900}.alert-item div b,.alert-item div small{display:block}.alert-item div b{font-size:12px;color:#233c60}.alert-item div small{font-size:10px;color:#7b8798;margin-top:3px}.alert-red>span{background:#ffebe8;color:#c9362b}.alert-amber>span{background:#fff3da;color:#b66a00}.alert-green>span{background:#e6f7ee;color:#16804b}.alert-blue>span{background:#e8f0ff;color:#0b57d0}
.team-list{display:grid}.team-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #edf1f6}.team-row:first-child{border-top:0}.avatar{width:32px;height:32px;border-radius:50%;background:#dbe8fb;color:#0b57d0;display:grid;place-items:center;font-weight:800}.team-row b,.team-row small{display:block}.team-row b{font-size:12px;color:#203a5d}.team-row small{font-size:10px;color:#7a8798;margin-top:2px}.presence{font-size:9px;font-weight:800;padding:4px 7px;border-radius:99px}.presence.online{background:#e7f7ef;color:#16804b}.presence.offline{background:#edf1f6;color:#718096}.ai-card{display:flex;gap:12px;background:linear-gradient(135deg,#072a61,#0b57d0);color:#fff;border-radius:14px;padding:17px}.ai-symbol{width:39px;height:39px;border-radius:11px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:20px}.ai-card small,.ai-card b{display:block}.ai-card small{color:#b9d3ff;font-size:9px;letter-spacing:.1em}.ai-card b{margin-top:2px}.ai-card p{font-size:11px;color:#d9e7ff;margin:5px 0 0;line-height:1.4}.empty-state{padding:30px;text-align:center;color:#7a8798;background:#f8fafc;border-radius:10px}
@media(max-width:1180px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.dashboard-side-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-side-column .ai-card{grid-column:1/-1}.project-row{grid-template-columns:36px 1fr 90px 130px}.project-row .status-pill{display:none}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-footer{display:none}.main{padding:0 12px 20px}.topbar{margin:0 -12px 18px;padding:12px}.dashboard-hero{align-items:flex-start;gap:14px}.hero-actions{display:none}}
@media(max-width:650px){.dashboard-kpis,.dashboard-side-column{grid-template-columns:1fr}.project-row{grid-template-columns:34px 1fr}.project-budget,.progress-cell{display:none}.finance-line{grid-template-columns:100px 1fr}.finance-line b{grid-column:2}.top-date{display:none}}
/* OZONIC UI personalization v1 */
html[data-density="compact"]{--ui-body-font:12px;--ui-sidebar-width:196px;--ui-sidebar-y:8px;--ui-sidebar-x:6px;--ui-brand-bottom:8px;--ui-logo-w:44px;--ui-logo-h:31px;--ui-nav-gap:0px;--ui-nav-y:4px;--ui-nav-x:7px;--ui-nav-font:11px;--ui-nav-icon:13px;--ui-main-x:10px;--ui-main-bottom:12px;--ui-topbar-height:46px;--ui-topbar-gap:6px;--ui-topbar-y:4px;--ui-topbar-title:16px;--ui-page-h1:18px;--ui-page-h2:15px;--ui-page-h3:13px;--ui-h1-bottom:5px;--ui-h2-bottom:4px;--ui-h3-bottom:3px;--ui-p-top:2px;--ui-p-bottom:4px;--ui-panel-radius:7px;--ui-panel-pad:7px;--ui-panel-gap:5px;--ui-control-radius:5px;--ui-control-y:3px;--ui-control-x:6px;--ui-control-font:11px;--ui-control-height:28px;--ui-cell-y:4px;--ui-cell-x:5px;--ui-table-font:11px;--ui-form-gap:1px;--ui-form-margin:3px;--ui-textarea-height:40px;--ui-gap:4px;--ui-grid-gap:6px;--ui-small-font:9px;--ui-kpi-pad:6px;--ui-kpi-icon:28px;--ui-kpi-value:16px;--ui-empty-pad:12px;--ui-badge-y:1px;--ui-badge-x:5px}
html[data-density="standard"]{--ui-body-font:14px;--ui-sidebar-width:220px;--ui-sidebar-y:16px;--ui-sidebar-x:10px;--ui-brand-bottom:16px;--ui-logo-w:52px;--ui-logo-h:38px;--ui-nav-gap:2px;--ui-nav-y:8px;--ui-nav-x:10px;--ui-nav-font:13px;--ui-nav-icon:15px;--ui-main-x:18px;--ui-main-bottom:22px;--ui-topbar-height:62px;--ui-topbar-gap:14px;--ui-topbar-y:9px;--ui-topbar-title:20px;--ui-page-h1:22px;--ui-page-h2:18px;--ui-page-h3:15px;--ui-h1-bottom:10px;--ui-h2-bottom:8px;--ui-h3-bottom:6px;--ui-p-top:5px;--ui-p-bottom:8px;--ui-panel-radius:11px;--ui-panel-pad:12px;--ui-panel-gap:10px;--ui-control-radius:7px;--ui-control-y:7px;--ui-control-x:10px;--ui-control-font:13px;--ui-control-height:36px;--ui-cell-y:8px;--ui-cell-x:8px;--ui-table-font:13px;--ui-form-gap:4px;--ui-form-margin:6px;--ui-textarea-height:56px;--ui-gap:8px;--ui-grid-gap:10px;--ui-small-font:11px;--ui-kpi-pad:11px;--ui-kpi-icon:36px;--ui-kpi-value:20px;--ui-empty-pad:24px;--ui-badge-y:3px;--ui-badge-x:7px}
html[data-density="comfortable"]{--ui-body-font:15px;--ui-sidebar-width:238px;--ui-sidebar-y:22px;--ui-sidebar-x:12px;--ui-brand-bottom:24px;--ui-logo-w:58px;--ui-logo-h:42px;--ui-nav-gap:3px;--ui-nav-y:10px;--ui-nav-x:12px;--ui-nav-font:14px;--ui-nav-icon:17px;--ui-main-x:24px;--ui-main-bottom:30px;--ui-topbar-height:78px;--ui-topbar-gap:22px;--ui-topbar-y:13px;--ui-topbar-title:24px;--ui-page-h1:26px;--ui-page-h2:20px;--ui-page-h3:17px;--ui-h1-bottom:14px;--ui-h2-bottom:12px;--ui-h3-bottom:8px;--ui-p-top:6px;--ui-p-bottom:10px;--ui-panel-radius:15px;--ui-panel-pad:18px;--ui-panel-gap:18px;--ui-control-radius:8px;--ui-control-y:10px;--ui-control-x:13px;--ui-control-font:14px;--ui-control-height:42px;--ui-cell-y:11px;--ui-cell-x:10px;--ui-table-font:14px;--ui-form-gap:6px;--ui-form-margin:10px;--ui-textarea-height:78px;--ui-gap:12px;--ui-grid-gap:18px;--ui-small-font:12px;--ui-kpi-pad:17px;--ui-kpi-icon:43px;--ui-kpi-value:24px;--ui-empty-pad:30px;--ui-badge-y:4px;--ui-badge-x:8px}

@media(min-width:901px){
body{font-size:var(--ui-body-font)}
.shell{grid-template-columns:var(--ui-sidebar-width) minmax(0,1fr)}
.sidebar{padding:var(--ui-sidebar-y) var(--ui-sidebar-x)}
.brand{padding:0 7px;margin-bottom:var(--ui-brand-bottom)}
.brand img{width:var(--ui-logo-w);height:var(--ui-logo-h)}
.sidebar nav{gap:var(--ui-nav-gap)}
.sidebar nav a{gap:var(--ui-gap);padding:var(--ui-nav-y) var(--ui-nav-x);font-size:var(--ui-nav-font)}
.sidebar nav a span{width:18px;font-size:var(--ui-nav-icon)}
.sidebar-footer{padding-top:var(--ui-gap)}
.sidebar-footer a{padding:var(--ui-nav-y) var(--ui-nav-x)}
.main{padding:0 var(--ui-main-x) var(--ui-main-bottom)}
.topbar{min-height:var(--ui-topbar-height);margin:0 calc(0px - var(--ui-main-x)) var(--ui-topbar-gap);padding:var(--ui-topbar-y) var(--ui-main-x)}
.topbar h1{font-size:var(--ui-topbar-title);margin-top:2px}
.topbar p{margin-top:2px}
.breadcrumb{font-size:var(--ui-small-font)}
.topbar-tools{gap:var(--ui-gap)}
.topbar-heading{display:grid;align-content:center;justify-items:start}
.topbar-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:2px;color:#0b57d0;text-decoration:none;font-size:var(--ui-small-font);font-weight:800}
.topbar-back:hover{text-decoration:underline}
.top-date{padding:var(--ui-control-y) var(--ui-control-x);font-size:var(--ui-small-font)}
h1{font-size:var(--ui-page-h1)}h2{font-size:var(--ui-page-h2)}h3{font-size:var(--ui-page-h3)}
.main h1,.main h2,.main h3{line-height:1.2;margin-top:0}.main h1{margin-bottom:var(--ui-h1-bottom)}.main h2{margin-bottom:var(--ui-h2-bottom)}.main h3{margin-bottom:var(--ui-h3-bottom)}.main p{margin-top:var(--ui-p-top);margin-bottom:var(--ui-p-bottom);line-height:1.35}
.panel,.card{border-radius:var(--ui-panel-radius);padding:var(--ui-panel-pad);margin-bottom:var(--ui-panel-gap)}
.btn,button{border-radius:var(--ui-control-radius);padding:var(--ui-control-y) var(--ui-control-x);font-size:var(--ui-control-font)}
.actions{gap:var(--ui-gap)}
th,td{padding:var(--ui-cell-y) var(--ui-cell-x);font-size:var(--ui-table-font);line-height:1.3}
.form label{gap:var(--ui-form-gap);margin:var(--ui-form-margin) 0;font-size:var(--ui-control-font)}
.form input,.form select,.form textarea{border-radius:var(--ui-control-radius);padding:var(--ui-control-y) var(--ui-control-x);font-size:var(--ui-control-font)}
.form input,.form select{min-height:var(--ui-control-height)}
.form textarea{min-height:var(--ui-textarea-height)}
.cols{gap:var(--ui-gap)}
.grid{gap:var(--ui-grid-gap)}
.section-title{margin-top:var(--ui-grid-gap);margin-bottom:var(--ui-gap)}
.metric strong{font-size:var(--ui-kpi-value);margin-top:2px}
.status{padding:var(--ui-badge-y) var(--ui-badge-x)}
.dashboard-hero{margin-bottom:var(--ui-panel-gap)}
.dashboard-hero h2{font-size:var(--ui-page-h1)}
.dashboard-kpis{gap:var(--ui-panel-gap);margin-bottom:var(--ui-panel-gap)}
.kpi-card{gap:var(--ui-gap);border-radius:var(--ui-panel-radius);padding:var(--ui-kpi-pad)}
.kpi-icon{width:var(--ui-kpi-icon);height:var(--ui-kpi-icon);border-radius:var(--ui-control-radius);font-size:var(--ui-page-h3)}
.kpi-card small{font-size:var(--ui-small-font)}
.kpi-card strong{font-size:var(--ui-kpi-value);margin:1px 0}
.dashboard-columns{gap:var(--ui-panel-gap)}
.dash-panel{border-radius:var(--ui-panel-radius);padding:var(--ui-panel-pad);margin-bottom:var(--ui-panel-gap)}
.panel-heading{margin-bottom:var(--ui-gap)}
.panel-heading h3{font-size:var(--ui-page-h3)}
.project-row{gap:var(--ui-gap);padding:var(--ui-cell-y) 0}
.finance-bars{gap:var(--ui-grid-gap)}
.alert-item{gap:var(--ui-gap);border-radius:var(--ui-control-radius);padding:var(--ui-cell-y);margin-bottom:var(--ui-gap)}
.team-row{padding:var(--ui-cell-y) 0}
.ai-card{gap:var(--ui-gap);border-radius:var(--ui-panel-radius);padding:var(--ui-panel-pad)}
.empty-state{padding:var(--ui-empty-pad)}
}

/* Device-local appearance settings */
.ui-settings-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:var(--ui-panel-gap,12px)}
.ui-settings-heading h2{margin:2px 0 4px}.ui-settings-heading p{max-width:720px;color:#667085}
.ui-preference-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--ui-grid-gap,14px)}
.ui-preference-group{border:1px solid var(--line);border-radius:var(--ui-panel-radius,12px);padding:var(--ui-panel-pad,14px);background:#f8fafc}
.ui-preference-group h3{margin:0 0 var(--ui-gap,8px)}
.ui-choice-list{display:grid;gap:var(--ui-gap,8px)}.ui-density-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
button.ui-choice{width:100%;min-height:62px;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;border:1px solid #d9e1ee;background:#fff;color:#173761;box-shadow:none}
button.ui-choice:hover{border-color:#9bbcf0;background:#f5f9ff}
button.ui-choice.is-active{border:2px solid var(--blue);background:#edf4ff;padding:calc(var(--ui-control-y,7px) - 1px) calc(var(--ui-control-x,10px) - 1px)}
.ui-choice b,.ui-choice small{display:block}.ui-choice b{align-self:end}.ui-choice small{align-self:start;color:#6b788b;font-weight:400;line-height:1.25}
.ui-density-icon,.ui-theme-swatch{grid-row:1/3;width:34px;height:34px;border-radius:8px;overflow:hidden}
.ui-density-icon{display:grid;align-content:center;gap:3px;padding:6px;background:#e8f0ff}.ui-density-icon i{display:block;height:3px;border-radius:9px;background:#0b57d0}.density-compact i{height:2px}.density-comfortable{gap:5px}.density-auto i:nth-child(1){width:100%}.density-auto i:nth-child(2){width:75%}.density-auto i:nth-child(3){width:50%}
.ui-theme-swatch{display:grid;grid-template-columns:11px 1fr;border:1px solid #d9e1ee}.ui-theme-swatch i:first-child{background:#08285a}.ui-theme-swatch i:last-child{background:#f3f6fb}.theme-graphite i:first-child{background:#1f2937}.theme-graphite i:last-child{background:#f3f4f6}.theme-light i:first-child{background:#fff}.theme-light i:last-child{background:#edf3fb}
.ui-settings-note{margin-top:var(--ui-gap,8px);font-size:var(--ui-small-font,11px);color:#667085}
@media(max-width:1050px){.ui-preference-grid{grid-template-columns:1fr}.ui-theme-choices{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ui-settings-heading{display:block}.ui-settings-heading .btn{margin-top:8px}.ui-density-choices,.ui-theme-choices{grid-template-columns:1fr}}

/* Offers action row */
.table-scroll{width:100%;overflow-x:auto;border-radius:var(--ui-panel-radius,10px)}
.offers-table{min-width:920px}.offers-table .offer-actions-cell{width:1%;white-space:nowrap}
.offers-table .offer-actions{flex-wrap:nowrap}.offers-table .offer-actions .btn{flex:0 0 auto;white-space:nowrap}

/* Visual skins */
html[data-theme="graphite"]{--blue:#0f766e;--navy:#111827;--bg:#f3f4f6;--line:#d1d5db}
html[data-theme="graphite"] body{background:#f3f4f6}
html[data-theme="graphite"] .sidebar{background:linear-gradient(180deg,#111827 0%,#1f2937 100%)}
html[data-theme="graphite"] .sidebar nav a.active,html[data-theme="graphite"] .sidebar nav a:hover{background:#0f766e;box-shadow:0 7px 20px rgba(15,118,110,.22)}
html[data-theme="graphite"] .primary{background:#0f766e!important}
html[data-theme="graphite"] .kpi-icon.blue{background:#dff5f1;color:#0f766e}
html[data-theme="graphite"] .progress-track i{background:#0f766e}
html[data-theme="graphite"] .ai-card{background:linear-gradient(135deg,#111827,#0f766e)}
html[data-theme="light"]{--blue:#0b57d0;--navy:#173761;--bg:#f6f8fb;--line:#dbe3ee}
html[data-theme="light"] body{background:#f6f8fb}
html[data-theme="light"] .sidebar{background:#fff;color:#173761;border-right:1px solid #dbe3ee;box-shadow:6px 0 24px rgba(8,40,90,.05)}
html[data-theme="light"] .brand b{color:#08285a}html[data-theme="light"] .brand small{color:#667085}
html[data-theme="light"] .sidebar nav a{color:#334e73}html[data-theme="light"] .sidebar nav a span{color:#6684aa}
html[data-theme="light"] .sidebar nav a.active,html[data-theme="light"] .sidebar nav a:hover{background:#e8f0ff;color:#0b57d0;box-shadow:none}
html[data-theme="light"] .sidebar nav a.active span{color:#0b57d0}
html[data-theme="light"] .sidebar-footer{border-top-color:#dbe3ee}html[data-theme="light"] .sidebar-footer a{color:#173761}html[data-theme="light"] .sidebar-footer small{color:#667085}
html[data-theme="light"] .sidebar-footer a:hover{background:#f1f5fb}
html[data-theme="light"] .primary{background:#0b57d0!important}

/* OZONIC menu configurator */
.menu-config-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-grid-gap,10px);margin-bottom:var(--ui-panel-gap,10px)}.menu-config-heading h2{margin:2px 0 4px}.menu-config-heading p{margin:0;color:#667085;max-width:760px}.menu-config-count{flex:0 0 auto;background:#e8f0ff;color:#17498f;border-radius:999px;padding:6px 10px;font-size:var(--ui-control-font,13px)}
.menu-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ui-gap,8px);margin-bottom:var(--ui-panel-gap,10px)}.form .menu-preset{display:block;margin:0;cursor:pointer}.menu-preset>input{position:absolute;opacity:0;pointer-events:none}.menu-preset>span{display:block;height:100%;border:1px solid #d9e1ee;border-radius:var(--ui-panel-radius,10px);padding:var(--ui-kpi-pad,11px);background:#fff}.menu-preset b,.menu-preset small{display:block}.menu-preset small{color:#667085;margin-top:3px;font-weight:400}.menu-preset input:checked+span{border-color:#0b57d0;background:#eef5ff;box-shadow:inset 0 0 0 1px #0b57d0}.menu-preset input:focus-visible+span{outline:2px solid #0b57d0;outline-offset:2px}
.menu-modules-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-gap,8px);margin:var(--ui-panel-gap,10px) 0 var(--ui-gap,8px)}.menu-modules-heading h3{margin:0}.menu-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-gap,8px)}.form .menu-module{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 36px;align-items:center;gap:var(--ui-gap,8px);margin:0;border:1px solid #d9e1ee;border-radius:var(--ui-panel-radius,10px);padding:var(--ui-kpi-pad,11px);background:#f8fafc;cursor:pointer}.menu-module>input{position:absolute;opacity:0;pointer-events:none}.menu-module.is-enabled{background:#fff;border-color:#a8c5ef}.menu-module-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#edf1f6;color:#526070;font-weight:800}.menu-module.is-enabled .menu-module-icon{background:#e8f0ff;color:#0b57d0}.menu-module-copy b,.menu-module-copy small{display:block}.menu-module-copy small{color:#667085;font-size:var(--ui-small-font,11px);font-weight:400;margin-top:2px}.menu-switch{width:34px;height:19px;border-radius:99px;background:#cdd5df;position:relative}.menu-switch:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.15s}.menu-module.is-enabled .menu-switch{background:#0b57d0}.menu-module.is-enabled .menu-switch:after{left:18px}.menu-module:focus-within{outline:2px solid #0b57d0;outline-offset:2px}
.menu-config-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-grid-gap,10px);margin-top:var(--ui-panel-gap,10px);padding-top:var(--ui-panel-gap,10px);border-top:1px solid #eaecf0}.menu-config-footer b,.menu-config-footer small{display:block}.menu-config-footer small{color:#667085;margin-top:3px}
@media(max-width:1100px){.menu-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.menu-config-heading,.menu-config-footer{display:block}.menu-config-count{display:inline-block;margin-top:8px}.menu-preset-grid,.menu-module-grid{grid-template-columns:1fr}.menu-config-footer .primary{width:100%;margin-top:10px}}


/* OZONIC AI pilot */
.ai-card{text-decoration:none}
.ai-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-grid-gap,14px);margin-bottom:var(--ui-panel-gap,12px)}
.ai-page-head h2{margin:2px 0 4px}.ai-page-head p{margin:0;color:#667085;max-width:760px}.ai-page-head>.actions{flex:0 0 auto}
.ai-connection{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:var(--ui-small-font,11px);font-weight:800;white-space:nowrap}
.ai-connection i{width:8px;height:8px;border-radius:50%}.ai-connection.ready{background:#dcfce7;color:#166534}.ai-connection.ready i{background:#16a34a}.ai-connection.missing{background:#fee4e2;color:#b42318}.ai-connection.missing i{background:#b42318}
.ai-notice{background:#fff;border:1px solid currentColor;border-radius:var(--ui-control-radius,8px);padding:var(--ui-control-y,8px) var(--ui-control-x,11px)}
.ai-setup-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff8e7;border-color:#f1d48a}.ai-setup-callout b,.ai-setup-callout small{display:block}.ai-setup-callout small{color:#6b5b2f;margin-top:3px}
.ai-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:var(--ui-panel-gap,12px);align-items:start}.ai-workspace>section,.ai-workspace>aside{min-width:0}
.ai-command-panel textarea{min-height:112px}.ai-safety-line{display:flex;gap:10px;align-items:center;border-radius:var(--ui-control-radius,8px);background:#eef5ff;padding:var(--ui-kpi-pad,10px);margin-bottom:var(--ui-gap,8px)}.ai-safety-line>span{width:34px;height:34px;flex:none;border-radius:9px;background:#0b57d0;color:#fff;display:grid;place-items:center;font-size:18px}.ai-safety-line b,.ai-safety-line small{display:block}.ai-safety-line small{color:#667085;margin-top:2px}
.ai-quick-prompts{display:flex;gap:var(--ui-gap,7px);flex-wrap:wrap;margin:var(--ui-gap,8px) 0}.ai-quick-prompts button{border:1px solid #d9e1ee;background:#f8fafc;color:#173761}.ai-quick-prompts button:hover{border-color:#9bbcf0;background:#eef5ff}
.ai-submit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:var(--ui-gap,8px)}.ai-submit-row small{color:#667085;max-width:520px}.ai-submit-row button:disabled{opacity:.55;cursor:not-allowed}
.ai-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ai-result-head h2{font-size:var(--ui-page-h3,17px);margin:3px 0}.ai-summary{background:#f7f9fc;border-radius:var(--ui-control-radius,8px);padding:var(--ui-kpi-pad,11px);margin:var(--ui-gap,8px) 0}.ai-summary b{color:#08285a}.ai-summary p{white-space:normal}
.ai-result-section{border-left:3px solid #0b57d0;padding-left:var(--ui-gap,8px);margin:var(--ui-panel-gap,10px) 0}.ai-result-section.risks{border-color:#f0a12a}.ai-result-section ul{margin:4px 0;padding-left:18px}.ai-result-section li{margin:4px 0;line-height:1.4}
.ai-action-list{display:grid;gap:var(--ui-gap,8px)}.ai-action-draft{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:1px solid #d9e1ee;border-radius:var(--ui-control-radius,8px);padding:var(--ui-kpi-pad,11px);background:#fff}.ai-action-draft span{display:inline-block;border-radius:99px;padding:3px 7px;background:#e8f0ff;color:#17498f;font-size:var(--ui-small-font,10px);font-weight:800}.ai-action-draft b{display:block;color:#08285a;margin-top:5px}.ai-action-draft p{color:#526070}.ai-action-draft>strong{align-self:start;color:#9a6700;background:#fff3cd;border-radius:99px;padding:4px 7px;font-size:var(--ui-small-font,10px);white-space:nowrap}
.ai-no-action{margin-top:var(--ui-gap,8px);background:#fff8e7;border:1px solid #f1d48a;color:#6a520c;border-radius:var(--ui-control-radius,8px);padding:var(--ui-kpi-pad,10px)}.ai-run-meta{font-size:var(--ui-small-font,10px);color:#8491a5;margin-top:var(--ui-gap,8px)}
.ai-context-panel h3{margin-bottom:var(--ui-gap,8px)}.ai-context-panel>div{display:flex;justify-content:space-between;gap:10px;padding:var(--ui-cell-y,7px) 0;border-top:1px solid #edf1f6}.ai-context-panel>div:first-of-type{border-top:0}.ai-context-panel>small{display:block;color:#667085;margin-top:var(--ui-gap,8px);line-height:1.4}
.ai-history-panel .panel-heading{align-items:center}.ai-history-panel .panel-heading>span{background:#edf1f6;border-radius:99px;padding:3px 7px;font-size:var(--ui-small-font,10px)}.ai-history-panel>a{display:grid;grid-template-columns:9px minmax(0,1fr);gap:8px;align-items:center;text-decoration:none;padding:var(--ui-cell-y,7px) 0;border-top:1px solid #edf1f6}.ai-history-panel>a.active{background:#f3f7fd;margin:0 calc(0px - var(--ui-gap,8px));padding-left:var(--ui-gap,8px);padding-right:var(--ui-gap,8px);border-radius:7px}.ai-history-panel>a>span{width:9px;height:9px;border-radius:50%}.ai-history-panel>a>span.ok{background:#16a34a}.ai-history-panel>a>span.bad{background:#b42318}.ai-history-panel a b,.ai-history-panel a small{display:block}.ai-history-panel a b{font-size:var(--ui-control-font,12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-history-panel a small{font-size:var(--ui-small-font,10px);color:#8491a5;margin-top:2px}
.ai-settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:var(--ui-panel-gap,12px);align-items:start}.ai-settings-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ai-settings-title h2{margin:2px 0 4px}.ai-settings-title p{color:#667085}.form label.ai-check{display:flex;align-items:center;gap:8px}.form label.ai-check input{width:auto;min-height:0}.ai-info{background:#eef5ff;color:#315375;border-radius:var(--ui-control-radius,8px);padding:var(--ui-kpi-pad,10px)}.ai-security-card ul{padding-left:18px}.ai-security-card li{margin:6px 0;line-height:1.4}
@media(max-width:1050px){.ai-workspace{grid-template-columns:1fr}.ai-workspace>aside{display:grid;grid-template-columns:1fr 1fr;gap:var(--ui-panel-gap,12px)}.ai-settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.ai-page-head,.ai-result-head,.ai-submit-row,.ai-settings-title,.ai-setup-callout{display:block}.ai-page-head>.actions,.ai-submit-row small,.ai-setup-callout .btn{margin-top:9px}.ai-workspace>aside{display:block}.ai-action-draft{grid-template-columns:1fr}.ai-action-draft>strong{justify-self:start}}
/* OZONIC AI draft inbox v2 */
.ai-web-toggle{display:flex!important;align-items:flex-start;gap:9px;background:#f5f8fc;border:1px solid var(--line);border-radius:9px;padding:9px;margin:9px 0}.ai-web-toggle input{width:auto!important;margin-top:3px}.ai-web-toggle span,.ai-web-toggle b,.ai-web-toggle small{display:block}.ai-web-toggle small{font-weight:400;color:#667085;margin-top:2px}.ai-artifact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:7px 0 10px}.ai-artifact-list a{display:block;text-decoration:none;color:#08285a;background:#f0f7ff;border:1px solid #cfe0f7;border-radius:10px;padding:10px}.ai-artifact-list span,.ai-artifact-list b,.ai-artifact-list small{display:block}.ai-artifact-list span{font-size:10px;color:#0b57d0;font-weight:800;text-transform:uppercase}.ai-artifact-list b{margin:5px 0}.ai-artifact-list small{color:#526070}.ai-draft-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.ai-draft-stats a{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;text-decoration:none;color:#40546e}.ai-draft-stats a.active{border-color:#0b57d0;box-shadow:0 0 0 2px rgba(11,87,208,.08)}.ai-draft-stats b{font-size:18px;color:#08285a}.ai-drafts-layout{display:grid;grid-template-columns:minmax(230px,31%) minmax(0,1fr);gap:10px;align-items:start}.ai-draft-list{padding:7px}.ai-draft-list .panel-heading{padding:6px 7px}.ai-draft-list>a{display:grid;grid-template-columns:35px minmax(0,1fr);gap:8px;align-items:center;padding:9px 7px;border-top:1px solid #edf1f6;text-decoration:none;color:#102033;border-radius:8px}.ai-draft-list>a.active{background:#eaf2ff}.ai-draft-type-icon{width:35px;height:35px;border-radius:9px;background:#e7eefb;color:#0b57d0;display:grid;place-items:center;font-size:11px;font-weight:900}.ai-draft-list small,.ai-draft-list b,.ai-draft-list em{display:block}.ai-draft-list small{font-size:9px;color:#667085;text-transform:uppercase}.ai-draft-list b{font-size:12px;margin:3px 0;overflow:hidden;text-overflow:ellipsis}.ai-draft-list em{font-size:9px;color:#8491a5;font-style:normal}.ai-draft-detail{padding:13px}.ai-draft-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #edf1f6;padding-bottom:10px;margin-bottom:9px}.ai-draft-detail-head h2{margin:2px 0;font-size:18px}.ai-draft-detail-head p{margin:2px 0;color:#667085}.ai-draft-status{display:inline-flex;white-space:nowrap;border-radius:99px;padding:5px 8px;background:#fff3cd;color:#7a4b00;font-size:10px;font-weight:800}.ai-draft-status.approved{background:#dcfce7;color:#166534}.ai-draft-status.rejected{background:#fee4e2;color:#b42318}.ai-draft-content{min-height:210px;line-height:1.45}.ai-edit-fields{background:#f8fbff;border:1px solid #dce6f3;border-radius:10px;padding:11px;margin:10px 0}.ai-edit-fields h3,.ai-edit-fields p{margin:0 0 6px}.ai-edit-fields p{color:#667085}.ai-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}.ai-fields-grid label{margin:0}.ai-fields-grid textarea{min-height:65px}.ai-safety-note{background:#fff8e7;border:1px solid #f1d48a;border-radius:9px;color:#6a520c;padding:8px;margin-top:8px}.ai-draft-sources{margin:11px 0}.ai-draft-sources a{display:block;background:#f5f8fc;border-radius:8px;padding:8px;margin:5px 0;text-decoration:none;color:#17498f;overflow-wrap:anywhere}.ai-draft-sources b,.ai-draft-sources small{display:block}.ai-draft-sources small{color:#667085;margin-top:2px}.ai-decision-note{min-height:60px!important}.ai-decision-bar{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:#fff;border-top:1px solid #edf1f6;padding:10px 0 0;margin-top:10px}.ai-decision-record{background:#f5f8fc;border-radius:9px;padding:10px}.ai-decision-record b,.ai-decision-record span{display:block}.ai-decision-record span{color:#667085;margin-top:3px}.ai-decision-record .btn{display:inline-block;margin-top:7px}
@media(max-width:850px){.ai-drafts-layout{grid-template-columns:1fr}.ai-draft-list{max-height:270px;overflow:auto}.ai-draft-stats{grid-template-columns:1fr 1fr}.ai-fields-grid,.ai-artifact-list{grid-template-columns:1fr}}

/* OZONIC AI document workspace v3 */
.ai-page-head--workspace{align-items:flex-start}.ai-page-head--compact{align-items:flex-start}
.ai-question-panel textarea{min-height:132px;font-size:15px;line-height:1.45}
.ai-focused-result{border-top:3px solid #0b57d0}.ai-direct-answer{font-size:20px;line-height:1.42;font-weight:800;color:#08285a;background:#eef5ff;border-left:4px solid #0b57d0;border-radius:9px;padding:14px;margin:10px 0}
.ai-key-points>div{display:grid;grid-template-columns:25px minmax(0,1fr);gap:5px;padding:8px 0;border-bottom:1px solid #edf1f6}.ai-key-points>div:last-child{border-bottom:0}.ai-key-points span{color:#16794b;font-size:16px;font-weight:900}.ai-key-points p{margin:0;line-height:1.45}
.ai-caveats,.ai-proposals{border:1px solid #e8d18a;background:#fff9e9;border-radius:9px;padding:9px 11px;margin-top:10px}.ai-caveats summary,.ai-proposals summary{font-weight:800;color:#725813;cursor:pointer}.ai-caveats ul{margin:8px 0 0;padding-left:18px}.ai-caveats li{margin:5px 0}
.ai-proposals{border-color:#d9e1ee;background:#f8fafc}.ai-proposals summary{color:#173761}.ai-proposals article{padding:8px 0;border-top:1px solid #e7edf4}.ai-proposals article:first-of-type{margin-top:7px}.ai-proposals article p{margin:3px 0 0;color:#526070}
.ai-result-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.ai-approval-callout{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff8e7;border:1px solid #edd79a;border-radius:9px;padding:10px;margin-top:10px}.ai-approval-callout b,.ai-approval-callout small{display:block}.ai-approval-callout small{color:#725813;margin-top:2px}
.ai-library-shortcut span{color:#667085}.ai-library-shortcut>b{display:block;color:#08285a;font-size:32px;margin:4px 0}.ai-library-shortcut p{color:#526070;margin:0 0 10px;line-height:1.4}
.ai-document-layout{display:grid;grid-template-columns:minmax(260px,31%) minmax(0,1fr);gap:10px;align-items:start}.ai-document-browser{padding:9px;position:sticky;top:8px;max-height:calc(100vh - 110px);overflow:auto}
.ai-document-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.ai-document-search input{min-width:0}.ai-document-search button{border:0;border-radius:var(--ui-control-radius,7px);background:#0b57d0;color:#fff;font-weight:800;padding:0 11px}
.ai-document-tabs{display:flex;gap:5px;margin:8px 0}.ai-document-tabs a{flex:1;text-align:center;text-decoration:none;background:#f3f6fa;color:#526070;border-radius:8px;padding:7px;font-size:10px;font-weight:800}.ai-document-tabs a.active{background:#0b57d0;color:#fff}
.ai-document-list>a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;padding:9px 7px;border-top:1px solid #edf1f6;border-radius:8px;text-decoration:none;color:#102033}.ai-document-list>a.active{background:#eaf2ff}.ai-document-list>a>span{color:#0b57d0}.ai-document-list b,.ai-document-list small{display:block}.ai-document-list b{font-size:12px;line-height:1.3}.ai-document-list small{font-size:9px;color:#667085;margin-top:3px}.ai-document-list small.asked{font-size:10px;color:#40546e;line-height:1.35;white-space:normal}
.ai-document-detail{padding:16px}.ai-document-detail>header{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e6ebf2;padding-bottom:11px}.ai-document-detail>header h1{font-size:22px;margin:3px 0}.ai-document-detail>header p{margin:2px 0;color:#667085}.ai-document-detail>header>.actions{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ai-document-detail>header form{display:flex;gap:6px}
.ai-document-question{background:#f7f9fc;border:1px solid #dce3ed;border-radius:8px;padding:10px 12px;margin:12px 0}.ai-document-question small{display:block;color:#667085;font-size:9px;font-weight:800;letter-spacing:.05em}.ai-document-question p{margin:4px 0 0;line-height:1.45;font-weight:700}.ai-document-answer{font-size:18px;line-height:1.45;font-weight:800;color:#08285a;background:#eef5ff;border-left:4px solid #0b57d0;border-radius:8px;padding:13px;margin:13px 0}.ai-document-key{background:#f8fafc;border-radius:9px;padding:10px 12px}.ai-document-key h3{margin:0}.ai-document-key ul{margin:6px 0 0;padding-left:18px}.ai-document-key li{margin:5px 0}
.ai-document-detail section{border-top:1px solid #edf1f6;padding-top:11px;margin-top:12px}.ai-document-detail section h2{font-size:16px;margin:0 0 6px;color:#0b376f}.ai-document-detail section p{margin:0;line-height:1.55}.ai-table-wrap{overflow:auto}.ai-table-wrap table{width:100%;border-collapse:collapse;font-size:11px}.ai-table-wrap th,.ai-table-wrap td{border:1px solid #d8e0eb;padding:7px;text-align:left;vertical-align:top}.ai-table-wrap th{background:#edf3fb;color:#0b376f}
.ai-document-caveats{background:#fff8e7;border:1px solid #edd79a!important;border-radius:9px;padding:10px 12px!important}.ai-document-caveats ul{margin:6px 0 0;padding-left:18px}.ai-data-source-list>div{border-left:3px solid #9bb8dd;padding:5px 8px;margin:6px 0}.ai-data-source-list b,.ai-data-source-list span{display:block}.ai-data-source-list span{color:#667085;font-size:11px;margin-top:2px}.ai-source-list a{display:block;text-decoration:none;color:#17498f;background:#f5f8fc;border-radius:8px;padding:8px;margin:5px 0;overflow-wrap:anywhere}.ai-source-list b,.ai-source-list small{display:block}.ai-source-list small{color:#667085;margin-top:2px}.ai-document-detail>footer{border-top:1px solid #e4eaf2;color:#7b8798;font-size:9px;margin-top:14px;padding-top:8px}
@media(max-width:1050px){.ai-document-layout{grid-template-columns:1fr}.ai-document-browser{position:static;max-height:none}.ai-document-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.ai-document-list>a{border-top:0;background:#f8fafc}}
@media(max-width:700px){.ai-document-list{grid-template-columns:1fr}.ai-document-detail>header{display:block}.ai-document-detail>header>.actions{justify-content:flex-start;margin-top:9px}.ai-approval-callout{display:block}.ai-approval-callout .btn{margin-top:8px}.ai-direct-answer{font-size:17px}}

.ai-invoice-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-invoice-fields label[data-field-key="offer_id"],.ai-invoice-fields label[data-field-key="notes"]{grid-column:1/-1}.ai-invoice-preview{background:#fff;border:1px solid #cfe0f7;border-radius:10px;padding:10px;margin-top:9px}.ai-invoice-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.ai-invoice-preview-head b,.ai-invoice-preview-head small{display:block}.ai-invoice-preview-head small{color:#667085;margin-top:2px}.ai-invoice-preview-head>span{background:#dcfce7;color:#166534;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800;white-space:nowrap}.ai-invoice-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ai-invoice-totals>div{background:#f5f8fc;border-radius:8px;padding:8px}.ai-invoice-totals small,.ai-invoice-totals b{display:block}.ai-invoice-totals small{color:#667085}.ai-invoice-totals b{color:#08285a;margin-top:3px}.ai-invoice-totals .primary{background:#eaf2ff}.ai-invoice-error{color:#b42318;font-weight:700;margin:7px 0 0}.ai-invoice-error:empty{display:none}
@media(max-width:850px){.ai-invoice-fields{grid-template-columns:1fr}.ai-invoice-fields label[data-field-key="offer_id"],.ai-invoice-fields label[data-field-key="notes"]{grid-column:auto}.ai-invoice-totals{grid-template-columns:1fr 1fr}}

/* OZONIC Studio visual refresh v6.1 */
:root{
  --os-navy:#0a2342;
  --os-navy-2:#102f57;
  --os-blue:#1769e0;
  --os-blue-soft:#eaf2ff;
  --os-canvas:#f6f7fb;
  --os-surface:#ffffff;
  --os-text:#17243a;
  --os-muted:#748096;
  --os-line:#e5e9f0;
  --os-shadow:0 8px 28px rgba(19,39,72,.06);
}
body{background:var(--os-canvas);color:var(--os-text);letter-spacing:-.005em}
.sidebar{background:var(--os-navy);box-shadow:none;border-right:1px solid rgba(255,255,255,.06)}
.brand-home{padding:4px 10px 14px!important;margin-bottom:6px!important;border-bottom:1px solid rgba(255,255,255,.1)}
.brand-home .brand-product-name{font-size:17px;letter-spacing:-.01em}.brand-home small{color:#9fb0c7;font-size:10px}
.sidebar nav{gap:2px}.sidebar nav a{border-radius:10px;color:#d7e2f0;font-weight:600;letter-spacing:0}.sidebar nav a span{color:#86a2c4;opacity:.95}
.sidebar nav a:hover{background:rgba(255,255,255,.07);box-shadow:none}.sidebar nav a.active{background:#fff;color:var(--os-navy);box-shadow:0 8px 22px rgba(0,0,0,.12)}.sidebar nav a.active span{color:var(--os-blue)}
.nav-section-label{margin:13px 10px 4px;color:#7188a6;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.sidebar-footer{border-color:rgba(255,255,255,.09)}.sidebar-footer a{color:#d7e2f0}.sidebar-footer small{color:#7f94af}
.main{background:var(--os-canvas)}
.topbar{background:rgba(255,255,255,.94);border-color:var(--os-line);box-shadow:0 1px 0 rgba(17,35,60,.02);backdrop-filter:blur(12px)}
.topbar h1{color:var(--os-text);font-weight:760;letter-spacing:-.025em}.breadcrumb{color:#98a2b3;letter-spacing:.1em}.top-date{background:#f2f4f7;color:#667085}
.btn,button{border:1px solid transparent;border-radius:10px;background:#eef2f7;color:#274060;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(18,41,75,.09)}.primary{background:var(--os-blue)!important}.danger{border-color:#ffd5d1}
.panel,.card{border-color:var(--os-line);border-radius:16px;box-shadow:var(--os-shadow)}
.form input,.form select,.form textarea,input,select,textarea{border-color:#d7dee8;background:#fff;color:var(--os-text)}
table{border:1px solid var(--os-line);box-shadow:0 4px 16px rgba(19,39,72,.035)}th{background:#f7f9fc;color:#34445d;text-transform:none}

@media(min-width:901px){
  .shell{grid-template-columns:220px minmax(0,1fr)}
  .sidebar{padding:18px 12px}
  .sidebar nav a{padding:8px 10px;font-size:12px;gap:9px}
  .sidebar nav a span{font-size:14px}
  .main{padding:0 24px 32px}
  .topbar{min-height:66px;margin:0 -24px 25px;padding:10px 24px}
  .topbar h1{font-size:20px}.top-date{padding:7px 10px}
}

.os-dashboard-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}.os-dashboard-intro h2{margin:5px 0 5px!important;font-size:32px!important;line-height:1.08!important;color:var(--os-text);letter-spacing:-.035em;font-weight:760}.os-dashboard-intro p{margin:0!important;color:var(--os-muted);font-size:14px}.os-kicker{display:block;color:#8290a5;font-size:9px;font-weight:800;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.os-dashboard-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.os-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.os-kpi-card{display:flex;align-items:center;gap:13px;min-width:0;padding:16px;background:#fff;border:1px solid var(--os-line);border-radius:15px;text-decoration:none;box-shadow:0 4px 18px rgba(19,39,72,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.os-kpi-card:hover{transform:translateY(-2px);border-color:#cdd9ea;box-shadow:var(--os-shadow)}.os-kpi-card>span:last-child{min-width:0}.os-kpi-card small,.os-kpi-card strong,.os-kpi-card em{display:block}.os-kpi-card small{color:var(--os-muted);font-size:10px;font-weight:700}.os-kpi-card strong{margin:3px 0 2px;color:var(--os-text);font-size:23px;line-height:1.1;letter-spacing:-.03em}.os-kpi-card em{overflow:hidden;color:#98a2b3;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.os-kpi-icon{display:grid!important;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:12px;font-size:18px;font-weight:800}.os-kpi-icon.os-blue{background:#eaf2ff;color:#1769e0}.os-kpi-icon.os-green{background:#e8f7ef;color:#178756}.os-kpi-icon.os-coral{background:#fff0ee;color:#c84236}.os-kpi-icon.os-violet{background:#f1edff;color:#7256c8;font-size:12px}
.os-dashboard-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.64fr);gap:16px;align-items:start}.os-dashboard-main,.os-dashboard-side{min-width:0}.os-panel{margin:0 0 16px;padding:18px;background:#fff;border:1px solid var(--os-line);border-radius:17px;box-shadow:0 5px 22px rgba(19,39,72,.04)}.os-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.os-panel-head h3{margin:4px 0 0!important;color:var(--os-text);font-size:17px!important;letter-spacing:-.02em}.os-panel-head>a{color:var(--os-blue);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}.os-panel-head>a span{margin-left:4px}
.os-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.os-project-card{display:grid;grid-template-columns:100px minmax(0,1fr);min-width:0;overflow:hidden;background:#fff;border:1px solid var(--os-line);border-radius:14px;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.os-project-card:hover{transform:translateY(-2px);border-color:#c9d6e8;box-shadow:0 10px 24px rgba(19,39,72,.07)}.os-project-cover{position:relative;display:grid;place-items:center;min-height:150px;overflow:hidden;background:linear-gradient(145deg,#dce8f8,#aac6e9);color:#fff;font-size:34px;font-weight:800}.os-project-cover:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,31,59,.18));content:""}.os-project-cover>img{width:100%;height:100%;object-fit:cover}.os-project-cover>span{position:relative;z-index:1}.os-project-cover>.status-pill{position:absolute;z-index:2;top:9px;left:9px;margin:0;border:1px solid rgba(255,255,255,.55);box-shadow:0 3px 10px rgba(11,35,66,.08);font-style:normal}.os-project-body{display:flex;flex-direction:column;min-width:0;padding:13px}.os-project-name{overflow:hidden;color:var(--os-text);font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.os-project-client{overflow:hidden;margin-top:3px;color:var(--os-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.os-project-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:14px}.os-project-meta small,.os-project-meta b{display:block}.os-project-meta small{color:#98a2b3;font-size:8px}.os-project-meta b{margin-top:3px;color:#30425c;font-size:10px}.os-project-progress{display:block;margin-top:10px}.os-project-progress>span:first-child{display:flex;justify-content:space-between;align-items:center;color:#8290a5}.os-project-progress small{font-size:8px}.os-project-progress b{color:#43546c;font-size:9px}.os-project-progress .progress-track{display:block;height:5px;margin-top:5px;background:#e9edf3}.os-project-progress .progress-track i{background:var(--os-blue)}.os-workflow-note{align-self:flex-start;margin-top:auto;padding:5px 7px;border-radius:99px;background:#f0f3f7;color:#667085;font-size:8px;font-weight:800}
.os-activity-list{display:grid}.os-activity-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid #edf0f4;text-decoration:none}.os-activity-row:first-child{border-top:0}.os-activity-row:hover{background:#fafbfc}.os-activity-row>span:nth-child(2){min-width:0}.os-activity-row b,.os-activity-row small{display:block}.os-activity-row b{overflow:hidden;color:#2b3d57;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.os-activity-row small{overflow:hidden;margin-top:3px;color:#8893a4;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.os-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:var(--os-blue-soft);color:var(--os-blue);font-size:11px;font-weight:800}.os-activity-row .status-pill{font-style:normal;white-space:nowrap}
.os-finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--os-line);border-radius:13px;background:var(--os-line)}.os-finance-summary>div{padding:14px;background:#fff}.os-finance-summary small,.os-finance-summary strong,.os-finance-summary span{display:block}.os-finance-summary small{color:var(--os-muted);font-size:9px}.os-finance-summary strong{margin:5px 0 11px;color:var(--os-text);font-size:17px;letter-spacing:-.025em}.os-finance-summary span{height:5px;overflow:hidden;border-radius:99px;background:#edf0f4}.os-finance-summary i{display:block;height:100%;border-radius:99px}
.os-priority{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf0f4;text-decoration:none}.os-priority:first-of-type{border-top:0}.os-priority>span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;font-size:11px;font-weight:900}.os-priority b,.os-priority small{display:block}.os-priority b{color:#2b3d57;font-size:11px}.os-priority small{margin-top:2px;color:#8994a5;font-size:9px}.os-priority>i{color:#a7b0bd;font-size:12px;font-style:normal}.os-priority.is-danger>span{background:#fff0ee;color:#c84236}.os-priority.is-warning>span{background:#fff5df;color:#aa6908}.os-priority.is-success>span{background:#e8f7ef;color:#178756}.os-priority.is-info>span{background:#eaf2ff;color:#1769e0;font-size:8px}
.os-team-list{display:grid}.os-team-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf0f4}.os-team-row:first-child{border-top:0}.os-team-row b,.os-team-row small{display:block}.os-team-row b{overflow:hidden;color:#2b3d57;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.os-team-row small{overflow:hidden;margin-top:2px;color:#8994a5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.os-team-row .presence{font-style:normal;white-space:nowrap}.presence.review{background:#fff3da;color:#a55e00}.presence.completed{background:#e7f7ef;color:#16804b}.presence.assigned{background:#e8f0ff;color:#0b57d0}
.os-ai-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-radius:17px;background:linear-gradient(135deg,#0a2342,#164e91);color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(10,35,66,.15)}.os-ai-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.13);font-size:19px}.os-ai-card small,.os-ai-card b,.os-ai-card p{display:block}.os-ai-card small{color:#a9c8ec;font-size:8px;font-weight:800;letter-spacing:.13em}.os-ai-card b{margin-top:2px;font-size:13px}.os-ai-card p{margin:3px 0 0!important;color:#d3e2f4;font-size:9px;line-height:1.35}.os-ai-card>i{color:#bdd1e9;font-style:normal}
.os-empty{display:grid;justify-items:center;padding:36px 18px;border:1px dashed #d8e0ea;border-radius:13px;background:#fafbfc;text-align:center}.os-empty>span{font-size:24px;color:#98a8bc}.os-empty b{margin-top:8px;color:#34445d}.os-empty p{margin:5px 0 13px!important;color:#8a95a6;font-size:10px}.os-empty-compact{padding:18px}.os-empty-compact p{margin:0!important}

@media(max-width:1180px){.os-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-dashboard-layout{grid-template-columns:1fr}.os-dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.os-dashboard-side>.os-panel{margin:0}.os-dashboard-side>.os-ai-card{grid-column:1/-1}.os-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nav-section-label{display:none}.os-dashboard-intro{margin-top:18px}.os-dashboard-layout{grid-template-columns:1fr}}
@media(max-width:700px){.os-dashboard-intro{display:block}.os-dashboard-intro h2{font-size:27px!important}.os-dashboard-actions{margin-top:14px}.os-kpi-grid,.os-project-grid,.os-dashboard-side,.os-finance-summary{grid-template-columns:1fr}.os-project-card{grid-template-columns:92px minmax(0,1fr)}.os-dashboard-side>.os-ai-card{grid-column:auto}.os-activity-row{grid-template-columns:32px minmax(0,1fr)}.os-activity-row .status-pill{grid-column:2;justify-self:start}.os-panel{padding:14px}.os-kpi-card{padding:14px}}

/* OZONIC Studio v6.1.1 — compact, independently scrollable sidebar */
@media(min-width:901px){
  .shell{grid-template-columns:204px minmax(0,1fr)}
  .sidebar{
    min-height:0;
    overflow:hidden;
    padding:14px 10px 12px;
  }
  .brand-home{
    flex:0 0 auto;
    padding:2px 8px 11px!important;
    margin-bottom:4px!important;
  }
  .brand-home .brand-original-logo{width:43px!important;height:43px!important}
  .brand-home .brand-product-name{font-size:15px}
  .sidebar nav{
    flex:1 1 auto;
    min-height:0;
    align-content:start;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:2px 4px 8px 0;
    scrollbar-color:#58718f transparent;
    scrollbar-width:thin;
  }
  .sidebar nav::-webkit-scrollbar{width:5px}
  .sidebar nav::-webkit-scrollbar-track{background:transparent}
  .sidebar nav::-webkit-scrollbar-thumb{background:#58718f;border-radius:99px}
  .sidebar nav::-webkit-scrollbar-thumb:hover{background:#7891ae}
  .sidebar nav a{padding:7px 9px;font-size:11.5px;line-height:1.15}
  .sidebar nav a span{width:17px;font-size:13px}
  .nav-section-label{margin:10px 9px 3px;font-size:8px}
  .sidebar-footer{flex:0 0 auto;margin-top:5px;padding-top:6px}
  .sidebar-footer a{padding:7px 9px;font-size:11px}
  .sidebar-footer small{font-size:8px}
}
@media(min-width:901px) and (max-height:700px){
  .sidebar{padding-top:9px;padding-bottom:8px}
  .brand-home{padding-bottom:7px!important}
  .brand-home .brand-original-logo{width:38px!important;height:38px!important}
  .sidebar nav a{padding-top:6px;padding-bottom:6px}
  .nav-section-label{margin-top:7px}
}