/* GORI operations — compact navigation, clear data, consistent visual hierarchy. */
.sales-separated-chart{border-top:1px solid #e2e8f0;padding-top:20px;margin-top:24px}.sales-separated-chart h3{font-size:15px;margin:0 0 12px}.sales-separated-chart .sales-chart{min-height:0}.sales-point-detail{display:flex;gap:12px 24px;flex-wrap:wrap;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:14px;font-size:13px;color:#748197;min-height:48px}.sales-point-detail strong{color:#172235}.sales-separated-chart [data-point]:focus-visible{outline:2px solid #94a3b8;outline-offset:-2px}
:root{--bg:#f1f5f9;--ink:#172235;--muted:#748197;--line:#e2e8f0;--brand:#28bd95;--brand-dark:#148969;--mint:#e9f7f2;--shadow:0 2px 6px rgba(15,23,42,.025)}
.sales-point-detail.sales-tooltip{display:block;background:white;margin:0;min-height:0}.sales-point-detail.sales-tooltip.hidden{display:none}
.app-shell{grid-template-columns:248px minmax(0,1fr)}
.sidebar{padding:0 16px 18px;background:#12192f;border-right:0;color:#b1bdd0;backdrop-filter:none}
.sidebar-brand{height:86px;padding:20px 10px;border-bottom:1px solid #253047;margin-bottom:14px;gap:12px}
.sidebar-brand strong{color:#fff;font-size:21px;letter-spacing:.03em}.sidebar-brand span{color:#7f8da6;font-size:10px}
.sidebar .brand-mark{background:#204938;color:#82e4c4;box-shadow:none;border-radius:9px}
.main-nav{display:flex;flex-direction:column;gap:18px;overflow:auto;padding-bottom:20px;scrollbar-width:thin;flex:1}
.nav-group>p{font-size:11px;font-weight:600;color:#71809a;letter-spacing:.06em;margin:8px 14px 10px}.nav-group{display:grid;gap:4px}
.nav-item{position:relative;min-height:46px;padding:12px 14px;border-radius:7px;color:#a4b1c7;font-size:14px;font-weight:600;gap:12px}
.nav-item>svg{width:19px;height:19px;flex-shrink:0}.nav-item span{width:auto;text-align:left;font-size:14px}
.nav-item:hover{background:#1c2840;color:white}.nav-item.active{background:#1b3540;color:#fff}.nav-item.active svg{color:#39d5a5}
.nav-item.active:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:2px;background:#27cc99}
.sidebar-user{border-top:1px solid #253047;padding-top:18px;margin-top:0}.sidebar-user-copy strong{color:#dce5f1}.sidebar-user-copy span{color:#8696b0}.sidebar .avatar{background:#25344d;color:#e5edf8}.sidebar .icon-button{border:0;background:transparent;color:#a9b9cf}
.workspace{padding:24px 32px 48px}.topbar{position:relative;min-height:100px;margin:0 auto 22px;padding:24px 28px;max-width:1600px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);gap:16px}
.topbar h1{font-size:25px;font-weight:700;letter-spacing:-.04em}.topbar .eyebrow{font-size:10px;color:#8897ac;margin-bottom:6px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.last-updated{font-size:11px}
#page-description{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.page{max-width:1600px}.page-loading{inset:0 0 0 248px;background:rgba(241,245,249,.76)}
.panel{border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);padding:24px;background:white}.panel-heading{gap:16px;margin-bottom:20px}.panel-heading h2,.analytics-toolbar h2{font-size:18px;letter-spacing:-.025em}.panel-heading .eyebrow{display:none}
.panel-tag{font-size:11px;background:#f1f5f9;color:#78859a;border-radius:5px}.panel-footnote,.comparison-scope-note,.pricing-note{font-size:12px;line-height:1.75;color:var(--muted)}
.secondary-button,.primary-button,.icon-button{border-radius:6px;min-height:38px;font-size:13px}.primary-button{background:#172235}.primary-button:hover{background:#26394f}.secondary-button:hover{background:#f8fafc;border-color:#c5d0df}
input,select,textarea{border-radius:6px;border-color:#dce3ec;font-size:13px}label{font-size:12px}.text-button{font-size:13px}.page-title-row .secondary-button{background:white;border-color:var(--line);color:#526176}
.analytics-toolbar{padding:20px 24px;background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;gap:18px}.analytics-toolbar .eyebrow{display:none}.analytics-toolbar .muted{font-size:13px;margin:6px 0 0}.analytics-period-controls{gap:10px}.analytics-period-controls label{font-size:12px}.analytics-period-controls select{min-width:115px}
.comparison-card,.metric-card{border-radius:8px;border-color:var(--line);box-shadow:none}.comparison-card>span,.metric-card>span{font-size:12px}.comparison-card>strong{font-size:25px}.comparison-card small{font-size:12px}.comparison-delta{font-size:11px}
.dashboard-summary-strip,.dashboard-comparison-strip{background:white;border:1px solid var(--line);border-radius:8px;padding:16px 10px;margin-bottom:20px}.dashboard-summary-item,.dashboard-comparison-stat{padding:4px 18px!important}.dashboard-comparison-heading>span{font-size:12px}.dashboard-technical{margin-top:20px;border:1px solid var(--line);border-radius:8px;background:white;padding:20px}.dashboard-technical>summary{font-size:14px;cursor:pointer;margin-bottom:10px;color:#526176}
table{font-size:13px;border-collapse:collapse;width:100%}thead th{background:#f1f5f9;color:#526176;font-size:12px;letter-spacing:0;padding:14px 16px;border-bottom:1px solid var(--line)}tbody td{font-size:13px;padding:16px;border-bottom:1px solid var(--line);line-height:1.5}tbody tr:hover{background:#f7fafc}.table-scroll{border:1px solid var(--line);border-radius:5px;overflow:auto}.empty-cell{font-size:13px}.badge{font-size:11px;border-radius:5px}
.section-tabs{display:flex;gap:4px;max-width:1600px;margin:0 auto 20px;border-bottom:1px solid #dce4ed}.section-tabs button{padding:12px 20px;border:0;border-bottom:2px solid transparent;background:transparent;color:#728096;font-size:14px}.section-tabs button.active{border-bottom-color:var(--brand-dark);color:var(--brand-dark);font-weight:700}
.user-dialog,.confirmation-dialog{border-radius:10px}.dialog-header,.dialog-content{padding:24px}.detail-item,.user-profile-card,.user-detail-section,.data-delete-card,.user-identity{border-radius:7px;box-shadow:none}.detail-item span,.detail-section-heading>span,.stack-form label{font-size:12px}.detail-item strong,.identity-copy strong{font-size:14px}.user-detail-section{background:#f8fafc}
.sales-panel{margin-bottom:22px}.sales-controls,.sales-tabs,.sales-legend{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sales-controls button,.sales-tabs button{background:white;border:1px solid #dce3ec;border-radius:6px;padding:9px 17px;min-height:38px;font-size:13px;box-shadow:0 1px 3px #17223508}.sales-controls button.active,.sales-tabs button.active{background:#18212e;border-color:#18212e;color:#fff}.sales-controls>span{font-size:12px;color:#7b8799;margin-right:6px}
.sales-panel .table-scroll{margin:0;padding:0;border-radius:6px}
.sales-panel .sales-detail-table{table-layout:fixed;width:100%}
.sales-panel .sales-detail-table th,.sales-panel .sales-detail-table td{box-sizing:border-box;padding:16px 20px;line-height:1.5;vertical-align:middle;white-space:nowrap}
.sales-panel .sales-detail-table th{height:52px;font-size:13px}
.sales-panel .sales-detail-table td{height:58px;font-size:14px}
.sales-panel .sales-detail-table th:first-child,.sales-panel .sales-detail-table td:first-child{text-align:left}
.sales-summary{display:flex;gap:12px 26px;flex-wrap:wrap;margin:0 0 26px;color:var(--muted);font-size:13px;line-height:1.7}.sales-summary strong{font-weight:600;margin-left:5px;font-size:15px}
.sales-chart{position:relative;min-height:360px}.sales-chart-scroll{overflow:auto}.sales-chart svg{display:block;width:100%;min-width:640px;height:auto}.sales-chart text{font-size:12px;fill:#8590a2}.sales-tooltip{pointer-events:none;position:absolute;right:60px;top:18px;background:#fff;border:1px solid #dce3ed;box-shadow:0 8px 30px #17223512;border-radius:6px;padding:15px 18px;min-width:195px;font-size:13px;z-index:2}.sales-tooltip p{margin:10px 0 0;display:flex;justify-content:space-between;gap:20px}.sales-tooltip strong{font-variant-numeric:tabular-nums}.sales-legend{justify-content:center;margin:12px 0 0;gap:14px}.sales-legend button{border:0;background:transparent;padding:6px;color:var(--series);font-size:13px;display:flex;align-items:center;gap:6px}.sales-legend button[aria-pressed=false]{opacity:.4;text-decoration:line-through}.sales-legend i{display:block;width:16px;height:3px;background:currentColor}.sales-detail-table{min-width:850px}.sales-detail-table th:not(:first-child),.sales-detail-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.sales-detail-table td:first-child{font-weight:600}.sales-detail-table tr:last-child td{border-bottom:0}.sales-period-total{margin:10px 0 20px;font-size:12px;color:var(--muted)}
.kpi-details{margin-bottom:24px;background:white;border:1px solid var(--line);border-radius:8px;padding:18px}.kpi-details>summary{cursor:pointer;font-size:14px;color:#526176}.kpi-details[open]>summary{margin-bottom:20px}.login-view{background:#f1f5f9}.login-card{background:white;backdrop-filter:none;border-radius:12px;border-color:var(--line);box-shadow:0 16px 70px #1722350c}.login-card .brand-mark{background:#142536;border-radius:12px}
@media(min-width:1500px){.workspace{padding:28px 44px 48px}.sales-chart svg{max-height:460px}}
@media(max-width:1100px){.topbar{align-items:flex-start}.topbar-actions{max-width:160px}.sales-chart{min-height:260px}}
@media(max-width:760px){.app-shell{display:block}.workspace{padding:14px 12px 36px}.sidebar{width:248px}.topbar{padding:18px 16px;gap:10px;align-items:center;border-radius:8px}.topbar h1{font-size:21px}.topbar-actions{max-width:none}.topbar .eyebrow,#page-description{display:none}.page-title-row{gap:8px}.page-title-row .secondary-button{font-size:11px;min-height:30px;padding:0 8px}.topbar-actions .secondary-button{font-size:12px;padding:0 10px}.panel{padding:18px 16px;border-radius:8px}.analytics-toolbar{padding:16px}.section-tabs{overflow:auto;white-space:nowrap}.section-tabs button{padding:12px 14px}.sales-panel .panel-heading{flex-direction:column;align-items:flex-start}.sales-tooltip{right:12px;top:8px;min-width:160px;font-size:12px}.sales-chart{min-height:240px}.sales-tabs button{padding:8px 12px}.sales-summary{gap:8px 18px}.page-loading{inset:0}.sales-legend{gap:5px}}
