/* Samobranka UI v1.0 — brandbook pp. 7, 11, 13, desktop p. 39.
   Desktop approved: graphite sidebar / cream workspace.
   Mobile approved: dark header + coral hero + attention list + bottom tabs. */
:root {
  --sb-coral:#E95143;--sb-coral-dark:#BB352B;--sb-cream:#FFF1DF;
  --sb-mint:#A5D4BF;--sb-graphite:#242A28;--sb-paper:#FFFCF8;
  --sb-line:#E8DED2;--sb-muted:#747A76;--sb-soft:#F8F0E6;
  --sb-radius:17px;--sb-shadow:0 8px 28px rgba(36,42,40,.035);
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{min-height:100vh;display:grid;grid-template-columns:276px minmax(0,1fr);grid-template-rows:72px auto 1fr;gap:0;
  background:var(--sb-cream);color:var(--sb-graphite);font-family:"Onest","Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.48}
body>main{display:contents}
body>header.app-topbar{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:16px;
  max-width:none;margin:0;padding:14px clamp(22px,3vw,44px);background:rgba(255,252,248,.93);border-bottom:1px solid var(--sb-line)}
.topbar-route{display:flex;align-items:center;gap:12px;color:var(--sb-muted);font-size:12px}
.topbar-route strong{font-size:13px;color:var(--sb-graphite)}.topbar-route .chevron{color:var(--sb-muted)}
.topbar-actions{display:flex;align-items:center;gap:18px}.preview-tag{color:#A07866;font-size:11px}
.role-chip{display:flex;align-items:center;gap:10px;font-size:12px}.role-chip strong{display:block;font-size:12px}
.role-chip small{display:block;margin:0;color:var(--sb-muted);font-size:11px}
.role-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:13px;
 background:var(--sb-mint);font-weight:800;font-size:13px}
body>main>nav#nav{grid-column:1;grid-row:1 / span 3;position:sticky;top:0;align-self:start;
  display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;height:100vh;min-height:0;overflow:hidden;max-width:none;margin:0;
  padding:22px 18px 16px;background:var(--sb-graphite);color:#F7F3EA}
#nav .brand-block{display:block;flex:0 0 auto;padding:3px 10px 0;margin-bottom:18px;text-decoration:none}
#nav .nav-scroll{flex:1 1 auto;min-width:0;width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  padding-right:4px;margin-right:-4px;scrollbar-width:none;-ms-overflow-style:none}
#nav .nav-scroll::-webkit-scrollbar{display:none;width:0;height:0}
#nav .nav-scroll:focus-visible{outline:2px solid var(--sb-mint);outline-offset:-2px}
#nav .brand-logo{width:100%;max-width:216px;height:auto;display:block;object-fit:contain}
#nav .brand-caption{display:block;padding-left:2px;margin-top:5px;color:#CFD6D0;font-size:10px;letter-spacing:1.65px;font-weight:700}
#nav .nav-group{margin-bottom:8px}
#nav .nav-title{margin:11px 12px 8px;color:#A9B4AC;letter-spacing:1.45px;font-weight:700;font-size:10px}
#nav a.nav-item{display:flex;align-items:center;gap:12px;min-height:40px;border-radius:11px;
  padding:8px 11px;margin:2px 0;text-decoration:none;color:#ECEDE6;font-weight:500;font-size:13px;transition:background .14s ease}
#nav a.nav-item:hover{background:#353D39;color:#fff}
#nav a.nav-item[aria-current="page"]{background:var(--sb-coral);color:#fff;font-weight:700}
#nav .nav-icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-linecap:round;
  stroke-linejoin:round;stroke-width:1.85;flex:0 0 19px}
#nav .nav-item .nav-text{flex:1;min-width:0}
#nav .nav-subtle{margin-left:auto;border-radius:5px;padding:2px 5px;color:#CFD9D1;background:#37453D;font-size:10px}
#nav .nav-divider{border:0;height:1px;background:#49504B;margin:18px 8px 13px}
#nav .nav-bottom{flex:0 0 auto;min-width:0;width:100%;margin-top:0;padding-top:12px;border-top:1px solid #49504B}
#nav .nav-bottom button{width:100%;background:transparent;border:1px solid #74857A;color:#E8EEE9;border-radius:11px;padding:10px 13px;text-align:left;font-size:12px}
#nav .nav-bottom button:hover{background:#34433A}
body>main>#notice{grid-column:2;grid-row:2;max-width:1500px;margin:0;padding:0 clamp(22px,3vw,44px);
  font-size:13px;line-height:1.5}
#notice:not(:empty){padding-top:12px;padding-bottom:9px;color:#225D4F}
#notice.error{color:#B52920;font-weight:600}
body>main>#content{grid-column:2;grid-row:3;width:100%;min-width:0;max-width:1500px;margin:0 auto;
  padding:25px clamp(22px,3vw,44px) 52px;overflow-wrap:anywhere}
#content h1{font-size:clamp(26px,2.35vw,38px);line-height:1.19;letter-spacing:-.025em;margin:0 0 10px;font-weight:800}
#content h2{font-size:19px;line-height:1.35;margin-top:0;letter-spacing:-.015em}
#content h3{font-size:16px}
#content p{line-height:1.55}
#content section{background:var(--sb-paper);border:1px solid var(--sb-line);border-radius:var(--sb-radius);
  box-shadow:var(--sb-shadow);padding:22px;margin:15px 0}
#content a{color:var(--sb-coral-dark);text-decoration:none;font-weight:600}
#content a:hover{text-decoration:underline}
#content button{background:var(--sb-coral);border:1px solid var(--sb-coral);color:white;font-weight:700;
 border-radius:10px;padding:10px 15px;margin:4px 8px 4px 0;min-height:42px;cursor:pointer}
#content button:hover{background:var(--sb-coral-dark);border-color:var(--sb-coral-dark)}
#content button:disabled{opacity:.5;cursor:not-allowed}
#content input,#content select,#content textarea{border:1px solid #CFC7BB;border-radius:10px;background:#fffefa;
 min-height:42px;color:var(--sb-graphite);padding:9px 12px;accent-color:var(--sb-coral)}
#content label{font-weight:600;font-size:13px}
#content :focus-visible,#nav :focus-visible,.mobile-tabbar :focus-visible,.menu-toggle:focus-visible{
 outline:3px solid #228F77;outline-offset:3px}
#content .muted{color:var(--sb-muted)}
#content .status{border-radius:20px;padding:5px 9px;background:#E4F2E9;color:#17664B;font-weight:600}
#content .status-waiting_uk{background:#FFF0D7;color:#8B581F}
#content .status-waiting_franchisee{background:#E5EFF9;color:#355F89}
#content .status-closed{background:#EFEDEA;color:#687068}
#content .ticket-filters{background:#FFF8EF;border-color:var(--sb-line)}
#content blockquote{border-left:3px solid var(--sb-coral);background:var(--sb-soft);border-radius:8px}
#content th,#content td{border-bottom:1px solid var(--sb-line)}
#content th{font-size:11px;color:var(--sb-muted);letter-spacing:.07em;text-transform:uppercase}
#content .kb-nav,#content .kb-reading{border-color:var(--sb-line);border-radius:15px}
#content .kb-review{background:#FFF9F0;border-color:#DFC5A9}
#content .kb-review-group{border-color:var(--sb-line)}
#content .kb-folder-button,#content .kb-entry-button,#content .kb-link{color:var(--sb-graphite);background:transparent;
  border:0;border-radius:8px;min-height:34px;padding:5px 8px;margin:0;text-align:left;font-weight:500}
#content .kb-folder-button:hover,#content .kb-entry-button:hover,#content .kb-link:hover{background:#EDF4EE;color:#174B3B}
#content .kb-count{background:#DFEEE4;color:#165B42}
#content .kb-search{display:flex;align-items:end;gap:12px}
#content .kb-search label{margin:0}
#content .kb-review-entry button{font-size:12px}
.menu-toggle,.mobile-tabbar{display:none}
.mobile-brand{display:none}
@media(max-width:760px){
 #content .dashboard-head{display:none}
 #content .dashboard-grid .sold{display:none}
 #content .dashboard-points{display:none}
 #content .dashboard-main-grid{display:block}
 #content .dashboard-actions-panel{margin-top:12px}
}
@media(max-width:760px){.mobile-brand{display:block;max-width:180px;margin-right:auto;margin-left:0;text-decoration:none}
.mobile-brand img{display:block;width:min(180px,44vw);height:auto;max-height:49px;object-fit:contain}
body>header.app-topbar{padding-top:57px}
}

#content .dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.dashboard-head .eyebrow{font-size:10px;letter-spacing:.15em;color:var(--sb-coral-dark);font-weight:800;margin:0 0 10px}
#content .dashboard-head h1{margin-bottom:4px}
.dashboard-head .subtitle{margin:0;color:#66716D;font-size:13px}
.dashboard-actions{display:flex;flex-wrap:wrap;gap:8px}
#content .dashboard-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;
  border-radius:10px;padding:10px 15px;border:1px solid var(--sb-line);color:var(--sb-graphite);background:var(--sb-paper)}
#content .dashboard-actions a.action-primary{background:var(--sb-coral);border-color:var(--sb-coral);color:white}
.dashboard-filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.dashboard-filters .data-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sb-line);
  border-radius:10px;background:var(--sb-paper);color:#36433E;padding:8px 13px;font-weight:600;font-size:12px}
.dashboard-filters .data-chip svg{width:16px;height:16px;stroke:currentColor}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 15px}
#content .dashboard-kpi{min-width:0;min-height:150px;margin:0;display:flex;flex-direction:column;
  justify-content:space-between;padding:20px;border-radius:16px}
.dashboard-kpi .kpi-label{font-size:12px;font-weight:700;color:#38433E}
.dashboard-kpi .kpi-value{font-weight:800;font-size:clamp(25px,2.25vw,37px);line-height:1.18;letter-spacing:-.015em}
.dashboard-kpi .kpi-note{color:#7A817D;font-size:11px}
#content .dashboard-kpi.revenue{background:var(--sb-coral);border-color:var(--sb-coral);color:white}
.dashboard-kpi.revenue .kpi-label,.dashboard-kpi.revenue .kpi-note{color:#FFF6EF}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:15px}
#content .dashboard-main-grid>section{margin:0}
.dash-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}
#content .dash-panel-head h2{margin:0 0 3px}
.dash-panel-head p{margin:0;color:var(--sb-muted);font-size:12px}
#content .dash-panel-head a{white-space:nowrap;font-size:12px;padding:4px 0}
.dashboard-table{overflow-x:auto}
.dashboard-table table{width:100%;border-collapse:separate;border-spacing:0 5px;min-width:520px}
.dashboard-table th{border:0;text-align:left;padding:6px 11px 8px}
.dashboard-table td{border:0;background:#F9F5EF;padding:13px 11px;font-size:12px}
.dashboard-table tr td:first-child{border-radius:10px 0 0 10px}
.dashboard-table tr td:last-child{border-radius:0 10px 10px 0}
.dashboard-table .point-name{font-weight:700}
.dashboard-table .point-sub{display:block;color:var(--sb-muted);font-size:11px;font-weight:400;margin-top:2px}
.dashboard-table .point-status{display:inline-flex;gap:6px;align-items:center;padding:5px 9px;background:#E5F2EA;
  color:#246448;border-radius:8px;font-size:11px}
.dashboard-table .point-status.archived{background:#F0EFED;color:#646D65}
.dashboard-table .point-status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}
.dashboard-table .data-pending{color:var(--sb-muted)}
.dashboard-tasks{display:flex;flex-direction:column}
.dashboard-task{padding:14px 2px;display:flex;gap:13px;align-items:center;text-decoration:none;border-bottom:1px solid var(--sb-line)}
.dashboard-task:last-child{border-bottom:0}
.dashboard-task .task-icon{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;
  border-radius:11px;background:#FCE8E1;color:var(--sb-coral-dark);font-size:20px}
.dashboard-task:nth-child(2n) .task-icon{background:#E2F1E7;color:#21745A}
.dashboard-task .task-copy{flex:1;min-width:0}
.dashboard-task .task-copy strong{font-size:12px;color:var(--sb-graphite);display:block}
.dashboard-task .task-copy small{display:block;color:var(--sb-muted);font-size:11px;margin-top:3px}
.dashboard-task .task-arrow{font-size:20px;color:var(--sb-muted)}
#content .dashboard-ai{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0 0;
  background:var(--sb-graphite);border-color:var(--sb-graphite);color:#FFF8F0;min-height:110px;padding:20px 25px;
  background-image:radial-gradient(circle at 80% 125%,rgba(165,212,191,.13) 0 16%,transparent 16.3%)}
.dashboard-ai .ai-kicker{color:var(--sb-mint);font-size:10px;font-weight:800;letter-spacing:.15em}
#content .dashboard-ai h2{margin:6px 0 3px;color:#FFF8F0;font-size:18px}
.dashboard-ai p{margin:0;color:#E3E9E0;font-size:12px}
#content .dashboard-ai a{flex-shrink:0;border-radius:10px;background:var(--sb-cream);color:var(--sb-graphite);
  padding:12px 14px;font-size:12px}
#content .dashboard-empty{color:var(--sb-muted);padding:15px 6px;font-size:12px}
@media(max-width:1150px){
 body{grid-template-columns:240px minmax(0,1fr)}
 #content .dashboard-kpi{padding:16px}
 .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-main-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 body{display:block;min-height:100vh;padding:0 0 84px;font-size:14px;background:#FFF6E9}
 body>main{display:block}
 body>header.app-topbar{position:relative;display:flex;background:var(--sb-graphite);border:0;color:#FFF8EF;
   border-radius:0 0 24px 24px;margin:0;min-height:132px;padding:56px 16px 23px;align-items:center}
 body>header .topbar-route{display:none}
 .topbar-actions{margin-left:auto;gap:10px}
 .preview-tag{display:none}
 .role-chip{color:#FFF9F0}
 .role-chip .role-copy{display:none}
 .role-avatar{width:37px;height:37px}
 .menu-toggle{display:grid;place-items:center;position:absolute;left:15px;top:13px;width:42px;height:42px;
   background:transparent;border:1px solid #65706B;border-radius:12px;color:#FFF8EF;font-size:21px;z-index:30}
 body>main>nav#nav{position:fixed;z-index:45;top:0;left:0;bottom:0;display:flex;visibility:hidden;
   transform:translateX(-105%);transition:transform .18s ease,visibility .18s ease;width:min(300px,85vw);
   height:100dvh;box-shadow:10px 0 35px rgba(0,0,0,.27);padding-top:28px}
 body.menu-open>main>nav#nav{transform:translateX(0);visibility:visible}
 body:after{content:"";pointer-events:none;position:fixed;inset:0;z-index:40;background:rgba(10,18,15,.45);
   opacity:0;transition:opacity .2s}
 body.menu-open:after{pointer-events:auto;opacity:1}
 body>main>#notice{padding:0 15px;margin:0}
 body>main>#content{padding:19px 15px 36px;max-width:none}
 #content h1{font-size:28px}
 #content section{padding:17px;border-radius:17px;margin:12px 0}
 #content .dashboard-head{margin-top:0}
 .dashboard-head .eyebrow{display:none}
 .dashboard-head .subtitle{font-size:12px}
 .dashboard-actions{display:none}
 .dashboard-filters{gap:8px}
 .dashboard-filters .data-chip{padding:8px 10px}
 .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}
 #content .dashboard-kpi{padding:14px 13px;min-height:124px}
 .dashboard-kpi .kpi-label{font-size:11px}
 .dashboard-kpi .kpi-value{font-size:25px}
 .dashboard-kpi .kpi-note{font-size:10px}
 #content .dashboard-kpi.revenue{grid-column:1 / -1;min-height:190px;border-radius:22px;
   background:linear-gradient(110deg,#E95143 0%,#E95143 62%,#EA6A56 100%);padding:22px}
 .dashboard-kpi.revenue .kpi-value{font-size:clamp(38px,10vw,55px)}
 .dashboard-kpi.revenue .kpi-label{font-size:14px}
 .dashboard-main-grid{gap:10px}
 #content .dashboard-main-grid>section{padding:18px}
 .dash-panel-head h2{font-size:18px}
 #content .dashboard-ai{display:block;padding:21px 19px;min-height:162px;border-radius:20px}
 #content .dashboard-ai h2{font-size:19px;max-width:285px}
 #content .dashboard-ai a{display:inline-block;margin-top:13px}
 .mobile-tabbar{position:fixed;z-index:35;bottom:0;left:0;right:0;min-height:75px;padding:8px 10px max(10px,env(safe-area-inset-bottom));
  display:flex;gap:4px;align-items:center;justify-content:space-around;background:rgba(255,252,248,.97);
  border-top:1px solid var(--sb-line);box-shadow:0 -3px 20px rgba(36,42,40,.06)}
 .mobile-tabbar a,.mobile-tabbar button{appearance:none;background:transparent;border:0;display:flex;min-width:56px;
   flex:1;flex-direction:column;gap:3px;align-items:center;justify-content:center;text-decoration:none;color:#6D756F;
   font:600 10px/1.2 "Onest",sans-serif;min-height:52px;padding:6px 3px;border-radius:12px}
 .mobile-tabbar a[aria-current="page"]{color:var(--sb-coral-dark)}
 .mobile-tabbar svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2}
 #content .kb-layout{grid-template-columns:minmax(0,1fr)}
 #content .kb-nav{position:static;max-height:360px}
 #content .kb-search{display:block}
 #content .kb-search button{margin-top:10px}
 #content .ticket-filters .row>*{min-width:100%}
 #content .dashboard-table table{min-width:480px}
 .dashboard-ai p{max-width:300px}
}
@media(max-width:370px){
 #content .dashboard-kpi{padding:11px;min-height:114px}
 .dashboard-kpi .kpi-label{font-size:10px}
 .dashboard-kpi .kpi-value{font-size:23px}
 .mobile-tabbar a,.mobile-tabbar button{font-size:9px}
}
body:is([data-page="login"],[data-page="activate"]){display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--sb-cream)}
body:is([data-page="login"],[data-page="activate"])>header.app-topbar{position:static;display:flex;max-width:530px;width:100%;background:transparent;border:0;min-height:0;padding:0 0 18px;color:var(--sb-graphite)}
body:is([data-page="login"],[data-page="activate"])>header .topbar-route{display:block;font-size:14px}
body:is([data-page="login"],[data-page="activate"])>main{display:block;max-width:530px;width:100%}
body:is([data-page="login"],[data-page="activate"]) #nav,body:is([data-page="login"],[data-page="activate"]) .mobile-tabbar,body:is([data-page="login"],[data-page="activate"]) .menu-toggle{display:none}
body:is([data-page="login"],[data-page="activate"]) #notice,body:is([data-page="login"],[data-page="activate"]) #content{width:100%;margin:0;padding:0}
body:is([data-page="login"],[data-page="activate"]) #content section{padding:28px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Compact brand in the mobile topbar; transparent logo is the approved original. */
.mobile-brand{display:none}
@media(max-width:760px){.mobile-brand{display:block;position:absolute;left:66px;top:39px;width:min(176px,44vw)}.mobile-brand img{display:block;width:100%;height:auto}.topbar-actions{position:absolute;right:17px;top:42px}.menu-toggle{top:35px}.role-chip{margin-right:0}body>header.app-topbar{min-height:122px}}

/* Demo is visually separated from organization-scoped facts. */
.dashboard-mode{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:10px 12px;border:1px solid #E3CDBA;border-radius:12px;background:#FFF9F0}
.dashboard-mode-tag{flex-shrink:0;letter-spacing:.075em;font-size:10px;font-weight:800;background:#FCE1D6;color:#AE3026;border-radius:6px;padding:6px 9px}
.dashboard-mode-caption{flex:1;font-size:11px;color:#70594B;min-width:200px}
.dashboard-mode-links{display:flex;border:1px solid #DECEC0;border-radius:9px;padding:3px;gap:3px;background:#FFFCF8}
#content .dashboard-mode-links a{font-size:11px;padding:6px 10px;color:#5A574F;text-decoration:none;border-radius:6px}
#content .dashboard-mode-links a[aria-current="page"]{background:var(--sb-graphite);color:white}
.dashboard-table .point-status.attention{background:#FCE9E4;color:#D04436}
@media(max-width:760px){.dashboard-mode{margin:3px 0 13px}.dashboard-mode-caption{flex-basis:100%;order:2}.dashboard-mode-links{margin-left:auto}}

/* Native Orders tab. Built inside the approved Samobranka UI 1.0 shell. */
.orders-page{min-width:0}
#content .orders-head{margin-bottom:18px}
.orders-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}
#content .orders-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#FFFCF8;
  color:var(--sb-graphite);border:1px solid var(--sb-line);border-radius:10px;padding:10px 14px;margin:0;
  min-height:40px;font-size:12px;font-weight:700;text-decoration:none}
#content .orders-button:hover{background:var(--sb-soft);border-color:#D4C4B5}
#content .orders-button.orders-button-primary{background:var(--sb-coral);border-color:var(--sb-coral);color:white}
#content .orders-button.orders-button-primary:hover{background:var(--sb-coral-dark)}
#content .orders-panel{margin:12px 0 18px;border-radius:16px;padding:22px;background:var(--sb-paper)}
.orders-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#content .orders-panel-heading h2{margin:0;font-size:19px}
.orders-panel-heading p{font-size:12px;color:var(--sb-muted);margin:4px 0 0}
.orders-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.orders-metric{background:var(--sb-paper);border:1px solid var(--sb-line);border-radius:14px;padding:17px 19px;
  display:flex;flex-direction:column;gap:9px}
.orders-metric>span{font-size:12px;color:#596760}
.orders-metric>strong{font-size:28px;font-weight:800;color:var(--sb-graphite)}
.orders-filters{display:grid;grid-template-columns:repeat(2,minmax(0,250px));gap:15px;margin:13px 0 18px}
#content .orders-filters label{margin:0;font-size:12px;color:#6C7771}
#content .orders-filters input,#content .orders-filters select{display:block;width:100%;margin-top:5px}
.orders-order-list{display:flex;flex-direction:column;gap:9px}
.orders-order{display:grid;grid-template-columns:minmax(120px,1.15fr) minmax(120px,1.1fr) minmax(145px,1.2fr) minmax(130px,1fr) auto;
  gap:12px;align-items:center;background:#FAF5EE;border:1px solid #F1E7DC;border-radius:12px;padding:14px}
.orders-order>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.orders-order strong{font-size:13px;font-weight:700;overflow-wrap:anywhere}
.orders-order small,.orders-field-label{display:block;font-size:11px;color:var(--sb-muted)}
.orders-status{display:inline-block;align-self:flex-start;border-radius:9px;padding:6px 10px;font-size:11px;font-weight:700}
.orders-status-draft{background:#EFE9E0;color:#65594B}
.orders-status-pending{background:#FFF0D7;color:#95601A}
.orders-status-accepted{background:#E2F1E7;color:#176B49}
.orders-summary{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 20px}
.orders-summary>div{min-width:150px;flex:1;display:flex;flex-direction:column;gap:6px;
  background:#FAF5EE;border:1px solid var(--sb-line);border-radius:12px;padding:15px}
.orders-summary span{font-size:11px;color:var(--sb-muted)}
.orders-summary strong{font-size:18px;font-weight:800}
.orders-table-wrap{max-width:100%;overflow-x:auto}
.orders-table{width:100%;border-collapse:collapse;min-width:550px}
.orders-table td,.orders-table th{text-align:left;padding:13px 10px;border-bottom:1px solid var(--sb-line)}
.orders-table th{font-size:11px;color:var(--sb-muted)}
.orders-table td{font-size:12px}
.orders-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}
.orders-steps span{display:block;padding:14px 12px;background:#EFF4EE;border-radius:10px;font-size:12px;
  color:#34594B;font-weight:600}
.orders-steps span::before{content:"✓";margin-right:8px;color:#278165}
.orders-locations{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.orders-location{display:grid;grid-template-columns:1.2fr 1.6fr auto;gap:12px;align-items:center;padding:14px;
  border:1px solid var(--sb-line);border-radius:11px;background:#FCF8F3}
.orders-location>strong{font-size:13px}
.orders-location>span{font-size:12px;color:var(--sb-muted)}
.orders-location-off{border-radius:8px;background:#F0EBE3;padding:5px 8px}
.orders-empty,.orders-footnote{font-size:12px;color:var(--sb-muted);margin:12px 0}
@media(max-width:1150px){.orders-order{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-order>div:last-child{grid-column:1/-1}}
@media(max-width:760px){
 #content .orders-head{display:block}
 #content .orders-panel{padding:16px}
 .orders-actions{gap:8px}
 #content .orders-button{flex:1;min-width:0}
 .orders-metrics{gap:7px}
 .orders-metric{padding:12px 10px;gap:5px}
 .orders-metric>span{font-size:10px}
 .orders-metric>strong{font-size:23px}
 .orders-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .orders-order{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:13px;gap:12px}
 .orders-order>div:last-child{grid-column:1/-1}
 #content .orders-order .orders-button{width:100%}
 .orders-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .orders-location{grid-template-columns:1fr;gap:5px}
}
@media(max-width:375px){.orders-metrics{grid-template-columns:1fr}.orders-metric{flex-direction:row;justify-content:space-between;align-items:center}
 .orders-filters{grid-template-columns:1fr}}