/* Shared presentation for every authorized profile. No metrics, permissions or actions are changed. */
:root{--panel-blue:#2876c9;--panel-teal:#168698;--panel-green:#218568;--panel-orange:#bd7139;--panel-stroke:#dce7f0;--panel-radius:20px;--panel-elevation:0 6px 22px #163a5d07,0 1px 3px #163a5d04}
#app .welcome{align-items:center;gap:18px;margin-bottom:25px}#app .welcome h1{font-size:clamp(24px,2.5vw,34px);font-weight:750;letter-spacing:-.8px;line-height:1.2}#app .welcome p{max-width:65ch;font-size:13px;line-height:1.75;color:var(--muted)}
#app :is(.card.section,.sales-panel){border:1px solid var(--panel-stroke)!important;border-radius:var(--panel-radius);box-shadow:var(--panel-elevation);padding:25px;background:var(--white,#fff)}#app :is(.card.section,.sales-panel) h2{font-size:18px;font-weight:730;letter-spacing:-.35px;line-height:1.4}#app .section-head{gap:15px;align-items:center;margin-bottom:20px}#app .section-sub{font-size:12px;line-height:1.7}.sales-overline{font-size:10px;letter-spacing:1.5px;color:var(--panel-teal);font-weight:750}
/* Indicators: quiet white surfaces, distinct color bands and centered icon tiles. */
#app .sales-kpi{--metric-accent:var(--panel-blue);--metric-tint:#edf5ff;position:relative;display:flex;flex-direction:column;align-items:stretch;min-height:190px;padding:23px 22px 18px;border:1px solid var(--panel-stroke);border-top:0;border-radius:18px;background:var(--white,#fff);box-shadow:var(--panel-elevation);text-align:left;isolation:isolate;overflow:hidden;transition:box-shadow .18s,border-color .18s}
#app .sales-kpi::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--metric-accent),color-mix(in srgb,var(--metric-accent) 42%,white))}#app .sales-kpi::after{content:'';position:absolute;right:-17px;top:-24px;width:120px;height:120px;border:1px solid color-mix(in srgb,var(--metric-accent) 10%,transparent);border-radius:50%;pointer-events:none;z-index:-1}
#app .sales-kpi.green{--metric-accent:var(--panel-green);--metric-tint:#eaf7f1}#app .sales-kpi.teal{--metric-accent:var(--panel-teal);--metric-tint:#eaf7fa}#app .sales-kpi.terracotta{--metric-accent:var(--panel-orange);--metric-tint:#fff3e9}
#app .sales-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px;font-size:12px;font-weight:650;color:var(--muted);line-height:1.5}#app .sales-kpi-top>span{max-width:calc(100% - 54px)}#app .sales-kpi-top i{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:13px;background:var(--metric-tint);color:var(--metric-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metric-accent) 10%,transparent)}#app .sales-kpi-top svg{display:block;width:23px;height:23px;margin:0;stroke-width:1.8}
#app .sales-kpi>strong{font-size:clamp(25px,2.2vw,34px);font-weight:760;line-height:1.2;letter-spacing:-1px;margin:20px 0 9px;color:var(--ink,#18324d);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#app .sales-kpi>small{color:var(--muted);font-size:11px;line-height:1.6;min-height:18px}#app .sales-kpi-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;color:var(--metric-accent);font-size:11px;font-weight:700}#app .sales-kpi-link::after{content:'↗';display:grid;place-items:center;width:25px;height:25px;background:var(--metric-tint);border-radius:8px;font-size:16px}#app .sales-kpi:hover{border-color:color-mix(in srgb,var(--metric-accent) 45%,white);box-shadow:0 9px 27px color-mix(in srgb,var(--metric-accent) 12%,transparent)}
#app :is(.ops-metrics article,.statement-kpis article,.report-kpis>div,.stat,.application-progress-cards article){--metric-accent:var(--panel-blue);border-radius:16px;border:1px solid var(--panel-stroke);border-top:3px solid var(--metric-accent);box-shadow:var(--panel-elevation);padding:20px;min-width:0}#app :is(.ops-metrics article,.statement-kpis article,.report-kpis>div,.stat,.application-progress-cards article):nth-child(2){--metric-accent:var(--panel-green)}#app :is(.ops-metrics article,.statement-kpis article,.report-kpis>div,.stat,.application-progress-cards article):nth-child(3){--metric-accent:var(--panel-teal)}#app :is(.ops-metrics article,.statement-kpis article,.report-kpis>div,.stat,.application-progress-cards article):nth-child(4){--metric-accent:var(--panel-orange)}#app :is(.ops-metrics strong,.statement-kpis strong,.report-kpis b,.stat>strong){font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.6px;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
/* Consistent options and controls, retaining the semantic action palette. */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 17px;border-radius:12px;font-size:13px;font-weight:650;line-height:1.35;letter-spacing:.05px;vertical-align:middle;white-space:normal;touch-action:manipulation}.btn.small{min-height:37px;padding:9px 13px;font-size:12px;border-radius:10px}.btn svg{flex-shrink:0;width:18px;height:18px;margin:0}.btn[data-action-tone]{background:var(--action-color)!important;border-color:var(--action-color)!important;box-shadow:0 3px 8px color-mix(in srgb,var(--action-color) 15%,transparent);text-shadow:none}.btn[data-action-tone]:hover{filter:brightness(1.02);box-shadow:0 5px 14px color-mix(in srgb,var(--action-color) 21%,transparent)}.btn:disabled{box-shadow:none!important;opacity:.48}.btn.section-return{min-width:39px;min-height:39px;width:39px;height:39px;padding:9px;border-radius:12px}
#app :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),.modal :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border-radius:11px;border-color:#cfdeea;min-height:42px;box-shadow:0 1px 2px #163a5d03;font-size:14px}#app :is(input,select,textarea):focus,.modal :is(input,select,textarea):focus{outline:2px solid #398ad33d;outline-offset:2px;border-color:#398ad3}
#app .tablewrap{border-radius:15px;border:1px solid var(--panel-stroke)!important}#app th{font-size:10px;letter-spacing:.8px;font-weight:700;color:#5b7388;padding:15px 16px;background:#f3f8fc}#app td{padding:16px;font-size:13px;line-height:1.6;border-bottom-color:#e8eff5}#app tbody tr:last-child td{border-bottom:0}#app td .actions{gap:9px}.badge,.ops-status{font-size:11px;line-height:1.4;padding:6px 10px;border-radius:8px;font-weight:700}
#app :is(.ops-entry,.quote-next,.home-next,.workflow-payment,.beerdon-notice){border-radius:16px}#app :is(.ops-entry,.workflow-payment){padding:19px;border-color:var(--panel-stroke)}#app .ops-order-card{border-radius:18px;box-shadow:var(--panel-elevation);border-color:var(--panel-stroke);gap:13px}#app .ops-tabs button,#app .quote-dossier-tabs .btn{border-radius:10px}.home-shortcut{border-radius:14px;box-shadow:0 3px 12px #163a5d04;min-height:65px}.home-shortcut>span{border-radius:11px;width:37px;height:37px}.home-pending{padding:18px 2px;gap:14px}.home-pending .home-item-icon{border-radius:12px;width:39px;height:39px;flex-basis:39px}.home-next{box-shadow:var(--panel-elevation)}.home-next-icon{border-radius:16px}.home-order-progress{gap:6px}.home-order-progress i{height:6px;border-radius:4px}.home-order-title b{padding:7px 11px;border-radius:9px}.home-note{line-height:1.8}
/* Menu and compact navigation keep their existing layout and scroll behavior. */
.sidebar #nav button,.sidebar .settings-menu-button{border-radius:12px;margin-bottom:4px;min-height:46px}.sidebar #nav button .ico{box-shadow:0 3px 8px color-mix(in srgb,var(--nav-tone) 16%,transparent)}.sidebar #nav button.active{box-shadow:inset 3px 0 var(--nav-tone),0 3px 12px #163a5d05}.bottom-quickbar{box-shadow:0 -5px 25px #18354c0b;border-radius:20px}.bottom-quickbar button{border-radius:13px}.modal{border-radius:22px;box-shadow:0 20px 75px #102f4b2b}.modal h2{font-size:20px;line-height:1.4;letter-spacing:-.4px}.modal .field label{font-size:12px;font-weight:650;line-height:1.6}.modal .row{gap:15px}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #3c91cd80;outline-offset:3px}
@media(hover:hover){.home-shortcut:hover,.ops-order-card:hover{border-color:#71adc9;box-shadow:0 7px 20px #163a5d0c}}
@media(max-width:1024px){#app .sales-kpi-grid{gap:13px}#app .sales-kpi{padding:19px 17px 15px;min-height:185px}#app .sales-kpi>strong{font-size:27px}}
@media(max-width:600px){#app .welcome{margin-bottom:20px;gap:12px}#app .welcome h1{font-size:25px;letter-spacing:-.6px}#app .welcome p{font-size:12px}#app :is(.card.section,.sales-panel){padding:19px;border-radius:17px}#app .section-head{gap:12px;flex-wrap:wrap}#app .sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#app .sales-kpi{min-height:182px;padding:17px 14px 12px;border-radius:16px}#app .sales-kpi-top{font-size:11px;gap:7px;align-items:flex-start;min-height:39px}#app .sales-kpi-top>span{max-width:calc(100% - 42px)}#app .sales-kpi-top i{width:35px;height:35px;flex-basis:35px;border-radius:11px}#app .sales-kpi-top svg{width:20px;height:20px}#app .sales-kpi>strong{font-size:clamp(20px,5.3vw,27px);letter-spacing:-.7px;margin:17px 0 9px}#app .sales-kpi>small{font-size:10px;line-height:1.6}#app .sales-kpi-link{font-size:10px;padding-top:13px}#app .sales-kpi-link::after{width:21px;height:21px;font-size:14px}#app .sales-kpi::after{width:91px;height:91px;right:-18px;top:-21px}#app td{padding:13px;font-size:12px}#app th{padding:13px;font-size:10px}.btn{min-height:42px;font-size:12px;padding:11px 14px}.btn.small{min-height:36px;font-size:11px}.modal{border-radius:18px}.home-shortcut{min-height:64px}.home-shortcut>span{width:32px;height:32px}.home-pending{gap:10px}.home-next{padding:18px;border-radius:17px}}
@media(max-width:350px){#app .sales-kpi-top{flex-direction:column-reverse;gap:10px}#app .sales-kpi-top>span{max-width:100%}#app .sales-kpi{min-height:215px}#app .sales-kpi>strong{font-size:20px}}
[data-theme=dark]{--panel-stroke:#2a3d55;--panel-elevation:0 6px 22px #0000001a}[data-theme=dark] #app .sales-kpi{--metric-tint:#1b3352;--metric-accent:#75b9f0;background:#111c30;color:#e4edf7}[data-theme=dark] #app .sales-kpi.green{--metric-tint:#173b34;--metric-accent:#62d1a8}[data-theme=dark] #app .sales-kpi.teal{--metric-tint:#173746;--metric-accent:#68ccde}[data-theme=dark] #app .sales-kpi.terracotta{--metric-tint:#3d2f26;--metric-accent:#eeb17c}[data-theme=dark] #app :is(.card.section,.sales-panel){border-color:#2a3d55!important}[data-theme=dark] #app .sales-kpi>strong,[data-theme=dark] #app :is(.ops-metrics strong,.statement-kpis strong,.report-kpis b,.stat>strong){color:#edf4fd}[data-theme=dark] #app :is(th,thead){background:#17263d!important;color:#bed2e8}[data-theme=dark] #app td{border-bottom-color:#2a3d55}[data-theme=dark] .home-order-title b{background:#1a354c;color:#80c7ed}[data-theme=dark] .home-shortcut{box-shadow:none}
@media(prefers-reduced-motion:reduce){#app .sales-kpi,.home-shortcut,.btn{transition:none!important;animation:none!important}}
@media print{#app .sales-kpi::before,#app .sales-kpi::after{display:none}#app :is(.card.section,.sales-panel,.sales-kpi){box-shadow:none}}
/* Essential dashboard: no expanded charts, lists, inventory or agenda on initial load. */
#app .compact-home{max-width:1180px;margin:0 auto}#app .compact-home .welcome{margin-bottom:21px}#app .compact-home .sales-kpi-grid{gap:15px;margin-bottom:22px}#app .compact-home .sales-kpi{min-height:156px;padding:19px 20px 14px}#app .compact-home .sales-kpi-top{min-height:38px}#app .compact-home .sales-kpi-top i{width:38px;height:38px;flex-basis:38px;border-radius:12px}#app .compact-home .sales-kpi-top svg{width:21px;height:21px}#app .compact-home .sales-kpi>strong{margin:14px 0 6px;font-size:clamp(23px,2.1vw,31px)}#app .compact-home .sales-kpi-link{padding-top:9px}#app .compact-home .home-next{margin:0 0 19px;padding:20px}#app .compact-home .compact-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0}.compact-home-footer{display:flex;justify-content:center;margin-top:23px}.home-analysis-link{display:inline-flex;gap:9px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--blue,#2876c9);font:inherit;font-size:12px;font-weight:650;padding:11px 14px;cursor:pointer;min-height:42px}.home-analysis-link svg{width:17px;height:17px}.home-analysis-modal{width:min(1080px,96vw)!important;max-width:1080px!important}.home-analysis .sales-analytics-grid{margin-top:22px}.home-analysis .sales-panel{margin-top:20px}.home-analysis .home-order{padding:16px 0}.home-analysis .sales-dashboard-controls{margin-top:10px}@media(max-width:760px){#app .compact-home .sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#app .compact-home .sales-kpi{min-height:155px;padding:16px 14px 11px}#app .compact-home .sales-kpi-top i{width:32px;height:32px;flex-basis:32px;border-radius:10px}#app .compact-home .sales-kpi-top{font-size:11px;gap:7px;min-height:34px}#app .compact-home .sales-kpi>strong{font-size:clamp(20px,5.1vw,27px);margin:13px 0 5px}#app .compact-home .home-next{padding:17px;gap:12px}#app .compact-home .compact-shortcuts{gap:9px}#app .compact-home .home-shortcut{flex-direction:column;justify-content:center;gap:8px;padding:13px 7px;min-height:88px;text-align:center;font-size:11px}#app .compact-home .home-shortcut>b{display:none}#app .compact-home .home-shortcut>span{width:32px;height:32px}.compact-home-footer{margin-top:14px}}@media(max-width:350px){#app .compact-home .sales-kpi{min-height:185px}#app .compact-home .sales-kpi-top{flex-direction:column-reverse}#app .compact-home .sales-kpi>strong{font-size:20px}}