/* ===== Source: professional-ui.css ===== */
/* Atelier Eleven CRM — professional interface layer */
:root{
  --pro-bg:#f4f5f7;
  --pro-surface:#ffffff;
  --pro-surface-2:#f8f9fb;
  --pro-text:#20242a;
  --pro-muted:#717783;
  --pro-border:#e3e6ea;
  --pro-sidebar:#17191d;
  --pro-sidebar-soft:#23262c;
  --pro-accent:#9a744d;
  --pro-accent-strong:#765536;
  --pro-accent-soft:#f4ece3;
  --pro-success:#2f7a4f;
  --pro-danger:#a44942;
  --pro-radius:14px;
  --pro-shadow:0 8px 28px rgba(22,28,36,.06);
}
html{background:var(--pro-bg)!important}
body{background:var(--pro-bg)!important;color:var(--pro-text)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.app{background:var(--pro-bg)!important}
.side{
  width:256px!important;
  background:var(--pro-sidebar)!important;
  padding:22px 14px 18px!important;
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column;
  overflow-y:auto;
}
.side-brand{padding:2px 10px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:14px}
.side .logo{font-size:27px!important;letter-spacing:-.35px!important;line-height:1.05!important}
.side .sub{margin:6px 0 0!important;color:#b8a28c!important;font-size:10px!important;letter-spacing:.18em!important}
.side-brand-note{margin-top:9px;color:#777f8b;font-size:11px;line-height:1.35}
.nav-group{margin:13px 8px 6px;color:#727985;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.side nav{display:flex;flex-direction:column;gap:3px}
.side nav button{
  min-height:42px!important;margin:0!important;padding:10px 12px!important;border-radius:10px!important;
  color:#bfc4cb!important;font-size:13px!important;font-weight:650!important;letter-spacing:.005em;
  display:flex!important;align-items:center!important;gap:9px!important;transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
.side nav button:hover{background:var(--pro-sidebar-soft)!important;color:#fff!important;transform:translateX(1px)}
.side nav button.active{background:#2a2d33!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--pro-accent)!important}
.side-actions{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.side-actions button{margin-top:4px!important}
.main{margin-left:256px!important;width:calc(100% - 256px)!important;padding:30px 36px 56px!important}
.page{max-width:1540px;margin:0 auto}
.top{min-height:62px;margin:0 0 20px!important;padding:0!important;gap:16px}
.top h1,.brand-head h1{font-family:Inter,Segoe UI,Arial,sans-serif!important;font-size:28px!important;line-height:1.15!important;font-weight:760!important;letter-spacing:-.035em!important;color:var(--pro-text)!important}
.brand-head{display:flex;flex-direction:column;gap:4px}
.brand-subtitle{font-size:13px!important;color:var(--pro-muted)!important;letter-spacing:0!important}
.page-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pro-accent);margin-bottom:5px}
.card,.stat{
  background:var(--pro-surface)!important;border:1px solid var(--pro-border)!important;
  border-radius:var(--pro-radius)!important;box-shadow:var(--pro-shadow)!important;
}
.card{padding:18px!important}.stats{gap:12px!important}.stat{padding:16px 17px!important;min-height:92px}
.stat small{font-size:11px!important;font-weight:700!important;color:var(--pro-muted)!important;letter-spacing:.015em}
.stat b{font-size:23px!important;letter-spacing:-.025em!important;color:var(--pro-text)!important}
.btn{
  min-height:38px;border-radius:9px!important;border-color:var(--pro-border)!important;background:#fff!important;
  color:#414750!important;font-weight:700!important;padding:8px 13px!important;box-shadow:0 1px 2px rgba(20,24,30,.03);
}
.btn:hover{border-color:#cfd3d9!important;background:#fafbfc!important}
.btn.primary{background:var(--pro-accent-strong)!important;border-color:var(--pro-accent-strong)!important;color:#fff!important;box-shadow:0 4px 12px rgba(118,85,54,.15)}
.btn.primary:hover{background:#62472f!important;border-color:#62472f!important}
.btn.danger{color:var(--pro-danger)!important}
.input,select,textarea{border-radius:9px!important;border-color:#dfe2e6!important;background:#fff!important;color:var(--pro-text)!important;min-height:40px;outline:none;transition:border .15s,box-shadow .15s}
.input:focus,select:focus,textarea:focus{border-color:#b89a7a!important;box-shadow:0 0 0 3px rgba(154,116,77,.10)!important}
.search{gap:9px!important}
.tablewrap{border:1px solid var(--pro-border)!important;border-radius:12px!important;background:#fff!important;overflow:auto!important}
table{background:#fff}th{background:var(--pro-surface-2)!important;color:#666d77!important;font-size:10px!important;font-weight:800!important;letter-spacing:.045em;text-transform:uppercase}
th,td{border-bottom-color:#eceef1!important}tbody tr:hover td{background:#fafbfc!important}
.badge{border-radius:7px!important;font-weight:700!important;background:#f0f1f3!important;color:#555c65!important}
.dialog{border-radius:18px!important;border:1px solid var(--pro-border);box-shadow:0 28px 80px rgba(20,25,32,.22)!important}
.dialog h2{font-family:Inter,Segoe UI,Arial,sans-serif!important;font-weight:760!important;letter-spacing:-.025em}
#orders>.top{position:static!important;background:transparent!important;border-bottom:0!important;padding:0!important;margin:0 0 20px!important}
#orders>.stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#orders .today-strip{border-radius:14px!important;border:1px solid #30343b!important;background:#202329!important;box-shadow:0 8px 28px rgba(20,25,32,.10)!important}
#orders .card{padding:14px!important}
#orders .orders-search{grid-template-columns:132px minmax(240px,1fr) 168px!important}
#orders .orders-search .new-order-inline{width:132px!important;min-width:132px!important}
.cash-strip-btn{border-radius:9px!important}
.mobile-topbar{background:#181a1f!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 18px rgba(0,0,0,.12)!important}
.mobile-brand{font-weight:750!important;letter-spacing:-.01em!important}
.crm-pro-footer{font-size:10px;color:#626974;padding:14px 10px 2px;line-height:1.45}
@media(max-width:1100px){
  .side{width:226px!important}.main{margin-left:226px!important;width:calc(100% - 226px)!important;padding:24px!important}
  #orders>.stats,.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .side{width:min(310px,86vw)!important;padding-top:18px!important}.main{margin-left:0!important;width:100%!important;padding:78px 14px 34px!important}
  .page{max-width:none}.top{min-height:auto;align-items:flex-start!important}.top h1,.brand-head h1{font-size:24px!important}
  .card{padding:13px!important}.stat{min-height:80px!important}.stat b{font-size:20px!important}
  #orders .orders-search{grid-template-columns:1fr!important}#orders .orders-search .new-order-inline{width:100%!important;min-width:0!important}
}
@media(max-width:520px){
  #orders>.stats,.stats{grid-template-columns:1fr 1fr!important;gap:8px!important}.stat{padding:13px!important}
  .top{flex-direction:column!important}.top>div:last-child{width:100%}.top>div:last-child .btn{flex:1}
}


/* ===== Inline document stylesheet ===== */

*{box-sizing:border-box} body{margin:0;font-family:Arial,sans-serif;background:#f5f1eb;color:#30251e}
.app{display:flex;min-height:100vh}.side{width:240px;background:#30251e;color:#fff;padding:22px 14px;position:fixed;inset:0 auto 0 0}
.logo{font-family:Georgia,serif;font-size:27px;margin:0 10px}.sub{color:#d8b77c;font-size:12px;letter-spacing:2px;margin:4px 10px 25px}
nav button{display:block;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:13px 15px;margin:5px 0;border-radius:10px;font-size:15px;cursor:pointer}nav button.active,nav button:hover{background:#554031}
.main{margin-left:240px;width:calc(100% - 240px);padding:28px 30px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-family:Georgia,serif;font-size:30px;font-weight:normal;margin:0}
.btn{border:1px solid #d9c9b9;background:#fff;color:#4b382b;border-radius:99px;padding:8px 12px;cursor:pointer;font-size:13px}.btn.primary{background:#654634;color:#fff;border-color:#654634}.btn.danger{color:#a33;border-color:#e1caca}.btn.icon{padding:7px 10px;font-size:14px}
.card{background:#fff;border:1px solid #e5d9cd;border-radius:15px;padding:20px;margin-bottom:18px;box-shadow:0 8px 25px #4a382014}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid #e5d9cd;border-radius:14px;padding:18px}.stat small{color:#806f62}.stat b{display:block;font-size:25px;margin-top:7px}
.search{display:flex;gap:10px;margin-bottom:15px}.search input{flex:1}.input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d9cbbf;border-radius:99px;background:#fff;font-size:14px}.tablewrap{overflow:visible}table{width:100%;border-collapse:collapse;min-width:0}th,td{padding:11px 9px;border-bottom:1px solid #eee;text-align:left;font-size:13px}th{background:#faf7f3}
.badge{display:inline-block;padding:5px 8px;border-radius:99px;background:#eee3d8;font-size:12px}.ok{background:#dcefdc}.warn{background:#fff0c8}
.modal{display:none;position:fixed;inset:0;background:#0007;align-items:center;justify-content:center;padding:20px;z-index:2000}.modal.show{display:flex!important;visibility:visible!important;opacity:1!important}.dialog{background:#fff;border-radius:16px;width:min(760px,100%);max-height:90vh;overflow:auto;padding:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;color:#6f6055;margin-bottom:6px}.full{grid-column:1/-1}.calc{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:5px}.money{font-size:20px;font-weight:bold}.remaining{background:#f7eee6;border-radius:10px;padding:11px}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.empty{text-align:center;padding:45px;color:#806f62}

/* Dropdown Menu Styles */
.dropdown{position:relative;display:inline-block}
.menu-btn{background:transparent;border:1px solid transparent;border-radius:50%;width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;color:#654634;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.2s,border-color 0.2s}
.menu-btn:hover, .dropdown.open .menu-btn{background:#f0e8df;border-color:#d9c9b9}
.dropdown-menu{display:none;position:absolute;right:0;top:calc(100% + 4px);background:#ffffff;border:1px solid #e5d9cd;border-radius:12px;box-shadow:0 6px 20px rgba(48,37,30,0.15);min-width:170px;z-index:1000;padding:6px 0;overflow:hidden}
.dropdown.open .dropdown-menu{display:block}
.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;font-size:13px;color:#30251e;cursor:pointer;transition:background-color 0.15s}
.dropdown-menu button:hover{background:#f7eee6}
.dropdown-menu button.danger-item{color:#a33}
.dropdown-menu button.danger-item:hover{background:#fdf2f2}
.order-status-menu-item{position:relative}
.order-status-menu-item>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;font-size:13px;color:#30251e;cursor:pointer}
.order-status-menu-item>button:hover{background:#f7eee6}
.order-status-submenu{display:none;position:absolute;left:0;top:100%;margin-top:2px;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.14);padding:5px 0;z-index:10001}
.order-status-menu-item.open .order-status-submenu{display:block}
.order-status-submenu button{display:block;width:100%;padding:9px 12px;border:0;background:transparent;text-align:left;font-size:13px;color:#30251e;cursor:pointer}
.order-status-submenu button:hover{background:#f7eee6}

.service-suggestions{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #d9c9b9;border-radius:12px;box-shadow:0 8px 22px #4a382026;z-index:3000;max-height:220px;overflow:auto}.service-suggestion{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0e8df}.service-suggestion:last-child{border-bottom:0}.service-suggestion:hover{background:#f7eee6}.service-suggestion b{font-size:14px}.service-suggestion span{font-size:12px;color:#806f62;white-space:nowrap}.service-hint{padding:9px 12px;color:#806f62;font-size:12px}
@media(max-width:800px){.side{width:190px}.main{margin-left:190px;width:calc(100% - 190px);padding:18px}.stats{grid-template-columns:1fr 1fr}.grid,.calc{grid-template-columns:1fr}}

/* Заказы: заголовок остаётся неподвижным при прокрутке */
#orders > .top{position:sticky!important;top:0!important;z-index:120!important;background:#f7f5f1!important;padding:14px 0 12px!important;margin:0 0 10px!important;border-bottom:1px solid #e5e0d8!important;}
#orders > .top h1{background:#f7f5f1!important;}
#orders .tablewrap{max-height:calc(100vh - 300px);overflow:auto!important;}
#orders .tablewrap th{position:sticky;top:0;z-index:20;}

/* Compact order header: new order button together with search + icons in KPI cards */
#orders>.stats .stat{display:flex!important;align-items:center!important;gap:11px!important}
#orders>.stats .stat>div{min-width:0}
.stat-icon{width:34px;height:34px;flex:0 0 34px;border:1px solid #ddd9d2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#333;background:#faf9f7}
.orders-search{display:grid!important;grid-template-columns:120px minmax(220px,1fr) 180px!important;align-items:center!important}
.new-order-inline{height:40px!important;white-space:nowrap!important;padding:7px 10px!important;font-size:12px!important}
@media(max-width:1000px){.orders-search{grid-template-columns:1fr 1fr!important}.new-order-inline{grid-column:1/-1}}
@media(max-width:560px){.orders-search{grid-template-columns:1fr!important}}
/* Beautiful warning dialogs */
.warning-notice-overlay{position:fixed;inset:0;background:rgba(35,28,24,.60);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100001;animation:warningFadeIn .16s ease-out;}
.warning-notice-card{width:min(500px,100%);background:#fffdf9;border:2px solid #c79a55;border-radius:22px;box-shadow:0 24px 80px rgba(48,37,30,.34);padding:28px 30px 24px;position:relative;text-align:center;}
.warning-notice-card:before{content:"";position:absolute;inset:7px;border:1px solid #ead6b5;border-radius:16px;pointer-events:none;}
.warning-notice-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 14px;background:#fff1cf;border:1px solid #d9b56f;display:flex;align-items:center;justify-content:center;font-size:29px;color:#9a6a1f;position:relative;}
.warning-notice-title{font-family:Georgia,serif;font-size:25px;font-weight:600;color:#30251e;margin-bottom:10px;position:relative;}
.warning-notice-text{font-size:16px;line-height:1.5;color:#62564e;margin-bottom:22px;position:relative;white-space:pre-wrap;}
.warning-notice-ok{border:0;background:#6b4937;color:#fff;border-radius:12px;padding:11px 34px;font-size:15px;font-weight:700;cursor:pointer;position:relative;box-shadow:0 5px 14px rgba(101,70,52,.20);transition:transform .12s,background .12s;}
.warning-notice-ok:hover{background:#52372a;transform:translateY(-1px);}
@keyframes warningFadeIn{from{opacity:0}to{opacity:1}}



/* ===== Inline document stylesheet ===== */

:root{--bg:#f6f4f1;--panel:#fff;--ink:#1c1c1b;--muted:#77736d;--line:#e6e1da;--dark:#1d1d1b;--gold:#b58a5a;--soft:#f2eee8;--green:#e9f7ee;--yellow:#fff4d7}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg)!important;color:var(--ink)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important}
.app{min-height:100vh;background:var(--bg)!important}.side{width:230px!important;background:var(--dark)!important;padding:26px 14px!important;box-shadow:8px 0 30px rgba(0,0,0,.07);z-index:10}.side .logo{font-family:Georgia,serif!important;font-size:29px!important;color:#fff!important;margin:0 10px!important}.side .sub{color:#bca17f!important;letter-spacing:2px!important;margin:4px 10px 28px!important}.side nav button{color:#c9cbc9!important;background:transparent!important;border:0!important;border-radius:12px!important;padding:12px 14px!important;margin:4px 0!important;font-size:14px!important}.side nav button.active,.side nav button:hover{background:#2d2d2a!important;color:#fff!important}.main{margin-left:230px!important;width:calc(100% - 230px)!important;padding:30px 34px 50px!important;max-width:none!important}
#orders{max-width:1500px;margin:0 auto}.top{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 18px!important}.top h1{font-family:Georgia,serif!important;font-size:32px!important;font-weight:500!important;margin:0!important;letter-spacing:-.3px}.btn{border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;border-radius:11px!important;padding:10px 15px!important;font-weight:600!important}.btn.primary{background:var(--dark)!important;color:#fff!important;border-color:var(--dark)!important;box-shadow:0 6px 16px rgba(29,29,27,.14)}
#orders>.stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin:0 0 16px!important}.stat{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:17px 18px!important;box-shadow:0 5px 18px rgba(25,25,22,.035)!important}.stat small{display:block;color:var(--muted)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.05em}.stat b{display:block;font-size:25px!important;margin-top:7px!important}
.card{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:16px!important;margin:0!important;box-shadow:0 8px 28px rgba(25,25,22,.045)!important}.search{display:grid!important;grid-template-columns:1fr 180px!important;gap:10px!important;margin:0 0 14px!important}.input,select,textarea{width:100%;border:1px solid #ddd9d2!important;border-radius:11px!important;background:#fff!important;padding:12px 13px!important;color:var(--ink)!important;font-size:14px!important;outline:none}.input:focus,select:focus,textarea:focus{border-color:#c3a17b!important;box-shadow:0 0 0 3px rgba(181,138,90,.12)!important}
.tablewrap{overflow:auto!important;border:1px solid var(--line);border-radius:13px}table{width:100%;min-width:0!important;border-collapse:separate!important;border-spacing:0!important}th{background:#f7f6f4!important;color:#6f6b65!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.05em!important;font-weight:700!important;padding:13px 11px!important;border-bottom:1px solid var(--line)!important;white-space:nowrap}td{padding:13px 11px!important;border-bottom:1px solid #eeeae4!important;font-size:13px!important;background:#fff!important}tr:last-child td{border-bottom:0!important}tbody tr:hover td{background:#fcfbf9!important}.badge{border:1px solid #e5e0d8!important;background:#f4f2ef!important;border-radius:999px!important;padding:5px 9px!important}.ok{background:var(--green)!important}.warn{background:var(--yellow)!important}.empty{padding:55px 20px!important;color:var(--muted)!important;text-align:center}
/* All other pages use the same visual language */.page .top h1{font-family:Georgia,serif!important;font-weight:500!important}.page .stats{gap:12px!important}.page .stat{border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:none!important}.page .card{border-radius:18px!important}.modal{background:rgba(20,20,18,.52)!important;backdrop-filter:blur(4px);z-index:99999!important;visibility:hidden}.modal.show{visibility:visible!important}.dialog{border-radius:20px!important;border:1px solid var(--line)!important;box-shadow:0 25px 80px rgba(0,0,0,.2)!important}.dialog h2{font-family:Georgia,serif!important;font-weight:500!important}.field label{color:#68635c!important;font-weight:600!important}.dropdown-menu{border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 15px 35px rgba(0,0,0,.13)!important}
@media(max-width:1000px){#orders>.stats{grid-template-columns:repeat(2,1fr)!important}.search{grid-template-columns:1fr!important}}@media(max-width:800px){.side{width:190px!important}.main{margin-left:190px!important;width:calc(100% - 190px)!important;padding:20px!important}}@media(max-width:560px){.side{width:70px!important}.side .logo,.side .sub{display:none}.side nav button{font-size:0;text-align:center}.side nav button:first-letter{font-size:18px}.main{margin-left:70px!important;width:calc(100% - 70px)!important;padding:14px!important}.top h1{font-size:27px!important}}


/* ===== Inline document stylesheet ===== */

#orders{max-width:1520px!important}
#orders>.top{position:sticky!important;top:0!important;z-index:120!important;background:var(--bg)!important;padding:10px 0 14px!important;margin:0 0 12px!important}
#orders>.stats{position:relative;z-index:1}
.stat{position:relative!important;min-height:112px!important}.stat-note{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.today-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#1d1d1b;color:#fff;border-radius:16px;padding:14px 17px;margin-bottom:16px;box-shadow:0 8px 25px rgba(29,29,27,.12)}
.today-strip strong{display:block;font-size:14px}.today-date{display:inline!important;color:#d8d6d0!important;font-size:12px!important;font-weight:500!important;margin-left:8px!important}.today-strip>div:first-child span{display:block;color:#bdbbb6;font-size:12px;margin-top:3px}.today-metrics{display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-end;align-items:center;white-space:nowrap}.mini-pill{padding:6px 9px;border-radius:999px;background:#2b2b28;color:#ddd;font-size:11px;white-space:nowrap;flex:0 0 auto}.mini-pill b{color:#fff}.mini-pill.ready{background:#284331}.mini-pill.issued{background:#263f49}.mini-pill.late{background:#4a2927}.mini-pill.wait{background:#4b4028}
#orders .card{padding:14px!important}
#orders .tablewrap{max-height:calc(100vh - 365px)!important;overflow-y:auto!important;overflow-x:hidden!important;border:1px solid var(--line);border-radius:14px!important}
#orders .tablewrap table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:separate!important}
#orders .tablewrap th{position:sticky!important;top:0!important;z-index:25!important;background:#f7f6f4!important}
#orders .tablewrap tbody tr{cursor:pointer}
#orders .tablewrap tbody tr:hover td{background:#fbf9f6!important}
#orders .tablewrap td{vertical-align:top!important;overflow-wrap:break-word;word-break:normal}
#orders .tablewrap th,#orders .tablewrap td{padding:10px 8px!important}
#orders .tablewrap th:nth-child(1),#orders .tablewrap td:nth-child(1){width:9%}
#orders .tablewrap th:nth-child(2),#orders .tablewrap td:nth-child(2){width:14%}
#orders .tablewrap th:nth-child(3),#orders .tablewrap td:nth-child(3){width:15%}
#orders .tablewrap th:nth-child(4),#orders .tablewrap td:nth-child(4){width:19%}
#orders .tablewrap th:nth-child(5),#orders .tablewrap td:nth-child(5){width:10%}
#orders .tablewrap th:nth-child(6),#orders .tablewrap td:nth-child(6){width:9%}
#orders .tablewrap th:nth-child(7),#orders .tablewrap td:nth-child(7){width:9%}
#orders .tablewrap th:nth-child(8),#orders .tablewrap td:nth-child(8){width:10%}
#orders .tablewrap th:nth-child(9),#orders .tablewrap td:nth-child(9){width:5%;min-width:48px}
.order-number{font-size:15px;font-weight:800}.order-date{font-size:11px;color:var(--muted);margin-top:3px}.tablewrap td:nth-child(2) small,.tablewrap td:nth-child(5) small,.tablewrap td:nth-child(6) small,.tablewrap td:nth-child(7) small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.catitem{display:flex;flex-direction:column;gap:2px;margin-bottom:5px}.catitem span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.service-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:3px 0;border-bottom:1px dashed #eee8e1}.service-row:last-child{border-bottom:0}.service-row b{white-space:nowrap;font-size:12px}.money-cell{font-size:14px}.due-money{color:#9a3a2f}.deadline{color:#806f62!important}.deadline-late{color:#a33!important;font-weight:700}.late-badge{background:#fde5e3!important;color:#9a3027!important;border-color:#f2c4bf!important}.wait-badge{background:#fff1cf!important;color:#7b5b19!important;border-color:#ecd59e!important}.empty{display:flex;flex-direction:column;align-items:center;gap:7px}.empty-icon{font-size:28px;opacity:.65}
#orders .tablewrap{overflow-x:hidden!important;overflow-y:auto!important}
#orders .tablewrap table{width:100%!important;min-width:0!important;table-layout:fixed!important}
#orders .tablewrap th,#orders .tablewrap td{min-width:0!important}
#orders .dropdown-menu.menu-floating{position:fixed!important;right:auto!important;top:auto!important;left:auto!important;z-index:10000!important;display:block!important;pointer-events:auto!important}
#orders .dropdown-menu.menu-floating button{white-space:nowrap}
#orders .dropdown-menu.menu-floating{overflow:visible!important;max-height:none!important}
#orders .order-status-menu-item{z-index:10002}
#orders .order-status-submenu{z-index:10003}
#orders .action-cell{white-space:nowrap!important;text-align:center!important;width:68px!important;min-width:68px!important;max-width:80px!important}
#orders .view-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 10px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;color:var(--ink)!important;font-size:12px!important;cursor:pointer!important;font-weight:bold!important}
#orders .view-btn:hover{background:#f7f1ea!important}
@media(max-width:1050px){#orders .tablewrap th,#orders .tablewrap td{padding:8px 6px!important;font-size:12px!important}.order-number{font-size:13px}.money-cell{font-size:12px}.tablewrap td:nth-child(2) small,.tablewrap td:nth-child(5) small,.tablewrap td:nth-child(6) small,.tablewrap td:nth-child(7) small{font-size:10px}}

.order-view{width:min(820px,100%)!important}.view-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.view-kicker{font-size:10px;letter-spacing:.12em;color:var(--gold);font-weight:800}.view-head h2{margin:4px 0 0!important}.view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:16px}.view-grid>div{padding:12px 14px;background:#fbfaf8;border-bottom:1px solid var(--line)}.view-grid span,.view-total span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.view-grid b{font-size:14px}.view-services{border:1px solid var(--line);border-radius:14px;overflow:hidden}.view-services h3{margin:0;padding:12px 14px;background:#f7f6f4;font-size:13px}.view-service{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-top:1px solid var(--line)}.view-service span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.view-total{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.view-total>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.view-total b{font-size:15px}.remain-box{background:#f5eadf!important}.remain-box b{color:#8d3b2e}
@media(max-width:900px){.today-strip{align-items:stretch}.today-metrics{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.view-total{grid-template-columns:1fr 1fr}.view-grid{grid-template-columns:1fr}.tablewrap{max-height:none!important}}

#viewOrderModal{z-index:99999!important}
#viewOrderModal .dialog{position:relative!important;z-index:100000!important}
/* Независимый просмотр заказа: кнопка работает отдельно от формы заказа */
#orders .tablewrap tbody tr{cursor:default!important}
#orders .action-cell{position:static!important;right:auto!important;z-index:1!important;pointer-events:auto!important;background:#fff!important;box-shadow:none!important;width:68px!important;min-width:68px!important;max-width:80px!important;text-align:center!important}
#orders .tablewrap th:nth-child(9),
#orders .tablewrap td:nth-child(9).action-cell{
  position:static!important;right:auto!important;z-index:1!important;
  background:#fff!important;width:7%!important;min-width:68px!important;max-width:80px!important;
}
#orders .tablewrap th:nth-child(9){
  background:#f7f6f4!important;z-index:45!important;
  box-shadow:none!important;
}
#orders .tablewrap{overflow-x:hidden!important;overflow-y:auto!important}
#orders .view-btn{position:relative!important;z-index:51!important;pointer-events:auto!important;touch-action:manipulation!important}


/* ===== Inline document stylesheet ===== */

.crm-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(15px);background:#30251e;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.22);font-size:14px;font-weight:600;opacity:0;pointer-events:none;z-index:6000;transition:.2s}
.crm-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}


/* ===== Inline document stylesheet ===== */

/* Финальная компоновка главного экрана по референсу */
#orders{max-width:1500px!important;margin:0 auto!important}
#orders>.top{position:relative!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;background:transparent!important;padding:0 0 14px!important;margin:0 0 14px!important;border-bottom:1px solid var(--line)!important}
#orders>.top h1{font-family:Georgia,'Times New Roman',serif!important;font-size:34px!important;font-style:italic!important;font-weight:500!important;letter-spacing:-.6px!important;margin:0!important;color:#171715!important}
.brand-subtitle{margin-top:5px;color:#77736d;font-size:12px}
#orders>.stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0 0 12px!important;border-bottom:1px solid var(--line)!important}
#orders>.stats .stat{min-height:62px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;padding:8px 18px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
#orders>.stats .stat:last-child{border-right:0!important}
#orders>.stats .stat small{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;color:#77736d!important;font-weight:500!important;line-height:1.2!important}
#orders>.stats .stat b{font-size:23px!important;margin-top:4px!important;line-height:1.05!important}
#orders>.stats .stat:before{content:'';display:block;position:absolute;left:0;top:16px;width:2px;height:34px;background:#ddd9d2;border-radius:2px}
#orders>.stats .stat{position:relative!important}
#orders>.stats .stat:nth-child(1):before{background:#2f2f2c}
#orders>.stats .stat:nth-child(2):before{background:#9c7b54}
#orders>.stats .stat:nth-child(3):before{background:#3b6b52}
#orders>.stats .stat:nth-child(4):before{background:#9a3a2f}
#orders .today-strip{border-radius:13px!important;padding:12px 16px!important;margin-bottom:12px!important;box-shadow:none!important}
#orders .today-metrics{gap:7px!important}
#orders .mini-pill{font-size:11px!important;padding:6px 9px!important}

/* Управление кассой прямо в чёрной панели — аккуратная «рамочка» */
#orders .today-strip{
  display:grid!important;
  grid-template-columns:minmax(120px,.7fr) minmax(260px,auto) minmax(150px,auto) auto!important;
  align-items:center!important;
  gap:12px!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  background:linear-gradient(135deg,#1a1a18 0%,#242422 50%,#1d1d1b 100%)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
#orders .today-main-info{min-width:140px}
.cash-strip-control{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px 8px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  min-width:0;
}
.cash-strip-status{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  flex:1 1 auto;
}
.cash-strip-label{
  font-size:9px;
  letter-spacing:.14em;
  color:#a9a7a2;
  font-weight:800;
}
.cash-strip-status-value{
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.25;
}
.cash-strip-status-value.open{color:#b8e3c4}
.cash-strip-status-value.closed{color:#f0b0a8}
.cash-strip-btn{
  border:1px solid transparent;
  border-radius:11px;
  padding:9px 14px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  flex:0 0 auto;
  transition:transform .12s,background .15s,box-shadow .15s;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}
.cash-strip-btn:hover{transform:translateY(-1px)}
.cash-strip-btn.open{
  background:linear-gradient(180deg,#3d6b4a,#2d5240);
  color:#fff;
  border-color:rgba(120,180,130,.35);
}
.cash-strip-btn.open:hover{background:linear-gradient(180deg,#468056,#345f48)}
.cash-strip-btn.close{
  background:linear-gradient(180deg,#7a4038,#5c322c);
  color:#fff;
  border-color:rgba(220,140,120,.3);
}
.cash-strip-btn.close:hover{background:linear-gradient(180deg,#8a4a40,#6a3a32)}
@media(max-width:1100px){
  #orders .today-strip{grid-template-columns:1fr 1fr!important;gap:10px!important}
  #orders .today-metrics{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:2px;justify-content:flex-start}
  .cash-strip-control{justify-content:space-between}
  .cash-strip-status-value{max-width:160px}
}
@media(max-width:650px){
  #orders .today-strip{grid-template-columns:1fr!important}
  .cash-strip-control{flex-wrap:wrap}
  .cash-strip-status{min-width:120px;flex:1 1 100%}
  .cash-strip-status-value{max-width:100%}
  .cash-strip-btn{flex:1 1 auto;min-height:42px;justify-content:center}
}
#orders .card{padding:12px!important;border-radius:14px!important;box-shadow:none!important}
#orders .search{grid-template-columns:1fr 160px!important;gap:9px!important;margin-bottom:10px!important}
#orders .search .input{height:40px!important}
#orders .tablewrap{border-radius:12px!important}
#orders .tablewrap th{padding:10px 9px!important}
#orders .tablewrap td{padding:11px 9px!important}
@media(max-width:900px){#orders>.stats{grid-template-columns:repeat(2,1fr)!important}.search{grid-template-columns:1fr!important}.brand-subtitle{display:none}}


/* ===== Inline document stylesheet ===== */

#orders .orders-search{display:grid!important;grid-template-columns:120px minmax(220px,1fr) 160px!important;gap:9px!important;align-items:center!important;margin-bottom:10px!important;}
#orders .orders-search .new-order-inline{width:120px!important;min-width:120px!important;}
#orders .orders-search #filter{width:160px!important;}
@media(max-width:900px){#orders .orders-search{grid-template-columns:110px minmax(180px,1fr) 150px!important;}}
@media(max-width:650px){#orders .orders-search{grid-template-columns:1fr!important;}#orders .orders-search .new-order-inline,#orders .orders-search #filter{width:100%!important;min-width:0!important;}}


/* ===== Inline document stylesheet ===== */

/* Единый аккуратный стиль рамок для всего CRM */
:root{
  --frame:#ded8cf;
  --frame-soft:#ebe6df;
  --frame-focus:#b99a74;
  --frame-shadow:0 8px 24px rgba(42,35,27,.07);
}
/* карточки, панели и блоки */
.card,.stat,.today-strip,.dialog,.modal-content,.view-dialog,.view-service,.view-total>div,
.client-card,.service-card,.expense-card,.receipt-card,.search,.orders-search,
.form-card,.panel,.box,.section-card{
  border:1px solid var(--frame)!important;
  box-shadow:var(--frame-shadow)!important;
}
.card,.stat,.dialog,.view-dialog,.modal-content,.form-card,.panel,.box,.section-card{border-radius:16px!important}
.stat{background:#fffdfb!important}
/* поля */
.input,select,textarea,input[type="text"],input[type="tel"],input[type="date"],input[type="number"],input[type="time"]{
  border:1px solid var(--frame)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 2px rgba(40,32,22,.025)!important;
}
.input:hover,select:hover,textarea:hover,input[type="text"]:hover,input[type="tel"]:hover,input[type="date"]:hover,input[type="number"]:hover,input[type="time"]:hover{border-color:#cfc5b8!important}
.input:focus,select:focus,textarea:focus,input:focus{border-color:var(--frame-focus)!important;box-shadow:0 0 0 3px rgba(185,154,116,.13)!important}
/* кнопки */
.btn{border:1px solid #d7d0c7!important;border-radius:10px!important;box-shadow:0 3px 9px rgba(40,32,22,.05)!important;transition:.15s ease!important}
.btn:hover{border-color:#bfb3a5!important;box-shadow:0 5px 13px rgba(40,32,22,.09)!important;transform:translateY(-1px)}
.btn.primary{border-color:#252421!important}
/* таблицы */
.tablewrap{border:1px solid var(--frame)!important;border-radius:13px!important;overflow:hidden!important;box-shadow:var(--frame-shadow)!important}
#orders .tablewrap{overflow:auto!important}
table{border:0!important}
th{border-bottom:1px solid var(--frame)!important;border-right:1px solid #eee9e2!important}
th:last-child{border-right:0!important}
td{border-bottom:1px solid var(--frame-soft)!important;border-right:1px solid #f0ece6!important}
td:last-child{border-right:0!important}
tbody tr:last-child td{border-bottom:0!important}
/* выпадающие меню */
.dropdown-menu{border:1px solid #d4cdc3!important;border-radius:14px!important;box-shadow:0 18px 40px rgba(30,25,20,.16)!important;background:#fffdfb!important;padding:6px!important}
.dropdown-menu button{border-radius:9px!important;margin:1px 0!important}
/* все модальные окна */
.modal{background:rgba(25,22,19,.48)!important;backdrop-filter:blur(5px)!important}
.dialog{background:#fffdfb!important;border:1px solid #d8d0c5!important;border-radius:20px!important;box-shadow:0 28px 80px rgba(20,17,14,.22)!important;overflow:hidden!important}
.dialog h2{margin-top:0!important}
.dialog .field{margin-bottom:12px!important}
/* аккуратные разделители внутри форм */
.dialog hr,.modal hr{border:0!important;border-top:1px solid var(--frame-soft)!important;margin:16px 0!important}
/* селекты и выпадающие области */
select{appearance:auto!important}
/* просмотр заказа — карточка без обрезки кнопок */
#viewOrderModal{align-items:center!important;justify-content:center!important;padding:16px!important}
#viewOrderModal .dialog.order-view{
  border:1px solid #d4ccc1!important;
  border-radius:20px!important;
  box-shadow:0 28px 80px rgba(20,17,14,.24)!important;
  width:min(820px,100%)!important;
  max-height:min(92vh,920px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:22px 24px 16px!important;
}
#viewOrderModal .order-view .view-head{
  flex:0 0 auto!important;
  margin-bottom:14px!important;
}
#viewOrderModal .order-view #viewOrderBody{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  padding-right:4px;
  padding-bottom:8px;
}
#viewOrderModal .order-view .actions{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:12px!important;
  padding-top:14px!important;
  border-top:1px solid #eee5dc!important;
  background:#fffdfb!important;
  position:relative!important;
  z-index:2!important;
}
#viewOrderModal .order-view .actions .btn{
  min-height:42px!important;
  padding:10px 18px!important;
  font-weight:700!important;
}
#viewOrderModal .view-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  margin-bottom:14px!important;
  background:transparent!important;
}
#viewOrderModal .view-grid>div{
  border:1px solid var(--frame-soft)!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:11px 13px!important;
}
#viewOrderModal .view-grid>div.view-full{
  grid-column:1 / -1!important;
}
#viewOrderModal .view-services{
  border:1px solid var(--frame)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  margin-bottom:4px!important;
}
#viewOrderModal .view-service{
  background:#fff!important;
  border-radius:0!important;
}
#viewOrderModal .view-total{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  margin-top:14px!important;
}
#viewOrderModal .view-total>div{
  border:1px solid var(--frame)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  padding:12px!important;
}
#viewOrderModal .remain-box.remain-zero{
  background:#e9f7ee!important;
  border-color:#c5e6cf!important;
}
#viewOrderModal .remain-box.remain-zero b{color:#1b7a3a!important}
@media(max-width:600px){
  #viewOrderModal .view-total{grid-template-columns:1fr 1fr!important}
  #viewOrderModal .view-grid{grid-template-columns:1fr!important}
  #viewOrderModal .order-view .actions{flex-wrap:wrap}
  #viewOrderModal .order-view .actions .btn{flex:1;min-width:120px}
}
/* маленькие рамки статусов и индикаторов */
.badge,.mini-pill{border:1px solid rgba(120,110,95,.15)!important}
/* боковое меню */
.side nav button{border:1px solid transparent!important}
.side nav button:hover,.side nav button.active{border-color:rgba(255,255,255,.07)!important}
/* рамка поиска и панели управления */
.orders-search,.search{background:#fffdfb!important;border-radius:13px!important}
/* мобильная адаптация */
@media(max-width:800px){.dialog{border-radius:16px!important}.card,.stat{border-radius:14px!important}}


/* ===== Inline document stylesheet ===== */

.confirm-dialog-overlay{position:fixed;inset:0;background:rgba(28,22,18,.38);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;animation:confirmFade .16s ease}
.confirm-dialog-card{width:min(520px,calc(100vw - 40px));background:linear-gradient(180deg,#fffdfa 0%,#f8f3ee 100%);border:1px solid rgba(125,91,66,.22);border-radius:20px;box-shadow:0 22px 60px rgba(49,34,24,.24),0 4px 14px rgba(49,34,24,.12);padding:24px 26px 22px;color:#30251e}
.confirm-dialog-icon{width:48px;height:48px;border-radius:14px;background:#f5e9dc;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;border:1px solid rgba(139,94,60,.16)}
.confirm-dialog-title{font-size:21px;font-weight:800;margin-bottom:8px;letter-spacing:-.2px}
.confirm-dialog-text{font-size:15px;line-height:1.5;color:#6d5d52;margin-bottom:22px}
.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.confirm-dialog-actions button{min-width:112px;border:0;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:750;cursor:pointer;transition:.15s;box-shadow:0 2px 5px rgba(0,0,0,.08)}
.confirm-dialog-cancel{background:#eee8e2;color:#5c4e45}.confirm-dialog-cancel:hover{background:#e3dbd4}
.confirm-dialog-ok{background:#8b5e3c;color:#fff}.confirm-dialog-ok:hover{background:#754d31;transform:translateY(-1px)}
@keyframes confirmFade{from{opacity:0}to{opacity:1}}
@media(max-width:560px){.confirm-dialog-card{padding:20px}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions button{width:100%}}


/* ===== Inline document stylesheet ===== */

/* Улучшенный нижний блок карточки заказа: кнопки всегда видны.
   display у .order-edit-card НЕ задаём — иначе перекрывает JS hide и получается «два в одном». */
.order-dialog{overflow:hidden!important;display:flex;flex-direction:column;max-height:90vh}
.order-edit-card{flex-direction:column;min-height:0;max-height:calc(90vh - 48px)}
.order-edit-card .edit-card-sections{flex:1 1 auto;overflow-y:auto;min-height:0;padding-right:8px;padding-bottom:14px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.order-edit-card .edit-card-footer{flex:0 0 auto;background:#fff;position:sticky;bottom:0;z-index:5;margin:0 -4px 0;padding:14px 4px 2px;border-top:1px solid #eadfd5;box-shadow:0 -8px 18px rgba(70,45,30,.06)}
.edit-card-footer-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.edit-card-footer .btn{min-height:42px;padding:10px 18px;font-weight:700}
.edit-card-footer .btn.primary{min-width:180px}
@media(max-width:650px){.order-dialog{max-height:94vh}.order-edit-card{max-height:calc(94vh - 40px)}.order-edit-card .edit-card-sections{flex:1 1 auto;overflow-y:auto}.edit-card-footer{flex-direction:column;align-items:stretch}.edit-card-footer-actions{display:grid;grid-template-columns:1fr 1fr}.edit-card-footer> .btn{width:100%}.edit-card-footer .btn.primary{min-width:0}.edit-card-footer-actions .btn.primary{grid-column:1/-1}}


/* ===== Inline document stylesheet ===== */

/* Мастер заказа: содержимое прокручивается до конца, кнопки всегда видны */
.order-dialog{
  display:flex!important;
  flex-direction:column!important;
  max-height:90vh!important;
  overflow:hidden!important;
}
.order-dialog > h2{flex:0 0 auto!important;margin-top:0!important;margin-bottom:8px!important;}
#orderWizard{
  /* display только через JS — иначе «два интерфейса» */
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
#orderWizard .wizard-pane{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  padding-right:4px;
  scrollbar-width:thin;
}
/* Сводка на шаге проверки растёт по содержимому — скролл у всего pane, а не внутри summary */
#orderWizard .wizard-summary{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
#orderWizard .wizard-footer{
  flex:0 0 auto!important;
  position:relative!important;
  bottom:auto!important;
  z-index:20;
  background:#fffdfb;
  margin:12px -2px 0;
  padding:14px 2px 2px;
  box-shadow:0 -10px 22px rgba(40,30,20,.08);
  border-top:1px solid #eee5dc;
}
#orderWizard .wizard-footer .btn{
  min-height:44px;
  font-weight:700;
}
#orderWizard #wizardNextBtn{
  min-width:180px;
}
@media(max-width:650px){
  .order-dialog{max-height:94vh!important}
  #orderWizard .wizard-footer{
    margin-left:0;
    margin-right:0;
  }
  #orderWizard .wizard-nav{
    flex:1;
  }
  #orderWizard #wizardNextBtn{
    flex:1;
    min-width:0;
  }
}


/* ===== Inline document stylesheet ===== */

/* Карточка редактирования: скролл содержимого, кнопки снизу.
   display НЕ трогаем — показ/скрытие только через JS (иначе «два в одном»). */
.order-dialog{display:flex!important;flex-direction:column!important;max-height:90vh!important;overflow:hidden!important}
#orderEditCard{
  flex:1 1 auto;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
  max-height:calc(90vh - 48px);
}
#orderEditCard .edit-card-sections{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;padding-bottom:18px!important;-webkit-overflow-scrolling:touch}
#orderEditCard .edit-section-main{min-width:0}
#orderEditCard #editPaymentRemain{display:block!important;margin-top:8px}
.payment-remain{font-size:14px!important;font-weight:700}
@media(max-width:650px){
  #orderEditCard{max-height:calc(94vh - 40px)}
  #orderEditCard .edit-card-sections{padding-bottom:20px!important}
}


/* ===== Inline document stylesheet ===== */

.order-edit-card .edit-card-sections{padding-bottom:8px!important}
.edit-card-footer{background:#fffdfb!important;flex:0 0 auto}
.payment-detail-line{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-top:4px;font-size:12px;color:#68635c}
.payment-detail-line span{color:#77736d}
.payment-detail-line em{font-style:normal;color:#8a7a6d}
.payment-detail-line b{color:#30251e}
.payment-paid-total{margin-top:8px;padding-top:8px;border-top:1px solid var(--frame-soft)}
.payment-remain{margin-top:5px;font-size:13px}
.payment-remain b{color:#8d3b2e}


/* ===== Inline document stylesheet ===== */

/* Финальная фиксация скролла карточки редактирования (без принудительного display) */
#orderEditCard .edit-card-sections{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  padding-bottom:24px !important;
}
#orderEditCard .edit-card-footer{
  flex:0 0 auto !important;
  position:relative !important;
  bottom:auto !important;
}


/* ===== Inline document stylesheet ===== */

/* Жёстко: либо карточка, либо мастер — никогда оба */
.order-dialog.mode-edit #orderWizard{display:none!important;height:0!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important}
.order-dialog.mode-edit #orderEditCard{display:flex!important;visibility:visible!important}
.order-dialog.mode-wizard #orderEditCard{display:none!important;height:0!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important}
.order-dialog.mode-wizard #orderWizard{display:flex!important;visibility:visible!important;flex-direction:column!important}
.order-dialog.mode-edit > h2#modalTitle{display:none!important} /* заголовок уже в карточке */
.order-dialog.mode-wizard > h2#modalTitle{display:block!important}


/* ===== Inline document stylesheet ===== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Playfair+Display:ital,wght@0,600;1,500&family=Noto+Sans+Hebrew:wght@500;700&family=Inter:wght@400;500;600;700&display=swap');

#welcomeGate{
  position:fixed;inset:0;z-index:2147483000;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(181,138,90,.28), transparent 55%),
    radial-gradient(ellipse 70% 50% at 85% 90%, rgba(48,37,30,.18), transparent 50%),
    linear-gradient(165deg, #1d1a17 0%, #2c241c 40%, #3a2e24 70%, #1f1b17 100%);
  overflow:hidden;
  transition: opacity .55s ease, visibility .55s ease;
}
#welcomeGate.hidden{
  opacity:0;visibility:hidden;pointer-events:none;
}
#welcomeGate .wg-bg-art{
  position:absolute;inset:0;pointer-events:none;overflow:hidden;
}
#welcomeGate .wg-float{
  position:absolute;opacity:.14;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3));
  animation: wgFloat 8s ease-in-out infinite;
}
#welcomeGate .wg-float.f1{left:6%;top:12%;width:110px;animation-delay:0s}
#welcomeGate .wg-float.f2{right:8%;top:18%;width:90px;animation-delay:1.2s}
#welcomeGate .wg-float.f3{left:12%;bottom:14%;width:100px;animation-delay:2s}
#welcomeGate .wg-float.f4{right:10%;bottom:12%;width:120px;animation-delay:.6s}
@keyframes wgFloat{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-14px) rotate(3deg)}
}
.wg-card{
  position:relative;z-index:2;
  width:min(520px, calc(100vw - 28px));
  background:linear-gradient(180deg, #fffdf9 0%, #f7f1ea 100%);
  border:1px solid rgba(201,168,120,.45);
  border-radius:28px;
  box-shadow:
    0 30px 80px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 1px 0 rgba(255,255,255,.6) inset;
  padding:28px 26px 26px;
  text-align:center;
  animation: wgCardIn .6s cubic-bezier(.2,.8,.2,1);
}
@keyframes wgCardIn{
  from{opacity:0;transform:translateY(24px) scale(.96)}
  to{opacity:1;transform:none}
}
.wg-logo-wrap{
  width:78px;height:78px;margin:0 auto 16px;
  border-radius:50%;
  background:linear-gradient(145deg, #f5e6d3, #e8d4b8);
  border:2px solid #c9a878;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(139,94,60,.22);
  font-size:36px;
}
.wg-brand{
  font-family:'Playfair Display', Georgia, serif;
  font-size:32px;font-weight:600;color:#1d1a17;
  letter-spacing:-.3px;margin:0 0 4px;
}
.wg-brand-sub{
  font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  color:#9c7b54;font-weight:700;margin-bottom:22px;
}
.wg-greetings{
  position:relative;
  width:100%;
  height:200px;
  margin:2px 0 14px;
  padding:0;
  background:transparent;
  border:0;
  overflow:visible;
}
.wg-bubble{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:16px;
  color:#fff;
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:600;
  line-height:1.15;
  white-space:nowrap;
  box-shadow:0 5px 12px rgba(30,20,10,.15), 0 1px 0 rgba(255,255,255,.22) inset;
  animation: wgPop .45s cubic-bezier(.2,.85,.25,1) both;
  z-index:2;
}
.wg-bubble span{display:block;white-space:nowrap}
.wg-b-main{
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  padding:12px 16px;
  font-size:19px;
  font-family:'Playfair Display', Georgia, serif;
  font-style:italic;
  font-weight:600;
  border-radius:18px;
  background:linear-gradient(145deg,#3aa0e8,#1f6fbe);
  box-shadow:0 10px 22px rgba(31,111,190,.34), 0 1px 0 rgba(255,255,255,.3) inset;
  z-index:12;
  animation: wgPopMain .5s cubic-bezier(.2,.85,.25,1) both;
}
/* Dense cloud — tightly packed around center, no empty gaps */
.wg-b1{ left:50%; top:4%; transform:translateX(-50%); background:linear-gradient(145deg,#2ecf7a,#1aa85a); font-size:13px; animation-delay:.04s; z-index:5; }
.wg-b2{ right:4%; top:18%; background:linear-gradient(145deg,#f0a12a,#d4840f); font-size:12px; font-style:italic; animation-delay:.07s; z-index:4; }
.wg-b3{ right:2%; top:46%; background:linear-gradient(145deg,#7b5cff,#5a3fd4); font-size:12px; font-family:'Noto Sans Hebrew','Cormorant Garamond',sans-serif; font-weight:700; direction:rtl; animation-delay:.1s; z-index:4; }
.wg-b4{ right:8%; bottom:16%; background:linear-gradient(145deg,#e85a9a,#c43a78); font-size:12px; font-style:italic; animation-delay:.13s; z-index:4; }
.wg-b5{ left:50%; bottom:4%; transform:translateX(-50%); background:linear-gradient(145deg,#e85d4c,#c94436); font-size:12px; animation-delay:.16s; z-index:5; }
.wg-b6{ left:6%; bottom:16%; background:linear-gradient(145deg,#20b8b0,#14948e); font-size:12px; font-style:italic; animation-delay:.19s; z-index:4; }
.wg-b7{ left:2%; top:46%; background:linear-gradient(145deg,#8bc34a,#689f38); font-size:12px; animation-delay:.22s; z-index:4; }
.wg-b8{ left:4%; top:18%; background:linear-gradient(145deg,#5c6bc0,#3f51b5); font-size:12px; animation-delay:.25s; z-index:4; }
.wg-b9{ left:18%; top:8%; background:linear-gradient(145deg,#ff7043,#e64a19); font-size:12px; animation-delay:.28s; z-index:3; }
.wg-b10{ right:16%; bottom:6%; background:linear-gradient(145deg,#ab47bc,#8e24aa); font-size:12px; animation-delay:.31s; z-index:3; }
.wg-b11{ left:16%; bottom:6%; background:linear-gradient(145deg,#26a69a,#00897b); font-size:11px; animation-delay:.34s; z-index:3; }
@keyframes wgPop{
  from{opacity:0; transform:scale(.8)}
  to{opacity:1; transform:scale(1)}
}
@keyframes wgPopMain{
  from{opacity:0; transform:translate(-50%,-50%) scale(.85)}
  to{opacity:1; transform:translate(-50%,-50%) scale(1)}
}
.wg-b1{ animation-name: wgPopX; }
.wg-b5{ animation-name: wgPopX; }
@keyframes wgPopX{
  from{opacity:0; transform:translateX(-50%) scale(.8)}
  to{opacity:1; transform:translateX(-50%) scale(1)}
}
.wg-g{display:none}
.wg-flag{display:none}

.wg-form{text-align:left}
.wg-label{
  display:block;font-size:12px;font-weight:700;color:#6f6055;
  letter-spacing:.04em;margin-bottom:8px;
  font-family:Inter, system-ui, sans-serif;
}
.wg-pass-wrap{
  position:relative;display:flex;align-items:center;
}
.wg-pass-wrap input{
  width:100%;
  padding:14px 48px 14px 16px;
  border:1.5px solid #d9cbbf;
  border-radius:14px;
  background:#fff;
  font-size:16px;
  font-family:Inter, system-ui, sans-serif;
  color:#1d1a17;
  outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.wg-pass-wrap input:focus{
  border-color:#b58a5a;
  box-shadow:0 0 0 4px rgba(181,138,90,.16);
}
.wg-pass-wrap input.wg-error-input{
  border-color:#c45a4a;
  box-shadow:0 0 0 4px rgba(196,90,74,.12);
  animation: wgShake .4s ease;
}
@keyframes wgShake{
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-6px)}
  40%{transform:translateX(6px)}
  60%{transform:translateX(-4px)}
  80%{transform:translateX(4px)}
}
.wg-eye{
  position:absolute;right:4px;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border:0;border-radius:12px;
  background:#f7f1ea;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  color:#5c4e45;font-size:20px;
  transition:background .15s, color .15s;
  z-index:20;
  pointer-events:auto !important;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  touch-action:manipulation;
}
.wg-eye:hover,.wg-eye:active{background:#eadfce;color:#30251e}
.wg-pass-wrap{position:relative;display:flex;align-items:center}
.wg-pass-wrap input{
  position:relative;z-index:1;
  padding-right:52px !important;
}
.wg-error{
  display:none;margin-top:10px;padding:10px 12px;
  background:#fdf2f0;border:1px solid #e8b4a8;border-radius:12px;
  color:#9a3a2f;font-size:13px;font-weight:600;
  font-family:Inter, system-ui, sans-serif;
  line-height:1.4;
}
.wg-error.show{display:block}
.wg-enter{
  width:100%;margin-top:18px;
  border:0;border-radius:14px;
  padding:14px 18px;
  background:linear-gradient(180deg, #3a2e24, #2a221c);
  color:#fff;font-size:15px;font-weight:700;
  font-family:Inter, system-ui, sans-serif;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(29,29,27,.28);
  transition:transform .12s, background .12s, box-shadow .12s;
}
.wg-enter:hover{
  background:linear-gradient(180deg, #4a3c30, #322820);
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(29,29,27,.32);
}
.wg-enter:active{transform:translateY(0)}
.wg-hint{
  margin-top:14px;text-align:center;
  font-size:11px;color:#9a8b7c;
  font-family:Inter, system-ui, sans-serif;
}
body.wg-locked .app{visibility:hidden;pointer-events:none}
@media(max-width:480px){
  .wg-card{padding:28px 20px 24px;border-radius:22px}
  .wg-brand{font-size:28px}
  .wg-greetings{height:180px}
  .wg-b-main{font-size:15px;padding:9px 12px}
  .wg-bubble{font-size:10px;padding:6px 9px}
  .wg-b1,.wg-b5{font-size:11px}
  .wg-card{padding:20px 12px 18px}
}


/* ===== Inline document stylesheet ===== */

.pass-secret-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;background:transparent;
  width:18px;height:18px;padding:0;margin:0 0 0 6px;
  font-size:16px;line-height:1;
  color:rgba(28,28,27,.18);
  cursor:pointer;vertical-align:middle;
  font-weight:700;user-select:none;
  border-radius:50%;
  position:relative;top:-1px;
}
.pass-secret-btn:hover,.pass-secret-btn:focus{
  color:rgba(28,28,27,.45);
  background:rgba(0,0,0,.04);
  outline:none;
}
#passChangeModal .pass-step .field{margin-bottom:12px}
#passChangeModal .wg-error{display:none}
#passChangeModal .wg-error.show{display:block}


/* ===== Inline document stylesheet ===== */

.cash-report-dialog{
  max-width:min(720px,96vw)!important;
  width:100%;
  max-height:92vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:20px 22px 16px!important;
}
.cash-report-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex:0 0 auto;
  margin-bottom:12px;
}
.cash-report-head h2{font-family:Georgia,serif;font-weight:500}
.cash-report-head-actions{display:flex;gap:6px;align-items:center}
.cash-report-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  font-size:14px;
  line-height:1.55;
  padding-right:4px;
  -webkit-overflow-scrolling:touch;
}
.cash-report-actions{flex:0 0 auto;margin-top:14px}
.cash-report-expand{font-size:16px;min-width:40px}

/* Полная страница отчёта */
.cash-report-fullpage{
  position:fixed;inset:0;z-index:2147483600;
  background:#f6f4f1;
  display:flex;flex-direction:column;
  animation:cashFullIn .18s ease;
}
@keyframes cashFullIn{from{opacity:0}to{opacity:1}}
.cash-report-fullpage-bar{
  flex:0 0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:14px 22px;
  background:#1d1d1b;color:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.12);
}
.cash-report-fullpage-title{
  font-family:Georgia,serif;font-size:22px;font-weight:500;
}
.cash-report-fullpage-bar .btn{
  background:#fff;color:#1d1d1b;border-color:#fff;
}
.cash-report-fullpage-bar .btn.primary{
  background:#b58a5a;color:#fff;border-color:#b58a5a;
}
.cash-report-fullpage-body{
  flex:1 1 auto;
  overflow:auto;
  padding:28px 24px 40px;
  max-width:900px;
  width:100%;
  margin:0 auto;
  box-sizing:border-box;
  font-size:15px;line-height:1.55;color:#30251e;
}
.cash-report-fullpage-body table{font-size:13px}
@media(max-width:600px){
  .cash-report-dialog{max-width:100%!important;max-height:96vh;border-radius:16px 16px 0 0}
  .cash-report-fullpage-body{padding:18px 14px 30px}
}


/* ===== Inline document stylesheet ===== */

/* Таблица заказов: всё видно без горизонтального скролла */
#orders .card{overflow:visible!important}
#orders .tablewrap{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  max-width:100%!important;
  border:1px solid #e6e1da!important;
  border-radius:12px!important;
}
#orders .tablewrap table{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:0!important;
}
#orders .tablewrap thead th{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:#f7f6f4!important;
  white-space:nowrap!important;
  font-size:10px!important;
  letter-spacing:.02em!important;
  padding:10px 8px!important;
  border-bottom:1px solid #e6e1da!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#orders .tablewrap tbody td{
  padding:9px 6px!important;
  vertical-align:top!important;
  background:#fff!important;
  overflow:visible!important;
  border-bottom:1px solid #eeeae4!important;
  font-size:12px!important;
}
#orders .tablewrap tbody tr:last-child td{border-bottom:0!important}

/* Доли колонок — сумма ~100%, без мин.ширин, которые ломают ряд */
#orders .tablewrap th:nth-child(1),
#orders .tablewrap td:nth-child(1){width:12%!important}
#orders .tablewrap th:nth-child(2),
#orders .tablewrap td:nth-child(2){width:15%!important}
#orders .tablewrap th:nth-child(3),
#orders .tablewrap td:nth-child(3){width:15%!important}
#orders .tablewrap th:nth-child(4),
#orders .tablewrap td:nth-child(4){width:17%!important}
#orders .tablewrap th:nth-child(5),
#orders .tablewrap td:nth-child(5){width:11%!important}
#orders .tablewrap th:nth-child(6),
#orders .tablewrap td:nth-child(6){width:9%!important}
#orders .tablewrap th:nth-child(7),
#orders .tablewrap td:nth-child(7){width:8%!important}
#orders .tablewrap th:nth-child(8),
#orders .tablewrap td:nth-child(8){width:8%!important}
#orders .tablewrap th:nth-child(9),
#orders .tablewrap td:nth-child(9),
#orders .tablewrap td.action-cell{width:7%!important;min-width:68px!important}

#orders .tablewrap td:nth-child(5),
#orders .tablewrap td:nth-child(6),
#orders .tablewrap td:nth-child(7){
  white-space:nowrap!important;
}
#orders .tablewrap td:nth-child(1){
  white-space:normal!important;
}
#orders .tablewrap .order-number{font-size:13px!important;white-space:nowrap!important}
#orders .tablewrap .order-date{font-size:10px!important;white-space:nowrap!important;line-height:1.3}

/* Статус целиком, без обрезки бейджа */
#orders .tablewrap td:nth-child(8){
  white-space:nowrap!important;
  overflow:visible!important;
}
#orders .tablewrap .badge{
  display:inline-block!important;
  white-space:nowrap!important;
  overflow:visible!important;
  max-width:none!important;
  padding:4px 8px!important;
  font-size:11px!important;
  line-height:1.25!important;
}

/* Действия — не sticky, не перекрывает */
#orders .tablewrap th:nth-child(9),
#orders .tablewrap td:nth-child(9),
#orders .tablewrap td.action-cell,
#orders .action-cell{
  position:static!important;
  right:auto!important;
  left:auto!important;
  box-shadow:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  background:#fff!important;
  z-index:1!important;
}
#orders .tablewrap thead th:nth-child(9){
  background:#f7f6f4!important;
  position:sticky!important;
  top:0!important;
  z-index:6!important;
  box-shadow:none!important;
}

/* Длинный текст в услугах/категории — перенос, не расширяет таблицу */
#orders .tablewrap td:nth-child(3),
#orders .tablewrap td:nth-child(4){
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
#orders .tablewrap .service-row{
  flex-wrap:wrap!important;
  gap:2px 6px!important;
}
#orders .tablewrap .service-row b{white-space:nowrap!important;font-size:11px!important}

/* no media re-enable of h-scroll */


/* ===== Inline document stylesheet ===== */

/* ===== Универсальная адаптация: десктоп без изменений, мобильный — удобный ===== */
.mobile-topbar{display:none}
.mobile-nav-overlay{display:none}

@media (max-width: 768px){
  .mobile-topbar{
    display:flex !important;
    position:fixed; top:0; left:0; right:0; z-index:10050;
    height:54px; padding:0 12px;
    align-items:center; justify-content:space-between; gap:10px;
    background:#1d1d1b; color:#fff;
    box-shadow:0 4px 18px rgba(0,0,0,.18);
  }
  .mobile-topbar .mobile-brand{
    font-family:Georgia,serif; font-size:18px; font-weight:600;
    letter-spacing:-.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .mobile-menu-btn{
    width:42px; height:42px; border:0; border-radius:12px;
    background:rgba(255,255,255,.1); color:#fff; font-size:22px;
    display:inline-flex; align-items:center; justify-content:center;
    cursor:pointer; flex:0 0 42px;
  }
  .mobile-menu-btn:active{background:rgba(255,255,255,.2)}

  .mobile-nav-overlay{
    display:none; position:fixed; inset:0; z-index:10040;
    background:rgba(20,16,12,.48); backdrop-filter:blur(3px);
  }
  body.mobile-nav-open .mobile-nav-overlay{display:block !important}
  body.mobile-nav-open{overflow:hidden}

  .side{
    position:fixed !important;
    left:0; top:0; bottom:0;
    width:min(288px, 86vw) !important;
    max-width:288px !important;
    z-index:10060 !important;
    transform:translateX(-105%) !important;
    transition:transform .22s ease;
    box-shadow:none !important;
    padding-top:18px !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  body.mobile-nav-open .side{
    transform:translateX(0) !important;
    box-shadow:16px 0 40px rgba(0,0,0,.28) !important;
  }
  .side .logo, .side .sub{display:block !important}
  .side .logo{font-size:26px !important}
  .side nav button{
    font-size:15px !important;
    text-align:left !important;
    padding:14px 16px !important;
    min-height:48px;
  }
  .side nav button:first-letter{font-size:15px !important}

  .main{
    margin-left:0 !important;
    width:100% !important;
    padding:66px 12px 28px !important;
    max-width:100% !important;
  }

  /* Заказы: только карточки, таблицу скрыть */
  #orders .orders-desktop,
  #orders .tablewrap.orders-desktop,
  .orders-desktop{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
  }
  #orders .orders-mobile,
  .orders-mobile{
    display:block !important;
    visibility:visible !important;
  }
  #orders .order-mcard{
    background:#fff !important;
    border:1px solid #e5e0d8 !important;
    border-radius:14px !important;
    padding:14px !important;
    margin:0 0 12px !important;
  }
  #orders .order-mcard-line > span,
  #orders .order-mcard-money span{
    display:block !important;
  }
  #orders .order-mcard-line > b,
  #orders .order-mcard-money b{
    display:block !important;
  }
  #orders .order-mcard-line > span{
    color:#8a847c !important;
    font-size:11px !important;
    margin-bottom:3px !important;
  }
  #orders .order-mcard-money{
    display:flex !important;
    gap:8px !important;
  }
  #orders .order-mcard-money > div{
    flex:1 !important;
    background:#faf8f5 !important;
    border-radius:10px !important;
    padding:10px 6px !important;
    text-align:center !important;
  }


  #orders>.top, .page .top{
    flex-wrap:wrap; gap:10px;
    align-items:flex-start !important;
  }
  #orders>.top h1, .page .top h1{font-size:24px !important}
  .brand-subtitle{display:none !important}

  #orders>.stats,
  .page .stats{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    border-bottom:0 !important;
  }
  #orders>.stats .stat,
  .page .stats .stat{
    min-height:56px !important;
    border:1px solid var(--frame, #ded8cf) !important;
    border-radius:12px !important;
    padding:10px 12px !important;
    border-right:1px solid var(--frame, #ded8cf) !important;
  }
  #orders>.stats .stat:before{display:none !important}
  #orders>.stats .stat b, .page .stats .stat b{font-size:18px !important}

  #orders .today-strip{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px !important;
  }
  #orders .today-metrics{
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    overflow:visible !important;
    gap:6px !important;
  }
  .cash-strip-control{
    flex-wrap:wrap;
    width:100%;
    justify-content:space-between;
  }
  .cash-strip-btn{flex:1 1 auto; min-height:40px}

  #orders .orders-search,
  #orders .search,
  .search{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  #orders .orders-search .new-order-inline,
  #orders .orders-search #filter,
  #orders .orders-search .input{
    width:100% !important;
    min-width:0 !important;
  }
  .btn, .btn.primary{
    min-height:42px;
    padding:10px 14px !important;
  }

  #orders .tablewrap{
    overflow-x:auto !important;
    overflow-y:auto !important;
    max-height:none !important;
    -webkit-overflow-scrolling:touch;
  }
  #orders .tablewrap table{
    table-layout:auto !important;
    min-width:720px !important;
    width:auto !important;
    max-width:none !important;
  }
  #orders .tablewrap th,
  #orders .tablewrap td{
    font-size:12px !important;
    padding:10px 8px !important;
    white-space:normal !important;
  }
  #orders .tablewrap th:nth-child(1), #orders .tablewrap td:nth-child(1),
  #orders .tablewrap th:nth-child(2), #orders .tablewrap td:nth-child(2),
  #orders .tablewrap th:nth-child(3), #orders .tablewrap td:nth-child(3),
  #orders .tablewrap th:nth-child(4), #orders .tablewrap td:nth-child(4),
  #orders .tablewrap th:nth-child(5), #orders .tablewrap td:nth-child(5),
  #orders .tablewrap th:nth-child(6), #orders .tablewrap td:nth-child(6),
  #orders .tablewrap th:nth-child(7), #orders .tablewrap td:nth-child(7),
  #orders .tablewrap th:nth-child(8), #orders .tablewrap td:nth-child(8),
  #orders .tablewrap th:nth-child(9), #orders .tablewrap td:nth-child(9),
  #orders .tablewrap td.action-cell, #orders .action-cell{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  #orders .tablewrap th:nth-child(9),
  #orders .tablewrap td:nth-child(9),
  #orders .action-cell{
    min-width:72px !important;
    position:sticky !important;
    right:0 !important;
    background:#fff !important;
    z-index:3 !important;
    box-shadow:-6px 0 10px rgba(0,0,0,.06);
  }
  #orders .tablewrap thead th:nth-child(9){
    background:#f7f6f4 !important;
    z-index:6 !important;
  }

  .tablewrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  #price .tablewrap table,
  #clients .tablewrap table,
  #cash .tablewrap table,
  #nalog .tablewrap table,
  #income .tablewrap table,
  #product .tablewrap table{
    min-width:640px !important;
  }

  .modal{
    padding:8px !important;
    align-items:flex-end !important;
  }
  .modal .dialog,
  .order-dialog,
  .cash-open-dialog,
  .cash-report-dialog{
    width:100% !important;
    max-width:100% !important;
    max-height:94vh !important;
    border-radius:18px 18px 0 0 !important;
    margin:0 !important;
  }
  .dialog .grid,
  .view-grid,
  .view-total,
  .calc{
    grid-template-columns:1fr !important;
  }
  .actions, .edit-card-footer-actions, .cash-open-footer{
    flex-wrap:wrap;
  }
  .actions .btn, .edit-card-footer .btn, .cash-open-footer .btn{
    flex:1 1 auto;
    min-width:120px;
  }

  #welcomeGate .wg-card{padding:22px 16px 18px; border-radius:22px}
  #welcomeGate .wg-brand{font-size:26px}
  #welcomeGate .wg-greetings{height:160px}

  #cash .stats{grid-template-columns:1fr 1fr !important}
  .cash-mode-grid{grid-template-columns:1fr !important}
}

@media (max-width: 1000px) and (min-width: 769px){
  .main{padding:22px 18px 40px !important}
  #orders>.stats{grid-template-columns:repeat(2,1fr)!important}
}

@media (max-width: 380px){
  .main{padding:62px 8px 24px !important}
  #orders>.stats .stat b{font-size:16px !important}
  .mobile-topbar .mobile-brand{font-size:16px}
}


/* ===== Inline document stylesheet ===== */

@media (max-width: 768px){
  .side{
    width:min(288px, 86vw) !important;
    max-width:288px !important;
    margin-left:0 !important;
    transform:translateX(-105%) !important;
  }
  body.mobile-nav-open .side{
    transform:translateX(0) !important;
  }
  .side .logo, .side .sub{display:block !important; font-size:inherit !important}
  .side .logo{font-size:26px !important}
  .side nav button{
    font-size:15px !important;
    text-align:left !important;
    padding:14px 16px !important;
  }
  .side nav button:first-letter{font-size:15px !important}
  .main{
    margin-left:0 !important;
    width:100% !important;
  }
}


/* ===== Inline document stylesheet ===== */

#orders .today-strip{
  grid-template-columns: minmax(130px,.8fr) minmax(200px,auto) minmax(160px,auto) auto !important;
  gap: 10px !important;
  align-items: center !important;
}
.strip-balances{
  display:flex;
  gap:8px;
  align-items:stretch;
  flex:0 0 auto;
}
.strip-bal{
  min-width:88px;
  padding:7px 11px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
}
.strip-bal.cash{
  background:linear-gradient(145deg,rgba(49,85,60,.55),rgba(36,50,40,.4));
  border-color:rgba(120,180,130,.28);
}
.strip-bal.acc{
  background:linear-gradient(145deg,rgba(38,63,90,.55),rgba(30,42,58,.4));
  border-color:rgba(120,160,210,.28);
}
.strip-bal-label{
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
  font-weight:800;
}
.strip-bal b{
  font-size:14px;
  font-weight:800;
  color:#fff;
  line-height:1.15;
  white-space:nowrap;
}
@media(max-width:1100px){
  #orders .today-strip{
    grid-template-columns: 1fr 1fr !important;
  }
  .strip-balances{grid-column:1/-1}
}
@media(max-width:650px){
  #orders .today-strip{grid-template-columns:1fr !important}
  .strip-balances{width:100%}
  .strip-bal{flex:1}
}


/* ===== Inline document stylesheet ===== */

.cf-filter-btn{padding:7px 12px!important;font-size:12px!important;font-weight:700!important;border-radius:999px!important}
.cf-filter-btn.active{background:#1d1d1b!important;color:#fff!important;border-color:#1d1d1b!important}
.cf-order-link{color:#1d1d1b;font-weight:700;text-decoration:underline;text-decoration-color:#c9a878;cursor:pointer}
.cf-order-link:hover{color:#8b5e3c}
.cf-note{font-size:12px;color:#77736d;margin-top:8px}


/* ===== Source: premium-atelier.css ===== */
/* =========================================================
   ATELIER ELEVEN — Premium Atelier CRM UI
   Independent engineering layer. Keeps existing application logic intact.
   ========================================================= */
:root{
  --atelier-ink:#161513;
  --atelier-ink-2:#22201d;
  --atelier-ivory:#f7f3ed;
  --atelier-paper:#fffdf9;
  --atelier-paper-2:#fbf8f3;
  --atelier-line:#e7ded2;
  --atelier-line-strong:#d8cab9;
  --atelier-gold:#b18a5a;
  --atelier-gold-deep:#8c6840;
  --atelier-gold-soft:#efe3d2;
  --atelier-muted:#787066;
  --atelier-success:#426b52;
  --atelier-danger:#98564d;
  --atelier-warning:#9d733a;
  --atelier-radius:16px;
  --atelier-radius-sm:11px;
  --atelier-shadow:0 16px 42px rgba(40,31,21,.065);
  --atelier-shadow-lg:0 28px 80px rgba(27,22,16,.18);
}

html{background:var(--atelier-ivory)!important}
body{
  background:
    radial-gradient(circle at 82% -10%,rgba(177,138,90,.08),transparent 26%),
    var(--atelier-ivory)!important;
  color:var(--atelier-ink)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:-.005em;
}

/* APPLICATION SHELL */
.app{background:transparent!important}
.side{
  width:272px!important;
  padding:28px 16px 20px!important;
  background:linear-gradient(180deg,#171614 0%,#1c1a17 58%,#151412 100%)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:14px 0 44px rgba(28,21,14,.08)!important;
}
.side:before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent 3%,var(--atelier-gold) 24%,#d2b58e 50%,var(--atelier-gold) 76%,transparent 97%);
  opacity:.9;
}
.side-brand{padding:2px 11px 22px!important;margin-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.085)!important}
.side .logo{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:29px!important;font-weight:500!important;letter-spacing:.03em!important;
  color:#fffdf8!important;text-transform:uppercase;
}
.side .sub{
  margin:7px 0 0!important;color:#c4a67e!important;font-size:9px!important;font-weight:800!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;
}
.side-brand-note{margin-top:10px!important;color:#77736d!important;font-size:11px!important;line-height:1.45!important;max-width:200px}
.nav-group{margin:17px 10px 7px!important;color:#74706b!important;font-size:9px!important;letter-spacing:.18em!important;font-weight:800!important}
.side nav button{
  position:relative;min-height:44px!important;padding:10px 12px!important;margin:2px 0!important;
  color:#c9c4bd!important;border:1px solid transparent!important;border-radius:11px!important;
  font-size:13px!important;font-weight:650!important;gap:10px!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important;
}
.side nav button:hover{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.065)!important;color:#fff!important;transform:none!important}
.side nav button.active{
  background:linear-gradient(90deg,rgba(177,138,90,.20),rgba(255,255,255,.04))!important;
  border-color:rgba(195,157,108,.18)!important;color:#fffdf8!important;box-shadow:none!important;
}
.side nav button.active:before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:2px;border-radius:2px;background:#c5a171}
.side-actions{border-top:1px solid rgba(255,255,255,.075)!important;margin-top:auto!important}
.crm-pro-footer{color:#6f6b65!important;font-size:9px!important;letter-spacing:.06em;text-transform:uppercase;padding:16px 11px 2px!important}

.main{margin-left:272px!important;width:calc(100% - 272px)!important;padding:34px 42px 64px!important}
.page{max-width:1560px!important;margin:0 auto!important}

/* PAGE HEADERS */
.top{min-height:72px!important;margin:0 0 22px!important;padding:0 0 16px!important;border-bottom:1px solid rgba(216,202,185,.75)!important;align-items:flex-end!important}
.page-eyebrow{margin-bottom:7px!important;color:var(--atelier-gold-deep)!important;font-size:9px!important;font-weight:850!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.top h1,.brand-head h1{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:34px!important;line-height:1.02!important;font-weight:500!important;letter-spacing:-.025em!important;
  color:var(--atelier-ink)!important;
}
.brand-subtitle{margin-top:7px!important;color:var(--atelier-muted)!important;font-size:12px!important;letter-spacing:.01em!important}

/* CONTENT SURFACES */
.card,.stat{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,253,249,.98))!important;
  border:1px solid var(--atelier-line)!important;border-radius:var(--atelier-radius)!important;
  box-shadow:var(--atelier-shadow)!important;
}
.card{padding:18px!important}.stats{gap:12px!important}
.stat{position:relative;overflow:hidden;min-height:98px!important;padding:18px!important}
.stat:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,var(--atelier-gold-soft),transparent)}
.stat small{display:block;color:var(--atelier-muted)!important;font-size:10px!important;font-weight:750!important;letter-spacing:.045em!important;text-transform:uppercase!important}
.stat b{display:block;margin-top:9px!important;color:var(--atelier-ink)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:25px!important;font-weight:500!important;letter-spacing:-.02em!important}

/* BUTTONS */
.btn{
  min-height:40px!important;border-radius:10px!important;border:1px solid var(--atelier-line-strong)!important;
  background:#fffdf9!important;color:#3d3933!important;padding:8px 14px!important;
  font-size:12px!important;font-weight:750!important;box-shadow:0 2px 5px rgba(35,27,18,.035)!important;
  transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease!important;
}
.btn:hover{background:#fff!important;border-color:#cbb89f!important;box-shadow:0 5px 14px rgba(49,37,24,.08)!important;transform:translateY(-1px)}
.btn.primary{
  background:linear-gradient(180deg,#9b7548,#866039)!important;border-color:#866039!important;color:#fff!important;
  box-shadow:0 7px 18px rgba(111,80,45,.18)!important;
}
.btn.primary:hover{background:linear-gradient(180deg,#a47d4d,#78532f)!important;border-color:#78532f!important}
.btn.danger{color:var(--atelier-danger)!important;border-color:#e5c9c4!important;background:#fffafb!important}

/* FORMS */
.input,select,textarea{
  min-height:42px!important;border-radius:10px!important;border:1px solid var(--atelier-line-strong)!important;
  background:#fffefb!important;color:var(--atelier-ink)!important;padding:10px 12px!important;font-size:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;outline:none!important;
}
.input::placeholder,textarea::placeholder{color:#aaa197!important}
.input:focus,select:focus,textarea:focus{border-color:#b3936d!important;box-shadow:0 0 0 3px rgba(177,138,90,.11)!important}
.field label{color:#6f675d!important;font-size:10px!important;font-weight:750!important;letter-spacing:.035em!important;text-transform:uppercase!important}

/* TABLES */
.tablewrap{background:#fffdf9!important;border:1px solid var(--atelier-line)!important;border-radius:13px!important;box-shadow:none!important;overflow:auto!important}
table{background:transparent!important}
th{
  background:#f8f4ee!important;color:#746b61!important;font-size:9px!important;font-weight:850!important;
  letter-spacing:.075em!important;text-transform:uppercase!important;
}
th,td{padding:12px 10px!important;border-bottom:1px solid #eee7de!important}
td{color:#35312c!important;font-size:12px!important}
tbody tr:hover td{background:#fcf8f2!important}
.badge{padding:5px 8px!important;border-radius:999px!important;background:#f0e8de!important;color:#655b50!important;border:1px solid #e7ddd2!important;font-size:10px!important;font-weight:800!important}
.ok{background:#eaf4ed!important;color:#3f684f!important;border-color:#d8eadf!important}.warn{background:#fbf0d9!important;color:#8b6632!important;border-color:#f1dfbd!important}

/* ORDERS — OPERATIONAL HOME */
#orders>.top{position:relative!important;background:transparent!important;border-bottom:1px solid rgba(216,202,185,.75)!important;margin:0 0 18px!important;padding:0 0 16px!important}
#orders>.top h1{font-style:normal!important}
#orders>.stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important;border-bottom:0!important}
#orders>.stats .stat{border:1px solid var(--atelier-line)!important;border-right:1px solid var(--atelier-line)!important;border-radius:14px!important;padding:17px 18px!important;box-shadow:var(--atelier-shadow)!important;display:block!important;min-height:94px!important}
#orders>.stats .stat:before{left:0!important;top:18px!important;width:3px!important;height:34px!important;border-radius:0 3px 3px 0!important;background:var(--atelier-gold)!important}
#orders>.stats .stat:nth-child(1):before{background:#4b4945!important}
#orders>.stats .stat:nth-child(2):before{background:#a47e50!important}
#orders>.stats .stat:nth-child(3):before{background:#52745f!important}
#orders>.stats .stat:nth-child(4):before{background:#9b5b50!important}
#orders>.stats .stat small{text-transform:uppercase!important;font-size:9px!important;letter-spacing:.06em!important}
#orders>.stats .stat b{font-family:Georgia,"Times New Roman",serif!important;font-size:25px!important}

#orders .today-strip{
  border:1px solid #2d2924!important;border-radius:16px!important;
  background:linear-gradient(135deg,#171614 0%,#211f1b 54%,#181714 100%)!important;
  box-shadow:0 18px 40px rgba(28,22,16,.16)!important;padding:14px 16px!important;margin-bottom:15px!important;
}
#orders .today-strip:before{content:"ATELIER OPERATIONS";position:absolute;right:18px;top:8px;color:rgba(205,172,129,.22);font-size:8px;letter-spacing:.22em;font-weight:900}
#orders .today-strip{position:relative!important}
#orders .today-main-info strong{font-family:Georgia,"Times New Roman",serif;font-weight:500!important;font-size:16px!important;color:#fffdf8!important}
#orders .today-main-info span{color:#9d9992!important;font-size:11px!important}
.cash-strip-control{border-color:rgba(198,164,120,.20)!important;background:rgba(255,255,255,.035)!important}
.cash-strip-label{color:#8f8a82!important}.cash-strip-status-value.open{color:#bcd7c2!important}.cash-strip-status-value.closed{color:#d9aaa1!important}
.cash-strip-btn.open{background:#385846!important;border-color:#496d56!important}.cash-strip-btn.close{background:#75443c!important;border-color:#865149!important}
.strip-bal-label{color:#8f8a82!important}.strip-bal b{color:#fffdf8!important}
.mini-pill{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.045)!important;color:#ded8cf!important}

#orders .card{padding:14px!important}
#orders .orders-search{display:grid!important;grid-template-columns:140px minmax(260px,1fr) 180px!important;gap:9px!important}
#orders .new-order-inline{width:auto!important;min-width:140px!important;height:42px!important}

/* MODALS */
.modal{background:rgba(25,20,15,.58)!important;backdrop-filter:blur(5px)!important}
.dialog{
  background:var(--atelier-paper)!important;border:1px solid var(--atelier-line)!important;border-radius:20px!important;
  box-shadow:var(--atelier-shadow-lg)!important;padding:24px!important;
}
.dialog h2{font-family:Georgia,"Times New Roman",serif!important;font-size:26px!important;font-weight:500!important;color:var(--atelier-ink)!important}
.actions{padding-top:5px!important}

/* DROPDOWNS */
.dropdown-menu{background:#fffdf9!important;border:1px solid var(--atelier-line)!important;border-radius:12px!important;box-shadow:0 16px 38px rgba(39,30,20,.14)!important}
.dropdown-menu button{color:#403a33!important}.dropdown-menu button:hover{background:#f7f0e7!important}
.menu-btn{color:#7b6246!important}.menu-btn:hover,.dropdown.open .menu-btn{background:#f4ebdf!important;border-color:#e3d3bf!important}

/* FINANCE / CASH SECTIONS */
#cash .stats,#income .stats{gap:10px!important}
#cash .card h3,#income .card h3{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;color:var(--atelier-ink)!important}
#cashShiftBanner{background:linear-gradient(135deg,#fffdf9,#f9f2e8)!important;border-color:#dfd0bf!important}

/* TAX SECTION — de-emphasize technical noise but preserve functionality */
#nalog .card:first-of-type{background:#fffaf2!important;border-color:#e3d3bb!important}
#nalog code{background:#f0e7da;padding:2px 5px;border-radius:5px;color:#6d5539}

/* EMPTY STATES */
.empty{color:#91877c!important;font-size:12px!important;padding:42px 20px!important}

/* MOBILE */
.mobile-topbar{height:62px!important;background:#181613!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.mobile-brand{font-family:Georgia,"Times New Roman",serif!important;font-size:15px!important;letter-spacing:.04em!important;text-transform:uppercase}
.mobile-menu-btn{color:#fff!important}

@media(max-width:1180px){
  .side{width:238px!important}.main{margin-left:238px!important;width:calc(100% - 238px)!important;padding:28px!important}
  #orders>.stats,.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #orders .orders-search{grid-template-columns:1fr 180px!important}.new-order-inline{grid-column:1/-1!important;width:100%!important}
}
@media(max-width:800px){
  .side{width:min(320px,88vw)!important;padding:20px 14px!important}.main{margin-left:0!important;width:100%!important;padding:82px 14px 38px!important}
  .top{min-height:auto!important;align-items:flex-start!important}.top h1,.brand-head h1{font-size:29px!important}
  #orders>.stats,.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #orders .orders-search{grid-template-columns:1fr!important}
  #orders .today-strip{grid-template-columns:1fr!important}
}
@media(max-width:520px){
  .main{padding-left:10px!important;padding-right:10px!important}
  #orders>.stats,.stats{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .stat{min-height:85px!important;padding:14px!important}.stat b,#orders>.stats .stat b{font-size:21px!important}
  .card{padding:12px!important;border-radius:13px!important}.top{padding-bottom:14px!important;margin-bottom:16px!important}
  .top h1,.brand-head h1{font-size:27px!important}.brand-subtitle{font-size:11px!important}
  .btn{min-height:42px!important}.dialog{padding:18px!important;border-radius:16px!important}
}


/* ===== Source: atelier-dashboard-v2.css ===== */
:root{--lux-ink:#121311;--lux-ink2:#1b1c19;--lux-ivory:#f6f1e8;--lux-paper:#fffdf8;--lux-gold:#b78638;--lux-gold2:#e2c27a;--lux-line:#e7ddd0;--lux-text:#1b1b19;--lux-muted:#817a70;--lux-green:#2f7d49;--lux-red:#c8433c;--lux-blue:#2e65a7}
html,body{background:radial-gradient(circle at 35% 0,#fffdf9 0,#f7f2e9 45%,#efe8dc 100%)!important}.app{background:transparent!important}.side{width:270px!important;padding:18px 16px!important;background:linear-gradient(180deg,#151614 0,#0d0e0d 100%)!important;border-right:1px solid rgba(225,190,119,.42)!important;box-shadow:12px 0 34px rgba(42,31,18,.16)!important;overflow-y:auto!important}.main{margin-left:270px!important;width:calc(100% - 270px)!important;padding:24px 28px 46px!important}.premium-side-brand{text-align:center!important;padding:4px 10px 14px!important;margin-bottom:8px!important}.brand-monogram{font-family:Georgia,serif;font-size:54px;line-height:.95;color:#d5ae61;text-shadow:0 2px 0 #6f4b18,0 4px 12px rgba(226,194,122,.28);letter-spacing:-5px}.premium-side-brand .logo{font-family:Georgia,serif!important;text-transform:uppercase;font-size:25px!important;line-height:1.05!important;letter-spacing:4px!important;color:#e6c679!important;margin:9px 0 7px!important}.premium-side-brand .sub{font-size:10px!important;letter-spacing:3px!important;text-transform:uppercase!important;color:#c39a4c!important;margin:0!important;font-weight:800}.brand-rule{display:flex;align-items:center;gap:8px;margin:10px 8px 7px}.brand-rule:before,.brand-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#80652f)}.brand-rule:after{background:linear-gradient(90deg,#80652f,transparent)}.brand-rule span{width:4px;height:4px;background:#d2ad60;transform:rotate(45deg)}.premium-side-brand .side-brand-note{font-size:9px!important;letter-spacing:1.8px!important;color:#8b8379!important;text-transform:uppercase}.luxury-nav{padding:0 0 76px}.luxury-nav .nav-group{margin:17px 8px 7px!important;font-size:10px!important;letter-spacing:2px!important;color:#b99653!important;text-transform:uppercase!important;font-weight:800!important}.luxury-nav button{position:relative!important;display:grid!important;grid-template-columns:50px minmax(0,1fr) 12px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:60px!important;margin:4px 0!important;padding:7px 10px 7px 7px!important;border:1px solid transparent!important;border-radius:16px!important;color:#e9e6df!important;background:transparent!important;text-align:left!important;transition:.18s ease!important}.luxury-nav button:hover,.luxury-nav button.active{background:linear-gradient(110deg,#1c1d1a,#161714)!important;border-color:#916d35!important;box-shadow:inset 0 0 0 1px rgba(230,192,114,.13),0 6px 20px rgba(0,0,0,.22)!important}.luxury-nav button.active:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:3px;border-radius:4px;background:#e4bd69;box-shadow:0 0 11px #e4bd69}.nav3d{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;font-weight:800;color:#241b0d;background:linear-gradient(145deg,#f0d48b 0,#b88635 45%,#72501d 100%);border:1px solid #e5c779;box-shadow:inset 3px 3px 6px rgba(255,255,255,.55),inset -4px -5px 6px rgba(73,44,8,.42),0 6px 8px rgba(0,0,0,.45);text-shadow:0 1px rgba(255,255,255,.55);transform:perspective(80px) rotateY(-7deg)}.navcopy{display:flex;min-width:0;flex-direction:column;gap:2px}.navcopy b{font-size:14px;color:#f2efe9;white-space:nowrap}.navcopy small{font-size:10px;color:#8f8b83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.luxury-nav button>i{font-style:normal;color:#c6a45f;font-size:22px}.side-profile{position:fixed;left:18px;bottom:15px;width:234px;box-sizing:border-box;display:grid;grid-template-columns:42px 1fr 12px;align-items:center;gap:9px;padding:10px;border:1px solid #36342e;border-radius:15px;background:#171815;box-shadow:0 8px 20px rgba(0,0,0,.3);z-index:2}.profile-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #d0a452;color:#e5be68;font-family:Georgia,serif}.side-profile b{display:block;color:#eee9df;font-size:12px}.side-profile small{display:block;color:#8f8b83;font-size:10px;margin-top:2px}.side-profile>span{color:#b79a60}.premium-dashboard-page{max-width:1540px;margin:0 auto}.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 0 22px}.dashboard-greeting h1{margin:0!important;font-size:27px!important;color:#1c1b18!important;letter-spacing:-.4px;font-family:Georgia,serif!important}.dashboard-greeting h1 span{color:#b6802e;font-size:20px}.dashboard-greeting p{margin:4px 0 0;color:#746d63;font-family:Georgia,serif}.dashboard-tools{display:flex;align-items:center;gap:12px}.global-search{height:44px;width:min(350px,32vw);display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dfd5c7;border-radius:12px;background:rgba(255,255,255,.66);box-shadow:inset 0 1px 0 #fff}.global-search>span{font-size:22px;color:#49453f}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px}.global-search kbd{border:0;background:#eeeae2;border-radius:6px;padding:4px 6px;color:#6e685f;font-size:10px}.round-tool{position:relative;width:46px;height:46px;border-radius:50%;border:1px solid #e1d7c8;background:#fffaf1;color:#2c2b28;font-size:19px;box-shadow:0 6px 14px rgba(77,57,25,.09);cursor:pointer}.round-tool.dark{background:#151614;color:#e4b95e;border-color:#a97d35}.round-tool em{position:absolute;right:-1px;top:-4px;min-width:18px;height:18px;padding:0 3px;border-radius:10px;background:#cf2e28;color:white;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800;border:2px solid #f7f2e9}.orders-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px;align-items:start}.dashboard-center{min-width:0}.premium-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 16px!important}.premium-kpis .stat{position:relative!important;min-height:114px!important;padding:20px 18px!important;border:1px solid #e5dacb!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,244,235,.86))!important;box-shadow:0 10px 22px rgba(78,58,26,.07)!important;overflow:hidden}.premium-kpis .stat:after{content:"";position:absolute;left:0;top:19px;width:3px;height:42px;border-radius:3px;background:#af7e32}.premium-kpis .stat:nth-child(1):after{background:#3e3d37}.premium-kpis .stat:nth-child(3):after{background:#4d755c}.premium-kpis .stat:nth-child(4):after{background:#a75549}.premium-kpis small{font-size:10px!important;letter-spacing:.7px!important;text-transform:uppercase!important;color:#70695f!important}.premium-kpis b{font-family:Georgia,serif!important;font-size:29px!important;line-height:1.05!important;color:#181815!important;margin-top:6px!important}.kpi-trend{display:block;margin-top:12px;font-size:10px;font-weight:700}.kpi-trend.positive{color:#2e8b4e}.kpi-trend.danger{color:#c2443d}.kpi3d{position:absolute;right:18px;top:34px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#5b3b0f;font-size:22px;background:linear-gradient(145deg,#fff4cf,#dba64c 55%,#87581e);border:1px solid #e9c679;box-shadow:inset 2px 2px 4px #fff7df,inset -3px -3px 6px rgba(90,55,8,.23),0 7px 12px rgba(135,91,25,.17)}.premium-ops-strip{display:grid!important;grid-template-columns:130px 205px 180px minmax(260px,1fr)!important;align-items:center!important;gap:10px!important;min-height:94px!important;margin:0 0 16px!important;padding:15px 17px!important;border:1px solid #282820!important;border-radius:17px!important;background:radial-gradient(circle at 30% 0,#26251f 0,#171815 58%,#11120f 100%)!important;box-shadow:0 12px 24px rgba(29,24,17,.16)!important;color:#fff}.premium-ops-strip .today-main-info strong{font-family:Georgia,serif;font-size:18px}.premium-ops-strip .today-date{font-family:Arial,sans-serif;font-size:11px;color:#9b9388;margin-left:7px}.premium-ops-strip .today-main-info>span{font-size:11px!important;color:#c8c0b5!important;margin-top:8px!important}.premium-ops-strip .cash-strip-btn{height:54px!important;width:100%!important;border-radius:11px!important;border:1px solid #a57831!important;background:linear-gradient(180deg,#23241f,#1a1b17)!important;color:#e9c577!important;font-weight:800!important;box-shadow:inset 0 0 0 1px rgba(245,211,139,.06)!important}.op3d{margin-right:8px;color:#d6a949}.premium-ops-strip .strip-balances{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.premium-ops-strip .strip-bal{padding:10px 11px!important;border-radius:10px!important;background:#1a211a!important;border:1px solid #2f663e!important;text-align:center}.premium-ops-strip .strip-bal.acc{background:#18202a!important;border-color:#315b83!important}.premium-ops-strip .strip-bal-label{display:block;text-transform:uppercase;font-size:9px;color:#78b38c!important;font-weight:800;letter-spacing:.8px}.premium-ops-strip .strip-bal.acc .strip-bal-label{color:#6ea5da!important}.premium-ops-strip .strip-bal b{font-size:16px;color:#f0eee8}.premium-ops-strip .today-metrics{display:flex!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:nowrap!important}.premium-ops-strip .mini-pill{height:37px!important;display:flex!important;align-items:center!important;gap:5px!important;padding:0 9px!important;border:1px solid #383832!important;border-radius:10px!important;background:#1b1c18!important;color:#eeeae2!important;font-size:10px!important;white-space:nowrap}.premium-ops-strip .mini-pill i{width:9px;height:9px;border-radius:50%;background:#e7c229}.premium-ops-strip .mini-pill.ready i{background:#2dd348}.premium-ops-strip .mini-pill.issued i{background:#2786df}.premium-ops-strip .mini-pill.late i{background:#e63d3c}.orders-workbench{padding:12px!important;border-radius:17px!important;border:1px solid #e4d9cb!important;background:rgba(255,253,249,.88)!important;box-shadow:0 12px 28px rgba(69,50,22,.08)!important}.orders-search{display:grid!important;grid-template-columns:auto minmax(240px,1fr) 160px 42px!important;gap:12px!important;align-items:center!important;margin-bottom:12px!important}.orders-search .new-order-inline{height:45px!important;border-radius:11px!important;background:linear-gradient(180deg,#252621,#121311)!important;border:1px solid #34342e!important;color:#e9c36e!important;box-shadow:0 7px 13px rgba(0,0,0,.17)!important}.order-search-wrap{height:45px;display:flex;align-items:center;gap:7px;padding-left:12px;border:1px solid #ded3c5;border-radius:11px;background:#fffdf9}.order-search-wrap>span{font-size:20px;color:#8b8479}.order-search-wrap .input{height:41px!important;border:0!important;box-shadow:none!important;background:transparent!important;padding-left:0!important}.orders-search select{height:45px!important;border:1px solid #ded3c5!important;border-radius:11px!important;background:#fffdf9!important}.filter-tool{height:42px;border:1px solid #d8c7ad;border-radius:10px;background:#fff9ef;color:#77531e;font-size:18px;cursor:pointer}.orders-workbench .tablewrap{border:1px solid #ece4d8!important;border-radius:12px!important;max-height:575px!important}.orders-workbench table{font-size:12px!important}.orders-workbench th{background:#f7f3ec!important;color:#544e45!important;font-size:9px!important;letter-spacing:.55px!important;padding:11px 9px!important}.orders-workbench td{padding:13px 9px!important;border-color:#eee6da!important}.orders-workbench tr:hover td{background:#fffaf0!important}.dashboard-rail{display:flex;flex-direction:column;gap:14px}.rail-card{border:1px solid #e4d9cb;border-radius:15px;background:rgba(255,252,247,.88);box-shadow:0 10px 24px rgba(72,52,23,.07);overflow:hidden}.rail-title{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 10px;text-transform:uppercase;letter-spacing:.6px;font-size:10px;color:#302d28}.rail-highlight{margin:0 10px 7px;padding:13px 11px;border:1px solid #ede4d9;border-radius:10px;background:#fffdfa;position:relative;overflow:hidden}.rail-highlight small{display:block;color:#7a7369;font-size:10px}.rail-highlight strong{display:block;font-family:Georgia,serif;font-size:23px;margin:6px 0;color:#1d1c18}.rail-highlight>span{display:block;color:#2d8a4d;font-size:9px;font-weight:700}.sparkline{height:34px;margin-top:8px;display:flex;align-items:flex-end;gap:4px}.sparkline i{width:16%;height:20%;border-top:2px solid #b47e24;transform:skewY(-20deg)}.sparkline i:nth-child(2){height:42%}.sparkline i:nth-child(3){height:32%}.sparkline i:nth-child(4){height:63%}.sparkline i:nth-child(5){height:52%}.sparkline i:nth-child(6){height:90%}.rail-row{display:flex;justify-content:space-between;gap:8px;padding:11px 14px;border-top:1px solid #eee6db;font-size:11px}.rail-row b{color:#272520}.rail-row.due span,.rail-row.due b{color:#c13e36}.quick-actions button{width:100%;display:grid;grid-template-columns:35px 1fr 10px;align-items:center;gap:9px;padding:10px 13px;border:0;border-top:1px solid #eee6db;background:transparent;text-align:left;cursor:pointer}.quick-actions button:hover{background:#fff9ef}.quick-actions button>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.quick-actions button b{font-size:11px;color:#292722}.quick-actions button small{font-size:9px;color:#8b847a}.quick-actions button>i{font-style:normal;font-size:20px;color:#797268}.qa-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#f0e9ff;color:#5d3db1;font-weight:800}.qa-icon.green{background:#e8f5ec;color:#2c7b45}.qa-icon.blue{background:#edf2fa;color:#365d90}.qa-icon.indigo{background:#eeedff;color:#4f48b2}.pickup-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;padding:11px 13px;border-top:1px solid #eee6db}.pickup-row>i{width:8px;height:8px;border-radius:50%;background:#d9a634}.pickup-row>i.green{background:#2eaf55}.pickup-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}.pickup-row b{font-size:10px;color:#302d28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup-row small{font-size:8px;color:#837c72}.pickup-row>span{text-align:right;font-size:8px;color:#4c4943}.pickup-row>span small{display:block;margin-top:2px}.rail-empty{padding:20px 14px;color:#8d867c;font-size:11px}.rail-signature{display:flex;justify-content:center;align-items:center;gap:9px;color:#93641e;padding:15px}.rail-signature>span{font-size:26px}.rail-signature b{font-family:Georgia,serif;display:block;letter-spacing:1px}.rail-signature small{display:block;font-size:7px;letter-spacing:2px}.luxury-system-page .top h1{font-family:Georgia,serif!important}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.person-card,.settings-tile{display:flex;align-items:center;gap:15px;padding:20px!important}.person-avatar,.settings-icon{width:56px;height:56px;min-width:56px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#f0d48b,#9e6d29);color:#241b0d;font-family:Georgia,serif;font-size:20px;box-shadow:inset 2px 2px 4px rgba(255,255,255,.55),0 7px 12px rgba(93,59,14,.15)}.person-card h3,.settings-tile h3{margin:0 0 5px;font-family:Georgia,serif}.person-card p,.settings-tile p,.report-intro p{margin:0;color:#7a7369;font-size:13px;line-height:1.5}.settings-tile .btn{margin-top:12px}.report-intro{padding:24px!important}.report-intro h3{font-family:Georgia,serif;margin-top:0}
@media(max-width:1280px){.orders-dashboard-grid{grid-template-columns:1fr}.dashboard-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.rail-signature{display:none}.premium-ops-strip{grid-template-columns:130px 190px 170px 1fr!important}.premium-kpis .stat{padding-right:12px!important}.kpi3d{display:none}}
@media(max-width:1000px){.side{width:220px!important}.main{margin-left:220px!important;width:calc(100% - 220px)!important;padding:18px!important}.side-profile{width:184px}.navcopy small{display:none}.luxury-nav button{grid-template-columns:45px 1fr 8px!important}.dashboard-topbar{align-items:flex-start}.dashboard-tools .round-tool{display:none}.global-search{width:280px}.premium-ops-strip{grid-template-columns:1fr 1fr!important}.premium-ops-strip .today-metrics{justify-content:flex-start!important}.dashboard-rail{grid-template-columns:1fr 1fr}.quick-actions{display:none}}
@media(max-width:760px){.main{margin-left:0!important;width:100%!important;padding:76px 12px 20px!important}.side{width:min(86vw,300px)!important}.side-profile{position:static;width:100%;margin-top:8px}.dashboard-topbar{display:block}.dashboard-greeting h1{font-size:23px!important}.dashboard-tools{margin-top:14px}.global-search{width:100%}.premium-kpis{grid-template-columns:repeat(2,1fr)!important}.premium-ops-strip{grid-template-columns:1fr!important}.orders-search{grid-template-columns:1fr 1fr!important}.order-search-wrap{grid-column:1/-1;grid-row:1}.filter-tool{display:none}.dashboard-rail{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}}
@media(max-width:480px){.premium-kpis{grid-template-columns:1fr!important}.premium-kpis .stat{min-height:95px!important}.orders-search{grid-template-columns:1fr!important}.orders-search .new-order-inline,.orders-search select{width:100%}.dashboard-greeting p{font-size:12px}.global-search kbd{display:none}}


/* ===== Source: atelier-final-v3.css ===== */
/* Atelier Eleven — final production layout v3
   Purpose: guarantee stable premium desktop/tablet/mobile composition without crushed KPI cards. */
:root{
  --ae-side:272px;
  --ae-rail:252px;
  --ae-gap:18px;
  --ae-ivory:#f6f0e7;
  --ae-paper:#fffdf8;
  --ae-ink:#121310;
  --ae-gold:#c79a45;
  --ae-gold-soft:#e7c982;
  --ae-line:#e5d9c9;
}
*{box-sizing:border-box}
html,body{min-width:320px;overflow-x:hidden}
body{background:radial-gradient(circle at 34% 0,#fffdf9 0,#f8f3ea 42%,#eee5d8 100%)!important}
.app{display:block!important;min-height:100vh!important}
.side{
  width:var(--ae-side)!important;
  min-width:var(--ae-side)!important;
  max-width:var(--ae-side)!important;
  position:fixed!important;
  left:0!important;top:0!important;bottom:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  z-index:100!important;
}
.main{
  display:block!important;
  margin-left:var(--ae-side)!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:24px 24px 44px!important;
  overflow:visible!important;
}
.premium-dashboard-page{display:block;max-width:1540px!important;width:100%!important;margin:0 auto!important;min-width:0!important}
.dashboard-topbar{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(280px,1fr) auto!important;align-items:center!important;gap:20px!important;margin:0 0 18px!important}
.dashboard-greeting{min-width:0!important}
.dashboard-greeting h1{font-size:clamp(25px,2.15vw,34px)!important;line-height:1.07!important;white-space:normal!important}
.dashboard-tools{min-width:0!important;justify-content:flex-end!important}
.global-search{width:clamp(260px,27vw,390px)!important;min-width:240px!important}

.orders-dashboard-grid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--ae-rail)!important;
  gap:var(--ae-gap)!important;
  align-items:start!important;
}
.dashboard-center{width:100%!important;min-width:0!important;max-width:100%!important;display:block!important}
.dashboard-rail{width:var(--ae-rail)!important;min-width:0!important;max-width:var(--ae-rail)!important;display:flex!important;flex-direction:column!important;gap:14px!important}

/* KPI cards must never collapse into narrow vertical slivers */
#orders .premium-kpis,
#orders>.orders-dashboard-grid .premium-kpis{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:12px!important;
  margin:0 0 15px!important;
  border:0!important;
}
#orders .premium-kpis .stat{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:116px!important;
  display:block!important;
  padding:19px 62px 18px 18px!important;
  border:1px solid var(--ae-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,242,233,.94))!important;
  box-shadow:0 10px 24px rgba(67,47,20,.07)!important;
  overflow:hidden!important;
}
#orders .premium-kpis .stat>div{display:block!important;min-width:0!important;width:100%!important}
#orders .premium-kpis .stat:before{display:none!important}
#orders .premium-kpis .stat:after{display:block!important}
#orders .premium-kpis .stat small{display:block!important;font-size:9px!important;line-height:1.25!important;white-space:normal!important}
#orders .premium-kpis .stat b{display:block!important;font-size:clamp(24px,2vw,31px)!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#orders .premium-kpis .kpi-trend{white-space:normal!important;line-height:1.25!important}
#orders .premium-kpis .kpi3d{display:grid!important;right:15px!important;top:34px!important}

#orders .premium-ops-strip{
  width:100%!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(118px,145px) minmax(170px,205px) minmax(150px,180px) minmax(250px,1fr)!important;
  gap:10px!important;
  margin-bottom:16px!important;
}
#orders .premium-ops-strip>*{min-width:0!important}
#orders .today-metrics{min-width:0!important;overflow:hidden!important}
#orders .mini-pill{flex:1 1 auto!important;justify-content:center!important;min-width:0!important;padding-inline:7px!important}

.orders-workbench{width:100%!important;min-width:0!important;overflow:hidden!important}
#orders .orders-search{
  width:100%!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(180px,1fr) minmax(135px,160px) 42px!important;
  gap:10px!important;
}
.order-search-wrap{min-width:0!important}
.order-search-wrap input{min-width:0!important;width:100%!important}
#orders .tablewrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow:auto!important}
#orders .tablewrap table{width:100%!important;min-width:860px!important;table-layout:fixed!important}
#orders .tablewrap th,#orders .tablewrap td{overflow-wrap:anywhere!important;word-break:normal!important}

.rail-card{width:100%!important;min-width:0!important}
.quick-actions button{min-width:0!important}

/* Mid-size desktop: keep the center healthy, move rail below before anything gets squeezed. */
@media (max-width:1380px){
  :root{--ae-side:250px}
  .main{padding:22px 20px 40px!important}
  .orders-dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
  .dashboard-rail{
    width:100%!important;max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .dashboard-rail .rail-signature{display:none!important}
  #orders .premium-kpis{grid-template-columns:repeat(4,minmax(140px,1fr))!important}
  #orders .premium-ops-strip{grid-template-columns:minmax(120px,145px) minmax(170px,190px) minmax(150px,180px) minmax(250px,1fr)!important}
}

@media (max-width:1120px){
  :root{--ae-side:224px}
  .side-profile{width:188px!important;left:18px!important}
  .luxury-nav button{grid-template-columns:44px minmax(0,1fr) 10px!important;min-height:56px!important;padding-right:8px!important}
  .nav3d{width:41px!important;height:41px!important;font-size:20px!important}
  .navcopy small{display:none!important}
  .dashboard-topbar{grid-template-columns:1fr!important;gap:12px!important}
  .dashboard-tools{justify-content:flex-start!important;width:100%!important}
  .global-search{width:min(100%,520px)!important;flex:1!important}
  #orders .premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #orders .premium-kpis .stat{min-height:108px!important}
  #orders .premium-ops-strip{grid-template-columns:1fr 1fr!important}
  #orders .today-metrics{justify-content:flex-start!important;overflow:visible!important;flex-wrap:wrap!important}
  .dashboard-rail{grid-template-columns:1fr 1fr!important}
}

@media (max-width:820px){
  .mobile-topbar{display:flex!important}
  .side{
    width:min(86vw,310px)!important;min-width:0!important;max-width:310px!important;
    transform:translateX(-105%)!important;transition:transform .22s ease!important;
  }
  body.mobile-nav-open .side{transform:translateX(0)!important}
  .side-profile{position:static!important;width:100%!important;margin-top:8px!important}
  .main{margin-left:0!important;width:100%!important;padding:76px 12px 26px!important}
  .dashboard-tools .round-tool{display:none!important}
  #orders .premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #orders .premium-kpis .stat{padding:16px 54px 15px 15px!important;min-height:100px!important}
  #orders .premium-kpis .kpi3d{width:38px!important;height:38px!important;right:11px!important;top:31px!important}
  #orders .premium-ops-strip{grid-template-columns:1fr!important}
  #orders .orders-search{grid-template-columns:1fr 1fr!important}
  #orders .order-search-wrap{grid-column:1/-1!important;grid-row:1!important}
  #orders .filter-tool{display:none!important}
  .dashboard-rail{grid-template-columns:1fr!important}
}

@media (max-width:520px){
  .main{padding-inline:8px!important}
  .dashboard-greeting h1{font-size:23px!important}
  .dashboard-greeting p{font-size:12px!important}
  .global-search{min-width:0!important;width:100%!important}
  .global-search kbd{display:none!important}
  #orders .premium-kpis{grid-template-columns:1fr!important}
  #orders .premium-kpis .stat{min-height:94px!important;padding-right:58px!important}
  #orders .orders-search{grid-template-columns:1fr!important}
  #orders .orders-search>*{width:100%!important}
  #orders .tablewrap table{min-width:760px!important}
}


/* ===== Inline document stylesheet ===== */

/* ===== Красивое окно открытия / закрытия кассы ===== */
#cashOpenModal,
#cashCloseModal{
  background:rgba(22,18,14,.55)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:16px!important;
  align-items:center!important;
  justify-content:center!important;
}
#cashOpenModal.show .cash-open-dialog,
#cashCloseModal.show .cash-open-dialog{
  animation:cashOpenIn .28s cubic-bezier(.2,.8,.2,1);
}
@keyframes cashOpenIn{
  from{opacity:0;transform:translateY(18px) scale(.97)}
  to{opacity:1;transform:none}
}
#cashOpenModal .cash-open-dialog,
#cashCloseModal .cash-open-dialog{
  max-width:540px!important;
  width:calc(100% - 20px)!important;
  max-height:min(92vh,760px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:22px!important;
  border:1px solid rgba(201,168,120,.45)!important;
  background:linear-gradient(180deg,#fffdf9 0%,#f8f3ee 100%)!important;
  box-shadow:
    0 28px 80px rgba(20,14,10,.32),
    0 0 0 1px rgba(255,255,255,.5) inset!important;
}
.cash-open-head{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  padding:20px 22px 14px;
  border-bottom:1px solid rgba(229,217,205,.85);
  background:linear-gradient(180deg,#fffefb 0%,#faf6f1 100%);
}
.cash-open-head-icon{
  width:48px;height:48px;flex:0 0 48px;
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;
  background:linear-gradient(145deg,#f5e6d3,#e8d4b8);
  border:1px solid #d4b896;
  box-shadow:0 6px 16px rgba(139,94,60,.15);
}
.cash-open-head-text{flex:1;min-width:0}
.cash-open-kicker{
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:#9c7b54;font-weight:800;margin-bottom:2px;
}
#cashOpenModal .cash-open-dialog h2,
#cashCloseModal .cash-open-dialog h2,
.cash-open-head-text h2{
  margin:0!important;font-size:22px!important;font-weight:800!important;
  color:#1d1a17!important;letter-spacing:-.3px;font-family:Georgia,serif!important;
}
.cash-open-close-x{
  width:36px;height:36px;flex:0 0 36px;border-radius:10px;
  border:1px solid #e5d9cd;background:#fff;color:#6d5d52;
  font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:.15s;
}
.cash-open-close-x:hover{background:#f5eee6;border-color:#c3a17b;color:#30251e}
#cashOpenModal .cash-open-progress,
#cashCloseModal .cash-open-progress,
#cashOpenModal .cash-open-step-note,
#cashCloseModal .cash-open-step-note{
  flex:0 0 auto;
  margin-left:22px;margin-right:22px;
}
.cash-open-progress{
  height:5px;background:#eee5dc;border-radius:99px;overflow:hidden;
  margin:12px 22px 6px!important;
}
.cash-open-progress > div{
  height:100%;width:20%;
  background:linear-gradient(90deg,#a67c52,#8b5e3c);
  border-radius:99px;transition:width .25s ease;
  box-shadow:0 0 8px rgba(139,94,60,.35);
}
.cash-open-step-note{
  font-size:11px;color:#9c7b54;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;margin:0 22px 4px!important;min-height:16px;
}
#cashOpenModal .cash-open-pane,
#cashCloseModal .cash-open-pane{
  flex:1 1 auto;min-height:0;
  display:flex;flex-direction:column;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:8px 22px 6px;
}
#cashCloseModal .cash-open-summary,
#cashCloseModal #cashClosePreview{
  flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
}
.cash-open-q{
  font-size:20px;font-weight:800;color:#30251e;line-height:1.3;
  margin:4px 0 16px;letter-spacing:-.2px;
}
.cash-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.cash-mode-grid{grid-template-columns:1fr}}
.cash-mode-card{
  border:1.5px solid #e5d9cd;border-radius:18px;background:#fff;
  padding:18px 16px;text-align:left;cursor:pointer;
  transition:.18s cubic-bezier(.2,.8,.2,1);color:#30251e;
  box-shadow:0 4px 16px rgba(40,30,20,.05);
  position:relative;overflow:hidden;
}
.cash-mode-card:before{
  content:"";position:absolute;inset:0;opacity:0;
  background:linear-gradient(145deg,rgba(181,138,90,.08),transparent 60%);
  transition:.18s;
}
.cash-mode-card:hover{
  border-color:#c3a17b;transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(40,30,20,.12);
}
.cash-mode-card:hover:before{opacity:1}
.cash-mode-card.tax{
  background:linear-gradient(165deg,#fffaf3 0%,#fff 70%);
  border-color:#d4b896;
}
.cash-mode-card.tax:hover{border-color:#b58a5a}
.cash-mode-icon{
  width:44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;margin-bottom:10px;
  background:#f7f1ea;border:1px solid #eadfd5;
}
.cash-mode-card.tax .cash-mode-icon{
  background:#f5e6d3;border-color:#d4b896;
}
.cash-mode-title{font-size:15px;font-weight:800;margin-bottom:6px;position:relative}
.cash-mode-text{font-size:12.5px;color:#6d5d52;line-height:1.45;position:relative}
.cash-open-checklist{
  border:1px solid #e5d9cd;border-radius:14px;padding:14px;background:#fffdfb;margin:0 0 12px;
}
.cash-open-check-item{
  display:flex;align-items:flex-start;gap:10px;
  font-size:14px;line-height:1.4;color:#30251e;margin:0 0 10px;cursor:pointer;
}
.cash-open-check-item:last-child{margin-bottom:0}
.cash-open-check-item input{width:18px;height:18px;margin-top:1px;flex:0 0 18px;accent-color:#8b5e3c}
.cash-open-bridge-box{
  background:#f7f5f1;border-radius:14px;padding:14px 16px;margin-bottom:10px;
  border:1px solid #ebe4db;
}
.cash-open-hint{font-size:12px;color:#8a6a3a;line-height:1.45;margin:0 0 4px}
.cash-open-mismatch{
  background:#fff4f0;border:1px solid #e8b4a8;border-radius:14px;padding:14px 16px;
  margin:0 0 10px;font-size:13px;color:#8a3a2a;line-height:1.45;
}
.cash-open-login-box{
  margin-top:12px;padding:14px;border-radius:14px;background:#fff;border:1px solid #e8d0c8;
}
.cash-open-login-box .btn{font-weight:700}
.cash-open-summary{
  background:#fff;border:1px solid #e5d9cd;border-radius:16px;padding:6px 16px;
  font-size:14px;line-height:1.55;color:#30251e;
  box-shadow:0 4px 14px rgba(40,30,20,.04);
}
.cash-open-summary .row{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
  padding:11px 0;border-bottom:1px solid #f0e8df;
}
.cash-open-summary .row:last-child{border-bottom:0}
.cash-open-summary .lbl{color:#806f62;font-size:12px;font-weight:600}
.cash-open-summary b{font-weight:700;color:#1d1a17;text-align:right}
#cashOpenModal .cash-open-footer,
#cashCloseModal .cash-open-footer{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:0!important;
  padding:14px 22px 18px!important;
  border-top:1px solid #eee5dc!important;
  background:linear-gradient(180deg,#faf6f1 0%,#fffdf9 100%)!important;
  position:relative;z-index:2;
}
.cash-open-footer .btn{
  min-height:46px!important;padding:11px 18px!important;
  font-weight:700!important;flex:1 1 auto;border-radius:12px!important;
}
.cash-open-footer .btn.primary{
  min-width:150px;background:#1d1d1b!important;border-color:#1d1d1b!important;
  box-shadow:0 6px 16px rgba(29,29,27,.18)!important;
}
.cash-open-footer .btn.primary:hover{background:#2a2a27!important;transform:translateY(-1px)}
.cash-open-footer .btn:disabled{opacity:.45;cursor:not-allowed}
#cashOpenStepAmount #cashOpenAmount{
  font-size:28px!important;font-weight:800!important;min-height:56px!important;
  text-align:center!important;border-radius:14px!important;
  letter-spacing:.02em;border:1.5px solid #d9cbbf!important;
}
#cashOpenStepAmount #cashOpenAmount:focus{
  border-color:#b58a5a!important;
  box-shadow:0 0 0 4px rgba(181,138,90,.15)!important;
}
#cashOpenStepEmp #cashOpenEmployee{
  min-height:50px!important;border-radius:12px!important;font-size:15px!important;
}
#cashNalogSubSms, #cashNalogSubCode{flex-direction:column;flex:1 1 auto;min-height:0}
#cashNalogSubCheck{display:block}
@media(max-width:480px){
  .cash-open-head{padding:16px 16px 12px}
  #cashOpenModal .cash-open-pane,
  #cashCloseModal .cash-open-pane{padding:6px 16px}
  #cashOpenModal .cash-open-footer,
  #cashCloseModal .cash-open-footer{padding:12px 16px 16px!important}
  .cash-open-q{font-size:18px}
}



/* ===== Inline document stylesheet ===== */

.cash-close-choice{
  display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #e5d9cd;
  border-radius:14px;background:#fff;cursor:pointer;line-height:1.4;
}
.cash-close-choice input{margin-top:3px;accent-color:#8b5e3c;flex:0 0 auto}
.cash-close-choice small{font-size:12px;color:#806f62}
.cash-close-choice:has(input:checked){border-color:#c3a17b;background:#fffaf3}


/* ===== Inline document stylesheet ===== */

#cash .cash-history-wrap,
.cash-history-wrap{
  overflow:auto!important;
  border:1px solid var(--line,#e5d9cd);
  border-radius:13px;
}
.cash-history-table{
  width:100%!important;
  min-width:720px!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.cash-history-table th,
.cash-history-table td{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  vertical-align:top!important;
}
.cash-history-table th{
  white-space:nowrap!important;
}
.cash-history-actions{
  white-space:nowrap!important;
  width:1%;
}
.cash-history-actions .btn{
  white-space:nowrap!important;
}


/* ===== Inline document stylesheet ===== */

/* Все таблицы: заголовки не обрезаются */
.tablewrap{
  overflow-x:auto!important;
}
.tablewrap table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.tablewrap th{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  line-height:1.25!important;
}
.tablewrap td{
  overflow:visible!important;
  text-overflow:clip!important;
}
/* Последняя колонка «Действия» — всегда с запасом */
.tablewrap th:last-child,
.tablewrap td:last-child{
  white-space:nowrap!important;
  min-width:48px!important;
  overflow:visible!important;
}
/* Заказы: без гориз. скролла — см. final block */
#orders .tablewrap table{
  table-layout:fixed!important;
  min-width:0!important;
  width:100%!important;
}
#orders .tablewrap{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
#orders .tablewrap th:nth-child(9),
#orders .tablewrap td:nth-child(9){
  width:5%!important;
  min-width:48px!important;
  max-width:56px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-align:center!important;
}
/* Прайс, клиенты, касса, налог, информация — авто-ширина */
#price .tablewrap table,
#clients .tablewrap table,
#cash .tablewrap table,
#nalog .tablewrap table,
#income .tablewrap table,
#product .tablewrap table{
  table-layout:auto!important;
  min-width:720px!important;
  width:100%!important;
}
#price .tablewrap th,
#clients .tablewrap th,
#cash .tablewrap th,
#nalog .tablewrap th,
#income .tablewrap th{
  white-space:nowrap!important;
}


/* ===== Inline document stylesheet ===== */

#price .tablewrap,
.price-table-wrap{
  overflow:auto!important;
}
#price table,
.price-table{
  width:100%!important;
  min-width:780px!important;
  table-layout:auto!important;
}
#price th,
#price td,
.price-table th,
.price-table td{
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
#price th:last-child,
#price td:last-child,
.price-actions-col,
.price-table th:last-child,
.price-table td:last-child{
  width:1%!important;
  min-width:88px!important;
  white-space:nowrap!important;
  text-align:center!important;
  overflow:visible!important;
}
#price th{
  white-space:nowrap!important;
}
/* clients table too */
#clients .tablewrap table{
  table-layout:auto!important;
  min-width:700px!important;
}
#clients th:last-child,
#clients td:last-child{
  white-space:nowrap!important;
  min-width:88px!important;
  overflow:visible!important;
}


/* ===== Inline document stylesheet ===== */

.client-search-wrap{position:relative}
.client-search-results{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);background:#fffdfb;border:1px solid #d9c9b9;border-radius:12px;box-shadow:0 14px 35px rgba(30,25,20,.16);z-index:3000;max-height:260px;overflow:auto}
.client-search-results.show{display:block}
.client-search-result{padding:12px 14px;border-bottom:1px solid #eee5dc;cursor:pointer}
.client-search-result:last-child{border-bottom:0}
.client-search-result:hover{background:#f7eee6}
.client-search-result b{display:block;font-size:15px;color:#30251e}
.client-search-result span{display:block;margin-top:3px;font-size:12px;color:#806f62}
.client-search-empty{padding:12px 14px;font-size:13px;color:#806f62}


/* ===== Inline document stylesheet ===== */

.order-dialog{width:min(620px,100%);padding:28px}.order-legacy-fields{display:none!important}.order-wizard{margin-top:10px}.wizard-progress{height:7px;background:#eee5dc;border-radius:99px;overflow:hidden;margin:8px 0 18px}.wizard-progress>div{height:100%;width:10%;background:#8b5e3c;border-radius:99px;transition:width .2s}.wizard-step-title{font-size:13px;color:#8b5e3c;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.wizard-step-note{font-size:14px;color:#76685e;margin:5px 0 20px}.wizard-question{font-size:28px;line-height:1.2;font-weight:700;color:#30251e;margin:10px 0 18px}.wizard-big{font-size:18px!important;padding:15px 16px!important;min-height:52px}.wizard-gap{margin-top:12px}.wizard-muted{font-size:13px;color:#806f62;margin-top:10px;line-height:1.45}.wizard-secondary{margin-top:16px;width:100%}.wizard-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:26px;padding-top:16px;border-top:1px solid #eee5dc}.wizard-nav{display:flex;gap:9px}.wizard-summary{background:#faf7f3;border:1px solid #e5d9cd;border-radius:16px;padding:14px;font-size:15px;line-height:1.55}.wizard-summary{max-height:none;overflow:visible}.wizard-summary b{color:#30251e}.wizard-check-note{font-size:14px;color:#76685e;background:#f7eee6;border-radius:12px;padding:11px 13px;margin:0 0 12px;line-height:1.45}.wizard-check-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #e8ddd3}.wizard-check-row:last-child{border-bottom:0}.wizard-payment-summary{background:#f7eee6;border:1px solid #dfcdbb!important;border-radius:12px;margin:8px 0;padding:13px 12px!important}.wizard-payment-summary-top{position:relative;margin:0 0 12px;padding:14px!important}.wizard-payment-title{font-weight:800;font-size:15px;letter-spacing:.05em;color:#654634;margin-bottom:10px}.wizard-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.wizard-payment-grid>div{display:flex;flex-direction:column;gap:2px}.wizard-payment-grid span{font-size:12px;color:#806f62}.wizard-payment-grid b{font-size:15px;color:#30251e}.wizard-remain-value{font-size:18px!important}.wizard-payment-summary-top .wizard-edit-btn{margin-top:11px}@media(max-width:520px){.wizard-payment-grid{grid-template-columns:1fr}}.wizard-payment-summary b:first-child{font-size:14px;letter-spacing:.03em;color:#654634}.wizard-check-main{flex:1;min-width:0}.wizard-edit-btn{border:1px solid #d9c9b9;background:#fff;color:#654634;border-radius:10px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap}.wizard-edit-btn:hover{background:#f0e8df}.wizard-error{color:#b23a2f;font-size:13px;margin-top:10px}.wizard-line-extra{margin-top:8px;padding:10px 12px;background:#f7eee6;border-radius:12px;font-size:13px}.wizard-line-extra button{margin-left:8px}
.order-edit-card{margin-top:8px}.edit-card-footer-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.edit-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #eadfd5}
.edit-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eadfd5}
.edit-card-head-actions{display:flex;align-items:center;gap:10px}.edit-card-close{width:38px;height:38px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.edit-card-close:hover{transform:translateY(-1px)}.edit-card-kicker{font-size:11px;letter-spacing:.08em;color:#9a7256;font-weight:800;margin-bottom:4px}.edit-card-head h2{margin:0;font-size:26px;color:#30251e}.edit-card-status{padding:7px 11px;border-radius:999px;background:#f7eee6;color:#765039;font-weight:700;font-size:12px}.edit-card-sections{display:grid;gap:10px;margin-top:14px}.edit-section{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;padding:14px 15px;background:#fffdfa;border:1px solid #e5d9cd;border-radius:16px;box-shadow:0 5px 18px rgba(70,50,35,.06)}.edit-section-wide{grid-template-columns:1fr auto}.edit-section-main{min-width:0}.edit-section-main small{display:block;color:#8a776b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.edit-section-main b{display:block;color:#30251e;font-size:16px}.edit-section-main span{display:block;color:#76685e;font-size:13px;margin-top:3px}.edit-service-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eee5dc}.edit-service-row:last-child{border-bottom:0}.edit-service-name{font-weight:700;color:#3b2c23}.edit-service-meta{font-size:12px;color:#806f62;margin-top:2px}.edit-inline{display:none;grid-column:1/-1;padding-top:10px;border-top:1px solid #eee5dc;gap:9px}.edit-inline.open{display:grid}.edit-inline-actions{display:flex;justify-content:flex-end;gap:8px}.edit-card-footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #eadfd5}.edit-card-footer .btn.primary{min-width:190px}@media(max-width:650px){.edit-section{grid-template-columns:1fr}.edit-section>.wizard-edit-btn{justify-self:start}.edit-card-footer{flex-direction:column}.edit-card-footer .btn{width:100%}}


/* ===== Inline document stylesheet ===== */

.payment-confirm-overlay{display:none;position:fixed;inset:0;background:rgba(34,25,20,.48);backdrop-filter:blur(2px);align-items:center;justify-content:center;padding:20px;z-index:5000}
.payment-confirm-overlay.show{display:flex}
.payment-confirm-card{width:min(390px,calc(100vw - 40px));background:#fff;border-radius:20px;box-shadow:0 18px 55px rgba(0,0,0,.25);padding:24px;text-align:center;animation:paymentPop .16s ease-out}
@keyframes paymentPop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.payment-confirm-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 12px;background:#f7eee6;color:#8b5e3c;display:flex;align-items:center;justify-content:center;font-size:25px}
.payment-confirm-title{font-size:20px;font-weight:750;color:#30251e;margin-bottom:8px}
.payment-confirm-text{font-size:14px;color:#76685e;line-height:1.45;margin-bottom:18px}
.payment-confirm-amount{font-size:30px;font-weight:800;color:#3c2a20;margin:4px 0 18px}
.payment-confirm-actions{display:flex;gap:10px}
.payment-confirm-actions button{flex:1;border:0;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700;cursor:pointer}
.payment-confirm-cancel{background:#f2eee9;color:#5f5148}
.payment-confirm-ok{background:#8b5e3c;color:#fff}
.payment-confirm-ok:hover{background:#754d31}

/* Beautiful notice dialog */
.pretty-notice-overlay{position:fixed;inset:0;background:rgba(35,28,24,.58);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100000;}
.pretty-notice-card{width:min(500px,100%);background:#fffdf9;border:2px solid #b98a5b;border-radius:24px;box-shadow:0 24px 80px rgba(48,37,30,.30);padding:28px 30px;position:relative;text-align:center;}
.pretty-notice-card:before{content:"";position:absolute;inset:7px;border:1px solid #e5cdb2;border-radius:18px;pointer-events:none;}
.pretty-notice-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 14px;background:#f4e7d8;border:1px solid #d9b98f;display:flex;align-items:center;justify-content:center;font-size:28px;color:#8b5e3c;position:relative;}
.pretty-notice-title{font-family:Georgia,serif;font-size:25px;font-weight:500;color:#30251e;margin-bottom:10px;position:relative;}
.pretty-notice-text{font-size:16px;line-height:1.5;color:#62564e;margin-bottom:22px;position:relative;}
.pretty-notice-ok{border:0;background:#654634;color:#fff;border-radius:12px;padding:11px 30px;font-size:15px;font-weight:700;cursor:pointer;position:relative;box-shadow:0 5px 14px rgba(101,70,52,.20);}
.pretty-notice-ok:hover{background:#52372a;}


/* ======================================================================
   ATELIER ELEVEN XI — LIGHT PREMIUM ATELIER THEME
   Production visual layer. Intentionally last in cascade.
   ====================================================================== */
:root{
  --ae-bg:#f7f3ec;
  --ae-surface:#fffdf9;
  --ae-surface-soft:#fbf7f0;
  --ae-line:#e7ddd0;
  --ae-line-strong:#d9c8ae;
  --ae-text:#241f19;
  --ae-muted:#7e756a;
  --ae-gold:#b87922;
  --ae-gold-deep:#8d5c18;
  --ae-gold-soft:#e8c991;
  --ae-green:#3f7f5d;
  --ae-blue:#4e6f9d;
  --ae-red:#c14c46;
  --ae-shadow:0 12px 34px rgba(85,61,28,.075);
  --ae-shadow-soft:0 6px 18px rgba(85,61,28,.06);
}
html,body{
  background:linear-gradient(135deg,#fbf8f2 0%,#f5efe6 55%,#fbfaf7 100%)!important;
  color:var(--ae-text)!important;
}
body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;}
.app{background:transparent!important;}

/* Sidebar */
.side{
  width:276px!important;
  padding:18px 14px 22px!important;
  background:linear-gradient(180deg,#fffdf9 0%,#faf5ec 62%,#f5eddf 100%)!important;
  border-right:1px solid #e2d5c4!important;
  box-shadow:10px 0 30px rgba(78,55,24,.06)!important;
  overflow-y:auto!important;
  color:var(--ae-text)!important;
}
.main{
  margin-left:276px!important;
  width:calc(100% - 276px)!important;
  padding:24px 28px 46px!important;
}
.premium-side-brand{
  text-align:center!important;
  padding:2px 8px 18px!important;
  margin:0 0 10px!important;
  border-bottom:1px solid #e6dccf!important;
}
.brand-emblem{
  width:68px;height:68px;margin:0 auto 5px;display:grid;place-items:center;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fffaf0 0,#f4e7ce 65%,#ead7b7 100%);
  box-shadow:inset 0 0 0 1px #e8d4b3,0 8px 20px rgba(143,96,28,.08);
}
.brand-emblem svg{width:49px;height:49px;fill:none;stroke:#b87a24;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.premium-side-brand .logo{
  margin:4px 0 0!important;
  color:#49321e!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
  font-weight:600!important;
}
.brand-monogram{
  margin-top:2px;
  color:#a5691d!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:38px!important;
  line-height:.95!important;
  letter-spacing:3px!important;
  text-shadow:none!important;
}
.premium-side-brand .sub{
  margin:7px 0 0!important;
  color:#7d674b!important;
  font-size:9px!important;
  line-height:1.35!important;
  letter-spacing:1.9px!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.brand-rule{margin:10px 14px 6px!important;}
.brand-rule:before,.brand-rule:after{background:linear-gradient(90deg,transparent,#d2b276)!important;}
.brand-rule:after{background:linear-gradient(90deg,#d2b276,transparent)!important;}
.brand-rule span{background:#b67b27!important;width:4px!important;height:4px!important;}
.premium-side-brand .side-brand-note{
  color:#9b8b77!important;font-size:8px!important;letter-spacing:1.6px!important;text-transform:uppercase!important;
}
.luxury-nav{padding:0!important;}
.luxury-nav .nav-group{
  margin:19px 10px 7px!important;
  color:#a27432!important;
  font-size:9px!important;
  letter-spacing:1.8px!important;
  font-weight:800!important;
}
.luxury-nav button{
  grid-template-columns:42px minmax(0,1fr) 12px!important;
  min-height:54px!important;
  margin:3px 0!important;
  padding:6px 9px 6px 7px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#322b24!important;
  background:transparent!important;
  box-shadow:none!important;
}
.luxury-nav button:hover{
  transform:translateX(1px)!important;
  background:#fffaf2!important;
  border-color:#eadbc4!important;
  color:#2c251f!important;
  box-shadow:0 5px 14px rgba(87,60,22,.055)!important;
}
.luxury-nav button.active{
  background:linear-gradient(90deg,#f7ead5 0%,#fbf5eb 100%)!important;
  border-color:#ead7b7!important;
  box-shadow:inset 3px 0 0 #bf7e25,0 7px 18px rgba(131,87,23,.07)!important;
}
.luxury-nav button.active:before{display:none!important;}
.nav-icon{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  color:#765733;
  background:linear-gradient(145deg,#fffdf8,#f1e6d4);
  border:1px solid #e5d4bc;
  box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(107,75,33,.07);
}
.luxury-nav button.active .nav-icon{
  color:#a66512;
  background:linear-gradient(145deg,#fff8e9,#edd5a9);
  border-color:#d9b873;
  box-shadow:inset 0 1px 0 #fff7e6,0 5px 12px rgba(142,91,20,.12);
}
.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
.navcopy b{color:#322b24!important;font-size:13px!important;font-weight:720!important;}
.navcopy small{color:#91877b!important;font-size:9px!important;}
.luxury-nav button>i{color:#a57b42!important;font-size:19px!important;}
.side-profile{display:none!important;}

/* Main dashboard */
.premium-dashboard-page{max-width:1580px!important;margin:0 auto!important;}
.dashboard-topbar{margin-bottom:19px!important;}
.dashboard-greeting h1{
  color:#2b251f!important;font-family:Georgia,"Times New Roman",serif!important;font-size:30px!important;font-weight:500!important;
}
.dashboard-greeting h1 span{color:#bb7a22!important;}
.dashboard-greeting p{color:#81776c!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:12px!important;}
.global-search{
  background:#fffdf9!important;border-color:#e3d7c8!important;box-shadow:0 5px 16px rgba(81,59,30,.045)!important;
}
.round-tool{background:#fffdf9!important;border-color:#e5d8c8!important;color:#725a3c!important;box-shadow:0 5px 15px rgba(81,59,30,.06)!important;}
.round-tool.dark{background:linear-gradient(180deg,#c68c38,#aa6b18)!important;border-color:#a56512!important;color:white!important;}
.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 252px!important;gap:18px!important;}
.premium-kpis{gap:13px!important;margin-bottom:15px!important;}
.premium-kpis .stat{
  min-height:112px!important;padding:19px 17px!important;
  background:linear-gradient(145deg,#fffefb,#fbf6ee)!important;
  border-color:#e7ddd0!important;border-radius:15px!important;
  box-shadow:var(--ae-shadow-soft)!important;
}
.premium-kpis .stat:after{background:#c68a33!important;width:2px!important;}
.premium-kpis .stat:nth-child(1):after{background:#b47b2c!important;}
.premium-kpis .stat:nth-child(2):after{background:#668e76!important;}
.premium-kpis .stat:nth-child(3):after{background:#d2a049!important;}
.premium-kpis .stat:nth-child(4):after{background:#b95e59!important;}
.premium-kpis small{color:#756d64!important;}
.premium-kpis b{color:#211d18!important;font-size:28px!important;}
.kpi3d{
  background:linear-gradient(145deg,#fffaf0,#f0dfc0)!important;
  border-color:#dfc69d!important;color:#a46b1b!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(132,84,18,.08)!important;
}

/* Operations strip becomes light atelier surface */
.premium-ops-strip{
  grid-template-columns:145px 190px 180px minmax(300px,1fr)!important;
  min-height:96px!important;
  color:var(--ae-text)!important;
  background:linear-gradient(110deg,#fffdf9 0%,#faf4ea 100%)!important;
  border:1px solid #e4d6c5!important;
  box-shadow:var(--ae-shadow)!important;
}
.premium-ops-strip .today-main-info strong{color:#29231e!important;}
.premium-ops-strip .today-date{color:#8d8378!important;}
.premium-ops-strip .today-main-info>span{color:#756d65!important;}
.premium-ops-strip .cash-strip-btn{
  background:linear-gradient(180deg,#c68c38,#aa6b18)!important;
  border-color:#a66512!important;color:white!important;
  box-shadow:0 6px 14px rgba(166,101,18,.15)!important;
}
.op3d{color:#fff3da!important;}
.premium-ops-strip .strip-bal{background:#f2f7f1!important;border-color:#d6e5d8!important;}
.premium-ops-strip .strip-bal.acc{background:#f0f4fa!important;border-color:#d7e0ee!important;}
.premium-ops-strip .strip-bal-label{color:#50785f!important;}
.premium-ops-strip .strip-bal.acc .strip-bal-label{color:#56739a!important;}
.premium-ops-strip .strip-bal b{color:#2d352d!important;}
.premium-ops-strip .mini-pill{
  background:#fffdf9!important;border-color:#e4dcd0!important;color:#4a443e!important;
  box-shadow:0 3px 10px rgba(73,54,30,.04)!important;
}
.premium-ops-strip .mini-pill.work i{background:#dca326!important;}

/* Workbench + cards */
.orders-workbench,.rail-card,.card{
  background:rgba(255,253,249,.96)!important;
  border-color:#e8ded2!important;
  box-shadow:var(--ae-shadow-soft)!important;
}
.orders-workbench{padding:12px!important;}
.orders-search .new-order-inline,.btn.primary{
  background:linear-gradient(180deg,#c78d39,#aa6b18)!important;
  border-color:#a86816!important;color:#fff!important;
  box-shadow:0 6px 14px rgba(164,100,17,.14)!important;
}
.order-search-wrap,.orders-search select,.input,select,textarea{
  background:#fffefb!important;border-color:#e3d8ca!important;color:#302a24!important;
}
.filter-tool{background:#fffaf1!important;border-color:#e2cfb1!important;color:#93651f!important;}
.orders-workbench .tablewrap{border-color:#ece3d8!important;background:#fff!important;}
.orders-workbench th{background:#faf6ef!important;color:#61584e!important;}
.orders-workbench td{border-color:#eee7de!important;color:#37312b!important;}
.orders-workbench tr:hover td{background:#fffbf5!important;}
.rail-title{color:#3b342e!important;}
.rail-highlight{background:#fffefb!important;border-color:#eee4d8!important;}
.rail-row,.quick-actions button,.pickup-row{border-color:#eee6dd!important;}
.quick-actions button:hover{background:#fff9ef!important;}
.rail-signature{color:#a66e20!important;}

/* Generic headings and controls */
.top h1,.brand-head h1,.luxury-system-page .top h1{color:#2c261f!important;}
.page-eyebrow{color:#a5712b!important;}
.btn{border-color:#e1d5c6!important;background:#fffdf9!important;color:#4a3b2c!important;}
.btn:hover{background:#fbf3e8!important;}

/* Welcome/login gate matches new brand */
#welcomeGate{background:linear-gradient(135deg,#fbf7f0,#f2e8da)!important;}
#welcomeGate .wg-card{background:#fffdf9!important;border-color:#e4d5c1!important;box-shadow:0 18px 55px rgba(75,52,22,.12)!important;}
#welcomeGate .wg-brand{color:#5a3a1d!important;font-family:Georgia,"Times New Roman",serif!important;}
#welcomeGate .wg-brand-sub{color:#967447!important;}

/* Mobile */
.mobile-topbar{background:rgba(255,252,247,.96)!important;border-bottom:1px solid #e6dacb!important;backdrop-filter:blur(14px);}
.mobile-brand{color:#4d351f!important;font-family:Georgia,"Times New Roman",serif!important;}
.mobile-menu-btn{color:#7c5728!important;}
@media(max-width:1180px){
  .orders-dashboard-grid{grid-template-columns:1fr!important;}
  .dashboard-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .rail-signature{display:none!important;}
  .premium-ops-strip{grid-template-columns:145px 190px 180px minmax(280px,1fr)!important;overflow-x:auto!important;}
}
@media(max-width:900px){
  .side{width:276px!important;transform:translateX(-102%);transition:transform .22s ease!important;z-index:1001!important;}
  .side.open,.side.mobile-open{transform:translateX(0)!important;}
  .main{margin-left:0!important;width:100%!important;padding:78px 16px 32px!important;}
  .dashboard-topbar{align-items:flex-start!important;flex-direction:column!important;}
  .dashboard-tools{width:100%!important;}
  .global-search{width:100%!important;}
  .premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .premium-ops-strip{grid-template-columns:1fr 1fr!important;overflow:visible!important;}
  .premium-ops-strip .today-metrics{grid-column:1/-1;justify-content:flex-start!important;flex-wrap:wrap!important;}
  .dashboard-rail{grid-template-columns:1fr!important;}
  .orders-search{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
  .main{padding-left:10px!important;padding-right:10px!important;}
  .premium-kpis{grid-template-columns:1fr!important;}
  .premium-ops-strip{grid-template-columns:1fr!important;}
  .premium-ops-strip .today-metrics{grid-column:auto!important;}
  .dashboard-greeting h1{font-size:24px!important;}
}
@media(max-width:900px){body.mobile-nav-open .side{transform:translateX(0)!important;}}
.round-tool svg,.kpi3d svg,.qa-icon svg,.op3d svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.round-tool svg{width:20px;height:20px;vertical-align:middle;}
.kpi3d svg{width:24px;height:24px;}
.qa-icon svg{width:17px;height:17px;}
.op3d{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;}
.op3d svg{width:19px;height:19px;}

/* ======================================================================
   ATELIER ELEVEN XI — REFERENCE MOCKUP MATCH 2026-08-30
   Desktop composition aligned to supplied visual reference.
   ====================================================================== */
:root{
  --ref-side:242px;
  --ref-rail:230px;
  --ref-gap:18px;
  --ref-bg:#fbfaf7;
  --ref-paper:#fffefb;
  --ref-line:#ece4d9;
  --ref-gold:#c88b22;
  --ref-gold-deep:#a96d13;
  --ref-brown:#5e3b17;
  --ref-text:#171512;
  --ref-muted:#736e67;
}
body{background:linear-gradient(135deg,#fbfaf7 0%,#faf7f1 58%,#fffdf9 100%)!important;color:var(--ref-text)!important;}
.side{
  width:var(--ref-side)!important;min-width:var(--ref-side)!important;max-width:var(--ref-side)!important;
  padding:12px 16px 0!important;background:linear-gradient(180deg,#fffefb 0%,#faf6ef 74%,#f5ebda 100%)!important;
  border-right:1px solid #eadfce!important;box-shadow:none!important;overflow-y:auto!important;overflow-x:hidden!important;
}
.main{margin-left:var(--ref-side)!important;width:calc(100% - var(--ref-side))!important;padding:26px 28px 18px!important;overflow:visible!important;}
.premium-dashboard-page{max-width:1300px!important;margin:0!important;width:100%!important;}
.premium-side-brand{padding:0 4px 14px!important;margin-bottom:8px!important;}
.brand-emblem{width:74px!important;height:70px!important;margin:0 auto 2px!important;color:#b77a20!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.brand-emblem svg{width:74px!important;height:70px!important;stroke:#b77a20!important;stroke-width:1.25!important;}
.premium-side-brand .logo{font-family:Georgia,"Times New Roman",serif!important;font-size:23px!important;line-height:.97!important;letter-spacing:3px!important;color:#4b2c14!important;margin:0!important;text-transform:uppercase!important;}
.brand-monogram{font-family:Georgia,"Times New Roman",serif!important;font-size:48px!important;line-height:.98!important;color:#a86d18!important;letter-spacing:-3px!important;text-shadow:none!important;margin:0!important;}
.premium-side-brand .sub{font-size:8px!important;letter-spacing:1.55px!important;color:#785634!important;font-weight:700!important;margin-top:4px!important;}
.brand-rule{margin:8px 18px 5px!important;}
.brand-rule:before,.brand-rule:after{background:#d6b171!important;}
.premium-side-brand .side-brand-note{font-size:7px!important;letter-spacing:1.45px!important;color:#a7957f!important;}
.luxury-nav{padding:0 0 205px!important;}
.luxury-nav button{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;min-height:37px!important;
  margin:1px 0!important;padding:4px 10px!important;border-radius:11px!important;border:1px solid transparent!important;background:transparent!important;color:#2d241c!important;
}
.luxury-nav button>i,.navcopy small{display:none!important;}
.luxury-nav button:hover{transform:none!important;background:#fff9ef!important;border-color:#efe1cb!important;box-shadow:none!important;}
.luxury-nav button.active{background:linear-gradient(90deg,#fff7ea 0%,#f7efe3 100%)!important;border-color:#efe1cb!important;box-shadow:inset 3px 0 0 #c48622!important;color:#a2610d!important;}
.nav-icon{width:28px!important;height:28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#75502b!important;}
.luxury-nav button.active .nav-icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#c27d18!important;}
.nav-icon svg{width:21px!important;height:21px!important;stroke-width:1.65!important;}
.navcopy b{font-size:13px!important;font-weight:520!important;color:#2e271f!important;}
.luxury-nav button.active .navcopy b{color:#a76612!important;font-weight:650!important;}
.side-profile-reference{position:absolute;left:17px;right:17px;bottom:162px;height:56px;border:1px solid #eadfce;border-radius:11px;background:rgba(255,254,251,.9);display:grid;grid-template-columns:38px 1fr 14px;align-items:center;gap:8px;padding:8px 10px;z-index:2;}
.profile-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f7ead7;color:#8a5a22;font-family:Georgia,serif;font-size:15px;}
.side-profile-reference b{display:block;font-size:11px;color:#2f2923}.side-profile-reference small{display:block;font-size:8px;color:#81796f;margin-top:2px}.side-profile-reference>span{color:#704d27;font-size:18px}.side-decor{position:absolute;left:0;right:0;bottom:0;height:153px;overflow:hidden;pointer-events:none}.side-decor img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;mix-blend-mode:multiply;opacity:.94}
.dashboard-topbar{display:grid!important;grid-template-columns:minmax(380px,1fr) auto!important;gap:20px!important;margin:0 0 22px!important;align-items:center!important;}
.dashboard-greeting h1{font-family:Georgia,"Times New Roman",serif!important;font-size:31px!important;line-height:1.05!important;font-weight:400!important;letter-spacing:-.8px!important;color:#1d1813!important;}
.dashboard-greeting h1 span{font-family:"Segoe UI Emoji",sans-serif!important;font-size:22px!important;}
.dashboard-greeting p{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:12px!important;color:#67645f!important;margin-top:6px!important;}
.dashboard-tools{gap:12px!important;}
.global-search{width:374px!important;height:50px!important;border-radius:11px!important;background:#fffefc!important;border:1px solid #ece2d7!important;box-shadow:0 5px 16px rgba(98,67,25,.06)!important;padding:0 13px!important;}
.global-search kbd{background:#fffaf2!important;border:1px solid #eee3d3!important;color:#725431!important;font-size:9px!important;padding:5px 7px!important;}
.round-tool{width:48px!important;height:48px!important;border-radius:11px!important;background:#fffefc!important;border:1px solid #ece2d7!important;color:#7b5224!important;box-shadow:0 5px 14px rgba(98,67,25,.06)!important;}
.round-tool.dark.new-order-top{width:154px!important;height:50px!important;border-radius:10px!important;background:linear-gradient(180deg,#d59a35,#b77716)!important;color:#fff!important;border:1px solid #b77716!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;box-shadow:0 7px 17px rgba(166,102,19,.2)!important;}
.new-order-top .top-plus{font-size:24px;font-weight:300}.new-order-top b{font-size:12px;white-space:nowrap}
.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) var(--ref-rail)!important;gap:var(--ref-gap)!important;}
.premium-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;margin-bottom:22px!important;}
#orders .premium-kpis .stat{min-height:130px!important;padding:19px 72px 17px 18px!important;border-radius:13px!important;border:1px solid #ece4d9!important;background:linear-gradient(145deg,#fffefc,#fcf9f4)!important;box-shadow:0 7px 18px rgba(80,57,27,.055)!important;}
#orders .premium-kpis .stat:after,#orders .premium-kpis .stat:before{display:none!important;}
#orders .premium-kpis .stat small{font-size:9px!important;letter-spacing:.45px!important;color:#4c4843!important;font-weight:600!important;}
#orders .premium-kpis .stat b{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:27px!important;font-weight:700!important;margin-top:16px!important;}
.kpi-trend{margin-top:11px!important;font-size:9px!important;line-height:1.25!important;}
.kpi-img{position:absolute!important;right:13px!important;top:26px!important;width:66px!important;height:76px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;display:block!important;}
.kpi-img img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;}
.premium-ops-strip{position:relative!important;grid-template-columns:290px repeat(2,104px) minmax(330px,1fr)!important;min-height:128px!important;padding:18px!important;margin-bottom:20px!important;border-radius:13px!important;background:linear-gradient(120deg,#fffefc,#fbf8f1)!important;border:1px solid #ece4d9!important;box-shadow:0 7px 18px rgba(80,57,27,.055)!important;color:#171512!important;gap:12px!important;}
.premium-ops-strip .today-main-info{align-self:stretch!important;position:relative!important;padding-right:118px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
.premium-ops-strip .today-main-info strong{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;color:#28231e!important;}
.premium-ops-strip .today-main-info .today-date{display:none!important;}
.premium-ops-strip .today-main-info>span{font-size:11px!important;color:#3f3933!important;margin-top:8px!important;}
.cash-register-art{position:absolute;right:-4px;bottom:-10px;width:132px;height:107px;object-fit:contain;mix-blend-mode:multiply;}
.premium-ops-strip .cash-strip-control{position:absolute!important;left:18px!important;bottom:18px!important;width:118px!important;}
.premium-ops-strip .cash-strip-btn{height:42px!important;border-radius:8px!important;background:linear-gradient(180deg,#d69b36,#b97818)!important;color:#fff!important;border:1px solid #b97818!important;font-size:11px!important;box-shadow:0 5px 12px rgba(167,102,17,.15)!important;}
.premium-ops-strip .op3d{display:none!important;}
.premium-ops-strip .strip-balances{display:contents!important;}
.premium-ops-strip .strip-bal{min-height:78px!important;border-radius:8px!important;padding:13px 9px!important;background:#f4f8f2!important;border:1px solid #dce8d8!important;text-align:left!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.premium-ops-strip .strip-bal.acc{background:#f2f6fb!important;border-color:#dbe4f0!important;}
.premium-ops-strip .strip-bal-label{font-size:11px!important;letter-spacing:0!important;text-transform:none!important;color:#3d7d4b!important;}
.premium-ops-strip .strip-bal.acc .strip-bal-label{color:#2d5b9a!important;}
.premium-ops-strip .strip-bal b{font-size:17px!important;color:#1c1a17!important;margin-top:9px!important;}
.premium-ops-strip .today-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(70px,1fr))!important;gap:9px!important;justify-content:stretch!important;overflow:visible!important;}
.premium-ops-strip .mini-pill{height:78px!important;border-radius:8px!important;background:#fffefc!important;border:1px solid #ebe4da!important;display:grid!important;grid-template-columns:14px 1fr!important;grid-template-rows:1fr 1fr!important;align-items:center!important;justify-items:center!important;padding:12px 7px!important;color:#30302c!important;font-size:9px!important;box-shadow:0 3px 8px rgba(80,57,27,.025)!important;}
.premium-ops-strip .mini-pill i{width:13px!important;height:13px!important;grid-row:1!important;background:#f3a600!important;}.premium-ops-strip .mini-pill.ready i{background:#69a45d!important}.premium-ops-strip .mini-pill.issued i{background:#4f77aa!important}.premium-ops-strip .mini-pill.late i{background:#e03d3a!important}
.premium-ops-strip .mini-pill b{grid-column:1/-1!important;font-size:17px!important;color:#191715!important;}
.orders-workbench{padding:0!important;border-radius:13px!important;border:1px solid #ece4d9!important;background:#fffefc!important;box-shadow:0 7px 18px rgba(80,57,27,.045)!important;overflow:hidden!important;}
#orders .orders-search{grid-template-columns:auto minmax(220px,1fr) 165px 44px!important;padding:15px 18px 12px!important;gap:12px!important;border-bottom:1px solid #eee7dd!important;align-items:center!important;}
.orders-search:before{content:"Заказы";font-size:16px;font-weight:700;align-self:center;margin-right:2px;}
.orders-search .new-order-inline{height:40px!important;border-radius:8px!important;padding:0 16px!important;font-size:11px!important;}
.order-search-wrap{height:40px!important;border-radius:8px!important;}
.orders-search select{height:40px!important;border-radius:8px!important;font-size:11px!important;}
.filter-tool{height:40px!important;width:44px!important;border-radius:8px!important;}
.orders-workbench .tablewrap{border:0!important;border-radius:0!important;overflow:auto!important;}
.orders-workbench table{font-size:10px!important;min-width:760px!important;}
.orders-workbench th{height:36px!important;background:#fcf9f4!important;color:#4e4942!important;font-size:8px!important;padding:8px 10px!important;}
.orders-workbench td{padding:10px!important;border-color:#eee8df!important;vertical-align:top!important;}
.dashboard-rail{width:var(--ref-rail)!important;max-width:var(--ref-rail)!important;gap:18px!important;}
.rail-card{border-radius:13px!important;border:1px solid #ece4d9!important;background:#fffefc!important;box-shadow:0 7px 18px rgba(80,57,27,.045)!important;overflow:hidden!important;}
.rail-title{padding:14px 17px!important;font-size:12px!important;}
.rail-highlight{padding:15px 17px!important;background:#fffefc!important;border-top:1px solid #eee8df!important;border-bottom:0!important;}
.rail-highlight small{font-size:9px!important}.rail-highlight strong{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:19px!important;font-weight:700!important;margin:8px 0!important}.rail-highlight>span{font-size:8px!important}.sparkline{height:34px!important;margin-left:102px!important;margin-top:-27px!important;}
.rail-row{padding:12px 17px!important;font-size:9px!important;}
.quick-actions button{grid-template-columns:32px 1fr 8px!important;padding:10px 13px!important;}.quick-actions button>i{display:block!important;font-size:18px!important}.quick-actions button b{font-size:10px!important}.quick-actions button small{font-size:8px!important}.qa-icon{width:28px!important;height:28px!important;border-radius:7px!important;}
.pickup-row{padding:10px 13px!important;}.pickup-row b{font-size:9px!important}.pickup-row small,.pickup-row>span{font-size:7px!important}.rail-signature{display:none!important;}
@media(max-width:1260px) and (min-width:901px){
  :root{--ref-side:220px;--ref-rail:210px;--ref-gap:14px}
  .main{padding:22px 18px 18px!important}.dashboard-topbar{grid-template-columns:minmax(330px,1fr) auto!important}.global-search{width:320px!important}.round-tool.dark.new-order-top{width:132px!important}
  #orders .premium-kpis .stat{padding-right:58px!important;min-height:118px!important}.kpi-img{width:55px!important;height:64px!important}
  .premium-ops-strip{grid-template-columns:240px repeat(2,94px) minmax(285px,1fr)!important}.premium-ops-strip .today-main-info{padding-right:90px!important}.cash-register-art{width:108px!important;height:90px!important}
  #orders .orders-search{grid-template-columns:auto minmax(170px,1fr) 140px 42px!important;padding-inline:14px!important}
}
@media(max-width:900px){
  .side{width:276px!important;max-width:276px!important;transform:translateX(-102%);}.side.open,.side.mobile-open{transform:translateX(0)!important}
  .main{margin-left:0!important;width:100%!important;padding:76px 14px 24px!important}.premium-dashboard-page{max-width:none!important}.side-profile-reference{bottom:150px}.side-decor{height:145px}
  .dashboard-topbar{display:block!important}.dashboard-tools{margin-top:14px!important}.global-search{width:100%!important}.new-order-top{display:none!important}
  .orders-dashboard-grid{grid-template-columns:1fr!important}.dashboard-rail{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:1fr!important}.premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-ops-strip{grid-template-columns:1fr 1fr!important}.premium-ops-strip .today-main-info{grid-column:1/-1!important;min-height:95px}.premium-ops-strip .cash-strip-control{position:static!important;width:auto!important}.premium-ops-strip .strip-balances{display:grid!important;grid-template-columns:1fr 1fr!important}.premium-ops-strip .today-metrics{grid-column:1/-1!important}.cash-register-art{right:10px!important}
  #orders .orders-search{grid-template-columns:1fr!important}.orders-search:before{display:none!important}
}

/* =============================================================
   FINAL REFERENCE LAYOUT — 30.08.2026
   Desktop proportions matched to the approved Atelier Eleven XI mockup.
   This block intentionally overrides legacy layout rules without touching CRM logic.
   ============================================================= */
:root{
  --final-side:240px;
  --final-rail:216px;
  --final-gap:16px;
  --final-page-pad-x:24px;
}
html,body{overflow-x:hidden!important}
.app{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
.side{width:var(--final-side)!important;min-width:var(--final-side)!important;max-width:var(--final-side)!important}
.main{
  margin-left:var(--final-side)!important;
  width:calc(100vw - var(--final-side))!important;
  min-width:0!important;
  padding:24px var(--final-page-pad-x) 20px!important;
  overflow-x:hidden!important;
}
.premium-dashboard-page{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
.dashboard-topbar{
  width:100%!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(310px,1fr) auto!important;
  gap:16px!important;
  margin-bottom:20px!important;
}
.dashboard-greeting{min-width:0!important}
.dashboard-greeting h1{font-size:30px!important;white-space:nowrap!important}
.dashboard-tools{min-width:0!important;gap:10px!important}
.global-search{width:300px!important;min-width:210px!important;height:48px!important}
.round-tool{width:46px!important;height:46px!important;flex:0 0 46px!important}
.round-tool.dark.new-order-top{width:142px!important;height:48px!important;flex:0 0 142px!important}
.orders-dashboard-grid{
  width:100%!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--final-rail)!important;
  gap:var(--final-gap)!important;
  align-items:start!important;
}
.dashboard-center{width:100%!important;min-width:0!important;overflow:hidden!important}
.dashboard-rail{width:var(--final-rail)!important;max-width:var(--final-rail)!important;min-width:0!important;gap:16px!important}
.premium-kpis{width:100%!important;min-width:0!important;gap:12px!important;margin-bottom:18px!important}
#orders .premium-kpis .stat{min-width:0!important;min-height:128px!important;padding:18px 58px 16px 16px!important}
#orders .premium-kpis .stat b{font-size:26px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#orders .premium-kpis .stat small{display:block!important;line-height:1.2!important;min-height:22px!important}
.kpi-img{width:54px!important;height:66px!important;right:8px!important;top:31px!important}
.premium-ops-strip{
  width:100%!important;min-width:0!important;
  grid-template-columns:minmax(185px,1.35fr) 92px 92px minmax(250px,1.65fr)!important;
  gap:9px!important;
  min-height:126px!important;
  padding:16px!important;
  overflow:hidden!important;
}
.premium-ops-strip .today-main-info{min-width:0!important;padding-right:100px!important}
.cash-register-art{width:105px!important;height:90px!important;right:-2px!important;bottom:-5px!important}
.premium-ops-strip .cash-strip-control{left:16px!important;bottom:16px!important;width:116px!important}
.premium-ops-strip .strip-bal{min-width:0!important;padding:10px 8px!important}
.premium-ops-strip .strip-bal b{font-size:16px!important;white-space:nowrap!important}
.premium-ops-strip .today-metrics{min-width:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.premium-ops-strip .mini-pill{min-width:0!important;padding:9px 4px!important;font-size:8px!important;overflow:hidden!important}
.premium-ops-strip .mini-pill b{font-size:16px!important}
.orders-workbench{width:100%!important;min-width:0!important;overflow:hidden!important}
#orders .orders-search{
  width:100%!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:64px 126px minmax(150px,1fr) 132px 42px!important;
  gap:10px!important;
  padding:14px 16px 12px!important;
  align-items:center!important;
}
.orders-search:before{grid-column:1!important;margin:0!important;font-size:16px!important;white-space:nowrap!important}
.orders-search .new-order-inline{grid-column:2!important;width:126px!important;min-width:0!important;padding:0 10px!important}
.order-search-wrap{grid-column:3!important;min-width:0!important;width:100%!important}
#orders .orders-search select{grid-column:4!important;width:100%!important;min-width:0!important}
.filter-tool{grid-column:5!important}
.orders-workbench .tablewrap{width:100%!important;min-width:0!important;overflow:auto!important;max-height:calc(100vh - 510px)!important}
.orders-workbench table{width:100%!important;min-width:720px!important;table-layout:auto!important}
.orders-workbench th,.orders-workbench td{padding-left:8px!important;padding-right:8px!important}
.rail-card{width:100%!important;min-width:0!important}
.rail-title{padding:13px 14px!important}
.rail-highlight{padding:14px!important}
.rail-row{padding:11px 14px!important}
.quick-actions button{padding:9px 11px!important}
.sparkline{margin-left:86px!important}
.side-profile-reference{left:16px!important;right:16px!important}

/* Match approved sidebar rhythm at common 1366×768 office screens. */
@media (min-width:1181px) and (max-width:1450px){
  :root{--final-side:240px;--final-rail:216px;--final-gap:16px;--final-page-pad-x:24px}
  .premium-side-brand{transform:scale(.94);transform-origin:top center;margin-bottom:-5px!important}
  .luxury-nav{padding-bottom:200px!important}
  .luxury-nav button{min-height:36px!important}
  .dashboard-greeting h1{font-size:29px!important}
  .global-search{width:285px!important}
  .round-tool.dark.new-order-top{width:138px!important;flex-basis:138px!important}
  #orders .premium-kpis .stat{min-height:126px!important;padding-right:54px!important}
  #orders .premium-kpis .stat b{font-size:25px!important}
  .kpi-img{width:50px!important;height:62px!important}
  .premium-ops-strip{grid-template-columns:minmax(170px,1.25fr) 88px 88px minmax(226px,1.55fr)!important}
  .premium-ops-strip .today-main-info{padding-right:86px!important}
  .cash-register-art{width:94px!important;height:82px!important}
  .premium-ops-strip .today-metrics{gap:6px!important}
  .premium-ops-strip .mini-pill{font-size:7.5px!important}
}

/* Keep the same visual structure on smaller laptops instead of crushing the right rail. */
@media (min-width:901px) and (max-width:1180px){
  :root{--final-side:220px;--final-rail:205px;--final-gap:12px;--final-page-pad-x:16px}
  .dashboard-topbar{grid-template-columns:1fr!important}
  .dashboard-tools{justify-content:flex-start!important}
  .global-search{width:min(360px,45vw)!important}
  .premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-ops-strip{grid-template-columns:minmax(180px,1fr) 90px 90px!important}
  .premium-ops-strip .today-metrics{grid-column:1/-1!important}
  #orders .orders-search{grid-template-columns:60px 120px minmax(130px,1fr) 120px 40px!important}
}

@media(max-width:900px){
  .main{margin-left:0!important;width:100%!important;padding:76px 14px 24px!important;overflow:visible!important}
  .dashboard-greeting h1{white-space:normal!important}
  .orders-dashboard-grid{grid-template-columns:1fr!important}
  .dashboard-rail{width:100%!important;max-width:none!important}
  #orders .orders-search{grid-template-columns:1fr!important}
  .orders-search:before{display:none!important}
  .orders-search .new-order-inline,.order-search-wrap,#orders .orders-search select,.filter-tool{grid-column:auto!important;width:100%!important}
  .premium-ops-strip{grid-template-columns:1fr 1fr!important;overflow:visible!important}
}

/* =============================================================
   APPROVED MOCKUP EXACTNESS PATCH — 30.08.2026
   Keeps CRM logic intact; corrects dashboard/sidebar proportions.
   ============================================================= */
:root{--mock-side:240px;--mock-rail:240px;--mock-gap:18px;--mock-gold:#c98718;--mock-line:#eadfce;--mock-bg:#fbf8f2}
html,body{background:#fbf8f2!important}
.side{
  width:var(--mock-side)!important;min-width:var(--mock-side)!important;max-width:var(--mock-side)!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fbf6ec 100%)!important;
  border-right:1px solid #e8dece!important;box-shadow:none!important;
  padding:14px 14px 0!important;color:#2d2114!important;
  scrollbar-width:none!important;
}
.side::-webkit-scrollbar{width:0!important;height:0!important}
.premium-side-brand{padding:0 8px 12px!important;margin:0!important;transform:none!important}
.brand-emblem{width:72px!important;height:60px!important;margin:0 auto 2px!important;color:#c8841b!important}
.premium-side-brand .logo{font-family:Georgia,serif!important;color:#352313!important;font-size:25px!important;line-height:.95!important;letter-spacing:3px!important;margin:0!important}
.brand-monogram{font-family:Georgia,serif!important;color:#b97818!important;font-size:49px!important;line-height:.95!important;letter-spacing:0!important;text-shadow:none!important}
.premium-side-brand .sub{font-size:9px!important;letter-spacing:2px!important;color:#6f4d26!important;margin-top:5px!important}
.brand-rule{margin:9px 16px 6px!important}.brand-rule:before,.brand-rule:after{background:#d8ad66!important}.brand-rule span{background:#c98718!important}
.premium-side-brand .side-brand-note{font-size:8px!important;letter-spacing:1.5px!important;color:#9c8b76!important}
.luxury-nav{padding:7px 3px 18px!important;display:block!important}
.luxury-nav .nav-group{margin:16px 10px 7px!important;font-size:10px!important;letter-spacing:1.7px!important;color:#aa6d15!important;font-weight:800!important}
.luxury-nav button{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;min-height:38px!important;
  padding:6px 9px!important;margin:2px 0!important;border-radius:11px!important;border:1px solid transparent!important;
  background:transparent!important;color:#302417!important;box-shadow:none!important;
}
.luxury-nav button.active,.luxury-nav button:hover{background:linear-gradient(90deg,#fff9ef,#f7eddd)!important;border-color:#ead5b5!important;color:#9a5f0d!important;box-shadow:none!important}
.luxury-nav button.active:before{left:-1px!important;top:6px!important;bottom:6px!important;width:3px!important;background:#c98616!important;box-shadow:none!important}
.nav-icon{width:27px!important;height:27px!important;border:0!important;background:transparent!important;color:#865719!important;box-shadow:none!important}
.nav-icon svg{width:20px!important;height:20px!important;stroke:currentColor!important}
.navcopy{gap:0!important}.navcopy b{font-size:14px!important;color:inherit!important;font-weight:500!important}.navcopy small{display:none!important}.luxury-nav button>i{display:none!important}
.side-profile-reference{border:1px solid #eadfce!important;background:rgba(255,255,255,.75)!important;box-shadow:none!important;color:#302417!important}
.side-profile-reference b{color:#302417!important}.side-profile-reference small{color:#8e7c67!important}
.profile-avatar{background:#f6ead8!important;color:#8b5a16!important}
.side-decor{background:#f6eadc!important}.side-decor img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center bottom!important}
.main{margin-left:var(--mock-side)!important;width:calc(100vw - var(--mock-side))!important;padding:24px 24px 18px!important;background:#fffdf9!important;overflow-x:hidden!important}
.premium-dashboard-page{max-width:none!important;width:100%!important}
.dashboard-topbar{grid-template-columns:minmax(360px,1fr) auto!important;gap:18px!important;margin-bottom:22px!important}
.dashboard-greeting h1{font-family:Georgia,serif!important;font-size:31px!important;font-weight:400!important;color:#1f1710!important;line-height:1.08!important}
.dashboard-greeting p{font-family:Arial,sans-serif!important;color:#655c52!important;font-size:13px!important;margin-top:6px!important}
.global-search{width:390px!important;height:50px!important;background:#fff!important;border-color:#eadfce!important;border-radius:12px!important;box-shadow:0 7px 20px rgba(94,67,29,.08)!important}
.round-tool{border-radius:12px!important;width:50px!important;height:50px!important;background:#fff!important;border-color:#eadfce!important;box-shadow:0 7px 20px rgba(94,67,29,.07)!important;color:#77501b!important}
.round-tool.dark.new-order-top{width:154px!important;height:50px!important;background:linear-gradient(180deg,#d69b31,#bf7d12)!important;border:0!important;color:#fff!important;box-shadow:0 8px 18px rgba(170,104,8,.24)!important;border-radius:11px!important}
.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) var(--mock-rail)!important;gap:var(--mock-gap)!important}
.dashboard-rail{width:var(--mock-rail)!important;max-width:var(--mock-rail)!important;gap:18px!important}
.premium-kpis{gap:18px!important;margin-bottom:22px!important}
#orders .premium-kpis .stat{min-height:130px!important;padding:19px 72px 18px 18px!important;border-radius:13px!important;border:1px solid #eadfce!important;background:#fff!important;box-shadow:0 7px 22px rgba(91,67,36,.06)!important}
#orders .premium-kpis .stat:after{display:none!important}
#orders .premium-kpis .stat small{font-size:10px!important;letter-spacing:.5px!important;color:#4f463d!important;min-height:auto!important}
#orders .premium-kpis .stat b{font-family:Arial,sans-serif!important;font-size:28px!important;font-weight:700!important;margin-top:12px!important}
.kpi-trend{font-size:9px!important;margin-top:12px!important}
.kpi-img{right:12px!important;top:31px!important;width:62px!important;height:72px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.kpi-img img{object-fit:contain!important;filter:drop-shadow(0 5px 4px rgba(134,87,21,.18))!important}
/* Cash and operations: approved white mockup */
.premium-ops-strip{
  position:relative!important;display:grid!important;
  grid-template-columns:minmax(275px,1.55fr) repeat(2,minmax(92px,.62fr)) repeat(4,minmax(74px,.56fr))!important;
  gap:10px!important;align-items:stretch!important;
  min-height:128px!important;margin-bottom:18px!important;padding:18px 14px 18px 18px!important;
  color:#201a14!important;background:#fff!important;border:1px solid #eadfce!important;border-radius:13px!important;
  box-shadow:0 7px 22px rgba(91,67,36,.06)!important;overflow:hidden!important;
}
.premium-ops-strip .today-main-info{grid-column:1!important;position:relative!important;min-width:0!important;padding:2px 120px 0 0!important;color:#201a14!important}
.premium-ops-strip .today-main-info strong{display:block!important;font-family:Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;color:#211b15!important}
.premium-ops-strip .today-main-info>span{display:block!important;margin-top:12px!important;color:#39312a!important;font-size:12px!important}
.premium-ops-strip .today-date{display:none!important}
.cash-register-art{display:block!important;position:absolute!important;right:6px!important;bottom:-16px!important;width:118px!important;height:104px!important;object-fit:contain!important;opacity:.92!important}
.premium-ops-strip .cash-strip-control{position:absolute!important;left:18px!important;bottom:17px!important;width:120px!important;height:40px!important;z-index:2!important}
.premium-ops-strip .cash-strip-btn{height:40px!important;border-radius:8px!important;background:linear-gradient(180deg,#d59a31,#bf7b10)!important;border:0!important;color:#fff!important;box-shadow:0 7px 14px rgba(166,101,7,.2)!important;font-size:11px!important}
.premium-ops-strip .strip-balances,.premium-ops-strip .today-metrics{display:contents!important}
.premium-ops-strip .strip-bal,.premium-ops-strip .mini-pill{
  min-width:0!important;height:auto!important;min-height:78px!important;align-self:center!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  padding:10px 6px!important;border:1px solid #e8dfd2!important;border-radius:9px!important;background:#fff!important;box-shadow:0 5px 12px rgba(74,54,26,.05)!important;text-align:center!important;color:#211b15!important;overflow:hidden!important;
}
.premium-ops-strip .strip-bal.cash{background:#f8fbf6!important}.premium-ops-strip .strip-bal.acc{background:#f5f8fc!important;border-color:#dfe6ef!important}
.premium-ops-strip .strip-bal-label{font-size:11px!important;text-transform:none!important;letter-spacing:0!important;color:#287a37!important}.premium-ops-strip .strip-bal.acc .strip-bal-label{color:#2b5ca5!important}
.premium-ops-strip .strip-bal b{font-size:17px!important;color:#211b15!important}
.premium-ops-strip .mini-pill{font-size:9px!important;white-space:normal!important;line-height:1.15!important}
.premium-ops-strip .mini-pill i{width:14px!important;height:14px!important;flex:0 0 14px!important}
.premium-ops-strip .mini-pill b{font-size:18px!important;line-height:1!important;color:#16130f!important}
.orders-workbench{padding:0!important;border-radius:13px!important;background:#fff!important;border:1px solid #eadfce!important;box-shadow:0 7px 22px rgba(91,67,36,.06)!important}
#orders .orders-search{grid-template-columns:70px 128px minmax(210px,1fr) 165px 44px!important;gap:12px!important;padding:14px 18px!important;margin:0!important;border-bottom:1px solid #eee5d9!important}
.orders-search:before{font-size:17px!important;font-weight:700!important}
.orders-search .new-order-inline{height:42px!important;background:linear-gradient(180deg,#d59a31,#bf7b10)!important;color:#fff!important;border:0!important;box-shadow:0 6px 14px rgba(166,101,7,.18)!important}
.order-search-wrap,#orders .orders-search select{height:42px!important;background:#fff!important;border-color:#eadfce!important}
.filter-tool{height:42px!important;background:#fff!important;border-color:#e3d5c1!important}
.orders-workbench .tablewrap{border:0!important;border-radius:0!important;max-height:none!important}
.orders-workbench table{min-width:760px!important;font-size:11px!important}
.orders-workbench th{background:#fbf7f0!important;color:#4b4239!important;font-size:9px!important;padding:11px 9px!important}
.orders-workbench td{padding:11px 9px!important}
.rail-card{background:#fff!important;border:1px solid #eadfce!important;border-radius:13px!important;box-shadow:0 7px 22px rgba(91,67,36,.06)!important}
.rail-title{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;padding:15px 16px!important}
.rail-highlight{border:0!important;border-top:1px solid #eee5da!important;border-radius:0!important;margin:0!important;padding:15px 16px!important}
.sparkline{margin-left:95px!important}.quick-actions button{padding:12px 13px!important}.quick-actions button b{font-size:11px!important}.pickups .pickup-row{padding:12px 13px!important}
/* Short desktop screens: do not let the profile/decor cover the navigation. */
@media (min-width:901px) and (max-height:850px){
  .side{overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:0!important}
  .side-profile-reference{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin:10px 3px 8px!important;width:auto!important}
  .side-decor{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:calc(100% + 28px)!important;height:150px!important;margin-left:-14px!important;margin-top:0!important}
  .luxury-nav{padding-bottom:0!important}
}
@media (min-width:901px) and (max-width:1450px){
  :root{--mock-side:240px;--mock-rail:220px;--mock-gap:14px}
  .main{padding-left:22px!important;padding-right:22px!important}
  .dashboard-greeting h1{font-size:30px!important}
  .global-search{width:330px!important}
  .premium-kpis{gap:12px!important}
  #orders .premium-kpis .stat{padding-right:58px!important}
  .kpi-img{width:52px!important;height:62px!important}
  .premium-ops-strip{grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(82px,.62fr)) repeat(4,minmax(66px,.54fr))!important;gap:8px!important}
  #orders .orders-search{grid-template-columns:66px 120px minmax(160px,1fr) 150px 42px!important;gap:9px!important}
}

/* =============================================================
   HARD DESKTOP MOCKUP LOCK — fixes the 1366px layout shown by user
   30.08.2026 14:31
   ============================================================= */
@media (min-width: 901px) {
  html, body { min-width: 1180px !important; background:#fffdf9 !important; }
  body { overflow-x:auto !important; }
  .app { min-width:1180px !important; }

  .side {
    position:fixed !important;
    inset:0 auto 0 0 !important;
    width:240px !important;
    min-width:240px !important;
    max-width:240px !important;
    height:100vh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    padding:14px 14px 0 !important;
    background:linear-gradient(180deg,#fffdf9 0%,#fbf6ec 100%) !important;
    border-right:1px solid #e8dece !important;
  }
  .premium-side-brand { flex:0 0 auto !important; }
  .luxury-nav {
    flex:0 0 auto !important;
    display:block !important;
    position:static !important;
    padding:7px 3px 10px !important;
    margin:0 !important;
  }
  .luxury-nav button { width:100% !important; position:relative !important; }
  .side-profile-reference {
    position:static !important;
    inset:auto !important;
    flex:0 0 auto !important;
    width:auto !important;
    margin:8px 3px 8px !important;
  }
  .side-decor {
    position:static !important;
    inset:auto !important;
    flex:0 0 185px !important;
    width:calc(100% + 28px) !important;
    height:185px !important;
    min-height:185px !important;
    margin:0 0 0 -14px !important;
    overflow:hidden !important;
  }
  .side-decor img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center bottom !important; }

  .main {
    margin-left:240px !important;
    width:calc(100% - 240px) !important;
    min-width:940px !important;
    padding:24px 22px 18px !important;
    overflow:visible !important;
    background:#fffdf9 !important;
  }
  #orders.premium-dashboard-page { width:100% !important; max-width:none !important; overflow:visible !important; }

  .dashboard-topbar {
    display:grid !important;
    grid-template-columns:minmax(390px,1fr) auto !important;
    align-items:center !important;
    gap:18px !important;
    width:100% !important;
  }
  .dashboard-greeting h1 { white-space:nowrap !important; font-size:30px !important; }
  .dashboard-tools { display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:10px !important; min-width:0 !important; }
  .global-search { width:330px !important; min-width:250px !important; flex:0 1 330px !important; }

  .orders-dashboard-grid {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 220px !important;
    gap:14px !important;
    align-items:start !important;
    width:100% !important;
    min-width:0 !important;
  }
  .dashboard-center { min-width:0 !important; width:100% !important; overflow:visible !important; }
  .dashboard-rail {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
    gap:16px !important;
    overflow:visible !important;
  }
  .dashboard-rail > * { width:100% !important; min-width:0 !important; max-width:100% !important; grid-column:auto !important; grid-row:auto !important; }
  .rail-card { display:block !important; width:100% !important; overflow:hidden !important; }
  .quick-actions { display:block !important; }
  .quick-actions button { width:100% !important; display:grid !important; grid-template-columns:34px minmax(0,1fr) 12px !important; }
  .pickups { display:block !important; }

  .premium-kpis {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
  }
  #orders .premium-kpis .stat { min-width:0 !important; height:128px !important; min-height:128px !important; }

  .premium-ops-strip {
    display:grid !important;
    grid-template-columns:minmax(235px,1.45fr) 92px 92px minmax(280px,1.75fr) !important;
    grid-template-rows:1fr !important;
    gap:9px !important;
    align-items:stretch !important;
    width:100% !important;
    min-height:128px !important;
    padding:16px !important;
    margin:0 0 18px !important;
    background:#ffffff !important;
    background-image:none !important;
    color:#211b15 !important;
    border:1px solid #eadfce !important;
    box-shadow:0 7px 22px rgba(91,67,36,.06) !important;
    overflow:hidden !important;
  }
  .premium-ops-strip::before,.premium-ops-strip::after { display:none !important; content:none !important; }
  .premium-ops-strip .today-main-info { grid-column:1 !important; grid-row:1 !important; color:#211b15 !important; padding:2px 104px 0 0 !important; }
  .premium-ops-strip .today-main-info strong { color:#211b15 !important; font-size:16px !important; }
  .premium-ops-strip .today-main-info > span { color:#39312a !important; }
  .premium-ops-strip .strip-balances { display:contents !important; }
  .premium-ops-strip .strip-balances .strip-bal:nth-child(1) { grid-column:2 !important; grid-row:1 !important; }
  .premium-ops-strip .strip-balances .strip-bal:nth-child(2) { grid-column:3 !important; grid-row:1 !important; }
  .premium-ops-strip .today-metrics {
    grid-column:4 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:7px !important;
    min-width:0 !important;
  }
  .premium-ops-strip .strip-bal,.premium-ops-strip .mini-pill {
    min-width:0 !important;
    min-height:78px !important;
    height:auto !important;
    align-self:center !important;
    background:#fff !important;
    color:#211b15 !important;
    border:1px solid #e8dfd2 !important;
  }
  .premium-ops-strip .strip-bal.cash { background:#f8fbf6 !important; }
  .premium-ops-strip .strip-bal.acc { background:#f5f8fc !important; }
  .premium-ops-strip .cash-strip-control { position:absolute !important; left:18px !important; bottom:16px !important; width:120px !important; }
  .cash-register-art { width:104px !important; height:90px !important; right:2px !important; bottom:-10px !important; }

  .orders-workbench { width:100% !important; min-width:0 !important; overflow:hidden !important; }
  #orders .orders-search {
    display:grid !important;
    grid-template-columns:70px 128px minmax(190px,1fr) 155px 44px !important;
    gap:10px !important;
    align-items:center !important;
    width:100% !important;
  }
  .orders-workbench .tablewrap { width:100% !important; overflow-x:auto !important; max-height:none !important; }
  .orders-workbench table { width:100% !important; min-width:760px !important; table-layout:auto !important; }
}

/* Never switch the approved desktop composition into squeezed tablet columns. */
@media (min-width:901px) and (max-width:1180px) {
  .dashboard-topbar { grid-template-columns:minmax(390px,1fr) auto !important; }
  .premium-kpis { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  .premium-ops-strip { grid-template-columns:minmax(235px,1.45fr) 92px 92px minmax(280px,1.75fr) !important; }
  .premium-ops-strip .today-metrics { grid-column:4 !important; }
  #orders .orders-search { grid-template-columns:70px 128px minmax(190px,1fr) 155px 44px !important; }
}

/* Reference pagination and CRM footer */
.orders-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-top:1px solid #eee5da;background:#fff;color:#71685e;font-size:10px}
.orders-pagination nav{display:flex;align-items:center;gap:7px}.orders-pagination button{width:34px;height:32px;border:1px solid #eadfce;border-radius:7px;background:#fff;color:#302417;cursor:pointer;font-weight:700}.orders-pagination button:hover{border-color:#d6b57d;background:#fffaf2}.orders-pagination button.active{border-color:#c98718;background:linear-gradient(180deg,#dda334,#b9750d);color:#fff;box-shadow:0 4px 10px rgba(185,117,13,.18)}.orders-pagination nav span{padding:0 4px;color:#887b6c}
.crm-dashboard-footer{display:flex;justify-content:space-between;gap:20px;padding:12px 0 0;color:#777067;font-size:10px}
@media(max-width:700px){.orders-pagination{align-items:flex-start;flex-direction:column}.crm-dashboard-footer{flex-direction:column;gap:4px}}

/* =============================================================
   PREMIUM REFERENCE MATCH — visual QA pass 30.08.2026
   Light ivory / champagne-gold desktop composition.
   ============================================================= */
:root{
  --ref-bg:#fbfaf7;
  --ref-surface:#fffefd;
  --ref-surface-soft:#fcfaf6;
  --ref-border:#eee8df;
  --ref-border-strong:#e7ded1;
  --ref-text:#211c17;
  --ref-muted:#837a70;
  --ref-faint:#a79d91;
  --ref-gold:#c98216;
  --ref-gold-2:#dda031;
  --ref-green:#36884a;
  --ref-blue:#2f69ad;
  --ref-orange:#ee9417;
  --ref-red:#df382f;
  --ref-shadow:0 5px 18px rgba(83,58,25,.055);
}
body{background:var(--ref-bg)!important;color:var(--ref-text)!important}
@media(min-width:901px){
  .side{width:240px!important;min-width:240px!important;max-width:240px!important;padding:16px 17px 0!important;background:linear-gradient(180deg,#fffefb 0%,#fbf8f2 74%,#f7efe4 100%)!important;border-right:1px solid #ebe4da!important;box-shadow:none!important}
  .main{margin-left:240px!important;width:calc(100% - 240px)!important;padding:23px 24px 14px!important;background:var(--ref-bg)!important}
  .premium-dashboard-page{max-width:1280px!important}
  .orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 238px!important;gap:18px!important}
  .dashboard-rail{width:238px!important;min-width:238px!important;max-width:238px!important;gap:16px!important}
}
/* brand / sidebar */
.premium-side-brand{padding:2px 10px 16px!important;margin:0 0 6px!important}
.brand-emblem{width:72px!important;height:58px!important;margin:0 auto 1px!important;color:#c5841e!important}
.brand-emblem svg{width:72px!important;height:58px!important;stroke:#c5841e!important;stroke-width:1.15!important}
.premium-side-brand .logo{font-family:Georgia,'Times New Roman',serif!important;font-size:24px!important;line-height:.98!important;letter-spacing:3.2px!important;font-weight:500!important;color:#302219!important;margin:2px 0 2px!important}
.brand-monogram{font-family:Georgia,'Times New Roman',serif!important;font-size:48px!important;line-height:.98!important;font-weight:400!important;letter-spacing:-2px!important;color:#b86d0a!important;text-shadow:none!important;margin:0!important}
.premium-side-brand .sub{font-size:8.5px!important;letter-spacing:2.2px!important;color:#725033!important;font-weight:700!important;margin-top:6px!important}
.brand-rule{margin:9px 12px 7px!important}.brand-rule:before,.brand-rule:after{background:linear-gradient(90deg,transparent,#d7a35a)!important}.brand-rule:after{background:linear-gradient(90deg,#d7a35a,transparent)!important}.brand-rule span{width:3px!important;height:3px!important;background:#cc8a25!important}
.premium-side-brand .side-brand-note{font-size:7.5px!important;letter-spacing:1.55px!important;color:#a39484!important}
.luxury-nav{padding:0 0 214px!important}
.luxury-nav .nav-group{margin:12px 9px 5px!important;font-size:9px!important;letter-spacing:1.7px!important;color:#aa6a0a!important;font-weight:700!important}
.luxury-nav button{grid-template-columns:28px minmax(0,1fr) 8px!important;gap:5px!important;min-height:37px!important;margin:1px 0!important;padding:5px 8px 5px 9px!important;border:1px solid transparent!important;border-radius:10px!important;color:#5f5952!important;box-shadow:none!important}
.luxury-nav button:hover{background:#fbf6ed!important;border-color:#f0e4d4!important;color:#40372e!important;transform:none!important}
.luxury-nav button.active{background:linear-gradient(90deg,#fbf2e4,#f9f5ee)!important;border-color:#efe2d1!important;color:#a45f08!important;box-shadow:none!important}
.luxury-nav button.active:before{left:-1px!important;top:5px!important;bottom:5px!important;width:3px!important;background:#d38c19!important;box-shadow:none!important;border-radius:0 4px 4px 0!important}
.nav-icon{width:21px!important;height:21px!important;color:#925d24!important}.nav-icon svg{width:20px!important;height:20px!important;stroke-width:1.45!important}
.luxury-nav button:not(.active) .nav-icon{color:#9e805f!important}.navcopy{gap:0!important}.navcopy b{font-size:12.5px!important;font-weight:500!important;color:inherit!important}.navcopy small{font-size:8.5px!important;line-height:1.1!important;color:#9a9188!important;margin-top:1px!important}
.side-profile-reference{left:17px!important;right:17px!important;bottom:147px!important;height:53px!important;border-color:#eee4d8!important;border-radius:10px!important;background:rgba(255,254,251,.94)!important;padding:7px 9px!important;box-shadow:0 3px 12px rgba(88,59,23,.035)!important}
.profile-avatar{background:#faf0df!important;color:#795326!important;border-color:#f0e0c9!important;font-family:Georgia,serif!important;font-weight:400!important}.side-profile-reference b{font-size:10.5px!important;font-weight:600!important}.side-profile-reference small{font-size:7.5px!important;color:#948b81!important}.side-decor{height:142px!important;background:linear-gradient(180deg,#faf6ef,#f2e3d2)!important}.side-decor img{object-fit:cover!important;object-position:center bottom!important;mix-blend-mode:multiply!important;opacity:.98!important;filter:saturate(.82) contrast(.95) brightness(1.04)!important}
@media(min-width:901px) and (max-height:850px){.side-profile-reference{position:absolute!important;bottom:140px!important;margin:0!important}.side-decor{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:137px!important;margin:0!important}.luxury-nav{padding-bottom:205px!important}}
/* header */
.dashboard-topbar{margin-bottom:18px!important;gap:22px!important}.dashboard-greeting h1{font-family:Georgia,'Times New Roman',serif!important;font-size:28px!important;line-height:1.04!important;font-weight:400!important;letter-spacing:-.5px!important;color:#1f1a16!important}.dashboard-greeting h1 span{font-size:18px!important}.dashboard-greeting p{font-family:Inter,'Segoe UI',Arial,sans-serif!important;margin-top:5px!important;font-size:11px!important;line-height:1.25!important;color:#756e66!important}
.dashboard-tools{gap:10px!important}.global-search{height:43px!important;width:368px!important;border:1px solid #ece5db!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 12px rgba(89,64,31,.045)!important;padding:0 12px!important}.global-search>span{font-size:18px!important;color:#654b35!important}.global-search input{font-size:11px!important;color:#4b443d!important}.global-search kbd{font-size:9px!important;padding:4px 6px!important;background:#fffaf4!important;border:1px solid #eee5d9!important;color:#725d48!important}
.round-tool{width:43px!important;height:43px!important;border-radius:10px!important;border:1px solid #eee6dc!important;background:#fff!important;color:#75502c!important;box-shadow:0 3px 12px rgba(89,64,31,.045)!important}.round-tool svg{width:18px!important;height:18px!important}.round-tool.dark.new-order-top{width:162px!important;height:48px!important;border-radius:10px!important;background:linear-gradient(180deg,#dda02e 0%,#c37b10 100%)!important;box-shadow:0 7px 16px rgba(177,107,10,.18)!important;font-weight:600!important}.new-order-top .top-plus{font-size:21px!important}.new-order-top b{font-size:11.5px!important}
/* KPI */
#orders .premium-kpis{gap:14px!important;margin-bottom:16px!important}
#orders .premium-kpis .stat{height:132px!important;min-height:132px!important;padding:18px 74px 17px 18px!important;border:1px solid var(--ref-border)!important;border-radius:12px!important;background:linear-gradient(145deg,#fff 0%,#fffdfa 100%)!important;box-shadow:var(--ref-shadow)!important}
#orders .premium-kpis .stat small{font-size:8.5px!important;letter-spacing:.45px!important;font-weight:600!important;color:#5c5248!important}
#orders .premium-kpis .stat b{font-family:Georgia,'Times New Roman',serif!important;font-size:28px!important;font-weight:600!important;letter-spacing:-.45px!important;color:#1e1915!important;margin-top:10px!important}
#orders .premium-kpis .kpi-trend{margin-top:12px!important;font-size:8.5px!important;font-weight:600!important}.kpi-trend.positive{color:#2e8242!important}.kpi-trend.danger{color:#d52b22!important}
#orders .premium-kpis .kpi3d{display:flex!important;width:66px!important;height:78px!important;right:7px!important;top:33px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.kpi3d img{width:100%!important;height:100%!important;object-fit:contain!important;filter:saturate(.9) contrast(.97) drop-shadow(0 5px 5px rgba(113,69,13,.13))!important}
/* light cash + operations */
.premium-ops-strip{grid-template-columns:minmax(270px,1.55fr) 112px 112px minmax(335px,2fr)!important;min-height:127px!important;padding:18px!important;border:1px solid var(--ref-border)!important;border-radius:12px!important;background:#fff!important;color:var(--ref-text)!important;box-shadow:var(--ref-shadow)!important;gap:12px!important;margin-bottom:18px!important}
.premium-ops-strip .today-main-info{padding:1px 116px 0 0!important}.premium-ops-strip .today-main-info strong{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;color:#2b241e!important}.premium-ops-strip .today-main-info>span{font-size:10px!important;color:#50483f!important;margin-top:9px!important}.cash-register-art{width:125px!important;height:100px!important;right:-3px!important;bottom:-11px!important;mix-blend-mode:multiply!important;filter:saturate(.8) contrast(.97) brightness(1.04) drop-shadow(0 5px 4px rgba(102,64,17,.08))!important}.premium-ops-strip .cash-strip-control{left:18px!important;bottom:16px!important;width:118px!important}.premium-ops-strip .cash-strip-btn{height:36px!important;border-radius:7px!important;background:linear-gradient(180deg,#dca02f,#c47d12)!important;border:0!important;color:#fff!important;font-size:10px!important;font-weight:600!important;box-shadow:0 5px 12px rgba(174,104,7,.15)!important}
.premium-ops-strip .strip-bal{min-height:80px!important;padding:12px 9px!important;border-radius:8px!important;border:1px solid #e9e5de!important;background:#fbfdf9!important;box-shadow:0 3px 10px rgba(77,55,28,.03)!important;text-align:center!important}.premium-ops-strip .strip-bal.acc{background:#f8fbff!important;border-color:#e2e8f0!important}.premium-ops-strip .strip-bal-label{font-size:10px!important;font-weight:600!important;color:#25783b!important}.premium-ops-strip .strip-bal.acc .strip-bal-label{color:#2f65ae!important}.premium-ops-strip .strip-bal b{font-family:Georgia,serif!important;font-size:16px!important;font-weight:600!important;margin-top:10px!important;color:#1f1a16!important}
.premium-ops-strip .today-metrics{gap:8px!important}.premium-ops-strip .mini-pill{min-height:80px!important;padding:10px 5px!important;border-radius:8px!important;border:1px solid #ebe6df!important;background:#fff!important;box-shadow:0 3px 10px rgba(77,55,28,.025)!important;color:#302a24!important;font-size:8px!important;font-weight:500!important}.premium-ops-strip .mini-pill i{width:13px!important;height:13px!important}.premium-ops-strip .mini-pill b{font-family:Georgia,serif!important;font-size:17px!important;font-weight:600!important;color:#1d1814!important}
/* orders card and table */
.orders-workbench{border:1px solid var(--ref-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--ref-shadow)!important;overflow:hidden!important}
#orders .orders-search{grid-template-columns:70px 132px minmax(260px,1fr) 160px 44px!important;gap:11px!important;padding:15px 16px!important;border-bottom:1px solid #f0eae2!important;min-height:70px!important}.orders-search:before{font-size:15px!important;font-weight:700!important;color:#28221c!important}.orders-search .new-order-inline{height:42px!important;border-radius:8px!important;background:linear-gradient(180deg,#dda02d,#c47c10)!important;box-shadow:0 5px 12px rgba(175,104,7,.14)!important;font-size:10px!important}.order-search-wrap,#orders .orders-search select,.filter-tool{height:42px!important;border-radius:8px!important;border-color:#ece4da!important;background:#fff!important;box-shadow:none!important}.order-search-wrap input,#orders .orders-search select{font-size:10.5px!important}.filter-tool{color:#9b641d!important}
.orders-workbench .tablewrap{border:0!important;max-height:none!important}.orders-workbench table{width:100%!important;min-width:790px!important;border-collapse:separate!important;border-spacing:0!important;font-size:10px!important;table-layout:fixed!important}.orders-workbench th{height:39px!important;padding:10px 9px!important;background:#fcfaf6!important;color:#5d5146!important;font-size:8px!important;font-weight:700!important;letter-spacing:.15px!important;border-right:1px solid #f1ece5!important;border-bottom:1px solid #eee8df!important}.orders-workbench th:last-child{border-right:0!important}.orders-workbench td{min-height:78px!important;padding:14px 9px!important;vertical-align:top!important;color:#39322c!important;border-right:1px solid #f2ede6!important;border-bottom:1px solid #eee9e2!important;line-height:1.45!important;background:#fff!important}.orders-workbench td:last-child{border-right:0!important}.orders-workbench tbody tr:last-child td{border-bottom:0!important}.orders-workbench tr:hover td{background:#fffdf9!important}.orders-workbench td>b,.order-number{font-size:10.5px!important;font-weight:700!important;color:#28211b!important}.orders-workbench td small,.order-date,.order-time{display:block!important;font-size:8px!important;color:#8c8379!important;margin-top:3px!important}.catitem{margin-bottom:5px!important}.catitem span{display:block!important;font-size:8px!important;color:#8d8378!important;text-transform:none!important}.catitem b{font-size:10px!important;color:#40372f!important}.service-row{font-size:9px!important;color:#5d554d!important;margin-bottom:4px!important}.deadline{font-size:8px!important;margin-top:5px!important}.badge{font-size:8px!important;line-height:1!important;padding:6px 8px!important;border-radius:7px!important;font-weight:600!important}.menu-btn{font-size:17px!important;color:#8d642f!important;line-height:1!important}.payment-summary .money-cell{font-size:10px!important;color:#2b241e!important}.payment-summary>small{font-size:8px!important;color:#867d73!important}.paid-ok{margin-top:6px!important;display:flex!important;align-items:center!important;gap:5px!important}.paid-check{width:17px!important;height:17px!important;font-size:10px!important}.paid-ok small{font-size:8px!important;color:#318040!important}.payment-state{margin-top:6px!important;display:flex!important;align-items:center!important;gap:4px!important}.payment-state.partial{color:#e7890e!important}.payment-state small{font-size:8px!important;color:inherit!important}.payment-clock{font-size:13px!important}
.orders-workbench th:nth-child(1){width:11%}.orders-workbench th:nth-child(2){width:18%}.orders-workbench th:nth-child(3){width:24%}.orders-workbench th:nth-child(4){width:15%}.orders-workbench th:nth-child(5){width:12%}.orders-workbench th:nth-child(6){width:12%}.orders-workbench th:nth-child(7){width:9%}.orders-workbench th:nth-child(8){width:6%}
.orders-pagination{padding:12px 15px!important;border-top:1px solid #eee9e2!important;font-size:9px!important;color:#827970!important}.orders-pagination button{width:31px!important;height:30px!important;border-radius:7px!important;font-size:10px!important;border-color:#eee5da!important}.orders-pagination button.active{background:linear-gradient(180deg,#dda12f,#bf780d)!important;border:0!important;box-shadow:0 4px 10px rgba(184,111,8,.14)!important}
/* right rail */
.rail-card{border:1px solid var(--ref-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--ref-shadow)!important}.rail-title{padding:15px 16px!important;font-size:11px!important;color:#2b251f!important}.rail-highlight{padding:14px 16px 15px!important;border-top:1px solid #f0eae2!important}.rail-highlight small{font-size:8.5px!important;color:#756e66!important}.rail-highlight strong{font-family:Georgia,serif!important;font-size:21px!important;font-weight:600!important;color:#221c17!important;margin:7px 0!important}.rail-highlight>span{font-size:8px!important}.sparkline{height:38px!important;margin:5px 0 0 105px!important;gap:3px!important}.sparkline i{border-top-width:1.4px!important}.rail-row{padding:12px 15px!important;font-size:9px!important;border-top:1px solid #f0eae2!important}.rail-row b{font-size:9px!important}.quick-actions button{min-height:56px!important;grid-template-columns:34px minmax(0,1fr) 12px!important;gap:9px!important;padding:10px 13px!important;border-top:1px solid #f0eae2!important}.qa-icon{width:29px!important;height:29px!important;border-radius:7px!important}.qa-icon svg{width:17px!important;height:17px!important;stroke-width:1.55!important}.quick-actions button b{font-size:10px!important;font-weight:600!important}.quick-actions button small{font-size:7.5px!important;color:#9a9188!important}.quick-actions button>i:after{content:'›';font-size:18px;color:#7f7468}.pickup-row{min-height:57px!important;padding:11px 13px!important;gap:8px!important;border-top:1px solid #f0eae2!important}.pickup-row>i{width:8px!important;height:8px!important}.pickup-row b{font-size:9px!important;font-weight:600!important}.pickup-row small{font-size:7px!important;color:#9b9288!important}.pickup-row>span{font-size:7px!important;color:#777067!important}.rail-signature{display:none!important}
.crm-dashboard-footer{padding:11px 1px 0!important;color:#8f877d!important;font-size:8.5px!important}
@media(min-width:901px) and (max-width:1450px){
  .dashboard-greeting h1{font-size:27px!important}.global-search{width:330px!important}.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 220px!important;gap:14px!important}.dashboard-rail{width:220px!important;min-width:220px!important;max-width:220px!important}.premium-ops-strip{grid-template-columns:minmax(230px,1.45fr) 96px 96px minmax(280px,1.8fr)!important;gap:8px!important}.premium-ops-strip .today-main-info{padding-right:95px!important}.cash-register-art{width:105px!important;height:92px!important}.premium-ops-strip .mini-pill{font-size:7.5px!important}.premium-ops-strip .mini-pill b{font-size:16px!important}#orders .orders-search{grid-template-columns:65px 120px minmax(190px,1fr) 150px 42px!important;gap:9px!important}.orders-workbench table{font-size:9px!important}.orders-workbench td{padding:12px 7px!important}.orders-workbench th{padding:9px 7px!important}}

/* =============================================================
   PIXEL QA REFINEMENT — reference-first desktop layout
   UI-only overrides. No CRM logic/API changes.
   ============================================================= */
:root{
  --qa-side:240px;
  --qa-rail:240px;
  --qa-gap:20px;
  --qa-pad:24px;
  --qa-bg:#fbfaf7;
  --qa-surface:#fffefc;
  --qa-border:#eee7dd;
  --qa-text:#211c17;
  --qa-muted:#7c756d;
  --qa-accent:#cd8819;
  --qa-shadow:0 5px 18px rgba(83,58,28,.055);
}
html,body,.app{background:var(--qa-bg)!important;color:var(--qa-text)!important}
.side{
  width:var(--qa-side)!important;min-width:var(--qa-side)!important;max-width:var(--qa-side)!important;
  padding:16px 16px 0!important;background:linear-gradient(180deg,#fffefb 0%,#fbf8f1 100%)!important;
  border-right:1px solid #eee8de!important;overflow:hidden!important;
}
.premium-side-brand{padding:0 10px 10px!important;margin:0 0 5px!important;transform:none!important}
.brand-emblem{height:50px!important;margin:0 auto 3px!important}
.brand-emblem svg{width:52px!important;height:52px!important;stroke:#c27d16!important;stroke-width:1.15!important}
.premium-side-brand .logo{font-size:23px!important;line-height:.98!important;letter-spacing:3.1px!important;font-weight:500!important;color:#38281c!important}
.brand-monogram{font-size:44px!important;line-height:.95!important;color:#b96f0b!important;margin:1px 0 3px!important;font-weight:400!important}
.premium-side-brand .sub{font-size:8px!important;letter-spacing:1.7px!important;color:#674f36!important;margin:5px 0 6px!important;font-weight:600!important}
.brand-rule{margin:5px auto 7px!important;opacity:.72!important}.premium-side-brand .side-brand-note{font-size:7px!important;letter-spacing:1.45px!important;color:#a59b90!important}
.luxury-nav{padding:3px 2px 202px!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:none!important}.luxury-nav::-webkit-scrollbar{display:none!important}
.luxury-nav button{min-height:36px!important;padding:7px 10px!important;margin:1px 0!important;border-radius:10px!important;gap:10px!important;color:#6e675f!important;border:1px solid transparent!important}
.luxury-nav button .nav-icon{width:19px!important;height:19px!important}.luxury-nav button .nav-icon svg{width:19px!important;height:19px!important;stroke-width:1.45!important}
.navcopy b{font-size:13px!important;font-weight:500!important}.luxury-nav .nav-group{margin:13px 9px 6px!important;font-size:9px!important;letter-spacing:1.55px!important;color:#a96c16!important}
.luxury-nav button.active{background:#fbf4e9!important;border-color:#efe0ca!important;color:#a7660f!important;box-shadow:inset 3px 0 0 #d28d1c!important}
.luxury-nav button:hover{background:#fdf8f0!important;border-color:#f1e5d4!important;color:#855b2a!important}
.side-profile-reference{left:16px!important;right:16px!important;bottom:138px!important;min-height:52px!important;padding:8px 9px!important;border-radius:10px!important;background:rgba(255,254,251,.94)!important;border:1px solid #eee3d3!important;box-shadow:0 4px 14px rgba(78,53,25,.045)!important;z-index:5!important}
.side-profile-reference .profile-avatar{width:36px!important;height:36px!important;font-size:14px!important}.side-profile-reference b{font-size:11px!important}.side-profile-reference small{font-size:7.5px!important;margin-top:2px!important}
.side-decor{left:0!important;right:0!important;bottom:0!important;height:150px!important;pointer-events:none!important;z-index:1!important;background:transparent!important;overflow:hidden!important}.side-decor:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,248,241,0) 0%,rgba(251,248,241,.26) 23%,rgba(251,248,241,.02) 100%);z-index:2}.side-decor img{object-fit:cover!important;object-position:center bottom!important;filter:saturate(.78) brightness(1.03) contrast(.96)!important}

.main{margin-left:var(--qa-side)!important;width:calc(100vw - var(--qa-side))!important;padding:23px var(--qa-pad) 16px!important;overflow-x:hidden!important}
.premium-dashboard-page{max-width:none!important;width:100%!important;margin:0!important}
.dashboard-topbar{display:grid!important;grid-template-columns:minmax(380px,1fr) auto!important;gap:22px!important;align-items:center!important;margin:0 0 20px!important;min-height:66px!important}
.dashboard-greeting h1{font-family:Georgia,'Times New Roman',serif!important;font-size:28px!important;line-height:1.08!important;font-weight:400!important;letter-spacing:-.55px!important;color:#17130f!important;white-space:nowrap!important}.dashboard-greeting p{font-size:11px!important;line-height:1.25!important;color:#827a71!important;margin-top:6px!important;font-weight:400!important}
.dashboard-tools{gap:10px!important;align-items:center!important}.global-search{width:385px!important;height:48px!important;border-radius:11px!important;border:1px solid #eee6dc!important;background:#fff!important;box-shadow:0 4px 14px rgba(88,61,29,.045)!important}.global-search input{font-size:11px!important}.global-search kbd{font-size:9px!important;color:#7c6b59!important;border-color:#eee2d3!important;background:#fffaf4!important}
.round-tool{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:11px!important;border:1px solid #eee6dc!important;background:#fff!important;box-shadow:0 4px 14px rgba(88,61,29,.045)!important}.round-tool svg{width:19px!important;height:19px!important;stroke:#7f551f!important}.round-tool.dark.new-order-top{width:164px!important;flex:0 0 164px!important;height:48px!important;border-radius:10px!important;background:linear-gradient(180deg,#daa02e,#c47d12)!important;border:0!important;box-shadow:0 7px 16px rgba(178,109,12,.18)!important}.new-order-top b{font-size:12px!important;font-weight:600!important}.top-plus{font-size:19px!important;font-weight:300!important}

.orders-dashboard-grid{display:grid!important;grid-template-columns:minmax(0,1fr) var(--qa-rail)!important;gap:var(--qa-gap)!important;align-items:start!important;width:100%!important}.dashboard-center{min-width:0!important;overflow:visible!important}.dashboard-rail{width:var(--qa-rail)!important;min-width:var(--qa-rail)!important;max-width:var(--qa-rail)!important;gap:18px!important}
#orders .premium-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:20px!important}
#orders .premium-kpis .stat{height:132px!important;min-height:132px!important;padding:18px 72px 16px 17px!important;border:1px solid var(--qa-border)!important;border-radius:12px!important;background:linear-gradient(145deg,#fff 0%,#fffdfa 100%)!important;box-shadow:var(--qa-shadow)!important;overflow:visible!important}
#orders .premium-kpis .stat>div{min-width:0!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:flex-start!important}
#orders .premium-kpis .stat small{font-size:8.5px!important;line-height:1.25!important;letter-spacing:.42px!important;font-weight:600!important;color:#5c534a!important;white-space:normal!important;min-height:21px!important}
#orders .premium-kpis .stat b{font-family:Arial,'Segoe UI',sans-serif!important;font-size:27px!important;line-height:1!important;font-weight:650!important;letter-spacing:-.65px!important;color:#1d1915!important;margin-top:9px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
#orders .premium-kpis .kpi-trend{margin-top:auto!important;padding-top:8px!important;font-size:8px!important;line-height:1.2!important;font-weight:600!important;white-space:nowrap!important}
#orders .premium-kpis .kpi3d{width:62px!important;height:74px!important;right:8px!important;top:31px!important;flex:0 0 62px!important}.kpi3d img{object-fit:contain!important;filter:saturate(.86) contrast(.96) brightness(1.02) drop-shadow(0 5px 5px rgba(113,69,13,.12))!important}

/* Cash and operations: strictly light, reference-like composition */
.premium-ops-strip{position:relative!important;display:grid!important;grid-template-columns:minmax(270px,1.18fr) 206px minmax(300px,1.35fr)!important;gap:12px!important;align-items:stretch!important;min-height:128px!important;padding:18px!important;margin:0 0 20px!important;background:#fffefc!important;color:var(--qa-text)!important;border:1px solid var(--qa-border)!important;border-radius:12px!important;box-shadow:var(--qa-shadow)!important;overflow:hidden!important}
.premium-ops-strip .today-main-info{grid-column:1!important;position:relative!important;min-width:0!important;padding:0 110px 50px 0!important;background:transparent!important}.premium-ops-strip .today-main-info strong{display:block!important;font-family:Arial,'Segoe UI',sans-serif!important;font-size:15px!important;line-height:1.2!important;font-weight:650!important;color:#211b16!important}.premium-ops-strip .today-main-info>span{display:block!important;margin-top:10px!important;font-size:10.5px!important;line-height:1.3!important;color:#514941!important}.cash-register-art{position:absolute!important;width:120px!important;height:98px!important;right:-2px!important;bottom:-12px!important;object-fit:contain!important;mix-blend-mode:multiply!important;filter:saturate(.8) brightness(1.04) contrast(.96) drop-shadow(0 5px 5px rgba(103,65,16,.09))!important}
.premium-ops-strip .cash-strip-control{position:absolute!important;left:18px!important;bottom:17px!important;width:auto!important;height:36px!important;z-index:3!important}.premium-ops-strip .cash-strip-btn{height:36px!important;min-width:118px!important;padding:0 15px!important;border-radius:7px!important;background:linear-gradient(180deg,#dca12f,#c47d12)!important;color:#fff!important;border:0!important;box-shadow:0 5px 12px rgba(175,104,7,.16)!important;font-size:10px!important;font-weight:600!important}.premium-ops-strip .cash-strip-btn .op3d{display:none!important}
.premium-ops-strip .strip-balances{grid-column:2!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;min-width:0!important}.premium-ops-strip .strip-bal{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:0!important;min-height:88px!important;padding:12px 7px!important;border-radius:8px!important;border:1px solid #e9e5de!important;background:#fbfdf9!important;box-shadow:0 3px 10px rgba(77,55,28,.025)!important}.premium-ops-strip .strip-bal.acc{background:#f7faff!important;border-color:#e1e8f1!important}.premium-ops-strip .strip-bal-label{font-size:9px!important;font-weight:600!important;color:#26783b!important;white-space:nowrap!important}.premium-ops-strip .strip-bal.acc .strip-bal-label{color:#2b62ae!important}.premium-ops-strip .strip-bal b{font-family:Arial,'Segoe UI',sans-serif!important;font-size:15px!important;line-height:1.1!important;font-weight:650!important;color:#201b17!important;margin-top:11px!important;white-space:nowrap!important}
.premium-ops-strip .today-metrics{grid-column:3!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;min-width:0!important}.premium-ops-strip .mini-pill{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:88px!important;padding:9px 3px!important;border-radius:8px!important;border:1px solid #ebe6df!important;background:#fff!important;color:#342d27!important;box-shadow:0 3px 10px rgba(77,55,28,.022)!important;font-size:7.5px!important;line-height:1.15!important;text-align:center!important;overflow:visible!important;white-space:normal!important}.premium-ops-strip .mini-pill i{display:block!important;width:13px!important;height:13px!important;margin:0 0 7px!important;flex:0 0 13px!important}.premium-ops-strip .mini-pill b{font-family:Arial,'Segoe UI',sans-serif!important;font-size:16px!important;line-height:1!important;font-weight:650!important;margin-top:7px!important;color:#1c1814!important}

.orders-workbench{border:1px solid var(--qa-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--qa-shadow)!important;overflow:visible!important}.orders-workbench .tablewrap{width:100%!important;max-height:none!important;height:auto!important;overflow-x:auto!important;overflow-y:visible!important;border:0!important;border-radius:0!important;scrollbar-width:thin!important}.orders-workbench .tablewrap::-webkit-scrollbar:vertical{width:0!important;display:none!important}.orders-workbench table{width:100%!important;min-width:760px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
#orders .orders-search{display:grid!important;grid-template-columns:70px 132px minmax(250px,1fr) 154px 44px!important;gap:12px!important;min-height:72px!important;padding:15px 16px!important;align-items:center!important;border-bottom:1px solid #f0eae2!important}.orders-search:before{font-size:15px!important;font-weight:650!important}.orders-search .new-order-inline{height:42px!important;border-radius:8px!important;font-size:10px!important}.order-search-wrap,#orders .orders-search select,.filter-tool{height:42px!important;border-radius:8px!important}.order-search-wrap input,#orders .orders-search select{font-size:10.5px!important}
.orders-workbench th{height:40px!important;padding:10px 9px!important;background:#fcfaf7!important;color:#62584e!important;font-size:8px!important;font-weight:650!important;border-right:1px solid #f3eee8!important;border-bottom:1px solid #eee8df!important}.orders-workbench td{padding:16px 9px!important;min-height:84px!important;vertical-align:top!important;line-height:1.45!important;border-right:1px solid #f4f0ea!important;border-bottom:1px solid #eee9e2!important;background:#fff!important;color:#3c352f!important}.orders-workbench tr:hover td{background:#fffdfa!important}.orders-workbench td>b,.order-number{font-size:10.5px!important;font-weight:650!important;color:#2b241e!important}.orders-workbench td small,.order-date,.order-time{font-size:7.8px!important;color:#958b81!important;margin-top:4px!important}.catitem span{font-size:7.7px!important;color:#958b81!important}.catitem b{font-size:9.8px!important;font-weight:650!important}.service-row{font-size:8.8px!important;color:#625a52!important;line-height:1.45!important}.deadline{font-size:8px!important}.badge{font-size:7.7px!important;padding:5px 7px!important;border-radius:6px!important}.menu-btn{font-size:16px!important;color:#9b6b2e!important}.payment-summary .money-cell{font-size:10px!important;font-weight:600!important;white-space:nowrap!important}.orders-pagination{padding:13px 15px!important}

.rail-card{border:1px solid var(--qa-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--qa-shadow)!important;overflow:hidden!important}.rail-title{padding:16px 16px!important;font-size:11px!important;line-height:1.25!important}.rail-highlight{position:relative!important;padding:16px 16px 18px!important;min-height:114px!important}.rail-highlight small{font-size:8.5px!important;color:#756e66!important}.rail-highlight strong{font-family:Arial,'Segoe UI',sans-serif!important;font-size:22px!important;line-height:1!important;font-weight:650!important;letter-spacing:-.35px!important;margin:9px 0 8px!important;white-space:nowrap!important}.rail-highlight>span{font-size:8px!important}.sparkline{position:absolute!important;right:14px!important;bottom:19px!important;width:68px!important;height:43px!important;margin:0!important}.rail-row{padding:13px 16px!important;font-size:9px!important}.rail-row b{font-size:9px!important;white-space:nowrap!important}.quick-actions button{min-height:63px!important;grid-template-columns:36px minmax(0,1fr) 14px!important;gap:10px!important;padding:11px 14px!important}.qa-icon{width:31px!important;height:31px!important;border-radius:7px!important}.quick-actions button b{font-size:10px!important;font-weight:600!important}.quick-actions button small{font-size:8px!important;line-height:1.3!important;color:#a0988f!important;margin-top:2px!important}.pickup-row{min-height:61px!important;padding:12px 14px!important;gap:9px!important}.pickup-row>i{width:8px!important;height:8px!important}.pickup-row b{font-size:9px!important;font-weight:600!important}.pickup-row small{font-size:7.4px!important;line-height:1.3!important}.pickup-row>span{font-size:7.2px!important;line-height:1.35!important}.crm-dashboard-footer{padding:12px 1px 0!important;font-size:8px!important;color:#9c948c!important}

/* 1366x768: preserve reference proportions and all key values */
@media (min-width:1200px) and (max-width:1420px){
  :root{--qa-side:240px;--qa-rail:232px;--qa-gap:16px;--qa-pad:22px}
  .main{padding-top:20px!important}.dashboard-topbar{grid-template-columns:minmax(350px,1fr) auto!important;gap:16px!important;margin-bottom:17px!important}.dashboard-greeting h1{font-size:27px!important}.global-search{width:330px!important}.round-tool.dark.new-order-top{width:148px!important;flex-basis:148px!important}
  #orders .premium-kpis{gap:12px!important;margin-bottom:17px!important}#orders .premium-kpis .stat{height:126px!important;min-height:126px!important;padding:16px 64px 14px 15px!important}#orders .premium-kpis .stat b{font-size:24px!important;letter-spacing:-.55px!important}#orders .premium-kpis .kpi3d{width:56px!important;height:68px!important;right:6px!important;top:30px!important}#orders .premium-kpis .kpi-trend{font-size:7.5px!important}
  .premium-ops-strip{grid-template-columns:minmax(235px,1.1fr) 180px minmax(270px,1.25fr)!important;gap:9px!important;min-height:122px!important;padding:16px!important}.premium-ops-strip .today-main-info{padding-right:94px!important}.cash-register-art{width:104px!important;height:90px!important}.premium-ops-strip .cash-strip-control{left:16px!important;bottom:15px!important}.premium-ops-strip .strip-balances{gap:7px!important}.premium-ops-strip .today-metrics{gap:6px!important}.premium-ops-strip .strip-bal,.premium-ops-strip .mini-pill{min-height:82px!important}.premium-ops-strip .strip-bal b{font-size:14px!important}.premium-ops-strip .mini-pill{font-size:7px!important}.premium-ops-strip .mini-pill b{font-size:15px!important}
  #orders .orders-search{grid-template-columns:66px 120px minmax(180px,1fr) 142px 42px!important;gap:9px!important;min-height:68px!important;padding:13px 14px!important}.orders-workbench td{padding:14px 7px!important}.orders-workbench th{padding:9px 7px!important}
  .dashboard-rail{gap:15px!important}.rail-title{padding:14px!important}.rail-highlight{padding:14px!important;min-height:108px!important}.quick-actions button{min-height:58px!important;padding:10px 12px!important}.pickup-row{min-height:57px!important;padding:11px 12px!important}
  .side-profile-reference{bottom:132px!important}.side-decor{height:144px!important}.luxury-nav{padding-bottom:190px!important}.luxury-nav button{min-height:34px!important;padding-block:6px!important}.luxury-nav .nav-group{margin-top:11px!important}
}
@media (min-width:1421px){
  :root{--qa-side:242px;--qa-rail:240px;--qa-gap:22px;--qa-pad:28px}
}
@media (max-width:1199px) and (min-width:901px){
  :root{--qa-side:220px;--qa-rail:220px;--qa-gap:14px;--qa-pad:16px}
  .dashboard-topbar{grid-template-columns:1fr!important}.dashboard-tools{justify-content:flex-start!important}.global-search{width:min(390px,45vw)!important}.premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.premium-ops-strip{grid-template-columns:1fr 190px!important}.premium-ops-strip .today-metrics{grid-column:1/-1!important}.premium-ops-strip .strip-balances{grid-column:2!important}
}
@media (max-width:900px){
  .side{overflow-y:auto!important}.luxury-nav{padding-bottom:175px!important}.main{margin-left:0!important;width:100%!important;padding:76px 14px 24px!important}.orders-dashboard-grid{grid-template-columns:1fr!important}.dashboard-rail{width:100%!important;min-width:0!important;max-width:none!important}.dashboard-greeting h1{white-space:normal!important}.premium-ops-strip{grid-template-columns:1fr 1fr!important;overflow:visible!important}.premium-ops-strip .today-main-info{grid-column:1/-1!important}.premium-ops-strip .strip-balances{grid-column:1/-1!important}.premium-ops-strip .today-metrics{grid-column:1/-1!important}.premium-ops-strip .cash-strip-control{position:static!important;margin-top:12px!important}.orders-workbench .tablewrap{overflow-x:auto!important}
}

/* Specificity lock: prevent any legacy dark strip / fixed table viewport from winning. */
#orders .today-strip.premium-ops-strip,
#orders .today-strip.premium-ops-strip:hover{
  background:#fffefc!important;
  background-image:none!important;
  color:#211c17!important;
  border:1px solid var(--qa-border)!important;
  box-shadow:var(--qa-shadow)!important;
}
#orders .today-strip.premium-ops-strip .strip-bal,
#orders .today-strip.premium-ops-strip .mini-pill{background-color:#fff!important;color:#342d27!important}
#orders .today-strip.premium-ops-strip .strip-bal.cash{background:#fbfdf9!important}
#orders .today-strip.premium-ops-strip .strip-bal.acc{background:#f7faff!important}
#orders .orders-workbench .tablewrap{max-height:none!important;height:auto!important;overflow-y:visible!important}
#orders .premium-kpis .stat b{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}

/* =====================================================================
   FINAL REFERENCE REFINEMENT — 2026-08-30
   UI-only refinement. Existing CRM behaviour and data bindings unchanged.
   ===================================================================== */
:root{
  --final-border:#eee7de;
  --final-shadow:0 6px 20px rgba(93,67,34,.055);
  --final-text:#231e19;
  --final-muted:#8f877f;
  --final-gold-1:#dca137;
  --final-gold-2:#c47d12;
}

/* Header: slightly quieter typography, more breathing room and a wider search. */
.dashboard-topbar{min-height:70px!important;margin-bottom:21px!important;gap:24px!important;align-items:center!important}
.dashboard-greeting h1{font-size:26px!important;line-height:1.08!important;font-weight:400!important;letter-spacing:-.45px!important;color:#1f1a16!important}
.dashboard-greeting p{margin-top:8px!important;font-size:10.5px!important;color:#90877e!important;font-weight:400!important}
.dashboard-tools{gap:10px!important}
.global-search{width:405px!important;height:46px!important;border-color:#efe8df!important;border-radius:11px!important;box-shadow:0 4px 14px rgba(91,66,34,.04)!important;padding-inline:13px!important}
.global-search input{font-size:10.5px!important;font-weight:400!important}.global-search input::placeholder{color:#a79f97!important}
.round-tool{width:46px!important;height:46px!important;flex-basis:46px!important;display:grid!important;place-items:center!important}.round-tool svg{width:18px!important;height:18px!important}
.round-tool.dark.new-order-top{width:166px!important;flex-basis:166px!important;height:48px!important;border-radius:10px!important;background:linear-gradient(180deg,#dda43a 0%,#c78216 100%)!important;box-shadow:0 7px 18px rgba(173,103,8,.16)!important}.new-order-top b{font-weight:600!important}

/* KPI: closer to the reference proportions and asset scale. */
#orders .premium-kpis{gap:15px!important;margin-bottom:20px!important}
#orders .premium-kpis .stat{height:130px!important;min-height:130px!important;padding:18px 74px 16px 18px!important;border-color:var(--final-border)!important;border-radius:12px!important;background:linear-gradient(145deg,#fff 0%,#fffdfa 100%)!important;box-shadow:var(--final-shadow)!important}
#orders .premium-kpis .stat small{font-size:8.8px!important;line-height:1.25!important;letter-spacing:.42px!important;font-weight:600!important;color:#5e554d!important;min-height:18px!important}
#orders .premium-kpis .stat b{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:27px!important;line-height:1.04!important;font-weight:650!important;letter-spacing:-.55px!important;margin-top:10px!important;color:#1f1a16!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
#orders .premium-kpis .kpi-trend{padding-top:0!important;margin-top:auto!important;font-size:8.8px!important;line-height:1.2!important;font-weight:600!important}
#orders .premium-kpis .kpi3d{width:65px!important;height:76px!important;right:9px!important;top:28px!important;flex-basis:65px!important}
#orders .premium-kpis .kpi3d img{filter:saturate(.84) contrast(.96) brightness(1.035) drop-shadow(0 5px 5px rgba(113,69,13,.11))!important}

/* Cash & operations: restore the full reference composition inside one light card. */
#orders .today-strip.premium-ops-strip{display:grid!important;grid-template-columns:minmax(270px,1.22fr) 218px minmax(350px,1.62fr)!important;gap:10px!important;min-height:124px!important;padding:14px 14px 14px 18px!important;margin-bottom:17px!important;border:1px solid var(--final-border)!important;border-radius:12px!important;background:#fffefc!important;background-image:none!important;box-shadow:var(--final-shadow)!important;overflow:hidden!important;align-items:stretch!important}
#orders .premium-ops-strip .today-main-info{position:relative!important;display:block!important;min-height:94px!important;padding:3px 112px 44px 0!important;color:var(--final-text)!important;overflow:visible!important}
#orders .premium-ops-strip .today-main-info strong{display:block!important;font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:14.5px!important;line-height:1.25!important;font-weight:650!important;color:#231e19!important;visibility:visible!important;opacity:1!important}
#orders .premium-ops-strip .today-main-info>span{display:block!important;margin-top:10px!important;font-size:10.2px!important;line-height:1.3!important;font-weight:400!important;color:#524b44!important;visibility:visible!important;opacity:1!important}
#orders .cash-register-art{display:block!important;position:absolute!important;width:112px!important;height:92px!important;right:2px!important;bottom:-7px!important;object-fit:contain!important;opacity:.94!important;mix-blend-mode:multiply!important;filter:saturate(.82) contrast(.96) brightness(1.04) drop-shadow(0 5px 5px rgba(103,65,16,.08))!important}
#orders .premium-ops-strip .cash-strip-control{position:absolute!important;left:18px!important;bottom:16px!important;width:auto!important;height:38px!important;z-index:3!important}
#orders .premium-ops-strip .cash-strip-btn{height:38px!important;min-width:120px!important;padding:0 16px!important;border-radius:7px!important;background:linear-gradient(180deg,var(--final-gold-1),var(--final-gold-2))!important;border:0!important;color:#fff!important;font-size:10px!important;font-weight:600!important;box-shadow:0 5px 12px rgba(175,104,7,.15)!important}
#orders .premium-ops-strip .strip-balances{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-self:stretch!important}
#orders .premium-ops-strip .strip-bal{min-height:88px!important;height:100%!important;padding:13px 8px 11px!important;border-radius:8px!important;border:1px solid #ebe7e0!important;box-shadow:0 3px 11px rgba(77,55,28,.025)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
#orders .premium-ops-strip .strip-bal-label{font-size:10px!important;font-weight:600!important}
#orders .premium-ops-strip .strip-bal b{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:16px!important;line-height:1!important;font-weight:650!important;margin-top:11px!important;color:#211c17!important;white-space:nowrap!important}
#orders .premium-ops-strip .today-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;align-self:stretch!important}
#orders .premium-ops-strip .mini-pill{min-height:88px!important;height:100%!important;padding:10px 5px 10px!important;border-radius:8px!important;border:1px solid #ebe7e0!important;background:#fff!important;box-shadow:0 3px 11px rgba(77,55,28,.023)!important;font-size:8.5px!important;line-height:1.2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#3b342e!important}
#orders .premium-ops-strip .mini-pill i{width:13px!important;height:13px!important;margin-bottom:6px!important}
#orders .premium-ops-strip .mini-pill b{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:16px!important;font-weight:650!important;margin-top:7px!important;color:#201b17!important}

/* Orders workbench: softer table, taller rows, more reference-like toolbar. */
.orders-workbench{border-color:var(--final-border)!important;border-radius:12px!important;box-shadow:var(--final-shadow)!important}
#orders .orders-search{grid-template-columns:70px 126px minmax(260px,1fr) 154px 42px!important;gap:11px!important;min-height:72px!important;padding:14px 15px!important;border-bottom:1px solid #f2ede7!important}
#orders .orders-search:before{font-size:15.5px!important;font-weight:650!important;color:#28221d!important}
.orders-search .new-order-inline{height:40px!important;border-radius:8px!important;font-size:9.8px!important;box-shadow:0 5px 12px rgba(175,104,7,.12)!important}
.order-search-wrap,#orders .orders-search select{height:42px!important;border-color:#eee7df!important;background:#fff!important;box-shadow:0 2px 8px rgba(84,60,31,.025)!important}.order-search-wrap input,#orders .orders-search select{font-size:10.2px!important;color:#5a524a!important}.order-search-wrap input::placeholder{color:#aaa199!important}.filter-tool{width:42px!important;height:42px!important;border-color:#eee5db!important;background:#fff!important}
.orders-workbench th{height:40px!important;padding:10px 9px!important;background:#fdfbf8!important;color:#665d54!important;font-size:8.5px!important;font-weight:650!important;border-right-color:#f6f2ed!important;border-bottom-color:#f0eae3!important}
.orders-workbench td{padding:14px 9px!important;min-height:76px!important;line-height:1.42!important;border-right-color:#f7f3ee!important;border-bottom-color:#f0ebe5!important}
.orders-workbench td>b,.order-number{font-size:10.5px!important;font-weight:600!important;color:#2c2621!important}.orders-workbench td small,.order-date,.order-time{font-size:8.5px!important;color:#91887f!important;margin-top:4px!important}.catitem span{font-size:8.2px!important;color:#958c83!important}.catitem b{font-size:9.8px!important;font-weight:600!important}.service-row{font-size:9.2px!important;color:#625b54!important;line-height:1.45!important}.badge{font-size:8px!important;padding:5px 7px!important;font-weight:600!important}.menu-btn{color:#a06d31!important}
#orders .orders-workbench .tablewrap{max-height:none!important;height:auto!important;overflow-y:visible!important}

/* Right rail: less dense, stronger hierarchy. */
.dashboard-rail{gap:15px!important}
.rail-card{border-color:var(--final-border)!important;border-radius:12px!important;box-shadow:var(--final-shadow)!important}
.rail-title{padding:15px 16px!important;font-size:11.5px!important;font-weight:600!important;border-bottom-color:#f0ebe5!important}
.rail-highlight{padding:15px 16px 18px!important;min-height:116px!important}.rail-highlight small{font-size:9px!important;color:#797169!important}.rail-highlight strong{font-size:23px!important;font-weight:650!important;margin:10px 0 9px!important}.rail-highlight>span{font-size:8.6px!important}.sparkline{right:13px!important;bottom:20px!important;width:75px!important;height:49px!important}
.rail-row{padding:13px 16px!important;font-size:9.4px!important;border-top-color:#f1ece6!important}.rail-row b{font-size:9.6px!important;font-weight:600!important}
.quick-actions button{min-height:62px!important;grid-template-columns:36px minmax(0,1fr) 14px!important;gap:10px!important;padding:11px 14px!important}.qa-icon{width:32px!important;height:32px!important;border-radius:8px!important}.qa-icon svg{width:17px!important;height:17px!important}.quick-actions button b{font-size:10.4px!important;font-weight:600!important}.quick-actions button small{font-size:8.8px!important;color:#a39a92!important;margin-top:3px!important}.quick-actions button>i{align-self:center!important}
.pickup-row{min-height:61px!important;padding:11px 14px!important;gap:9px!important}.pickup-row>i{width:7px!important;height:7px!important}.pickup-row b{font-size:9.8px!important;font-weight:600!important}.pickup-row small{font-size:8.2px!important;color:#9b9289!important}.pickup-row>span{font-size:8px!important;color:#8f867e!important}

/* Sidebar: keep composition, but make the decoration quieter and smaller. */
.side-decor{height:108px!important;opacity:.78!important}.side-decor img{filter:saturate(.72) brightness(1.055) contrast(.94)!important}
.side-profile-reference{bottom:104px!important}
.luxury-nav{padding-bottom:160px!important}

/* Footer recedes further. */
.crm-dashboard-footer{padding-top:11px!important;font-size:8.5px!important;color:#aaa29a!important}

/* Laptop reference QA: 1366×768 — retain full data while avoiding cramped scaling. */
@media (min-width:1200px) and (max-width:1420px){
  :root{--qa-side:238px;--qa-rail:238px;--qa-gap:14px;--qa-pad:18px}
  .main{padding:20px var(--qa-pad) 15px!important}
  .dashboard-topbar{min-height:67px!important;margin-bottom:18px!important;gap:16px!important}.dashboard-greeting h1{font-size:25px!important}.global-search{width:340px!important;height:44px!important}.round-tool{width:44px!important;height:44px!important;flex-basis:44px!important}.round-tool.dark.new-order-top{width:150px!important;flex-basis:150px!important;height:46px!important}
  .orders-dashboard-grid{grid-template-columns:minmax(0,1fr) var(--qa-rail)!important;gap:var(--qa-gap)!important}
  #orders .premium-kpis{gap:11px!important;margin-bottom:17px!important}#orders .premium-kpis .stat{height:124px!important;min-height:124px!important;padding:16px 64px 14px 16px!important}#orders .premium-kpis .stat b{font-size:25px!important}#orders .premium-kpis .kpi3d{width:56px!important;height:67px!important;right:7px!important;top:28px!important}
  #orders .today-strip.premium-ops-strip{grid-template-columns:minmax(238px,1.14fr) 202px minmax(310px,1.55fr)!important;gap:8px!important;min-height:120px!important;padding:12px 12px 12px 16px!important}#orders .premium-ops-strip .today-main-info{padding-right:108px!important;padding-bottom:44px!important}.cash-register-art{width:102px!important;height:84px!important}.premium-ops-strip .strip-bal,.premium-ops-strip .mini-pill{min-height:84px!important}.premium-ops-strip .strip-bal b,.premium-ops-strip .mini-pill b{font-size:15px!important}
  #orders .orders-search{grid-template-columns:66px 118px minmax(205px,1fr) 142px 40px!important;gap:9px!important;min-height:68px!important;padding:12px 14px!important}.orders-workbench td{padding:13px 7px!important}.orders-workbench th{padding:9px 7px!important}
  .rail-title{padding:15px 14px!important}.rail-highlight{padding:15px 14px 18px!important;min-height:116px!important}.rail-highlight strong{font-size:22px!important}.quick-actions button{min-height:58px!important;padding:10px 12px!important}.pickup-row{min-height:57px!important;padding:10px 12px!important}
  .side-decor{height:102px!important}.side-profile-reference{bottom:98px!important}.luxury-nav{padding-bottom:154px!important}
}

/* ===== TECHNICAL STABILIZATION: canonical scrolling + readable interactive rail ===== */
html,body{min-height:100%!important;height:auto!important;overflow-y:auto!important}
body{overflow-x:hidden!important}
.app{min-height:100vh!important;height:auto!important;overflow:visible!important;max-width:none!important}
.main{min-height:100vh!important;height:auto!important;overflow:visible!important}
#orders.premium-dashboard-page,.orders-dashboard-grid,.dashboard-center,.dashboard-rail{height:auto!important;max-height:none!important;overflow:visible!important}
#orders .orders-workbench .tablewrap{height:auto!important;max-height:none!important;overflow-y:visible!important}
.pickup-clickable{cursor:pointer!important;transition:background .15s ease!important}
.pickup-clickable:hover,.pickup-clickable:focus-visible{background:#fff9ef!important;outline:2px solid rgba(190,137,55,.22)!important;outline-offset:-2px!important}
@media (min-width:901px){
  .side{height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}
  .orders-dashboard-grid{align-items:start!important}
  .dashboard-rail{align-self:start!important}
}


/* ===== SIDEBAR SCROLL FIX 2026-08-30 =====
   Desktop sidebar uses one constrained flex scroll area.
   Brand/profile/decor stay visible while the navigation itself scrolls.
   This intentionally overrides earlier accumulated sidebar overflow rules. */
@media (min-width:901px){
  .side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .premium-side-brand,
  .side-brand{
    flex:0 0 auto!important;
  }
  .luxury-nav{
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    /* reserve scrollable clearance for the fixed profile + decorative artwork */
    padding-bottom:164px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(177,123,43,.30) transparent!important;
  }
  .luxury-nav::-webkit-scrollbar{
    display:block!important;
    width:4px!important;
  }
  .luxury-nav::-webkit-scrollbar-track{background:transparent!important}
  .luxury-nav::-webkit-scrollbar-thumb{
    background:rgba(177,123,43,.25)!important;
    border-radius:999px!important;
  }
  .side-profile-reference{
    position:absolute!important;
    z-index:6!important;
    pointer-events:auto!important;
  }
  .side-decor{
    position:absolute!important;
    z-index:1!important;
    pointer-events:none!important;
  }
}

@media (min-width:901px) and (max-height:800px){
  .luxury-nav{padding-bottom:156px!important}
  .side-profile-reference{bottom:98px!important}
  .side-decor{height:102px!important}
}

/* ===== RECOVERY DESIGN FIX 2: clean sidebar without decorative artwork ===== */
.side-decor{display:none!important}
@media (min-width:901px){
  .side{padding-bottom:0!important}
  .luxury-nav{
    padding-bottom:78px!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .side-profile-reference{
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    bottom:14px!important;
    z-index:7!important;
  }
}
@media (min-width:901px) and (max-height:800px){
  .luxury-nav{padding-bottom:76px!important}
  .side-profile-reference{bottom:12px!important}
}

/* ======================================================================
   ATELIE ELEVEN XI — DESIGN PASS 2 / Boutique CRM
   Visual-only layer. No data/API/business logic changes.
   ====================================================================== */
:root{
  --dp2-bg:#f7f5f1;
  --dp2-paper:#fffdfa;
  --dp2-paper-2:#fbf8f3;
  --dp2-ink:#201c18;
  --dp2-muted:#8b8178;
  --dp2-line:#ebe5dc;
  --dp2-gold:#b77a2a;
  --dp2-gold-soft:#efe0c7;
  --dp2-shadow:0 10px 32px rgba(59,43,25,.055);
  --dp2-shadow-hover:0 14px 38px rgba(59,43,25,.085);
}

html,body{background:var(--dp2-bg)!important;color:var(--dp2-ink)!important}
body{font-family:Inter,"Segoe UI",Arial,sans-serif!important}

/* Sidebar — quieter, lighter, more editorial */
.side{
  width:224px!important;min-width:224px!important;max-width:224px!important;
  padding:22px 14px 14px!important;
  background:#fbfaf7!important;border-right:1px solid var(--dp2-line)!important;
  box-shadow:none!important;
}
.main{margin-left:224px!important;width:calc(100vw - 224px)!important;padding:24px 22px 18px!important;background:var(--dp2-bg)!important}
.premium-side-brand{padding:0 10px 18px!important;margin:0 0 8px!important}
.brand-emblem{width:54px!important;height:44px!important;margin-bottom:1px!important}
.brand-emblem svg{width:54px!important;height:44px!important;stroke-width:1.05!important}
.premium-side-brand .logo{font-size:21px!important;line-height:1!important;letter-spacing:3.1px!important;color:#33271d!important}
.brand-monogram{font-size:39px!important;line-height:.92!important;color:#ae6d1b!important}
.premium-side-brand .sub{font-size:7.4px!important;letter-spacing:2px!important;color:#7c654c!important;margin-top:7px!important}
.brand-rule{margin:8px 18px 6px!important}
.premium-side-brand .side-brand-note{font-size:6.9px!important;letter-spacing:1.45px!important;color:#aaa096!important}
.luxury-nav{padding:0 0 76px!important;gap:2px!important}
.luxury-nav button{min-height:39px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:9px!important;color:#82786e!important;background:transparent!important;box-shadow:none!important;transition:.18s ease!important}
.luxury-nav button:hover{background:#fff!important;color:#3e342c!important;border-color:#eee8df!important}
.luxury-nav button.active{background:#fff!important;color:#a76719!important;border-color:#eadfce!important;box-shadow:0 5px 16px rgba(74,52,28,.045)!important}
.luxury-nav button.active:before{content:""!important;display:block!important;position:absolute!important;left:-1px!important;top:9px!important;bottom:9px!important;width:2px!important;border-radius:2px!important;background:#c58a3c!important}
.luxury-nav .nav-icon{width:21px!important;height:21px!important;color:currentColor!important;opacity:.86!important}
.luxury-nav .nav-icon svg{width:18px!important;height:18px!important;stroke-width:1.55!important}
.luxury-nav .navcopy b{font-size:10.5px!important;font-weight:560!important;letter-spacing:0!important}
.luxury-nav .navcopy small{display:none!important}
.luxury-nav .nav-group{font-size:7.4px!important;letter-spacing:1.7px!important;margin:14px 9px 6px!important;color:#aa7b42!important}
.side-profile-reference{left:14px!important;right:14px!important;bottom:14px!important;height:51px!important;border:1px solid var(--dp2-line)!important;border-radius:10px!important;background:rgba(255,253,250,.96)!important;box-shadow:none!important;padding:7px 9px!important}
.profile-avatar{width:31px!important;height:31px!important;font-size:11px!important;background:#f3eadc!important;border-color:#eadbc6!important;color:#78552f!important}
.side-profile-reference b{font-size:9.5px!important;font-weight:600!important}.side-profile-reference small{font-size:7px!important;color:#9d948b!important}
.side-decor{display:none!important}

/* Top bar */
.dashboard-topbar{min-height:64px!important;margin:0 0 18px!important;gap:18px!important;align-items:center!important}
.dashboard-greeting h1{font-family:Georgia,"Times New Roman",serif!important;font-size:27px!important;letter-spacing:-.55px!important;font-weight:400!important;color:#211a15!important}
.dashboard-greeting h1 span{font-size:21px!important}
.dashboard-greeting p{font-size:9.5px!important;margin-top:6px!important;color:#9a9188!important;letter-spacing:.05px!important}
.dashboard-tools{gap:8px!important}
.global-search{height:43px!important;width:330px!important;border:1px solid var(--dp2-line)!important;border-radius:10px!important;background:rgba(255,255,255,.88)!important;box-shadow:none!important}
.global-search:focus-within{border-color:#d8c5a8!important;box-shadow:0 0 0 3px rgba(183,122,42,.07)!important}
.global-search input{font-size:10px!important}.global-search kbd{background:#faf7f2!important;border-color:#ede5da!important;color:#968b80!important}
.dashboard-icon-btn{width:43px!important;height:43px!important;border-radius:10px!important;border-color:var(--dp2-line)!important;background:#fff!important;box-shadow:none!important;color:#695b4e!important}
.dashboard-icon-btn:hover{border-color:#dbc9ad!important;background:#fffdfa!important}
.dashboard-new-order{height:43px!important;border-radius:10px!important;padding:0 18px!important;background:#b97a24!important;background-image:none!important;box-shadow:0 6px 16px rgba(169,104,19,.14)!important;font-size:10px!important;font-weight:650!important;letter-spacing:.08px!important}

/* Main dashboard grid */
.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 238px!important;gap:16px!important}
.dashboard-rail{width:238px!important;min-width:238px!important;max-width:238px!important;gap:14px!important}

/* KPI — data first, imagery out */
#orders .premium-kpis{gap:11px!important;margin-bottom:14px!important}
#orders .premium-kpis .stat{height:108px!important;min-height:108px!important;padding:17px 16px 14px!important;border:1px solid var(--dp2-line)!important;border-radius:12px!important;background:var(--dp2-paper)!important;box-shadow:var(--dp2-shadow)!important;overflow:hidden!important;position:relative!important}
#orders .premium-kpis .stat:before{content:""!important;display:block!important;position:absolute!important;left:16px!important;right:auto!important;top:0!important;width:34px!important;height:2px!important;background:#c08a42!important;border-radius:0 0 2px 2px!important;opacity:.7!important}
#orders .premium-kpis .stat:hover{transform:translateY(-1px)!important;box-shadow:var(--dp2-shadow-hover)!important}
#orders .premium-kpis .stat small{font-size:7.8px!important;line-height:1.2!important;letter-spacing:.7px!important;text-transform:uppercase!important;color:#8f857c!important;font-weight:650!important;min-height:auto!important}
#orders .premium-kpis .stat b{font-size:26px!important;line-height:1!important;letter-spacing:-.65px!important;margin-top:12px!important;color:#201b17!important;font-weight:650!important}
#orders .premium-kpis .kpi-trend{font-size:7.8px!important;margin-top:auto!important;font-weight:560!important}
#orders .premium-kpis .kpi3d{display:none!important}

/* Operations card — compact finance console */
#orders .today-strip.premium-ops-strip{grid-template-columns:minmax(190px,.86fr) 210px minmax(310px,1.45fr)!important;gap:10px!important;min-height:104px!important;padding:12px!important;margin-bottom:14px!important;border:1px solid var(--dp2-line)!important;border-radius:12px!important;background:var(--dp2-paper)!important;box-shadow:var(--dp2-shadow)!important;overflow:hidden!important}
#orders .premium-ops-strip .today-main-info{padding:5px 8px 41px 5px!important;min-height:78px!important}
#orders .premium-ops-strip .today-main-info strong{font-size:12.5px!important;font-weight:650!important;color:#26201b!important}
#orders .premium-ops-strip .today-main-info>span{font-size:8px!important;color:#9a9086!important;margin-top:6px!important}
.cash-register-art{display:none!important}
#orders .premium-ops-strip .cash-strip-control{left:5px!important;bottom:3px!important;height:32px!important}
#orders .premium-ops-strip .cash-strip-btn{height:32px!important;min-width:110px!important;padding:0 13px!important;border-radius:7px!important;background:#bd7e28!important;box-shadow:none!important;font-size:9px!important}
.premium-ops-strip .strip-balances{gap:7px!important}
.premium-ops-strip .strip-bal{min-height:78px!important;border:1px solid #eee8df!important;border-radius:9px!important;background:#fff!important;padding:13px 10px!important;box-shadow:none!important}
.premium-ops-strip .strip-bal.cash,.premium-ops-strip .strip-bal.acc{background:#fff!important}
.premium-ops-strip .strip-bal-label{font-size:7.7px!important;color:#8f867c!important}
.premium-ops-strip .strip-bal b{font-size:15px!important;color:#28221d!important;margin-top:10px!important}
.premium-ops-strip .today-metrics{gap:6px!important}
.premium-ops-strip .mini-pill{min-height:78px!important;border:1px solid #eee8df!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;padding:11px 6px!important;font-size:7.2px!important;color:#80766d!important}
.premium-ops-strip .mini-pill b{font-size:15px!important;color:#25201b!important;margin-top:8px!important}
.premium-ops-strip .mini-pill>i{width:8px!important;height:8px!important;box-shadow:none!important}

/* Orders area */
.orders-workbench{border:1px solid var(--dp2-line)!important;border-radius:12px!important;background:var(--dp2-paper)!important;box-shadow:var(--dp2-shadow)!important;overflow:hidden!important}
.orders-workbench .search.orders-search{min-height:58px!important;padding:9px 11px!important;gap:8px!important;border-bottom:1px solid #efe9e1!important;background:#fffdfa!important}
.orders-search:before{content:"Заказы"!important;display:flex!important;align-items:center!important;min-width:72px!important;margin-right:1px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:16px!important;color:#2a231e!important}
.orders-search .new-order-inline{height:36px!important;border-radius:8px!important;padding:0 14px!important;background:#bd7e28!important;box-shadow:none!important;font-size:9px!important}
.order-search-wrap{height:36px!important;border-radius:8px!important;background:#fff!important;border-color:#ece5dc!important}
.order-search-wrap input{font-size:9.5px!important}
.orders-search select{height:36px!important;border-radius:8px!important;border-color:#ece5dc!important;background:#fff!important;font-size:8.8px!important;color:#70665d!important}
.filter-tool{width:36px!important;height:36px!important;border-radius:8px!important;border-color:#ece5dc!important;background:#fff!important;color:#9a6b32!important}
.orders-workbench th{height:38px!important;padding:9px 8px!important;background:#faf8f4!important;color:#8a8077!important;font-size:7.5px!important;letter-spacing:.45px!important;text-transform:uppercase!important;font-weight:650!important;border-right-color:#f0ebe4!important;border-bottom-color:#ebe5dc!important}
.orders-workbench td{padding:13px 8px!important;min-height:70px!important;line-height:1.4!important;border-right-color:#f2ede6!important;border-bottom-color:#ede7df!important;background:#fffdfa!important;color:#413a34!important}
.orders-workbench tr:hover td{background:#fffaf3!important}
.orders-workbench td>b,.order-number{font-size:10.5px!important;font-weight:650!important;color:#29231e!important}
.orders-workbench td small,.order-date,.order-time{font-size:7.6px!important;color:#9d948a!important}
.catitem span{font-size:7.3px!important;color:#a0988f!important}.catitem b{font-size:9px!important;color:#4a423b!important}
.service-row{font-size:8.7px!important;color:#655d56!important}.deadline{font-size:7.5px!important}
.badge{font-size:7.5px!important;padding:5px 7px!important;border-radius:999px!important;font-weight:650!important;box-shadow:none!important}
.payment-summary .money-cell{font-size:9.5px!important}.menu-btn{font-size:15px!important;color:#a2723b!important}
.orders-pagination{background:#fffdfa!important;border-top-color:#ece6de!important}

/* Right rail — editorial cards, less chrome */
.rail-card{border:1px solid var(--dp2-line)!important;border-radius:12px!important;background:var(--dp2-paper)!important;box-shadow:var(--dp2-shadow)!important}
.rail-title{min-height:47px!important;padding:14px 14px!important;border-bottom:1px solid #eee8e0!important;background:#fffdfa!important;font-size:10.5px!important;color:#302923!important}
.rail-title b{font-weight:650!important}.rail-title>span{color:#b8afa6!important;letter-spacing:1px!important}
.rail-highlight{padding:15px 14px 17px!important;min-height:106px!important;background:linear-gradient(145deg,#fffdfa,#faf6ef)!important}
.rail-highlight small{font-size:7.6px!important;text-transform:uppercase!important;letter-spacing:.55px!important;color:#94897f!important}
.rail-highlight strong{font-size:22px!important;font-weight:650!important;letter-spacing:-.55px!important;margin:10px 0 7px!important;color:#241e19!important}
.rail-highlight>span{font-size:7.5px!important;font-weight:600!important}
.sparkline{opacity:.55!important;transform:scale(.88)!important;transform-origin:right bottom!important}
.rail-row{padding:12px 14px!important;font-size:8.2px!important;color:#81776e!important;border-top-color:#eee8e0!important}.rail-row b{font-size:8.8px!important;color:#3a332d!important}.rail-row.due b,.rail-row.due{color:#c34738!important}
.quick-actions button{min-height:54px!important;grid-template-columns:29px minmax(0,1fr) 10px!important;gap:9px!important;padding:9px 13px!important;border-bottom-color:#eee8e0!important;background:#fffdfa!important}
.quick-actions button:hover{background:#faf7f2!important}
.qa-icon{width:27px!important;height:27px!important;border-radius:8px!important;box-shadow:none!important}.qa-icon svg{width:14px!important;height:14px!important}
.quick-actions button b{font-size:9.4px!important;font-weight:620!important;color:#39312b!important}.quick-actions button small{font-size:7.3px!important;color:#a09890!important;margin-top:2px!important}.quick-actions button>i{opacity:.45!important}
.pickup-row{min-height:54px!important;padding:10px 13px!important;border-bottom-color:#eee8e0!important}.pickup-row b{font-size:8.6px!important}.pickup-row small,.pickup-row>span{font-size:7px!important;color:#9b9289!important}
.crm-dashboard-footer{padding-top:11px!important;font-size:7px!important;color:#aaa198!important}

/* Small polish */
button,input,select{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease!important}
.card,.stat,.rail-card,.today-strip{backdrop-filter:none!important}

@media (max-width:1280px) and (min-width:901px){
  .side{width:212px!important;min-width:212px!important;max-width:212px!important}
  .main{margin-left:212px!important;width:calc(100vw - 212px)!important;padding:20px 16px 16px!important}
  .orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 220px!important;gap:12px!important}
  .dashboard-rail{width:220px!important;min-width:220px!important;max-width:220px!important}
  .global-search{width:285px!important}
  #orders .today-strip.premium-ops-strip{grid-template-columns:minmax(170px,.82fr) 185px minmax(275px,1.4fr)!important}
  #orders .premium-kpis .stat b{font-size:23px!important}
}

@media (max-width:900px){
  .side{width:244px!important;min-width:244px!important;max-width:244px!important}
  .main{margin-left:0!important;width:100%!important;padding:72px 12px 18px!important}
  .dashboard-topbar{grid-template-columns:1fr!important;gap:12px!important}
  .dashboard-tools{flex-wrap:wrap!important}.global-search{width:min(100%,390px)!important}
  .orders-dashboard-grid{grid-template-columns:1fr!important}.dashboard-rail{width:100%!important;min-width:0!important;max-width:none!important}
  #orders .premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #orders .today-strip.premium-ops-strip{grid-template-columns:1fr 1fr!important}
  #orders .premium-ops-strip .today-main-info{grid-column:1/-1!important}
  #orders .premium-ops-strip .today-metrics{grid-column:1/-1!important}
  .orders-search:before{display:none!important}
}

@media (max-width:560px){
  #orders .premium-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  #orders .premium-kpis .stat{height:98px!important;min-height:98px!important;padding:14px 12px 12px!important}
  #orders .premium-kpis .stat b{font-size:21px!important}
  #orders .today-strip.premium-ops-strip{grid-template-columns:1fr!important}
  .premium-ops-strip .strip-balances,.premium-ops-strip .today-metrics{grid-column:1!important}
  .orders-workbench .search.orders-search{flex-wrap:wrap!important}
  .order-search-wrap{order:3!important;width:100%!important}
}

/* ======================================================================
   ATELIE ELEVEN XI — DESIGN PASS 3 / Quiet Luxury Atelier
   Visual-only layer. API, MySQL and CRM business logic are untouched.
   ====================================================================== */
:root{--xi-bg:#f6f3ee;--xi-surface:#fffdf9;--xi-text:#171411;--xi-muted:#8d847b;--xi-line:#e8e1d7;--xi-gold:#c4872a;--xi-gold-deep:#a96512;--xi-red:#cb483f;--xi-shadow:0 10px 28px rgba(48,36,22,.055)}
html,body{background:var(--xi-bg)!important;color:var(--xi-text)!important}body{font-family:Inter,"Segoe UI",Arial,sans-serif!important}
.side{width:218px!important;min-width:218px!important;max-width:218px!important;padding:20px 13px 13px!important;background:#fbfaf7!important;border-right:1px solid var(--xi-line)!important;box-shadow:none!important}
.main{margin-left:218px!important;width:calc(100vw - 218px)!important;padding:22px 20px 16px!important;background:var(--xi-bg)!important}
.premium-side-brand{padding:0 8px 16px!important;margin:0 0 8px!important}.brand-emblem{width:48px!important;height:40px!important;margin-bottom:2px!important}.brand-emblem svg{width:48px!important;height:40px!important;stroke-width:1.05!important}.premium-side-brand .logo{font-size:20px!important;line-height:1.02!important;letter-spacing:2.8px!important;color:#2f251d!important}.brand-monogram{font-size:36px!important;line-height:.9!important;color:var(--xi-gold-deep)!important}.premium-side-brand .sub{font-size:7px!important;letter-spacing:1.9px!important;color:#7f6f60!important;margin-top:7px!important}.brand-rule{margin:8px 18px 6px!important;border-color:#ece3d7!important}.premium-side-brand .side-brand-note{font-size:6.7px!important;letter-spacing:1.35px!important;color:#aaa198!important}
.luxury-nav{padding:0 0 72px!important;gap:2px!important}.luxury-nav button{min-height:40px!important;padding:8px 10px!important;border-radius:10px!important;border:1px solid transparent!important;background:transparent!important;color:#756c64!important;box-shadow:none!important}.luxury-nav button:hover{background:#fff!important;border-color:#eee7de!important;color:#29231e!important}.luxury-nav button.active{background:#f7f0e5!important;border-color:#ecdfcd!important;color:#9f6218!important;box-shadow:none!important}.luxury-nav button.active:before{display:none!important}.luxury-nav .nav-icon{width:22px!important;height:22px!important;opacity:.88!important}.luxury-nav .nav-icon svg{width:18px!important;height:18px!important;stroke-width:1.55!important}.luxury-nav .navcopy b{font-size:11.3px!important;font-weight:560!important}.luxury-nav .navcopy small{display:none!important}.luxury-nav .nav-group{font-size:7.1px!important;letter-spacing:1.55px!important;margin:14px 9px 6px!important;color:#b0772c!important}
.side-profile-reference{left:13px!important;right:13px!important;bottom:13px!important;height:54px!important;border:1px solid var(--xi-line)!important;border-radius:12px!important;background:#fffdf9!important;padding:8px 9px!important;box-shadow:none!important}.profile-avatar{width:32px!important;height:32px!important;font-size:11px!important;background:#f4eadb!important;border-color:#ead9c0!important;color:#79542d!important}.side-profile-reference b{font-size:9.7px!important}.side-profile-reference small{font-size:7px!important;color:#9e958c!important}.side-decor{display:none!important}
.dashboard-topbar{min-height:67px!important;margin:0 0 17px!important;gap:18px!important;align-items:center!important}.dashboard-greeting h1{font-family:Georgia,"Times New Roman",serif!important;font-size:28px!important;line-height:1.06!important;letter-spacing:-.65px!important;font-weight:400!important;color:#1d1814!important}.dashboard-greeting h1 span{font-size:20px!important}.dashboard-greeting p{font-size:9.6px!important;margin-top:7px!important;color:#999086!important}.dashboard-tools{gap:8px!important}.global-search{height:44px!important;width:325px!important;border:1px solid var(--xi-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}.global-search:focus-within{border-color:#d9c4a5!important;box-shadow:0 0 0 3px rgba(196,135,42,.07)!important}.global-search input{font-size:10px!important;color:#3c342e!important}.global-search kbd{background:#faf7f2!important;border-color:#ece4d8!important;color:#968b80!important}.dashboard-icon-btn{width:44px!important;height:44px!important;border-radius:12px!important;border-color:var(--xi-line)!important;background:#fff!important;color:#6c5c4c!important;box-shadow:none!important}.dashboard-new-order{height:44px!important;border-radius:12px!important;padding:0 19px!important;background:linear-gradient(180deg,#d99b36,#c8831e)!important;box-shadow:0 7px 18px rgba(169,105,18,.16)!important;font-size:10.5px!important;font-weight:650!important}
.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 248px!important;gap:15px!important}.dashboard-rail{width:248px!important;min-width:248px!important;max-width:248px!important;gap:14px!important}
#orders .premium-kpis{gap:12px!important;margin-bottom:14px!important}#orders .premium-kpis .stat{height:112px!important;min-height:112px!important;padding:17px 17px 14px!important;border:1px solid var(--xi-line)!important;border-radius:15px!important;background:var(--xi-surface)!important;box-shadow:var(--xi-shadow)!important;overflow:hidden!important}#orders .premium-kpis .stat:before{display:none!important}#orders .premium-kpis .stat:hover{transform:translateY(-1px)!important;box-shadow:0 14px 32px rgba(48,36,22,.075)!important}#orders .premium-kpis .stat small{font-size:8.1px!important;letter-spacing:.48px!important;text-transform:uppercase!important;color:#857b72!important;font-weight:650!important}#orders .premium-kpis .stat b{font-size:27px!important;line-height:1!important;letter-spacing:-.72px!important;margin-top:14px!important;color:#171411!important;font-weight:680!important}#orders .premium-kpis .kpi-trend{font-size:8px!important;margin-top:auto!important;font-weight:590!important}#orders .premium-kpis .kpi3d{display:none!important}
#orders .today-strip.premium-ops-strip{grid-template-columns:205px 222px minmax(320px,1fr)!important;gap:10px!important;min-height:112px!important;padding:13px!important;margin-bottom:14px!important;border:1px solid var(--xi-line)!important;border-radius:15px!important;background:var(--xi-surface)!important;box-shadow:var(--xi-shadow)!important;overflow:hidden!important}#orders .premium-ops-strip .today-main-info{padding:6px 8px 42px 4px!important;min-height:84px!important}#orders .premium-ops-strip .today-main-info strong{font-size:13px!important;font-weight:680!important;color:#201a16!important}#orders .premium-ops-strip .today-main-info>span{font-size:8.2px!important;color:#9b9289!important;margin-top:7px!important}.cash-register-art{display:none!important}#orders .premium-ops-strip .cash-strip-control{left:4px!important;bottom:2px!important;height:34px!important}#orders .premium-ops-strip .cash-strip-btn{height:34px!important;min-width:120px!important;padding:0 14px!important;border-radius:9px!important;background:linear-gradient(180deg,#d69a38,#c78321)!important;box-shadow:none!important;font-size:9px!important}.premium-ops-strip .strip-balances{gap:8px!important}.premium-ops-strip .strip-bal{min-height:84px!important;border:1px solid #ece5dc!important;border-radius:11px!important;background:#fff!important;padding:14px 11px!important;box-shadow:none!important}.premium-ops-strip .strip-bal.cash{background:#fbfdf9!important}.premium-ops-strip .strip-bal.acc{background:#fafcff!important}.premium-ops-strip .strip-bal-label{font-size:8px!important;color:#81776d!important}.premium-ops-strip .strip-bal b{font-size:16px!important;color:#231d18!important;margin-top:11px!important}.premium-ops-strip .today-metrics{gap:7px!important}.premium-ops-strip .mini-pill{min-height:84px!important;border:1px solid #ece5dc!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;padding:12px 7px!important;font-size:7.5px!important;color:#766c63!important}.premium-ops-strip .mini-pill b{font-size:16px!important;color:#211b17!important;margin-top:9px!important}.premium-ops-strip .mini-pill>i{width:8px!important;height:8px!important;box-shadow:none!important}
.orders-workbench{border:1px solid var(--xi-line)!important;border-radius:15px!important;background:var(--xi-surface)!important;box-shadow:var(--xi-shadow)!important;overflow:hidden!important}.orders-workbench .search.orders-search{min-height:62px!important;padding:10px 12px!important;gap:9px!important;border-bottom:1px solid #ece6de!important;background:#fffdf9!important}.orders-search:before{content:"Заказы"!important;display:flex!important;align-items:center!important;min-width:77px!important;margin-right:1px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:17px!important;font-weight:600!important;color:#241e19!important}.orders-search .new-order-inline{height:38px!important;border-radius:9px!important;padding:0 15px!important;background:linear-gradient(180deg,#d69a38,#c78321)!important;box-shadow:none!important;font-size:9.2px!important}.order-search-wrap{height:38px!important;border-radius:9px!important;background:#fff!important;border-color:#e9e1d7!important}.order-search-wrap input{font-size:9.8px!important}.orders-search select{height:38px!important;border-radius:9px!important;border-color:#e9e1d7!important;background:#fff!important;font-size:9px!important;color:#696057!important}.filter-tool{width:38px!important;height:38px!important;border-radius:9px!important;border-color:#e9e1d7!important;background:#fff!important;color:#a06a28!important}.orders-workbench th{height:40px!important;padding:10px 9px!important;background:#f9f7f3!important;color:#837970!important;font-size:7.7px!important;letter-spacing:.42px!important;text-transform:uppercase!important;font-weight:680!important;border-right-color:#eee8e0!important;border-bottom-color:#e8e1d8!important}.orders-workbench td{padding:14px 9px!important;min-height:74px!important;line-height:1.42!important;border-right-color:#f0ebe4!important;border-bottom-color:#e9e3da!important;background:#fffdf9!important;color:#433b34!important}.orders-workbench tr:hover td{background:#fffaf3!important}.orders-workbench td>b,.order-number{font-size:11px!important;font-weight:680!important;color:#241e19!important}.orders-workbench td small,.order-date,.order-time{font-size:7.9px!important;color:#968d84!important}.catitem span{font-size:7.5px!important;color:#999087!important}.catitem b{font-size:9.3px!important;color:#403830!important}.service-row{font-size:9px!important;color:#615850!important}.deadline{font-size:7.8px!important}.badge{font-size:7.7px!important;padding:5px 8px!important;border-radius:999px!important;font-weight:650!important;box-shadow:none!important}.payment-summary .money-cell{font-size:9.8px!important}.menu-btn{font-size:16px!important;color:#966329!important}.orders-pagination{background:#fffdf9!important;border-top-color:#ebe4db!important}
.rail-card{border:1px solid var(--xi-line)!important;border-radius:15px!important;background:var(--xi-surface)!important;box-shadow:var(--xi-shadow)!important;overflow:hidden!important}.rail-title{min-height:49px!important;padding:14px 15px!important;border-bottom:1px solid #ece5dc!important;background:#fffdf9!important;font-size:10.8px!important;color:#2b241f!important}.rail-title b{font-weight:680!important}.rail-title>span{color:#aaa096!important}.rail-highlight{padding:16px 15px 18px!important;min-height:112px!important;background:linear-gradient(145deg,#fffdf9,#fbf7f0)!important}.rail-highlight small{font-size:7.8px!important;text-transform:none!important;letter-spacing:.12px!important;color:#8d8379!important}.rail-highlight strong{font-size:23px!important;font-weight:680!important;letter-spacing:-.6px!important;margin:10px 0 7px!important;color:#1d1814!important}.rail-highlight>span{font-size:7.7px!important;font-weight:620!important}.sparkline{opacity:.68!important;transform:scale(.9)!important;transform-origin:right bottom!important}.rail-row{padding:13px 15px!important;font-size:8.4px!important;color:#756b62!important;border-top-color:#ece5dc!important}.rail-row b{font-size:9px!important;color:#2f2923!important}.rail-row.due,.rail-row.due b{color:var(--xi-red)!important}.quick-actions button{min-height:56px!important;grid-template-columns:30px minmax(0,1fr) 10px!important;gap:10px!important;padding:10px 14px!important;border-bottom-color:#ece5dc!important;background:#fffdf9!important}.quick-actions button:hover{background:#faf7f2!important}.qa-icon{width:29px!important;height:29px!important;border-radius:9px!important;box-shadow:none!important}.qa-icon svg{width:14px!important;height:14px!important}.quick-actions button b{font-size:9.7px!important;font-weight:650!important;color:#312a24!important}.quick-actions button small{font-size:7.4px!important;color:#9a9188!important;margin-top:2px!important}.quick-actions button>i{opacity:.4!important}.crm-dashboard-footer{padding-top:11px!important;font-size:7px!important;color:#aaa198!important}#orders .stat:after,#orders .today-strip:after,#orders .orders-workbench:after{display:none!important}.card,.stat,.rail-card,.today-strip{backdrop-filter:none!important}
@media (max-width:1280px) and (min-width:901px){.side{width:208px!important;min-width:208px!important;max-width:208px!important}.main{margin-left:208px!important;width:calc(100vw - 208px)!important;padding:18px 14px 14px!important}.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 224px!important;gap:12px!important}.dashboard-rail{width:224px!important;min-width:224px!important;max-width:224px!important}.global-search{width:275px!important}#orders .today-strip.premium-ops-strip{grid-template-columns:180px 190px minmax(275px,1fr)!important}#orders .premium-kpis .stat b{font-size:24px!important}}
@media (max-width:900px){.side{width:244px!important;min-width:244px!important;max-width:244px!important}.main{margin-left:0!important;width:100%!important;padding:72px 12px 18px!important}.dashboard-topbar{grid-template-columns:1fr!important;gap:12px!important}.dashboard-tools{flex-wrap:wrap!important}.global-search{width:min(100%,390px)!important}.orders-dashboard-grid{grid-template-columns:1fr!important}.dashboard-rail{width:100%!important;min-width:0!important;max-width:none!important}#orders .premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}#orders .today-strip.premium-ops-strip{grid-template-columns:1fr 1fr!important}#orders .premium-ops-strip .today-main-info{grid-column:1/-1!important}#orders .premium-ops-strip .today-metrics{grid-column:1/-1!important}.orders-search:before{display:none!important}}
@media (max-width:560px){#orders .premium-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}#orders .premium-kpis .stat{height:101px!important;min-height:101px!important;padding:14px 12px 12px!important}#orders .premium-kpis .stat b{font-size:21px!important}#orders .today-strip.premium-ops-strip{grid-template-columns:1fr!important}.premium-ops-strip .strip-balances,.premium-ops-strip .today-metrics{grid-column:1!important}.orders-workbench .search.orders-search{flex-wrap:wrap!important}.order-search-wrap{order:3!important;width:100%!important}}

/* ======================================================================
   ATELIE ELEVEN XI — DESIGN PASS 4 / FINAL POLISH
   Visual-only refinement: tighter fixed sidebar, editorial typography,
   cleaner order table, quieter champagne accents and stronger hierarchy.
   No API / DB / business-logic changes.
   ====================================================================== */
:root{
  --xi4-bg:#f6f3ee;
  --xi4-surface:#fffdf9;
  --xi4-surface-soft:#fbf8f3;
  --xi4-ink:#1f1a16;
  --xi4-muted:#82786f;
  --xi4-line:#e9e2d9;
  --xi4-line-soft:#f1ece5;
  --xi4-gold:#b78a4a;
  --xi4-gold-strong:#9d6d2f;
  --xi4-gold-soft:#f2e7d7;
  --xi4-shadow:0 8px 26px rgba(50,37,23,.045);
}

html,body{background:var(--xi4-bg)!important;color:var(--xi4-ink)!important}

/* Fixed atelier rail: brand + profile remain anchored, nav scrolls independently. */
@media (min-width:901px){
  .side{
    position:fixed!important;inset:0 auto 0 0!important;
    width:192px!important;min-width:192px!important;max-width:192px!important;
    height:100vh!important;padding:18px 11px 12px!important;
    display:flex!important;flex-direction:column!important;
    background:#fbfaf7!important;border-right:1px solid var(--xi4-line)!important;
    box-shadow:none!important;overflow:hidden!important;
  }
  .main{
    margin-left:192px!important;width:calc(100vw - 192px)!important;
    padding:21px 18px 18px!important;background:var(--xi4-bg)!important;
  }
  .premium-side-brand,.side-brand{
    flex:0 0 auto!important;padding:0 7px 13px!important;margin:0 0 6px!important;
  }
  .brand-emblem{width:43px!important;height:36px!important;margin-bottom:0!important}
  .brand-emblem svg{width:43px!important;height:36px!important;stroke-width:1!important}
  .premium-side-brand .logo{font-size:18px!important;line-height:1.03!important;letter-spacing:2.7px!important}
  .brand-monogram{font-size:33px!important;line-height:.9!important;margin-top:2px!important;color:var(--xi4-gold-strong)!important}
  .premium-side-brand .sub{font-size:6.2px!important;letter-spacing:1.75px!important;margin-top:6px!important;color:#75675a!important}
  .brand-rule{margin:7px 12px 5px!important;opacity:.72!important}
  .premium-side-brand .side-brand-note{font-size:6px!important;letter-spacing:1.25px!important;color:#aaa096!important}
  .luxury-nav{
    position:relative!important;display:block!important;flex:1 1 auto!important;
    min-height:0!important;height:auto!important;max-height:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    padding:4px 0 66px!important;margin:0!important;
    scrollbar-width:thin!important;scrollbar-color:rgba(157,109,47,.22) transparent!important;
  }
  .luxury-nav::-webkit-scrollbar{width:3px!important}
  .luxury-nav::-webkit-scrollbar-thumb{background:rgba(157,109,47,.2)!important;border-radius:999px!important}
  .luxury-nav button{
    min-height:36px!important;padding:7px 8px!important;margin:1px 0!important;
    border-radius:8px!important;color:#71675e!important;
  }
  .luxury-nav button:hover{background:#fff!important;border-color:#eee8e0!important;color:#342d27!important}
  .luxury-nav button.active{
    background:#f6efe5!important;color:#8d5f27!important;border-color:#eadcca!important;
    box-shadow:none!important;
  }
  .luxury-nav button.active:before{left:0!important;top:8px!important;bottom:8px!important;width:2px!important;background:var(--xi4-gold)!important}
  .luxury-nav .nav-icon{width:20px!important;height:20px!important;opacity:.8!important}
  .luxury-nav .nav-icon svg{width:16px!important;height:16px!important;stroke-width:1.45!important}
  .luxury-nav .navcopy b{font-size:10px!important;font-weight:560!important}
  .luxury-nav .nav-group{font-size:6.7px!important;letter-spacing:1.45px!important;margin:12px 8px 5px!important;color:#9c713d!important}
  .side-profile-reference{
    position:absolute!important;left:11px!important;right:11px!important;bottom:11px!important;
    height:48px!important;padding:6px 8px!important;border-radius:10px!important;
    border:1px solid var(--xi4-line)!important;background:rgba(255,253,249,.98)!important;
    box-shadow:0 5px 18px rgba(53,39,24,.035)!important;z-index:10!important;
  }
  .profile-avatar{width:29px!important;height:29px!important;font-size:10px!important}
  .side-profile-reference b{font-size:8.8px!important}.side-profile-reference small{font-size:6.5px!important}
}

/* Stronger top hierarchy, calmer controls. */
.dashboard-topbar{min-height:60px!important;margin-bottom:16px!important;align-items:center!important}
.dashboard-greeting h1{font-size:28px!important;letter-spacing:-.7px!important;color:#1d1814!important}
.dashboard-greeting p{font-size:9.2px!important;color:#91877e!important;margin-top:5px!important}
.global-search{height:41px!important;border-radius:11px!important;border-color:var(--xi4-line)!important;background:#fff!important}
.dashboard-icon-btn{width:41px!important;height:41px!important;border-radius:10px!important;border-color:var(--xi4-line)!important}
.dashboard-new-order{height:41px!important;border-radius:10px!important;background:#ad7a38!important;background-image:none!important;box-shadow:0 5px 14px rgba(113,76,30,.12)!important}

/* Dashboard composition. */
.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 220px!important;gap:14px!important}
.dashboard-rail{width:220px!important;min-width:220px!important;max-width:220px!important;gap:12px!important}
#orders .premium-kpis{gap:10px!important;margin-bottom:12px!important}
#orders .premium-kpis .stat{
  height:102px!important;min-height:102px!important;padding:16px 15px 13px!important;
  border-radius:13px!important;border-color:var(--xi4-line)!important;
  background:var(--xi4-surface)!important;box-shadow:var(--xi4-shadow)!important;
}
#orders .premium-kpis .stat b{font-size:27px!important;margin-top:12px!important;color:#1d1814!important}
#orders .premium-kpis .stat small{font-size:7.7px!important;color:#82786f!important}
#orders .premium-kpis .kpi-trend{font-size:7.6px!important}

/* Operations: one clean console line, no decorative artwork. */
#orders .today-strip.premium-ops-strip{
  grid-template-columns:190px 208px minmax(300px,1fr)!important;
  min-height:101px!important;padding:11px!important;margin-bottom:12px!important;gap:9px!important;
  border-radius:13px!important;border-color:var(--xi4-line)!important;background:var(--xi4-surface)!important;
  box-shadow:var(--xi4-shadow)!important;
}
#orders .premium-ops-strip .today-main-info{min-height:77px!important;padding:5px 7px 39px 4px!important}
#orders .premium-ops-strip .today-main-info strong{font-size:12.2px!important}
#orders .premium-ops-strip .cash-strip-btn{height:32px!important;min-width:116px!important;border-radius:8px!important;background:#ad7a38!important;background-image:none!important}
.premium-ops-strip .strip-bal{min-height:77px!important;padding:12px 10px!important;border-radius:10px!important;border-color:var(--xi4-line)!important;background:#fff!important}
.premium-ops-strip .strip-bal b{font-size:15px!important;margin-top:9px!important}
.premium-ops-strip .mini-pill{min-height:77px!important;padding:10px 6px!important;border-radius:10px!important;border-color:var(--xi4-line)!important}
.premium-ops-strip .mini-pill b{font-size:15px!important;margin-top:8px!important}

/* Orders are the main work surface. */
.orders-workbench{
  border-radius:14px!important;border-color:var(--xi4-line)!important;
  background:var(--xi4-surface)!important;box-shadow:var(--xi4-shadow)!important;
}
.orders-workbench .search.orders-search{min-height:59px!important;padding:10px 12px!important;background:#fffdf9!important;border-bottom-color:var(--xi4-line)!important}
.orders-search:before{font-size:18px!important;min-width:82px!important;color:#201a16!important}
.orders-search .new-order-inline{height:37px!important;background:#ad7a38!important;background-image:none!important;box-shadow:none!important}
.order-search-wrap,.orders-search select{height:37px!important;border-radius:9px!important;border-color:var(--xi4-line)!important}
.filter-tool{width:37px!important;height:37px!important;border-color:var(--xi4-line)!important;color:#94642b!important}

/* Editorial table: horizontal rhythm instead of spreadsheet grid. */
.orders-workbench table{border-collapse:separate!important;border-spacing:0!important}
.orders-workbench th{
  height:38px!important;padding:10px 10px!important;background:#f8f5f0!important;
  border-right:0!important;border-bottom:1px solid #e7dfd5!important;
  color:#746a61!important;font-size:7.7px!important;letter-spacing:.46px!important;
}
.orders-workbench td{
  padding:15px 10px!important;min-height:78px!important;background:#fffdf9!important;
  border-right:0!important;border-bottom:1px solid #eee8e0!important;
  color:#443c35!important;line-height:1.5!important;vertical-align:top!important;
}
.orders-workbench tbody tr:last-child td{border-bottom:0!important}
.orders-workbench tr:hover td{background:#fdf9f3!important}
.orders-workbench td>b,.order-number{font-size:11.5px!important;font-weight:680!important;color:#241e19!important}
.orders-workbench td small,.order-date,.order-time{font-size:8.15px!important;color:#8d847b!important}
.catitem span{font-size:7.8px!important;color:#938a82!important}
.catitem b{font-size:9.7px!important;color:#382f29!important}
.service-row{font-size:9.5px!important;color:#5b5149!important;line-height:1.52!important}
.deadline{font-size:8.1px!important;color:#4f463f!important}
.payment-summary .money-cell{font-size:10.1px!important;color:#28221d!important}
.badge{font-size:7.8px!important;padding:5px 9px!important;border-radius:999px!important}
.menu-btn{color:#8e612f!important}
.orders-pagination{padding:12px 14px!important;background:#fffdf9!important;border-top:1px solid var(--xi4-line)!important}

/* Quieter supporting rail. */
.rail-card{border-radius:13px!important;border-color:var(--xi4-line)!important;box-shadow:var(--xi4-shadow)!important}
.rail-title{min-height:46px!important;padding:13px 14px!important;font-size:10.4px!important;border-bottom-color:var(--xi4-line)!important}
.rail-highlight{padding:15px 14px 17px!important;min-height:105px!important}
.rail-highlight strong{font-size:22px!important;margin:9px 0 6px!important}
.rail-row{padding:12px 14px!important;font-size:8.2px!important;border-top-color:var(--xi4-line)!important}
.quick-actions button{min-height:53px!important;padding:9px 13px!important;border-bottom-color:var(--xi4-line)!important}
.quick-actions button b{font-size:9.35px!important}.quick-actions button small{font-size:7.2px!important}
.crm-dashboard-footer{font-size:6.8px!important;color:#a39a91!important}

/* Desktop compaction for 1366px-class screens. */
@media (max-width:1280px) and (min-width:901px){
  .side{width:182px!important;min-width:182px!important;max-width:182px!important}
  .main{margin-left:182px!important;width:calc(100vw - 182px)!important;padding:18px 13px 14px!important}
  .premium-side-brand .logo{font-size:17px!important}.brand-monogram{font-size:31px!important}
  .orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 206px!important;gap:11px!important}
  .dashboard-rail{width:206px!important;min-width:206px!important;max-width:206px!important}
  .global-search{width:268px!important}
  #orders .today-strip.premium-ops-strip{grid-template-columns:170px 184px minmax(270px,1fr)!important}
  .orders-workbench td{padding:13px 8px!important}
}

@media (max-width:900px){
  .side{width:244px!important;min-width:244px!important;max-width:244px!important}
  .main{margin-left:0!important;width:100%!important;padding:72px 12px 18px!important}
  .orders-dashboard-grid{grid-template-columns:1fr!important}
  .dashboard-rail{width:100%!important;min-width:0!important;max-width:none!important}
}

/* ================================================================
   ATELIE ELEVEN XI — EDITORIAL ATELIER / FINAL
   Clean visual layer based on the approved premium concept.
   ================================================================ */
:root{--ed-bg:#f7f4ee;--ed-paper:#fffdf9;--ed-ink:#181a19;--ed-muted:#756f68;--ed-line:#e6ded3;--ed-gold:#b08a52;--ed-green:#2f6b4f;--ed-red:#a8463c;--ed-side:#171b1c}
body{background:var(--ed-bg)!important;color:var(--ed-ink)!important}
.side{width:198px!important;min-width:198px!important;max-width:198px!important;background:linear-gradient(180deg,#171b1c,#1c2122)!important;border-right:0!important;color:#f7f2e8!important;box-shadow:none!important}
.main{margin-left:198px!important;width:calc(100vw - 198px)!important;max-width:none!important;padding:26px 24px 14px!important;background:var(--ed-bg)!important}
.premium-side-brand{padding:28px 16px 20px!important;border-bottom:1px solid rgba(176,138,82,.2)!important}.premium-side-brand .logo,.premium-side-brand .brand-subtitle{color:#fffaf0!important}.brand-monogram{color:#c9a66e!important}.brand-divider{opacity:.6!important}
.luxury-nav{padding:14px 10px 90px!important}.luxury-nav button{height:40px!important;margin:2px 0!important;padding:0 12px!important;border-radius:0!important;color:#f1eee8!important;opacity:.86!important}.luxury-nav button:hover{background:rgba(255,255,255,.04)!important;opacity:1!important}.luxury-nav button.active{background:linear-gradient(90deg,rgba(176,138,82,.16),rgba(176,138,82,.04))!important;color:#e1bb78!important;border-right:2px solid #c99b4d!important;opacity:1!important}.luxury-nav .nav-icon{color:inherit!important}.luxury-nav .navcopy b{font-size:10px!important;font-weight:550!important}.luxury-nav .navcopy small{display:none!important}.nav-group{color:#c59a57!important;font-size:6.7px!important;letter-spacing:1.45px!important;margin:19px 12px 8px!important}.side-profile{background:#111516!important;border-color:rgba(255,255,255,.06)!important;color:#fff!important}
.dashboard-topbar{min-height:70px!important;margin-bottom:18px!important;align-items:flex-start!important}.dashboard-greeting h1{font-family:Georgia,'Times New Roman',serif!important;font-size:27px!important;line-height:1.1!important;font-weight:400!important;letter-spacing:-.5px!important;color:#181a19!important}.dashboard-greeting p{margin-top:8px!important;font-size:9.5px!important;letter-spacing:.1px!important;color:#6f6963!important}.dashboard-greeting p b{font-weight:500!important}.dashboard-tools{gap:9px!important}.global-search{width:320px!important;height:42px!important;background:#fffaf4!important;border:1px solid var(--ed-line)!important;border-radius:7px!important;box-shadow:none!important}.round-tool{height:42px!important;width:42px!important;border-radius:6px!important;background:#fffaf4!important;border-color:var(--ed-line)!important;box-shadow:none!important}.round-tool.dark.new-order-top{width:145px!important;background:linear-gradient(135deg,#bd8a36,#a97628)!important;color:#fff!important;border:0!important;border-radius:6px!important;box-shadow:0 7px 18px rgba(143,95,27,.12)!important}.round-tool.dark.new-order-top b{display:inline!important;font-size:10px!important;text-transform:none!important}
.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 236px!important;gap:16px!important}.dashboard-rail{width:236px!important;min-width:236px!important;max-width:236px!important;gap:14px!important}
.premium-kpis{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin-bottom:16px!important;background:var(--ed-paper)!important;border:1px solid var(--ed-line)!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden!important}.premium-kpis .stat{height:112px!important;min-height:112px!important;padding:21px 26px!important;border:0!important;border-right:1px solid var(--ed-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.premium-kpis .stat:last-child{border-right:0!important}.premium-kpis .stat small{font-size:7.7px!important;letter-spacing:.45px!important;color:#373431!important;text-transform:uppercase!important}.premium-kpis .stat b{font-family:Georgia,'Times New Roman',serif!important;font-size:28px!important;font-weight:400!important;letter-spacing:-.5px!important;color:#111!important;margin-top:13px!important}.premium-kpis .kpi-trend{font-size:8px!important;margin-top:8px!important;color:#9b6c30!important}.kpi3d{display:none!important}
/* The approved concept moves cash/status detail to the right rail. */
#orders .today-strip.premium-ops-strip{display:none!important}
.orders-workbench{border:1px solid var(--ed-line)!important;border-radius:8px!important;background:var(--ed-paper)!important;box-shadow:none!important;overflow:hidden!important}.orders-workbench .search.orders-search{height:65px!important;min-height:65px!important;padding:12px 16px!important;background:var(--ed-paper)!important;border-bottom:0!important}.orders-search:before{content:'Заказы сегодня'!important;font-family:Georgia,'Times New Roman',serif!important;font-size:20px!important;font-weight:400!important;min-width:170px!important;color:#181a19!important}.orders-search .new-order-inline,.orders-search .order-search-wrap{display:none!important}.orders-search select{margin-left:auto!important;width:150px!important;height:36px!important;border-radius:6px!important;background:#fffaf4!important;border-color:var(--ed-line)!important;font-size:9px!important}.filter-tool{height:36px!important;width:36px!important;border-radius:6px!important;background:#fffaf4!important;border-color:var(--ed-line)!important}
.orders-workbench table{width:100%!important;border-collapse:collapse!important}.orders-workbench th{height:39px!important;padding:9px 12px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--ed-line)!important;color:#6d6761!important;font-size:7.5px!important;letter-spacing:.5px!important}.orders-workbench td{padding:14px 12px!important;background:transparent!important;border:0!important;border-bottom:1px solid #eee8e0!important;color:#3f3a35!important;line-height:1.45!important}.orders-workbench tr:hover td{background:#fbf7f0!important}.orders-workbench td>b,.order-number{font-size:10.5px!important;color:#181a19!important}.orders-workbench td small,.order-date,.order-time{font-size:8px!important;color:#837c75!important}.catitem b{font-size:9.2px!important;color:#282522!important}.catitem span,.service-row{font-size:8px!important}.payment-summary .money-cell{font-size:9.8px!important}.badge{padding:5px 9px!important;border-radius:6px!important;font-size:7.4px!important;font-weight:600!important}.orders-pagination{background:transparent!important;border-top:0!important}
.rail-card{border:1px solid var(--ed-line)!important;border-radius:8px!important;background:var(--ed-paper)!important;box-shadow:none!important;overflow:hidden!important}.rail-title{min-height:48px!important;padding:14px 16px!important;border-bottom:1px solid var(--ed-line)!important}.rail-title b{font-family:Georgia,'Times New Roman',serif!important;font-size:14px!important;font-weight:400!important;color:#1c1a18!important}.pickups{order:1!important}.financial-rail{order:2!important}.quick-actions{order:3!important}.rail-signature{display:none!important}.pickups #upcomingPickups{min-height:145px!important}.pickup-item{padding:11px 14px!important}.rail-highlight{display:none!important}.rail-row{padding:13px 16px!important;font-size:8.5px!important}.rail-row b{font-size:9.3px!important}.rail-row.due b{color:var(--ed-red)!important}.quick-actions button{min-height:42px!important;padding:8px 14px!important}.quick-actions .qa-icon{width:23px!important;height:23px!important;background:transparent!important;color:#8f6734!important}.quick-actions button b{font-size:8.8px!important}.quick-actions button small{display:none!important}.crm-dashboard-footer{margin-top:10px!important;color:#aaa197!important}
@media(max-width:1280px) and (min-width:901px){.side{width:184px!important;min-width:184px!important;max-width:184px!important}.main{margin-left:184px!important;width:calc(100vw - 184px)!important;padding:20px 14px 12px!important}.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 210px!important}.dashboard-rail{width:210px!important;min-width:210px!important;max-width:210px!important}.global-search{width:245px!important}.premium-kpis .stat{padding:18px 16px!important}.premium-kpis .stat b{font-size:24px!important}.dashboard-greeting h1{font-size:24px!important}}
@media(max-width:900px){.side{width:244px!important;min-width:244px!important;max-width:244px!important}.main{margin-left:0!important;width:100%!important;padding:72px 12px 18px!important}.orders-dashboard-grid{grid-template-columns:1fr!important}.dashboard-rail{width:100%!important;min-width:0!important;max-width:none!important}.premium-kpis{grid-template-columns:repeat(2,1fr)!important}.premium-kpis .stat:nth-child(2){border-right:0!important}.premium-kpis .stat:nth-child(-n+2){border-bottom:1px solid var(--ed-line)!important}.global-search{display:none!important}}

/* ================================================================
   EDITORIAL ATELIER — SHIP / 1366×768 PRODUCTION POLISH
   Single canonical override. Fixes KPI overflow, sidebar scroll state,
   table legibility and the approved editorial hierarchy.
   ================================================================ */
[hidden],.sr-only{display:none!important}
:root{
  --ship-bg:#f7f3ed;--ship-paper:#fffdf9;--ship-ink:#181918;--ship-muted:#766f67;
  --ship-line:#e7ded2;--ship-gold:#b48743;--ship-side:#171b1c;--ship-green:#2f6b4f;--ship-red:#a8463c
}
@media (min-width:901px){
  .side{width:190px!important;min-width:190px!important;max-width:190px!important;height:100dvh!important;overflow:hidden!important}
  .main{margin-left:190px!important;width:calc(100vw - 190px)!important;padding:22px 20px 12px!important}
  .premium-side-brand{height:166px!important;min-height:166px!important;box-sizing:border-box!important;padding:18px 14px 14px!important}
  .brand-emblem{width:32px!important;height:32px!important;margin:0 auto 5px!important}
  .premium-side-brand .logo{font-size:15px!important;line-height:1.05!important;letter-spacing:1.8px!important}
  .brand-monogram{font-size:27px!important;line-height:.95!important;margin:3px 0 4px!important}
  .premium-side-brand .sub{font-size:5.7px!important;letter-spacing:2.2px!important;margin-top:5px!important}
  .brand-rule{margin:8px auto 5px!important}.side-brand-note{font-size:5.3px!important;letter-spacing:1.15px!important}
  .luxury-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:7px 8px 70px!important;scrollbar-width:thin!important}
  .luxury-nav button{height:34px!important;min-height:34px!important;margin:1px 0!important;padding:0 10px!important;border-radius:5px!important;gap:9px!important}
  .luxury-nav .nav-icon{width:17px!important;height:17px!important;flex-basis:17px!important}.luxury-nav .nav-icon svg{width:17px!important;height:17px!important}
  .luxury-nav .navcopy b{font-size:9px!important;letter-spacing:.05px!important}.nav-group{font-size:6px!important;margin:10px 10px 5px!important;letter-spacing:1.2px!important}
  .side-profile-reference{position:absolute!important;left:9px!important;right:9px!important;bottom:9px!important;height:54px!important;min-height:54px!important;padding:8px 10px!important;border-radius:9px!important;background:#111516!important;border:1px solid rgba(255,255,255,.06)!important;color:#fff!important;z-index:4!important}
  .side-profile-reference .profile-avatar{width:32px!important;height:32px!important}.side-profile-reference b{font-size:8.5px!important}.side-profile-reference small{font-size:6.4px!important;color:#a9aaa6!important}
}
body,.main{background:var(--ship-bg)!important}
.dashboard-topbar{min-height:72px!important;margin:0 0 16px!important;align-items:flex-start!important}
.dashboard-greeting h1{font-size:28px!important;line-height:1.08!important;letter-spacing:-.7px!important}.dashboard-greeting p{font-size:9px!important;margin-top:7px!important}
.dashboard-tools{padding-top:1px!important;gap:8px!important}.global-search{width:320px!important;height:42px!important}.round-tool{width:42px!important;height:42px!important;flex:0 0 42px!important}.round-tool.dark.new-order-top{width:150px!important;flex-basis:150px!important;height:44px!important}
.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 220px!important;gap:14px!important;align-items:start!important}.dashboard-rail{width:220px!important;min-width:220px!important;max-width:220px!important;gap:12px!important}
#orders .premium-kpis.editorial-kpis{display:grid!important;grid-template-columns:1fr 1.12fr 1fr .9fr!important;height:122px!important;min-height:122px!important;margin:0 0 16px!important;border-radius:10px!important;background:var(--ship-paper)!important;border:1px solid var(--ship-line)!important;overflow:hidden!important}
#orders .premium-kpis.editorial-kpis .stat{height:120px!important;min-height:120px!important;padding:19px 26px 16px!important;display:flex!important;align-items:flex-start!important;overflow:hidden!important;border:0!important;border-right:1px solid var(--ship-line)!important;background:transparent!important}
#orders .premium-kpis.editorial-kpis .stat:last-child{border-right:0!important}
#orders .premium-kpis.editorial-kpis .stat>div{min-width:0!important;width:100%!important}
#orders .premium-kpis.editorial-kpis small{display:block!important;font-size:7.5px!important;line-height:1.2!important;letter-spacing:.48px!important;color:#403b36!important;text-transform:uppercase!important;white-space:nowrap!important}
#orders .premium-kpis.editorial-kpis b{display:block!important;margin:13px 0 0!important;font-family:Georgia,'Times New Roman',serif!important;font-size:29px!important;line-height:1!important;font-weight:400!important;letter-spacing:-.8px!important;white-space:nowrap!important;color:#111!important}
#orders .premium-kpis.editorial-kpis .kpi-trend{display:block!important;margin-top:9px!important;font-size:8px!important;line-height:1.2!important;white-space:nowrap!important;color:#956a31!important}
#orders .premium-kpis.editorial-kpis .kpi-due .due-count{color:var(--ship-red)!important}
#orders .premium-kpis.editorial-kpis .sr-only{display:none!important}
.orders-workbench{border-radius:10px!important;border-color:var(--ship-line)!important;overflow:hidden!important}
.orders-workbench .search.orders-search{height:62px!important;min-height:62px!important;padding:11px 14px!important;border-bottom:1px solid var(--ship-line)!important;display:flex!important;align-items:center!important;gap:8px!important}
.orders-search:before{font-size:19px!important;min-width:0!important;flex:1 1 auto!important;line-height:1!important}
.orders-search select{margin-left:auto!important;width:142px!important;height:36px!important;font-size:9px!important}.filter-tool{width:36px!important;height:36px!important;flex:0 0 36px!important}
#orders .tablewrap{overflow-x:hidden!important}
#orders .orders-desktop table{table-layout:fixed!important;width:100%!important;min-width:0!important}
#orders .orders-desktop th,#orders .orders-desktop td{box-sizing:border-box!important;vertical-align:top!important}
#orders .orders-desktop th{height:38px!important;padding:10px 8px!important;font-size:7.5px!important;letter-spacing:.42px!important;white-space:nowrap!important}
#orders .orders-desktop td{padding:12px 8px!important;font-size:9px!important;line-height:1.38!important;overflow-wrap:anywhere!important}
#orders .orders-desktop th:nth-child(1),#orders .orders-desktop td:nth-child(1){width:11%!important}
#orders .orders-desktop th:nth-child(2),#orders .orders-desktop td:nth-child(2){width:15%!important}
#orders .orders-desktop th:nth-child(3),#orders .orders-desktop td:nth-child(3){width:15%!important}
#orders .orders-desktop th:nth-child(4),#orders .orders-desktop td:nth-child(4){width:22%!important}
#orders .orders-desktop th:nth-child(5),#orders .orders-desktop td:nth-child(5){width:10%!important}
#orders .orders-desktop th:nth-child(6),#orders .orders-desktop td:nth-child(6){width:11%!important}
#orders .orders-desktop th:nth-child(7),#orders .orders-desktop td:nth-child(7){width:10%!important}
#orders .orders-desktop th:nth-child(8),#orders .orders-desktop td:nth-child(8){width:6%!important;text-align:center!important}
#orders .orders-desktop td>b,#orders .orders-desktop .order-number{font-size:11px!important;line-height:1.15!important}
#orders .orders-desktop td small,#orders .orders-desktop .order-date,#orders .orders-desktop .order-time{font-size:7.4px!important;line-height:1.3!important}
#orders .orders-desktop .catitem b{font-size:8.8px!important}.orders-workbench .service-row,.orders-workbench .catitem span{font-size:8.2px!important;line-height:1.35!important}
#orders .orders-desktop .badge{font-size:7.4px!important;padding:5px 8px!important;white-space:nowrap!important}.orders-pagination{min-height:48px!important;padding:8px 12px!important}
.rail-card{border-radius:10px!important}.rail-title{min-height:46px!important;padding:13px 15px!important}.rail-title b{font-size:13.5px!important}.pickups #upcomingPickups{min-height:0!important}.pickup-row{min-height:54px!important;padding:9px 12px!important;gap:8px!important}.pickup-row b{font-size:8.5px!important}.pickup-row small{font-size:6.8px!important}.pickup-row>span{font-size:6.8px!important}
.financial-rail .rail-row{min-height:40px!important;padding:11px 14px!important;font-size:8.2px!important}.financial-rail .rail-row b{font-size:8.8px!important}
.quick-actions button{min-height:38px!important;padding:7px 13px!important;grid-template-columns:22px 1fr 10px!important;gap:8px!important}.quick-actions .qa-icon{width:20px!important;height:20px!important}.quick-actions .qa-icon svg{width:15px!important;height:15px!important}.quick-actions button b{font-size:8.4px!important}
.crm-dashboard-footer{padding:8px 1px 0!important;margin-top:5px!important;font-size:7.2px!important}
@media (min-width:901px) and (max-width:1420px){
  .main{padding:18px 14px 10px!important}.dashboard-topbar{min-height:64px!important;margin-bottom:14px!important}.dashboard-greeting h1{font-size:26px!important}.global-search{width:310px!important}
  .orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 214px!important;gap:12px!important}.dashboard-rail{width:214px!important;min-width:214px!important;max-width:214px!important}
  #orders .premium-kpis.editorial-kpis{height:108px!important;min-height:108px!important;margin-bottom:13px!important}#orders .premium-kpis.editorial-kpis .stat{height:106px!important;min-height:106px!important;padding:16px 20px 13px!important}#orders .premium-kpis.editorial-kpis b{font-size:27px!important;margin-top:11px!important}#orders .premium-kpis.editorial-kpis .kpi-trend{margin-top:7px!important}
  .orders-workbench .search.orders-search{height:57px!important;min-height:57px!important}.orders-search:before{font-size:18px!important}
  #orders .orders-desktop td{padding:10px 7px!important}.pickup-row{min-height:50px!important;padding:8px 11px!important}.quick-actions button{min-height:35px!important}
}
@media (max-width:1120px) and (min-width:901px){.global-search{width:235px!important}.round-tool.dark.new-order-top{width:132px!important;flex-basis:132px!important}.orders-dashboard-grid{grid-template-columns:minmax(0,1fr) 198px!important}.dashboard-rail{width:198px!important;min-width:198px!important;max-width:198px!important}#orders .premium-kpis.editorial-kpis .stat{padding-left:14px!important;padding-right:14px!important}#orders .premium-kpis.editorial-kpis b{font-size:24px!important}}
@media(max-width:900px){#orders .premium-kpis.editorial-kpis{grid-template-columns:1fr 1fr!important;height:auto!important}#orders .premium-kpis.editorial-kpis .stat{height:104px!important;min-height:104px!important;border-bottom:1px solid var(--ship-line)!important}#orders .premium-kpis.editorial-kpis .stat:nth-child(2){border-right:0!important}#orders .premium-kpis.editorial-kpis .stat:nth-child(n+3){border-bottom:0!important}.orders-dashboard-grid{grid-template-columns:1fr!important}.dashboard-rail{width:100%!important;min-width:0!important;max-width:none!important}}

/* ===== ELEVEN MOCKUP MATCH — 2026-08-30 ===== */
:root{--mock-green:#073b31;--mock-green2:#0a2f28;--mock-cream:#f8f4ee;--mock-paper:#fffdf9;--mock-gold:#b88b45;--mock-line:#e7dfd4;--mock-ink:#111;--mock-muted:#77716a}
body{background:var(--mock-cream)!important;font-family:Inter,Arial,sans-serif!important}
.side{width:286px!important;min-width:286px!important;max-width:286px!important;background:linear-gradient(180deg,#073b31 0%,#07352d 72%,#082f29 100%)!important;box-shadow:none!important;overflow:hidden!important}
.main{margin-left:286px!important;width:calc(100vw - 286px)!important;padding:34px 34px 18px!important;background:radial-gradient(circle at 76% 5%,rgba(255,255,255,.9),transparent 26%),var(--mock-cream)!important}
.premium-side-brand{height:auto!important;padding:34px 42px 28px!important;border:0!important;text-align:left!important;align-items:flex-start!important}.premium-side-brand .logo{font-family:Georgia,'Times New Roman',serif!important;font-size:34px!important;font-weight:500!important;color:#fff!important;letter-spacing:-1px!important}.premium-side-brand .sub{font-size:12px!important;letter-spacing:3px!important;color:#e2b567!important;margin-top:7px!important}
.luxury-nav{padding:6px 24px 210px!important;overflow:auto!important}.luxury-nav button{height:64px!important;min-height:64px!important;margin:0 0 2px!important;padding:0 18px!important;border-radius:12px!important;gap:15px!important;color:#fff!important;opacity:.95!important;border:1px solid transparent!important}.luxury-nav button:hover{background:rgba(255,255,255,.05)!important}.luxury-nav button.active{background:rgba(255,248,222,.15)!important;border-color:rgba(224,184,109,.45)!important;color:#fff!important}.luxury-nav .nav-icon{width:27px!important;height:27px!important;flex:0 0 27px!important;color:#e8c37f!important}.luxury-nav .nav-icon svg{width:25px!important;height:25px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}.luxury-nav .navcopy b{font-size:16px!important;font-weight:500!important}.luxury-nav .navcopy small,.nav-group{display:none!important}.luxury-nav .nav-logout{margin-top:18px!important;border-color:#b88b45!important;color:#f0c67e!important}.side-profile-reference{display:none!important}
.side:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:195px;background:url('../img/mannequin.png') left bottom/115px auto no-repeat,url('../img/atelier-sewing-decor.png') right bottom/145px auto no-repeat;opacity:.72;pointer-events:none}
#orders{max-width:none!important;margin:0!important}.dashboard-topbar{min-height:78px!important;margin:0 0 18px!important;padding:0 6px 17px!important;border-bottom:1px solid var(--mock-line)!important;align-items:center!important}.dashboard-greeting h1{font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-size:38px!important;font-weight:400!important;color:#151515!important;letter-spacing:-1px!important}.dashboard-greeting p{font-size:14px!important;color:var(--mock-muted)!important;margin-top:5px!important}.dashboard-user{display:flex;align-items:center;gap:12px;color:#222}.dashboard-user small,.dashboard-user b{display:block;font-size:13px}.dashboard-user b{margin-top:3px}.user-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#0b3b31;color:#fff;font-size:15px}.user-bell{border:0;background:transparent;font-size:23px;cursor:pointer}
.orders-dashboard-grid{display:block!important}.dashboard-center{width:100%!important}.dashboard-rail{display:none!important}
#orders .premium-kpis.editorial-kpis{display:grid!important;grid-template-columns:repeat(4,1fr)!important;height:auto!important;min-height:0!important;margin:0 0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;gap:18px!important;overflow:visible!important}
#orders .premium-kpis.editorial-kpis .stat{height:136px!important;min-height:136px!important;padding:25px 24px!important;border:1px solid var(--mock-line)!important;border-radius:12px!important;background:rgba(255,253,249,.96)!important;box-shadow:0 5px 18px rgba(62,46,29,.06)!important;display:flex!important;align-items:center!important;gap:20px!important}
#orders .premium-kpis.editorial-kpis .stat>div{width:auto!important}.kpi-icon{display:grid!important;place-items:center!important;width:58px;height:58px;flex:0 0 58px;border-radius:50%;background:#f4ead9;color:#9c7135;font-size:27px}.kpi-icon.green{background:#dce8d6;color:#1d5b3b}#orders .premium-kpis.editorial-kpis small{font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:#4d4842!important}#orders .premium-kpis.editorial-kpis b{font-family:Arial,sans-serif!important;font-size:27px!important;font-weight:700!important;margin:8px 0 0!important;letter-spacing:0!important}#orders .premium-kpis.editorial-kpis .kpi-trend{font-size:12px!important;color:#827b74!important;margin-top:7px!important}
#orders .today-strip.premium-ops-strip{display:grid!important;grid-template-columns:240px 210px 190px 1fr!important;align-items:center!important;gap:12px!important;min-height:104px!important;margin:0 0 18px!important;padding:18px 20px!important;border:1px solid var(--mock-line)!important;border-radius:12px!important;background:rgba(255,253,249,.96)!important;color:#111!important;box-shadow:0 5px 18px rgba(62,46,29,.05)!important}.today-main-info{padding-left:68px!important;position:relative}.today-main-info:before{content:'▣';position:absolute;left:0;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:12px;display:grid;place-items:center;background:#0b3b31;color:#fff;font-size:25px}.today-main-info strong{font-size:14px!important}.today-main-info span{font-size:12px!important;color:#555!important}.cash-register-art{display:none!important}.cash-strip-control{background:#0b3b31!important;border-radius:10px!important;padding:9px!important}.cash-strip-btn{width:100%!important;background:transparent!important;color:#fff!important;border:0!important;font-weight:600!important}.strip-balances{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.strip-bal{padding:12px!important;border-radius:9px!important;background:#eef2e7!important}.strip-bal.acc{background:#f6ead7!important}.strip-bal-label{font-size:10px!important}.strip-bal b{font-size:17px!important}.today-metrics{display:flex!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}.mini-pill{background:#f7f3ed!important;color:#333!important;border:1px solid #e7dfd4!important;padding:9px 11px!important}.mini-pill b{color:#222!important}
.orders-workbench{border:1px solid var(--mock-line)!important;border-radius:14px!important;background:rgba(255,253,249,.98)!important;box-shadow:0 6px 20px rgba(62,46,29,.06)!important;padding:14px!important}.orders-workbench .search.orders-search{height:58px!important;min-height:58px!important;padding:0!important;display:flex!important;gap:10px!important;border:0!important}.orders-search:before{display:none!important}.orders-search .new-order-inline{display:inline-flex!important;height:44px!important;border-radius:9px!important;background:linear-gradient(135deg,#bd8a36,#a97628)!important;border:0!important;color:#fff!important;padding:0 18px!important}.orders-search .order-search-wrap{display:flex!important;flex:1!important;position:relative!important}.order-search-wrap>span{position:absolute;right:14px;left:auto!important;top:11px;color:#999}.orders-search .order-search-wrap input{height:44px!important;border:1px solid var(--mock-line)!important;border-radius:9px!important;background:#fff!important;padding:0 42px 0 14px!important}.orders-search select{height:44px!important;width:170px!important;border-radius:9px!important;background:#fff!important;font-size:12px!important}.filter-tool{display:none!important}
#orders .tablewrap{max-height:520px!important;border:1px solid var(--mock-line)!important;border-radius:10px!important;overflow:auto!important}#orders .orders-desktop th{height:42px!important;padding:11px 10px!important;background:#f8f5f0!important;color:#6d6258!important;font-size:9px!important;letter-spacing:.55px!important}#orders .orders-desktop td{padding:14px 10px!important;font-size:12px!important;line-height:1.35!important;border-bottom:1px solid #eee7de!important}#orders .orders-desktop td>b,#orders .orders-desktop .order-number{font-size:13px!important}#orders .orders-desktop td small,#orders .orders-desktop .order-date,#orders .orders-desktop .order-time{font-size:10px!important}.orders-pagination{font-size:11px!important}.crm-dashboard-footer{font-size:11px!important;text-align:center!important;color:#9a8062!important;justify-content:center!important;padding-top:18px!important}.crm-dashboard-footer span:last-child{display:none!important}
@media(max-width:1100px) and (min-width:901px){.side{width:230px!important;min-width:230px!important;max-width:230px!important}.main{margin-left:230px!important;width:calc(100vw - 230px)!important;padding:22px 18px!important}#orders .premium-kpis.editorial-kpis{gap:10px!important}#orders .premium-kpis.editorial-kpis .stat{padding:18px 14px!important;gap:10px!important}.kpi-icon{width:44px;height:44px;flex-basis:44px}.today-strip.premium-ops-strip{grid-template-columns:1fr 1fr!important}}
@media(max-width:900px){.side{width:260px!important;min-width:260px!important;max-width:260px!important}.main{margin-left:0!important;width:100%!important;padding:72px 12px 18px!important}#orders .premium-kpis.editorial-kpis{grid-template-columns:1fr 1fr!important}.dashboard-user{display:none!important}#orders .today-strip.premium-ops-strip{grid-template-columns:1fr!important}.side:after{display:none}.orders-search .new-order-inline{font-size:0!important}.orders-search .new-order-inline:after{content:'＋';font-size:20px}.orders-search select{width:130px!important}}

/* === SIDEBAR NAV POSITION FIX 2026-08-30 ===
   Keep section labels slightly higher and prevent the sidebar navigation
   from retaining/creating its own scroll position on desktop. */
@media (min-width:901px){
  .side{
    overflow:hidden!important;
  }
  .premium-side-brand{
    padding-top:28px!important;
    padding-bottom:20px!important;
  }
  .luxury-nav{
    position:relative!important;
    z-index:3!important;
    flex:0 0 auto!important;
    overflow:visible!important;
    padding:0 24px!important;
    transform:translateY(-6px)!important;
    scrollbar-width:none!important;
  }
  .luxury-nav::-webkit-scrollbar{display:none!important;}
  .luxury-nav button{
    height:50px!important;
    min-height:50px!important;
    margin:0 0 2px!important;
  }
  .luxury-nav .nav-logout{
    margin-top:10px!important;
  }
  .side:after{
    z-index:1!important;
    height:160px!important;
  }
}

/* === FINAL DESKTOP SIDEBAR LOCK — 2026-08-30 === */
@media (min-width:901px){
  .side{
    position:fixed!important;
    top:0!important;bottom:0!important;left:0!important;
    height:100vh!important;height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .premium-side-brand{
    flex:0 0 auto!important;
    padding-top:26px!important;
    padding-bottom:14px!important;
  }
  .luxury-nav{
    position:absolute!important;
    top:168px!important;
    left:0!important;right:0!important;
    bottom:auto!important;
    height:auto!important;max-height:none!important;
    padding:0 24px!important;
    margin:0!important;
    transform:none!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    scrollbar-width:none!important;
    z-index:4!important;
  }
  .luxury-nav button{
    height:43px!important;
    min-height:43px!important;
    margin:0 0 1px!important;
    padding:0 18px!important;
  }
  .luxury-nav .nav-logout{margin-top:8px!important;}
  .side:after{z-index:1!important;}
}

/* =============================================================
   PAYMENT CELL OVERFLOW GUARD — 2026-08-30
   Keeps amount/payment state inside the fixed orders table column.
   ============================================================= */
#orders .orders-desktop td.payment-summary{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
#orders .orders-desktop td.payment-summary .payment-main-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  min-width:0!important;
  max-width:100%!important;
}
#orders .orders-desktop td.payment-summary .money-cell{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
#orders .orders-desktop td.payment-summary .payment-state,
#orders .orders-desktop td.payment-summary .paid-ok{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:3px!important;
  min-width:0!important;
  max-width:100%!important;
  margin-top:1px!important;
}
#orders .orders-desktop td.payment-summary .payment-state small,
#orders .orders-desktop td.payment-summary .paid-ok small,
#orders .orders-desktop td.payment-summary .payment-advance{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.25!important;
}
#orders .orders-desktop td.payment-summary .payment-clock,
#orders .orders-desktop td.payment-summary .paid-check{
  flex:0 0 auto!important;
}


/* ===== Alfa-Bank page v0.6.8 ===== */
.bank-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.bank-toolbar .input{flex:1;min-width:280px}.bank-check{display:flex;align-items:center;gap:7px;font-size:13px;color:#6f675f;white-space:nowrap}.bank-check input{width:17px;height:17px;accent-color:#b87816}.bank-status-line{font-size:12px;color:#81766c;margin:6px 0 12px}.bank-table-wrap{overflow:auto}.bank-table{width:100%;border-collapse:collapse;table-layout:fixed}.bank-table th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#9a866f;text-align:left;padding:10px;border-bottom:1px solid #eadfce}.bank-table td{padding:13px 10px;border-bottom:1px solid #eee5da;vertical-align:top;font-size:13px;color:#38322c}.bank-table td small{display:block;color:#8b8178;margin-top:4px;font-size:11px}.bank-table th:nth-child(1){width:17%}.bank-table th:nth-child(2){width:21%}.bank-table th:nth-child(3){width:33%}.bank-table th:nth-child(4){width:14%}.bank-table th:nth-child(5){width:15%}.bank-purpose{line-height:1.4;word-break:break-word}.bank-amount{font-weight:800;color:#267044!important;white-space:nowrap}.bank-linked{display:inline-flex;align-items:center;gap:5px;color:#267044;font-weight:700;font-size:12px}.bank-link-btn{padding:7px 10px!important;font-size:12px!important}.bank-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:12px;color:#81766c}.bank-pagination .btn{padding:7px 11px}.bank-pagination .btn:disabled{opacity:.35;cursor:default}.bank-link-summary{margin-top:16px;padding:14px;border:1px solid #ead8bc;background:#fffaf2;border-radius:12px;color:#5b4b3e;line-height:1.5}.bank-link-summary b{font-size:22px;color:#267044}.bank-link-note{margin-top:12px;font-size:12px;color:#8a7560;line-height:1.45;padding:10px 12px;background:#faf5ed;border-radius:10px}@media(max-width:900px){.bank-stats{grid-template-columns:repeat(2,1fr)!important}.bank-table{min-width:850px}}
.bank-amount.bank-debit{color:#9a4a3c!important}.bank-debit-label{display:inline-flex;color:#8c7566;font-weight:700;font-size:12px}
.bank-action-stack{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.bank-apply-btn{padding:7px 10px!important;font-size:12px!important}.bank-apply-order{margin-top:10px;padding-top:10px;border-top:1px solid #ead8bc;font-size:13px;font-weight:700;color:#5b4b3e}

/* =============================================================
   SIDEBAR PROFESSIONAL FOOTER FIX — v0.7.8 / 2026-09-02
   Navigation scrolls independently; Logout is always visible.
   ============================================================= */
.side{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.premium-side-brand{
  flex:0 0 auto!important;
}
.luxury-nav{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding:0 24px 14px!important;
  margin:0!important;
  transform:none!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(226,181,103,.35) transparent!important;
  z-index:4!important;
}
.luxury-nav::-webkit-scrollbar{width:4px!important;display:block!important}
.luxury-nav::-webkit-scrollbar-track{background:transparent!important}
.luxury-nav::-webkit-scrollbar-thumb{background:rgba(226,181,103,.28)!important;border-radius:99px!important}
.side-footer{
  position:relative!important;
  flex:0 0 auto!important;
  z-index:8!important;
  padding:10px 24px 16px!important;
  margin:0!important;
  background:linear-gradient(180deg,rgba(7,53,45,.90) 0%,#082f29 32%,#082f29 100%)!important;
  border-top:1px solid rgba(226,181,103,.18)!important;
  box-shadow:0 -12px 24px rgba(4,28,24,.18)!important;
}
.side-footer .nav-logout{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 18px!important;
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr)!important;
  align-items:center!important;
  gap:15px!important;
  border:1px solid #b88b45!important;
  border-radius:12px!important;
  background:rgba(255,248,222,.07)!important;
  color:#f0c67e!important;
  cursor:pointer!important;
  text-align:left!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.side-footer .nav-logout:hover{
  background:rgba(255,248,222,.14)!important;
  border-color:#d2a75f!important;
}
.side-footer .nav-logout:active{transform:translateY(1px)!important}
.side-footer .nav-icon{
  width:27px!important;height:27px!important;color:#e8c37f!important;
  display:grid!important;place-items:center!important;
}
.side-footer .nav-icon svg{
  width:25px!important;height:25px!important;stroke:currentColor!important;fill:none!important;
  stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.side-footer .navcopy b{font-size:16px!important;font-weight:500!important;color:inherit!important}
@media (min-width:901px){
  .side{height:100vh!important;height:100dvh!important}
  .luxury-nav button{flex:0 0 auto!important}
  .side:after{bottom:64px!important;height:118px!important;opacity:.48!important}
}
@media (max-width:900px){
  .side-footer{padding:10px 18px 14px!important}
  .luxury-nav{padding:8px 18px 12px!important}
}


/* ===== Eleven Autumn Login 2026 — premium seasonal login only ===== */
#welcomeGate{
  background:
    radial-gradient(780px 520px at 12% 10%, rgba(162,105,56,.18), transparent 62%),
    radial-gradient(620px 460px at 86% 88%, rgba(93,104,69,.16), transparent 62%),
    linear-gradient(135deg,#efe5d5 0%,#f6efe5 46%,#e9dcc8 100%) !important;
}
#welcomeGate::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:
    linear-gradient(115deg, transparent 0 48%, rgba(114,76,42,.045) 49% 50%, transparent 51% 100%),
    linear-gradient(25deg, transparent 0 48%, rgba(91,101,67,.035) 49% 50%, transparent 51% 100%);
  background-size:180px 180px,220px 220px;
}
#welcomeGate .wg-float{opacity:.08!important;filter:none!important;animation-duration:12s!important}
#welcomeGate .wg-float *{stroke:#8a6947!important}
#welcomeGate .wg-card{
  width:min(510px,calc(100vw - 36px));
  background:linear-gradient(180deg,rgba(255,252,247,.97),rgba(249,244,236,.98))!important;
  border:1px solid rgba(145,101,59,.22)!important;
  border-radius:30px!important;
  box-shadow:0 30px 80px rgba(74,52,30,.17),0 2px 0 rgba(255,255,255,.85) inset!important;
  padding:32px 34px 30px!important;
}
#welcomeGate .wg-card::before{
  content:"ОСЕНЬ · 2026";display:block;width:max-content;margin:0 auto 12px;
  padding:5px 10px;border-radius:999px;border:1px solid rgba(151,96,46,.22);
  background:rgba(161,105,51,.07);color:#8a5a2c;font:700 9px/1 Inter,system-ui,sans-serif;
  letter-spacing:.22em;
}
#welcomeGate .wg-logo-wrap{
  width:72px!important;height:72px!important;margin-bottom:14px!important;
  background:linear-gradient(145deg,#f6ead7,#e7d1ae)!important;
  border:1px solid rgba(154,103,54,.48)!important;
  box-shadow:0 12px 30px rgba(105,70,36,.14)!important;
}
#welcomeGate .wg-monogram{
  font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:700;
  color:#5b3c24;letter-spacing:.05em;
}
#welcomeGate .wg-brand{
  color:#4f331f!important;font-family:Georgia,"Times New Roman",serif!important;
  font-size:34px!important;letter-spacing:-.02em!important;
}
#welcomeGate .wg-brand-sub{
  color:#8b6847!important;font-size:11px!important;letter-spacing:.26em!important;
  margin-bottom:18px!important;
}
#welcomeGate .wg-greetings{
  height:auto!important;min-height:58px!important;margin:0 0 18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
#welcomeGate .wg-bubble{display:none!important}
#welcomeGate .wg-b-main{
  display:inline-flex!important;position:static!important;transform:none!important;
  padding:10px 18px!important;border-radius:999px!important;
  color:#5f432c!important;background:linear-gradient(180deg,#f4e5cf,#ecd8bc)!important;
  border:1px solid rgba(151,99,49,.22)!important;
  box-shadow:0 8px 20px rgba(115,77,40,.09)!important;
  font-family:Georgia,"Times New Roman",serif!important;font-style:italic!important;
  font-size:17px!important;animation:none!important;
}
#welcomeGate .wg-label{color:#6b5746!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase}
#welcomeGate .wg-pass-wrap input{
  min-height:54px;background:#fffdf9!important;border:1px solid #d8c5ad!important;
  border-radius:16px!important;color:#3d2d21!important;
  box-shadow:0 4px 12px rgba(77,53,30,.035) inset;
}
#welcomeGate .wg-pass-wrap input:focus{
  border-color:#9f6b38!important;box-shadow:0 0 0 4px rgba(159,107,56,.11)!important;
}
#welcomeGate .wg-eye{background:#f3e8da!important;color:#6b4b31!important;border-radius:12px!important}
#welcomeGate .wg-enter{
  min-height:52px;border-radius:16px!important;
  background:linear-gradient(180deg,#704825,#56351d)!important;
  box-shadow:0 12px 26px rgba(91,56,29,.22)!important;letter-spacing:.02em!important;
}
#welcomeGate .wg-enter:hover{background:linear-gradient(180deg,#7d512a,#603b20)!important}
#welcomeGate .wg-hint{color:#8d7c6e!important;margin-top:16px!important}
#welcomeGate #wgShowPassBtn{
  border-color:#d8c5ad!important;background:#fffaf3!important;color:#6a4c34!important;
  border-radius:12px!important;box-shadow:0 4px 14px rgba(87,60,34,.06)!important;
}
#welcomeGate .wg-card>p{color:#9a897b!important}
@media(max-height:760px){
  #welcomeGate .wg-card{padding:22px 28px 20px!important}
  #welcomeGate .wg-logo-wrap{width:58px!important;height:58px!important;margin-bottom:8px!important}
  #welcomeGate .wg-monogram{font-size:22px!important}
  #welcomeGate .wg-brand{font-size:29px!important}
  #welcomeGate .wg-brand-sub{margin-bottom:10px!important}
  #welcomeGate .wg-greetings{min-height:44px!important;margin-bottom:10px!important}
}
/* v0.7.11 SMS journal restore */
.sms-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.sms-kpi{padding:18px 20px}.sms-kpi small{display:block;color:#87796d;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sms-kpi b{display:block;font-family:Georgia,serif;font-size:28px;margin:7px 0 3px;color:#2d2925}.sms-kpi span{font-size:12px;color:#8b8178}.sms-kpi.ok b{color:#216e4d}.sms-kpi.wait b{color:#a36b12}.sms-kpi.bad b{color:#a23c35}.sms-journal-card{padding:16px}.sms-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px;gap:12px;margin-bottom:10px}.sms-toolbar select{border:1px solid #ded2c3;border-radius:12px;background:#fff;padding:0 12px;min-height:44px}.sms-status-line{font-size:12px;color:#85796e;margin:8px 2px 12px}.sms-table{width:100%;border-collapse:collapse}.sms-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#756b62;background:#f8f4ee}.sms-table th,.sms-table td{padding:12px 10px;border-bottom:1px solid #ece4da;text-align:left;vertical-align:top}.sms-body{max-width:520px;line-height:1.4}.sms-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.sms-badge.sent{background:#e8f5ec;color:#217346}.sms-badge.queued,.sms-badge.processing{background:#fff3d9;color:#926312}.sms-badge.failed{background:#fde9e7;color:#a13b34}.sms-error{margin-top:5px;font-size:11px;color:#a13b34}.sms-empty{text-align:center!important;padding:28px!important;color:#8a8179}@media(max-width:900px){.sms-kpis{grid-template-columns:repeat(2,1fr)}.sms-toolbar{grid-template-columns:1fr}}

/* Phase 5.5.2 FINAL — order table text containment.
   Text columns may grow vertically but may never paint over a neighbour. */
#orders .orders-desktop tbody tr{height:auto!important;min-height:0!important}
#orders .orders-desktop th,
#orders .orders-desktop td{min-width:0!important;box-sizing:border-box!important}
#orders .orders-desktop td:nth-child(-n+7){
  overflow:hidden!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  text-overflow:clip!important;
}
#orders .orders-desktop td:nth-child(-n+7)>*,
#orders .orders-desktop .catitem,
#orders .orders-desktop .service-row,
#orders .orders-desktop .payment-main-row{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#orders .orders-desktop .catitem span,
#orders .orders-desktop .catitem b,
#orders .orders-desktop .service-row span,
#orders .orders-desktop td:nth-child(2)>b,
#orders .orders-desktop td:nth-child(2)>small,
#orders .orders-desktop td:nth-child(5)>b,
#orders .orders-desktop td:nth-child(5)>small,
#orders .orders-desktop .payment-summary small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  max-width:100%!important;
}
#orders .orders-desktop .badge{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  text-align:center!important;
}
/* The actions cell is deliberately excluded so its dropdown can escape the cell. */
#orders .orders-desktop td.action-cell{overflow:visible!important;white-space:normal!important}

/* Phase 5.5.4 — every order status must stay inside the STATUS cell. */
#orders .orders-desktop td:nth-child(7){
  overflow:hidden!important;
  text-align:center!important;
  white-space:normal!important;
}
#orders .orders-desktop td:nth-child(7) .badge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:5px 4px!important;
  margin:0!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:auto!important;
  line-height:1.18!important;
  text-align:center!important;
}
#orders .order-mcard-right .badge{
  max-width:150px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.2!important;
  text-align:center!important;
}

/* Phase 5.5.5 — robust containment for ALL order status labels.
   Long aggregate labels wrap inside STATUS; row height grows naturally. */
#orders .orders-desktop th:nth-child(4),
#orders .orders-desktop td:nth-child(4){width:19%!important}
#orders .orders-desktop th:nth-child(7),
#orders .orders-desktop td:nth-child(7){width:13%!important}
#orders .orders-desktop th:nth-child(8),
#orders .orders-desktop td:nth-child(8){width:6%!important}
#orders .orders-desktop td:nth-child(7){
  padding-left:5px!important;
  padding-right:5px!important;
  overflow:hidden!important;
  white-space:normal!important;
  vertical-align:top!important;
}
#orders .orders-desktop td:nth-child(7) .badge{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:5px 4px!important;
  margin:0!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  hyphens:none!important;
  line-height:1.2!important;
  text-align:center!important;
}
#orders .orders-desktop tbody tr{height:auto!important}