*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#18212f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}aside{position:fixed;left:0;top:0;bottom:0;width:230px;background:#0b1b2b;color:white;padding:24px 16px}.logo{font-weight:900;letter-spacing:1px;font-size:22px}.logo span{display:inline-block;margin-left:6px;font-size:11px;padding:4px 7px;background:#1fbf8f;border-radius:20px}.logo.big{font-size:30px;color:#0b1b2b}.who{margin:26px 0 18px;padding:14px;background:#132c43;border-radius:12px}.who small{display:block;color:#9eb1c3;margin-top:4px}nav a{display:block;color:#d9e3ec;text-decoration:none;padding:12px 13px;border-radius:9px;margin:3px 0}nav a:hover{background:#173b59;color:#fff}main{margin-left:230px;padding:30px;min-height:100vh}.loginmain{margin-left:0;display:grid;place-items:center}.loginbox{width:min(420px,92vw);background:white;padding:34px;border-radius:20px;box-shadow:0 15px 50px #16263d18}.loginbox h2{margin-top:28px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{margin:0 0 5px;font-size:30px}h3{margin-top:0}.top p,p.muted{margin:0;color:#718096}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.card,.panel,section{background:white;border:1px solid #e6ebf1;border-radius:16px;padding:18px;box-shadow:0 4px 16px #0b1b2b09}.card small{color:#78879a}.card strong{display:block;font-size:23px;margin:8px 0}.card em{font-style:normal;color:#4e6075}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.btn,button{border:0;background:#0d8d71;color:white;padding:11px 16px;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer}button:hover,.btn:hover{filter:brightness(.95)}input,select{width:100%;border:1px solid #d6dee8;border-radius:9px;padding:10px;background:white;font:inherit}label{display:block;font-size:13px;font-weight:700;color:#526174}label input,label select{margin-top:6px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#6e7d90;font-size:12px;border-bottom:1px solid #e7ecf2;padding:10px 8px}td{padding:11px 8px;border-bottom:1px solid #f0f3f7}td a{color:#0d7f68;font-weight:700;text-decoration:none}.danger{color:#c0392b;font-weight:800}.flash{padding:12px 15px;border-radius:10px;margin-bottom:15px}.flash.ok{background:#e7f8f2;color:#14765e}.flash.error{background:#fff0ef;color:#a93226}.formgrid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;align-items:center}.panel{margin-bottom:16px}.panel summary{cursor:pointer;font-weight:800;padding:3px 0 14px}.search{display:flex;gap:8px;margin-bottom:14px}.search input{max-width:420px}.inline{display:flex;gap:5px}.inline input{width:85px}.inline select{width:100px}.stack{display:grid;gap:14px}.narrow{max-width:640px}.badge{background:#fff4e6;color:#a55a00;padding:12px 16px;border-radius:12px;font-weight:800}@media(max-width:900px){aside{position:static;width:auto}nav{display:flex;overflow:auto;gap:4px}nav a{white-space:nowrap}.who{display:none}main{margin:0;padding:18px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr 1fr}table{display:block;overflow:auto;white-space:nowrap}}@media(max-width:560px){.cards{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.top{align-items:flex-start;gap:10px;flex-direction:column}}
.monthpick{display:flex;align-items:end;gap:8px}.monthpick label{min-width:160px}.actions{display:flex;gap:10px;align-items:end}.reportgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.reportgrid section{min-width:0}.reportgrid table{display:table}@media(max-width:1100px){.reportgrid{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}}

/* V5 refinements */
.dashboardcards,.reportcards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card{min-height:112px;display:flex;flex-direction:column;justify-content:center}.card.accent{border-left:5px solid #0d8d71;background:linear-gradient(135deg,#fff,#effaf7)}.notice{background:#fff8e8;border:1px solid #f3dfaa;color:#76581b;border-radius:12px;padding:12px 15px;margin:0 0 16px}.moneystrip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}.moneystrip>div{background:#0b1b2b;color:#fff;border-radius:15px;padding:18px}.moneystrip small{display:block;color:#9eb1c3;margin-bottom:6px}.moneystrip b{font-size:24px}.chartgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.chartgrid section{min-height:360px}.chartsvg{width:100%;height:270px;display:block}.hbarrow{display:grid;grid-template-columns:150px 1fr 120px;gap:10px;align-items:center;margin:14px 0}.hbarrow>b{text-align:right}.bartrack{height:13px;background:#edf1f5;border-radius:99px;overflow:hidden}.bartrack span{display:block;height:100%;border-radius:99px}.kbar{margin:12px 0}.kbar>b{display:block;font-size:13px}.kbar small{color:#6e7d90}.dualbar{position:relative;height:22px;margin:7px 0;background:#eef2f6;border-radius:8px;overflow:hidden}.dualbar span{position:absolute;left:0;height:9px;border-radius:6px}.dualbar .plan{top:2px;background:#aebac7}.dualbar .result{bottom:2px;background:#0d8d71}.piebox{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}.pie{width:190px;height:190px;border-radius:50%;margin:auto}.pielegend{display:grid;gap:8px;font-size:13px}.pielegend i,.chartlegend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px}.chartlegend{font-size:12px;color:#617184}.chartlegend .green{background:#0d8d71}.chartlegend .blue{background:#3767d6}.salaryform{grid-template-columns:repeat(7,minmax(110px,1fr))}.secondary{background:#65758a}.receiptwrap{display:grid;place-items:start center}.receipt{width:min(760px,100%);background:#fff;border:1px solid #dfe6ee;border-radius:14px;padding:28px}.receipt h2{text-align:center;margin:0 0 8px}.receipt>p{text-align:center;color:#4f5f70}.receipthead{display:flex;justify-content:space-between;font-weight:700}.receipttotal{text-align:right;font-size:22px;font-weight:900;margin:18px 0}.center{text-align:center}.no-print{display:flex;gap:10px;justify-content:center;margin-top:20px}
@media(max-width:1100px){.chartgrid{grid-template-columns:1fr}.salaryform{grid-template-columns:1fr 1fr}.piebox{grid-template-columns:1fr}.moneystrip{grid-template-columns:1fr}}
@media print{aside,.no-print,.flash{display:none!important}main{margin:0;padding:0}.receipt{border:0;box-shadow:none;width:100%;padding:0}body{background:#fff}.receiptwrap{display:block}}

/* V6 navigation and forms */
nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid transparent;transition:.15s ease}
nav a:hover{background:#132f47;border-color:#224766;transform:translateX(2px)}
.navico{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#15334b;flex:0 0 28px}
.navico svg{width:17px;height:17px;fill:none;stroke:#bcd0df;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
nav a:hover .navico{background:#1b987c}nav a:hover .navico svg{stroke:#fff}
.helptext{margin:0 0 14px!important}.receiptform{grid-template-columns:repeat(4,minmax(150px,1fr))}.kpiform{grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end}.kpiform label{font-size:12px}.kpiform button{height:42px}
@media(max-width:1100px){.receiptform,.kpiform{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.receiptform,.kpiform{grid-template-columns:1fr}}

/* V33 MOBILE PRO */
.mobile-backdrop,.mobile-quickbar{display:none}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden;background:#f2f7fb}
  body{padding-bottom:76px}
  aside#sidebar{position:fixed!important;left:0;right:0;top:0;height:64px!important;bottom:auto!important;z-index:1200;display:flex!important;align-items:center;gap:10px;width:100%!important;padding:8px 10px!important;background:linear-gradient(135deg,#06172d,#0b3159)!important}
  #sidebar .sidehead{display:flex!important;align-items:center;flex:1;min-width:0;height:48px!important;margin:0!important}
  .brandfull{width:150px!important;max-height:42px!important;object-fit:contain;margin:0!important}
  .mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;gap:7px;width:auto!important;min-width:92px;margin:0!important;padding:10px 13px!important;border-radius:12px!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff25!important}
  .erpnav{position:fixed!important;display:none!important;left:10px;right:10px;top:70px;max-height:calc(100vh - 155px)!important;overflow:auto!important;background:linear-gradient(180deg,#082544,#061a32)!important;border:1px solid #2b5b80;border-radius:18px;padding:10px!important;box-shadow:0 18px 55px #00152f99;z-index:1250}
  .mobile-nav-open .erpnav{display:grid!important}.mobile-nav-open .mobile-backdrop{display:block!important}
  .mobile-backdrop{position:fixed;inset:64px 0 0;background:#03122080;backdrop-filter:blur(2px);z-index:1100}
  .erpnav a,.navgroup-toggle{font-size:15px!important;border-radius:11px!important;min-height:48px!important}
  main,body.sidebar-collapsed main{margin:0!important;padding:78px 10px 14px!important;width:100%!important;min-width:0!important}
  h1{font-size:24px!important;line-height:1.15}.top{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:13px!important;margin-bottom:12px!important}.top p{line-height:1.35}
  .top .actions,.actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%}.actions>*{width:100%!important}
  .btn,button{min-height:46px!important;border-radius:12px!important;font-size:15px!important;padding:11px 14px!important}
  input,select,textarea{font-size:16px!important;min-height:46px!important;border-radius:11px!important;padding:11px 12px!important}
  .panel,section,.card{border-radius:15px!important;padding:13px!important}.panel{margin-bottom:11px!important}
  .cards,.dashboardcards,.kpihero,.moneystrip,.chartgrid,.reportgrid,.segmentcards{grid-template-columns:1fr!important;gap:10px!important}.card{min-height:92px!important}.card strong,.metric b{font-size:21px!important}
  .grid,.formgrid,.receiptform,.salaryform,.kpiform,.productpicker,.typechoice{grid-template-columns:1fr!important;gap:9px!important}
  .ordersteps{display:flex!important;overflow-x:auto;gap:8px!important;padding-bottom:4px;scroll-snap-type:x proximity}.orderstep{min-width:165px;scroll-snap-align:start;padding:10px!important}.orderstep b{font-size:14px}.orderstep small{font-size:12px}
  .typebtn{min-height:72px!important}.typebtn strong{font-size:16px!important}.productpicker{background:#f7fbfe;border:1px solid #d9e7f2;padding:10px;border-radius:14px}
  .carttable{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap!important}.carttable input{min-width:110px!important}.carttotal{position:sticky;bottom:72px;z-index:50;background:#fff;border:1px solid #dce8f2;border-radius:14px;padding:10px 12px;box-shadow:0 10px 30px #12324d20}.carttotal strong{font-size:21px!important}
  .search,.searchbar,.searchline,.monthpick,.periodpick{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.search input,.searchbar input{max-width:none!important;width:100%!important}
  .searchmatches{max-height:36vh!important}.searchmatches button{min-height:48px!important;white-space:normal!important}.searchmatches small{white-space:normal!important;text-align:right}
  .segmentnumbers{grid-template-columns:1fr 1fr!important}.segmentnumbers b{font-size:18px!important}
  .receiptrow{grid-template-columns:1fr!important;gap:7px!important}.receipt{padding:16px!important;border-radius:12px!important}.receipthead{display:grid!important;gap:5px}.receipttotal{text-align:left!important;font-size:20px!important}
  .inline,.priceedit{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:6px!important}.inline input,.inline select,.priceedit input{width:100%!important;max-width:none!important}
  table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap!important;border-radius:10px}th,td{padding:10px 9px!important}
  .mobile-quickbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:8px;right:8px;bottom:8px;height:60px;background:#071b36f5;border:1px solid #214d72;border-radius:17px;z-index:1300;box-shadow:0 12px 36px #06172d66;padding:5px;backdrop-filter:blur(10px)}.mobile-quickbar a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ddecf7;text-decoration:none;border-radius:12px;font-size:20px;line-height:1}.mobile-quickbar a small{font-size:10px;margin-top:4px}.mobile-quickbar .quick-primary{background:linear-gradient(135deg,#168ce1,#0da779);color:white}
  .badge{width:100%;text-align:center}.notice{font-size:13px}
}
@media(max-width:380px){.segmentnumbers{grid-template-columns:1fr!important}.mobile-menu-toggle{min-width:54px!important;padding:9px 10px!important;font-size:0!important}.mobile-menu-toggle:before{content:'☰';font-size:20px}.brandfull{width:145px!important}}
/* V48 print rule is appended from v12 core.CSS; this marker helps version checks. */

.searchline,.searchbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.searchline input,.searchbar input{min-width:240px}.searchbar{margin:0 0 14px}.searchbar .btn{display:inline-flex;align-items:center}.brandlogo{display:block;background:#071a33;border-radius:14px;overflow:hidden;margin:-8px -6px 16px}.brandlogo img{display:block;width:100%;height:auto}.loginlogo{display:block;width:100%;max-width:360px;border-radius:14px}.floating-export{position:fixed;right:22px;top:16px;z-index:50;background:#136f63;color:white;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:800;box-shadow:0 6px 18px #0002}.dangerbtn{background:#b83b35}.stocksummary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.smallinput{min-width:90px}.editrow input,.editrow select{min-width:110px;padding:7px}.readbadge{background:#eaf2ff;color:#2459a6;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:800}@media(max-width:900px){.floating-export{position:static;display:inline-block;margin:0 0 12px}.brandlogo{width:210px}.stocksummary{grid-template-columns:1fr 1fr}}
.exportbox{position:fixed;right:22px;top:14px;z-index:60;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.exportbox a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;text-decoration:none;font-weight:800;box-shadow:0 6px 18px #0002}.excelbtn{background:#187a46;color:#fff}.csvbtn{background:#136f63;color:#fff}.topproducts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.topproduct-card{background:#fff;border:1px solid #dfe8ee;border-radius:16px;padding:16px;box-shadow:0 5px 18px #193d5120}.topproduct-card h3{margin:0 0 12px}.rankrow{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f5}.rankrow:last-child{border-bottom:0}.rankno{width:28px;height:28px;border-radius:9px;background:#eaf6f2;color:#08745f;display:grid;place-items:center;font-weight:900}.rankrow small{display:block;color:#718096;margin-top:2px}.passpanel{max-width:520px}.passpanel input{width:100%}@media(max-width:900px){.exportbox{position:static;margin-bottom:12px;justify-content:flex-start}.topproducts{grid-template-columns:1fr}}

/* V8 compact grouped sidebar */
aside#sidebar{width:260px;padding:15px 13px 18px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;transition:width .22s ease,padding .22s ease;z-index:100}
main{margin-left:260px;transition:margin-left .22s ease}
.sidehead{position:relative;min-height:70px;margin-bottom:8px}.brandfull{margin:0 36px 0 0;border-radius:12px}.brandmini{display:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#087eaf,#0c4ca4);align-items:center;justify-content:center;margin:2px auto 8px}.brandmini svg{width:25px;height:25px;fill:#fff;stroke:#d6f4ff;stroke-width:.8}
.sidebar-toggle{position:absolute;right:0;top:10px;width:32px;height:32px;padding:0;border-radius:9px;background:#163a56;color:#d8e7f1;display:grid;place-items:center;font-size:25px;line-height:1}.sidebar-toggle:hover{background:#1b8e7a}.sidebar-toggle span{transform:translateY(-1px);transition:transform .2s ease}
#sidebar .who{margin:10px 0 12px;padding:12px 13px}.erpnav{display:grid;gap:5px}.erpnav a,.navgroup-toggle{width:100%;min-height:48px;margin:0;border-radius:11px;color:#d9e6ef;background:transparent;border:1px solid transparent;text-decoration:none;display:flex;align-items:center;gap:10px;padding:9px 10px;text-align:left;font:inherit;font-weight:650;cursor:pointer;transition:.15s ease}.erpnav a:hover,.navgroup-toggle:hover,.erpnav a.active{background:#153a56;border-color:#24516f;transform:none;color:#fff}.navgroup-toggle .chevron{margin-left:auto;color:#91a9bb;font-size:14px;transition:transform .18s}.navgroup-toggle[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.erpnav .navico{width:31px;height:31px;flex-basis:31px;background:#123650}.navsubmenu{display:none;margin:2px 0 4px 42px;padding-left:10px;border-left:1px solid #2b5069}.navsubmenu.open{display:grid;gap:2px}.erpnav .navsubitem{min-height:34px;padding:6px 8px;font-size:13px;border-radius:8px;gap:8px}.navsubitem .subdot{width:5px;height:5px;border-radius:50%;background:#6d91aa;flex:0 0 5px}.navsubitem.active .subdot{background:#28c99c;box-shadow:0 0 0 4px #28c99c20}.navsubitem.active{background:#123a50;color:#fff}
body.sidebar-collapsed aside#sidebar{width:82px;padding-left:12px;padding-right:12px}body.sidebar-collapsed main{margin-left:82px}body.sidebar-collapsed .brandfull,body.sidebar-collapsed #sidebar .who,body.sidebar-collapsed .navtext,body.sidebar-collapsed .chevron,body.sidebar-collapsed .navsubmenu{display:none!important}body.sidebar-collapsed .brandmini{display:flex}body.sidebar-collapsed .sidehead{min-height:98px}body.sidebar-collapsed .sidebar-toggle{top:57px;left:13px;right:auto;width:44px}body.sidebar-collapsed .sidebar-toggle span{transform:rotate(180deg) translateY(1px)}body.sidebar-collapsed .erpnav a,body.sidebar-collapsed .navgroup-toggle{justify-content:center;padding:8px}body.sidebar-collapsed .erpnav .navico{margin:0}
@media(max-width:900px){aside#sidebar{position:relative;width:100%;padding:12px;bottom:auto;max-height:none}.sidehead{min-height:62px}.brandfull{width:min(230px,65vw)}main,body.sidebar-collapsed main{margin-left:0}.sidebar-toggle{display:none}body.sidebar-collapsed aside#sidebar{width:100%;padding:12px}body.sidebar-collapsed .brandfull{display:block!important}body.sidebar-collapsed .brandmini{display:none!important}body.sidebar-collapsed #sidebar .who,body.sidebar-collapsed .navtext,body.sidebar-collapsed .chevron{display:initial!important}.erpnav{grid-template-columns:1fr}.navsubmenu{margin-left:40px}.erpnav a,.navgroup-toggle{justify-content:flex-start!important}}

.periodpick{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.periodpick label{display:grid;gap:4px;font-size:12px;color:#64748b}.periodpick select{min-width:110px;padding:9px 11px;border:1px solid #d8e2e9;border-radius:10px;background:white}.securitycards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.securitycard{background:#fff;border:1px solid #dfe8ee;border-radius:15px;padding:14px}.securitycard b{display:block;font-size:20px;margin-top:5px}.audit-detail{max-width:520px;white-space:normal;word-break:break-word}.statusok{color:#08745f;font-weight:800}.statusbad{color:#b42318;font-weight:800}@media(max-width:900px){.securitycards{grid-template-columns:1fr 1fr}.periodpick{width:100%}}

:root{--nav:#071b36;--nav2:#0b2a50;--blue:#177ee8;--cyan:#18b7d9;--green:#12a97f;--ink:#14243a;--muted:#70829a;--line:#dce8f2;--surface:#fff;--bg:#eef5fb}
body{background:linear-gradient(180deg,#eef6fc 0,#f7fbff 45%,#eef4fa 100%);color:var(--ink)}
#sidebar{width:250px;background:linear-gradient(180deg,#06172d 0%,#092849 52%,#071a32 100%);padding:16px 13px;border-right:1px solid #194a74;box-shadow:8px 0 30px #12385a18}
main{margin-left:250px;padding:24px 28px 40px;max-width:1900px}.sidehead{margin-bottom:10px}.brandlogo{background:transparent!important;border-radius:12px!important;margin:0 0 12px!important}.brandlogo img{filter:drop-shadow(0 5px 14px #0005)}
.who{margin:10px 4px 16px!important;background:linear-gradient(135deg,#12395f,#0d2d4e)!important;border:1px solid #20527d;padding:13px 14px!important;box-shadow:inset 0 1px #ffffff12}.erpnav{display:grid;gap:3px}.navitem,.navgroup-toggle{border-radius:11px!important}.navitem.active,.navgroup-toggle:hover,.navitem:hover{background:linear-gradient(90deg,#0e4c82,#1264a3)!important;border-color:#2376ad!important;transform:none!important}.navico{background:linear-gradient(135deg,#0f4d78,#0a6b91)!important;box-shadow:inset 0 1px #ffffff24}.navsubmenu{margin-left:17px!important;border-left:1px solid #24587c;padding-left:9px!important}.navsubitem{border-radius:8px!important;padding:8px 9px!important}.navsubitem.active{background:#0f5688!important;color:#fff!important}
.top{background:linear-gradient(135deg,#ffffffd9,#f7fbffde);border:1px solid #dceaf5;border-radius:16px;padding:14px 16px;margin-bottom:16px;box-shadow:0 8px 24px #183b5b0b}.top h1{font-size:28px}.cards{gap:12px}.card,.panel,section{border:1px solid #dce8f2;box-shadow:0 7px 24px #163b5d0d}.card{border-radius:15px;min-height:105px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#16b68d,#1685dd)}.card strong{font-size:22px}.card em{color:#138567}.dashboardcards{grid-template-columns:repeat(4,minmax(190px,1fr))}.chartgrid{gap:14px}.chartgrid section{min-height:330px;background:linear-gradient(180deg,#fff,#fbfdff)}.chartgrid h3{color:#173c62}.chartsvg{height:245px}.moneystrip>div{background:linear-gradient(135deg,#08294c,#0e4d7e);border:1px solid #1b6292;box-shadow:0 9px 24px #0a34562a}.moneystrip b{color:#fff}.bartrack{background:#e7f0f7}.periodpick select{border-color:#cfe0ee;background:#fff;box-shadow:0 2px 8px #1234}.btn,button{background:linear-gradient(135deg,#1287d7,#087d70);box-shadow:0 5px 14px #087d7020}.secondary{background:#5d7188}.topproduct-card{background:linear-gradient(180deg,#fff,#f8fcff)}.rankno{background:#e8f5ff!important;color:#0c6eb4!important}.excelbtn{background:linear-gradient(135deg,#15854d,#1ca865)!important}.securitycard{border-color:#dce8f2;box-shadow:0 7px 20px #173b5c0d}
.kpihero{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin-bottom:14px}.kpihero .metric{background:#fff;border:1px solid #dce8f2;border-radius:15px;padding:15px;box-shadow:0 7px 22px #163b5d0d;position:relative;overflow:hidden}.kpihero .metric:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#1588dd,#14aa7e)}.metric small{color:#72859a}.metric b{display:block;font-size:22px;margin-top:7px}.metric .good{color:#0d9874}.kpi-chart-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.kpi-chart-title small{color:#74869a;font-weight:500}.kpi-note{font-size:12px;color:#71849a;margin-top:8px}
@media(max-width:1200px){.dashboardcards,.kpihero{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){#sidebar{width:auto}main{margin-left:0;padding:14px}.top{padding:12px}.dashboardcards,.kpihero{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dashboardcards,.kpihero{grid-template-columns:1fr}.top h1{font-size:24px}}

.searchmatches{display:grid;gap:5px;margin:5px 0 8px;max-height:240px;overflow:auto}.searchmatches:empty{display:none}.searchmatches button{display:flex;justify-content:space-between;align-items:center;text-align:left;background:#fff!important;color:#17324d!important;border:1px solid #d6e6f3!important;box-shadow:none!important;padding:9px 11px;border-radius:9px}.searchmatches button:hover{background:#eef8ff!important;border-color:#69aee0!important}.searchmatches small{color:#668097;margin-left:12px}

.ordersteps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.orderstep{background:#fff;border:1px solid #dce8f2;border-radius:14px;padding:12px 14px}.orderstep b{display:block;color:#147bbd}.orderstep small{color:#71849a}.typechoice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.typebtn{border:2px solid #d7e6f1;background:#fff;color:#183650;padding:16px;border-radius:14px;cursor:pointer;text-align:left}.typebtn.active{border-color:#1597c5;background:#edf9ff;box-shadow:0 0 0 3px #1597c515}.typebtn strong{display:block;font-size:18px}.productpicker{display:grid;grid-template-columns:2fr .7fr 1fr auto;gap:10px;align-items:end}.carttable input{max-width:140px}.carttotal{display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:18px;margin-top:12px}.carttotal strong{font-size:28px}.startorder{background:linear-gradient(135deg,#0e8cda,#10a77c)!important;font-size:17px;padding:12px 18px}.segmentcards{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px;margin:14px 0}.segmentcard{background:#fff;border:1px solid #dce8f2;border-radius:16px;padding:18px}.segmentcard h3{margin:0 0 12px}.segmentnumbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmentnumbers div{background:#f5faff;border-radius:12px;padding:12px}.segmentnumbers small{display:block;color:#71849a}.segmentnumbers b{font-size:20px}.clienttypebadge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e9f5ff;color:#14699d;font-size:12px}.clienttypebadge.retail{background:#edf9f3;color:#16805e}@media(max-width:800px){.ordersteps{grid-template-columns:1fr 1fr}.productpicker{grid-template-columns:1fr 1fr}.segmentcards{grid-template-columns:1fr}}@media(max-width:520px){.ordersteps,.typechoice,.productpicker{grid-template-columns:1fr}}


/* V23 mobile adaptation */
.mobile-menu-toggle{display:none;width:100%;margin:4px 0 8px;background:linear-gradient(135deg,#0f6da8,#0b8e78);font-size:16px}
@media(max-width:700px){
  body{font-size:15px} aside#sidebar{position:sticky!important;top:0;z-index:1000;width:100%!important;padding:8px 10px!important;box-shadow:0 5px 18px #06172d33}
  #sidebar .sidehead{min-height:46px;margin:0}.brandfull{width:170px!important;margin:0 auto 4px!important}.brandmini,.sidebar-toggle,#sidebar .who{display:none!important}
  .mobile-menu-toggle{display:block}.erpnav{display:none!important;max-height:58vh;overflow:auto;padding:4px 0 10px}.mobile-nav-open .erpnav{display:grid!important}
  .mobile-nav-open .navsubmenu.open{display:grid!important}.navsubmenu{margin-left:22px!important}.erpnav a,.navgroup-toggle{min-height:44px!important}
  main,body.sidebar-collapsed main{margin-left:0!important;padding:10px!important;width:100%}.top{padding:12px!important}.top h1{font-size:22px!important}.top p{font-size:13px}
  .actions,.monthpick,.periodpick,.searchbar,.searchline{width:100%;flex-direction:column!important;align-items:stretch!important}.actions>*{width:100%}.btn,button{min-height:44px}
  input,select{font-size:16px!important;min-height:44px}.ordersteps{grid-template-columns:1fr 1fr!important;gap:7px}.orderstep{padding:9px}.typechoice,.productpicker,.formgrid{grid-template-columns:1fr!important}
  section,.panel,.card{padding:12px!important;border-radius:13px!important}.carttable{display:block;overflow-x:auto;white-space:nowrap}.carttable input{min-width:105px;max-width:120px}.carttotal{justify-content:space-between;gap:8px}.carttotal strong{font-size:22px}
  table{display:block!important;overflow-x:auto!important;white-space:nowrap}.segmentcards,.topproducts,.reportgrid{grid-template-columns:1fr!important}.segmentnumbers{grid-template-columns:1fr 1fr}.cards,.dashboardcards,.kpihero{grid-template-columns:1fr!important}
  .rankrow{grid-template-columns:30px minmax(0,1fr);}.rankrow>strong{grid-column:2}.rankrow b,.rankrow small{white-space:normal;overflow-wrap:anywhere}.exportbox{position:static!important;display:grid!important;grid-template-columns:1fr 1fr;width:100%;padding:0 0 8px}.exportbox a{justify-content:center}
}
@media(max-width:390px){.ordersteps{grid-template-columns:1fr!important}.segmentnumbers{grid-template-columns:1fr}.exportbox{grid-template-columns:1fr}}

.undo-nav-form{margin:7px 0 9px}.undo-nav-btn{width:100%;background:linear-gradient(135deg,#8a4b11,#b15f13)!important;border:1px solid #d48a40!important;font-size:13px;padding:9px 10px}

.receiptrows{display:grid;gap:8px}.receiptrow{display:grid;grid-template-columns:90px 2fr .7fr 1fr;gap:8px;align-items:center;background:#f7fbfe;border:1px solid #dce8f2;padding:9px;border-radius:10px}@media(max-width:700px){.receiptrow{grid-template-columns:1fr}.receiptrow b{color:#147bbd}}

.localcancel{display:inline-block;margin-left:6px}.localcancel button{background:#fff!important;color:#b32929!important;border:1px solid #e8b8b8!important;box-shadow:none!important;min-height:32px;padding:4px 9px;border-radius:8px;font-weight:800}.localcancel button:hover{background:#fff0f0!important}.yearpayroll td,.yearpayroll th{text-align:right}.yearpayroll td:first-child,.yearpayroll th:first-child{text-align:left}

/* V35 MOBILE FULL */
:root{--mobile-nav-h:68px;--mobile-bar-h:70px;--safe-b:env(safe-area-inset-bottom,0px)}
.mobile-page-title{display:none}
.mobile-table-cards td:before{display:none}
@media(max-width:760px){
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  body{background:#eef4f8!important;padding-bottom:calc(var(--mobile-bar-h) + var(--safe-b) + 12px)!important;overscroll-behavior-y:contain}
  aside#sidebar{height:var(--mobile-nav-h)!important;padding:9px 11px!important;padding-top:calc(9px + env(safe-area-inset-top,0px))!important;box-shadow:0 7px 24px #001a3352!important}
  #sidebar .sidehead{height:48px!important}.brandfull{width:148px!important;max-height:40px!important}
  .mobile-menu-toggle{margin-left:auto!important;min-height:44px!important;border-radius:13px!important;font-weight:700!important;letter-spacing:.1px}
  .erpnav{top:calc(var(--mobile-nav-h) + env(safe-area-inset-top,0px) + 6px)!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 158px - var(--safe-b))!important;border-radius:20px!important;padding:9px!important}
  .navitem,.navgroup-toggle,.navsubitem{min-height:50px!important}.navtext{font-size:15px!important}.navico{width:32px!important;height:32px!important;flex-basis:32px!important}
  main,body.sidebar-collapsed main{padding:calc(var(--mobile-nav-h) + env(safe-area-inset-top,0px) + 12px) 10px 12px!important}
  .top{border-radius:17px!important;padding:14px!important;box-shadow:0 7px 22px #163b5d12!important}.top h1{font-size:23px!important;margin-bottom:4px!important}.top p{font-size:13px!important;margin:0!important}
  .cards,.dashboardcards,.kpihero{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.card,.kpihero .metric{min-height:96px!important;padding:13px!important}.card small,.metric small{font-size:12px!important}.card strong,.metric b{font-size:19px!important;line-height:1.15!important;overflow-wrap:anywhere}
  .panel,section{margin-bottom:10px!important;border-radius:16px!important;padding:13px!important}.panel h3,section h3{font-size:18px!important;margin:2px 0 12px!important}
  details.panel>summary{font-size:16px!important;font-weight:800!important;padding:4px 0 10px!important;cursor:pointer}
  .formgrid,.stack,.receiptform,.salaryform,.kpiform{gap:10px!important}.formgrid label,.stack label{font-size:13px!important;font-weight:650!important;color:#38526a}
  input,select,textarea{width:100%!important;max-width:none!important;font-size:16px!important;min-height:48px!important;border:1px solid #cbdce9!important;background:#fff!important;border-radius:12px!important;padding:11px 12px!important;box-shadow:inset 0 1px 2px #173b5b08!important}
  input:focus,select:focus,textarea:focus{outline:none!important;border-color:#168dd0!important;box-shadow:0 0 0 3px #168dd01c!important}
  .btn,button{min-height:48px!important;border-radius:12px!important;font-weight:750!important;touch-action:manipulation}
  .searchbar,.searchline,.search,.monthpick,.periodpick{background:#fff;border:1px solid #dbe7f0;border-radius:15px;padding:9px!important;margin-bottom:10px!important}
  .ordersteps{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;overflow:visible!important}.orderstep{min-width:0!important;padding:8px 5px!important;text-align:center!important;border-radius:12px!important}.orderstep b{font-size:12px!important}.orderstep small{display:none!important}
  .typechoice{grid-template-columns:1fr 1fr!important}.typebtn{min-height:78px!important;padding:12px!important}.typebtn strong{font-size:16px!important}.typebtn small{font-size:12px!important}
  .productpicker{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:end!important}.productpicker label:first-child{grid-column:1/-1}.productpicker button{grid-column:1/-1!important}
  #pickInfo{font-size:13px!important;padding:10px!important;margin:8px 0!important}.searchmatches{position:relative!important;z-index:90!important;max-height:38dvh!important;overflow:auto!important;border-radius:12px!important}.searchmatches button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;text-align:left!important;background:#fff!important;color:#183650!important;border:1px solid #dce8f2!important;margin-top:4px!important;box-shadow:none!important}.searchmatches button b{font-size:14px!important}.searchmatches button small{font-size:11px!important;color:#678197!important}
  .carttable{display:table!important;white-space:normal!important;width:100%!important}.carttable thead{display:none!important}.carttable tbody,.carttable tr,.carttable td{display:block!important;width:100%!important}.carttable tr{position:relative;background:#fff;border:1px solid #dce8f2;border-radius:14px;margin:8px 0;padding:10px!important;box-shadow:0 5px 15px #173b5d0a}.carttable td{border:0!important;padding:4px 0!important;white-space:normal!important}.carttable td:first-child{font-weight:800!important;color:#183650!important;padding-right:42px!important}.carttable td:last-child{position:absolute;right:9px;top:7px;width:auto!important}.carttable td:last-child button{min-width:38px!important;min-height:38px!important;padding:5px!important}.carttable input{min-height:42px!important}.carttable td:nth-child(2):before{content:'Количество';display:block;font-size:11px;color:#72859a}.carttable td:nth-child(3):before{content:'Цена';display:block;font-size:11px;color:#72859a}.carttable td:nth-child(4):before{content:'Сумма';display:block;font-size:11px;color:#72859a}
  .carttotal{position:sticky!important;bottom:calc(var(--mobile-bar-h) + var(--safe-b) + 8px)!important;z-index:120!important;background:#071f3df4!important;color:#fff!important;border:1px solid #245a84!important;border-radius:16px!important;padding:11px 13px!important;box-shadow:0 12px 28px #001b3766!important;backdrop-filter:blur(10px)}.carttotal strong{font-size:21px!important;color:#fff!important}.carttotal span{color:#bfd2e2!important}
  #orderForm>section:last-of-type .startorder{position:sticky!important;bottom:calc(var(--mobile-bar-h) + var(--safe-b) + 8px)!important;z-index:125!important;width:100%!important;min-height:54px!important;font-size:17px!important;box-shadow:0 12px 28px #006f5b42!important}
  .mobile-quickbar{left:7px!important;right:7px!important;bottom:calc(7px + var(--safe-b))!important;height:64px!important;border-radius:18px!important;padding:5px!important;grid-template-columns:repeat(4,1fr)!important}.mobile-quickbar a{font-size:20px!important;position:relative!important}.mobile-quickbar a small{font-size:10px!important}.mobile-quickbar a.active{background:#ffffff12;color:#fff!important}.mobile-quickbar .quick-primary{transform:translateY(-7px);min-height:62px!important;border:2px solid #c7f6e8!important;box-shadow:0 9px 24px #0da77955!important}
  /* Convert normal data tables to readable cards on phone. */
  table.mobile-card-table{display:block!important;overflow:visible!important;white-space:normal!important;background:transparent!important}table.mobile-card-table thead{display:none!important}table.mobile-card-table tbody{display:grid!important;gap:8px!important}table.mobile-card-table tr{display:block!important;background:#fff!important;border:1px solid #dce8f2!important;border-radius:14px!important;padding:9px 11px!important;box-shadow:0 4px 14px #173b5d0a!important}table.mobile-card-table td{display:grid!important;grid-template-columns:minmax(88px,40%) 1fr!important;gap:8px!important;align-items:start!important;border:0!important;border-bottom:1px dashed #e4edf4!important;padding:7px 0!important;white-space:normal!important;text-align:right!important;overflow-wrap:anywhere}table.mobile-card-table td:last-child{border-bottom:0!important}table.mobile-card-table td:before{display:block!important;content:attr(data-label);font-size:11px!important;color:#708498!important;text-align:left!important;font-weight:700!important}table.mobile-card-table td a{justify-self:end!important}
  .receipt{padding:15px!important}.receipt table.mobile-card-table td{grid-template-columns:minmax(95px,42%) 1fr!important}.no-print{display:grid!important;grid-template-columns:1fr!important}
  .notice,.flash{border-radius:13px!important;font-size:13px!important;line-height:1.4!important}
}
@media(max-width:430px){.cards,.dashboardcards,.kpihero{grid-template-columns:1fr!important}.typechoice{grid-template-columns:1fr 1fr!important}.segmentnumbers{grid-template-columns:1fr 1fr!important}.ordersteps{grid-template-columns:repeat(4,1fr)!important}.orderstep b{font-size:11px!important}.brandfull{width:136px!important}}
@media(max-width:350px){.typechoice,.segmentnumbers{grid-template-columns:1fr!important}.mobile-quickbar a small{font-size:9px!important}}

@media(max-width:700px){
  .mobile-quickbar{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;left:7px!important;right:7px!important;bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;height:64px!important;background:#071b36f5!important;border:1px solid #214d72!important;border-radius:18px!important;z-index:1300!important;box-shadow:0 12px 36px #06172d66!important;padding:5px!important;backdrop-filter:blur(10px)!important}
  .mobile-quickbar a{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;color:#ddecf7!important;text-decoration:none!important;border-radius:12px!important;font-size:19px!important;line-height:1!important;min-width:0!important;padding:3px!important}
  .mobile-quickbar a small{font-size:9px!important;margin-top:4px!important;white-space:nowrap!important}
  .mobile-quickbar a.active{background:#ffffff12!important;color:#fff!important}
  .mobile-quickbar .quick-primary{background:linear-gradient(135deg,#168ce1,#0da779)!important;color:white!important;transform:translateY(-7px)!important;min-height:62px!important;border:2px solid #c7f6e8!important;box-shadow:0 9px 24px #0da77955!important}
  .mobile-quickbar .quick-more{background:#ffffff0b!important}
  .mobile-backdrop{display:none;position:fixed;inset:64px 0 0;background:#03122080;backdrop-filter:blur(2px);z-index:1100}
  .mobile-nav-open .mobile-backdrop{display:block!important}
  .mobile-nav-open .erpnav{display:grid!important;position:fixed!important;left:8px!important;right:8px!important;top:70px!important;max-height:calc(100dvh - 155px)!important;overflow:auto!important;background:linear-gradient(180deg,#082544,#061a32)!important;border:1px solid #2b5b80!important;border-radius:18px!important;padding:10px!important;box-shadow:0 18px 55px #00152f99!important;z-index:1250!important}
  body{padding-bottom:82px!important}
}
@media(max-width:360px){.mobile-quickbar a small{font-size:8px!important}.mobile-quickbar a{font-size:18px!important}}

/* V37 MOBILE UI FIX */
.mobile-more-panel{display:none}
@media(max-width:760px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  main,body.sidebar-collapsed main{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;padding-bottom:calc(var(--mobile-bar-h) + var(--safe-b) + 34px)!important}
  main>*{max-width:100%!important;min-width:0!important}
  .panel,section,.top,.cards,.grid,.formgrid,.stack{min-width:0!important;max-width:100%!important}

  /* Mobile card tables must never push content beyond the phone edge. */
  table.mobile-card-table,table.mobile-card-table tbody,table.mobile-card-table tr{width:100%!important;max-width:100%!important;min-width:0!important}
  table.mobile-card-table td{grid-template-columns:104px minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;text-align:left!important;overflow:hidden!important}
  table.mobile-card-table td>*{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  table.mobile-card-table td a{justify-self:start!important;max-width:100%!important;white-space:normal!important}
  table.mobile-card-table td form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;width:100%!important;max-width:100%!important;min-width:0!important}
  table.mobile-card-table td form select,table.mobile-card-table td form input{min-width:0!important;width:100%!important}
  table.mobile-card-table td form button{width:46px!important;min-width:46px!important;padding:6px!important}

  /* The old blurred overlay is replaced by a dedicated sharp drawer. */
  .mobile-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(2,17,34,.62)!important;z-index:1370!important}
  .mobile-nav-open .erpnav{display:none!important}
  .mobile-more-panel{display:none;position:fixed!important;left:10px!important;right:10px!important;top:calc(72px + env(safe-area-inset-top,0px))!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;z-index:1420!important;background:linear-gradient(180deg,#082544,#061a32)!important;border:1px solid #2b5b80!important;border-radius:20px!important;padding:12px!important;box-shadow:0 20px 60px #00152fcc!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  .mobile-nav-open .mobile-more-panel{display:block!important}
  .mobile-more-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:#fff!important;font-weight:800!important;font-size:18px!important;padding:3px 3px 10px!important;position:sticky!important;top:0!important;background:#082544!important;z-index:2!important}
  .mobile-more-close{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:12px!important;background:#ffffff16!important;border:1px solid #ffffff20!important;color:#fff!important;box-shadow:none!important}
  .mobile-more-links{display:grid!important;gap:6px!important}
  .mobile-more-links a{display:flex!important;align-items:center!important;gap:10px!important;min-height:50px!important;padding:9px 11px!important;border-radius:12px!important;text-decoration:none!important;color:#e4f0f8!important;background:#ffffff08!important;border:1px solid #ffffff0d!important;white-space:normal!important}
  .mobile-more-links a .navico{display:grid!important;flex:0 0 32px!important;width:32px!important;height:32px!important}
  .mobile-more-links a .navtext,.mobile-more-links a span:last-child{min-width:0!important;overflow-wrap:anywhere!important}
  .mobile-more-links a.active{background:linear-gradient(90deg,#0e4c82,#1264a3)!important;border-color:#2376ad!important}

  /* Avoid fixed controls covering focused money fields / Safari keyboard. */
  html{scroll-padding-bottom:130px!important}
  body.mobile-keyboard-open{padding-bottom:20px!important}
  body.mobile-keyboard-open .mobile-quickbar{display:none!important}
  body.mobile-keyboard-open #orderForm>section:last-of-type .startorder,
  body.mobile-keyboard-open .carttotal{position:static!important;bottom:auto!important;transform:none!important}
  body.mobile-keyboard-open main{padding-bottom:48px!important}

  /* Give every form enough room below the bottom bar. */
  form.stack{padding-bottom:12px!important}
  #orderForm>section:last-of-type{padding-bottom:18px!important}
}
@media(max-width:390px){
  table.mobile-card-table td{grid-template-columns:92px minmax(0,1fr)!important}
  .mobile-more-panel{left:7px!important;right:7px!important}
}

/* V38 MOBILE HARD FIX */
.v38-mobile-badge{display:none}
@media(max-width:760px){
  *,*::before,*::after{box-sizing:border-box!important}
  html,body{width:100%!important;max-width:100vw!important;overflow-x:clip!important}
  body{position:relative!important;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
  main,body.sidebar-collapsed main{display:block!important;width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:clip!important;padding-left:8px!important;padding-right:8px!important}
  main>*{width:100%!important;max-width:100%!important;min-width:0!important}
  .top,.panel,section,.cards,.grid,.formgrid,.stack,.reportgrid,.segmentcards,.receiptwrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}

  /* Never let general tables keep desktop min-width on iPhone. */
  table.mobile-card-table{display:block!important;table-layout:fixed!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;white-space:normal!important}
  table.mobile-card-table thead{display:none!important}
  table.mobile-card-table tbody{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:10px!important}
  table.mobile-card-table tr{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:10px 12px!important;overflow:hidden!important}
  table.mobile-card-table td{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:8px 0!important;text-align:left!important;white-space:normal!important;overflow:hidden!important}
  table.mobile-card-table td::before{min-width:0!important;max-width:96px!important}
  table.mobile-card-table td>*{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  table.mobile-card-table td a{justify-self:start!important;white-space:normal!important;max-width:100%!important}
  table.mobile-card-table td form{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;max-width:100%!important;min-width:0!important}
  table.mobile-card-table td form>*{width:100%!important;max-width:100%!important;min-width:0!important}
  table.mobile-card-table td form button{width:100%!important;min-width:0!important;min-height:44px!important;padding:8px 10px!important}

  /* Some older table rules are not converted soon enough: keep raw tables inside viewport. */
  table:not(.carttable):not(.mobile-card-table){max-width:100%!important;min-width:0!important;overflow-x:auto!important}

  /* Order page: no sticky controls can cover fields or intercept taps. */
  .carttotal,#orderForm>section:last-of-type .startorder{position:static!important;bottom:auto!important;top:auto!important;transform:none!important;width:100%!important;margin-top:10px!important}
  #orderForm>section:last-of-type{overflow:visible!important;padding-bottom:18px!important}
  #orderForm .formgrid{grid-template-columns:1fr!important}
  #orderForm input,#orderForm select,#orderForm textarea,#orderForm button{max-width:100%!important}
  .productpicker{grid-template-columns:1fr!important}
  .productpicker label:first-child,.productpicker button{grid-column:auto!important}

  /* V38 uses only its own More sheet; old side nav/drawer never overlays it. */
  .mobile-nav-open .erpnav,.erpnav{display:none!important}
  .mobile-backdrop{display:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .v38-more-overlay{display:none;position:fixed!important;inset:0!important;z-index:1500!important;background:rgba(3,15,29,.52)!important;padding:calc(76px + env(safe-area-inset-top,0px)) 8px calc(84px + env(safe-area-inset-bottom,0px))!important}
  body.v38-more-open .v38-more-overlay{display:block!important}
  .v38-more-sheet{height:100%!important;width:100%!important;max-width:100%!important;background:#071f3b!important;border:1px solid #285a82!important;border-radius:20px!important;box-shadow:0 18px 60px #00152fcc!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;padding:11px!important}
  .v38-more-head{position:sticky!important;top:-11px!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:#071f3b!important;color:#fff!important;padding:10px 2px 12px!important;font-size:18px!important;font-weight:800!important}
  .v38-more-close{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;background:#ffffff13!important;color:#fff!important;border:1px solid #ffffff24!important;box-shadow:none!important}
  .v38-more-links{display:grid!important;gap:7px!important}
  .v38-more-links a{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:50px!important;padding:10px 11px!important;border-radius:12px!important;background:#ffffff09!important;border:1px solid #ffffff0d!important;color:#e9f3fa!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .v38-more-links a.active{background:linear-gradient(90deg,#0d548f,#1480b3)!important;border-color:#3194c4!important}
  body.v38-more-open{overflow:hidden!important}

  /* Bottom app bar stays, but vanishes whenever a form control is focused / iOS keyboard opens. */
  body.v38-keyboard .mobile-quickbar{display:none!important}
  body.v38-keyboard{padding-bottom:20px!important}
  body.v38-keyboard main{padding-bottom:35px!important}

  .v38-mobile-badge{display:block!important;position:fixed!important;right:12px!important;top:calc(72px + env(safe-area-inset-top,0px))!important;z-index:1450!important;background:#11a47e!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:4px 8px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.4px!important;box-shadow:0 5px 16px #064b3f44!important;pointer-events:none!important}
}
@media(max-width:380px){
  table.mobile-card-table td{grid-template-columns:84px minmax(0,1fr)!important}
  table.mobile-card-table td::before{max-width:84px!important}
}

/* V39 PREMIUM MODERN UI */
.v39-mobile-badge{display:none}
@media(max-width:760px){
  :root{--v39-navy:#071a32;--v39-navy2:#0b294a;--v39-blue:#218fd1;--v39-teal:#27b58f;--v39-ink:#10243a;--v39-muted:#72859a;--v39-line:#dce8f2;--v39-bg:#f2f6fb}
  body{background:linear-gradient(180deg,#eef4fa 0,#f7f9fc 44%,#eef3f8 100%)!important;color:var(--v39-ink)!important}
  aside#sidebar{background:linear-gradient(135deg,#06162c,#0b2d51 62%,#0d4162)!important;border-bottom:1px solid #1d4f72!important;box-shadow:0 7px 24px #00172f2c!important}
  .brandfull{filter:drop-shadow(0 2px 7px #00172f66)!important}

  /* Airier content without oversized numbers. */
  main,body.sidebar-collapsed main{padding-left:12px!important;padding-right:12px!important}
  .top,.panel,section,.card{border-color:#dce7f0!important;background:rgba(255,255,255,.95)!important;box-shadow:0 8px 26px rgba(17,55,87,.07)!important}
  .top{padding:16px!important;border-radius:20px!important}.top h1{font-size:25px!important;letter-spacing:-.45px!important;color:#0c2035!important}.top p{color:#74869a!important}
  .cards,.dashboardcards,.kpihero{gap:12px!important}
  .card,.kpihero .metric{min-height:104px!important;border-radius:19px!important;padding:16px!important;overflow:hidden!important;position:relative!important}
  .card::after,.kpihero .metric::after{content:'';position:absolute;right:-22px;top:-28px;width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,#1c9bd10b,#24bd970c);pointer-events:none}
  .card small,.metric small{font-size:13px!important;line-height:1.25!important;color:#7a8c9f!important;font-weight:560!important}
  .card strong,.metric b,.moneystrip b,.segmentnumbers b,.receipttotal{font-size:clamp(19px,5.2vw,24px)!important;line-height:1.12!important;letter-spacing:-.45px!important;font-variant-numeric:tabular-nums!important;font-feature-settings:'tnum' 1!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;color:#10243a!important}
  .card strong{margin-top:9px!important}.card em{font-size:13px!important;color:#27896f!important;margin-top:4px!important}
  .card a{max-width:100%!important;overflow-wrap:anywhere!important}
  .card.accent{border-left:4px solid var(--v39-teal)!important;background:linear-gradient(145deg,#fff,#f2fbf8)!important}

  /* More compact, better aligned amounts in dark cash cards. */
  .moneystrip{gap:10px!important}.moneystrip>div{background:linear-gradient(145deg,#0a203c,#0c3154)!important;border:1px solid #1d4b70!important;border-radius:17px!important;padding:15px!important;box-shadow:0 8px 20px #001c3722!important}
  .moneystrip small{font-size:12px!important;color:#a8bdd0!important}.moneystrip b{color:#fff!important;font-size:20px!important}

  /* Form controls: app-like, not browser-default looking. */
  input,select,textarea{border:1px solid #cbdce9!important;border-radius:14px!important;background:#fff!important;color:#142a40!important;box-shadow:0 2px 8px #113b5d08,inset 0 1px 0 #fff!important}
  input:focus,select:focus,textarea:focus{border-color:#268fc9!important;box-shadow:0 0 0 4px rgba(38,143,201,.12)!important}
  .btn,button{background:linear-gradient(135deg,#218fd1,#27ab8a)!important;color:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 6px 16px rgba(25,127,153,.18)!important;letter-spacing:-.05px!important}
  .secondary{background:linear-gradient(135deg,#63788d,#465e75)!important}

  /* Bottom app navigation. */
  .mobile-quickbar{height:68px!important;left:10px!important;right:10px!important;padding:6px!important;background:rgba(7,26,50,.97)!important;border:1px solid #2a5577!important;border-radius:22px!important;box-shadow:0 14px 38px rgba(2,20,39,.36)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
  .mobile-quickbar a{gap:3px!important;border-radius:16px!important;font-size:0!important;color:#cfdeea!important;transition:transform .12s ease,background .12s ease!important}
  .mobile-quickbar a:active{transform:scale(.96)!important}
  .mobile-quickbar a small{font-size:10px!important;margin:0!important;font-weight:650!important;letter-spacing:.05px!important}
  .mobile-quickbar a.active:not(.quick-primary){background:#ffffff10!important;color:#fff!important}
  .mobile-quickbar .quick-primary{transform:translateY(-9px)!important;min-height:68px!important;border:2px solid #baf5e4!important;background:linear-gradient(145deg,#2c94d8,#2db694)!important;box-shadow:0 10px 25px rgba(27,164,145,.40)!important}
  .mobile-quickbar .quick-primary:active{transform:translateY(-9px) scale(.96)!important}
  .v39-qico{width:23px!important;height:23px!important;display:block!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}

  /* Premium full menu. */
  .v38-more-overlay{background:rgba(2,14,28,.58)!important;padding:calc(72px + env(safe-area-inset-top,0px)) 12px calc(88px + env(safe-area-inset-bottom,0px))!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
  .v38-more-sheet{background:linear-gradient(180deg,#081f3b,#06192f)!important;border:1px solid #315d7d!important;border-radius:25px!important;padding:15px!important;box-shadow:0 26px 75px rgba(0,16,34,.55)!important}
  .v38-more-head{top:-15px!important;background:linear-gradient(180deg,#081f3b 75%,transparent)!important;padding:13px 3px 16px!important;font-size:21px!important;letter-spacing:-.3px!important}
  .v38-more-close{width:46px!important;height:46px!important;border-radius:15px!important;background:#ffffff10!important;border:1px solid #ffffff1f!important;box-shadow:none!important;font-size:0!important}
  .v38-more-close::before{content:'×';font-size:26px;line-height:1;color:#e8f4fb}
  .v38-more-links{gap:8px!important}
  .v38-more-links a{min-height:58px!important;padding:10px 12px!important;border-radius:17px!important;background:linear-gradient(135deg,#ffffff09,#ffffff04)!important;border:1px solid #ffffff10!important;color:#e7f1f8!important;font-size:16px!important;font-weight:560!important;box-shadow:none!important}
  .v38-more-links a.active{background:linear-gradient(135deg,#287fc0,#349bc8)!important;border-color:#57add4!important;color:#fff!important}
  .v38-more-links .navico,.v39-menu-ico{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;background:linear-gradient(145deg,#16476f,#1d6384)!important;display:grid!important;place-items:center!important}
  .v38-more-links a.active .navico,.v38-more-links a.active .v39-menu-ico{background:#ffffff18!important}
  .v38-more-links svg{width:20px!important;height:20px!important;stroke:#cfe6f3!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .v38-more-links a.active svg{stroke:#fff!important}
  .v38-more-links .navtext{font-size:16px!important;line-height:1.25!important}
  .v38-more-links a::before{display:none!important}

  /* Cleaner mobile data cards. */
  table.mobile-card-table tr{border-radius:18px!important;padding:12px 14px!important;border-color:#dce8f1!important;box-shadow:0 7px 20px rgba(18,55,84,.055)!important}
  table.mobile-card-table td{grid-template-columns:102px minmax(0,1fr)!important;padding:8px 0!important;border-bottom:1px dashed #e3edf4!important;gap:11px!important}
  table.mobile-card-table td::before{font-size:12px!important;color:#71869a!important;font-weight:650!important}
  table.mobile-card-table td a{color:#22856c!important;font-weight:760!important}

  /* A tiny explicit build marker while we validate V39. */
  .v38-mobile-badge{display:none!important}
  .v39-mobile-badge{display:block!important;position:fixed!important;right:14px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;z-index:1450!important;background:linear-gradient(135deg,#248ecb,#24b28c)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.5px!important;box-shadow:0 6px 18px rgba(24,126,152,.28)!important;pointer-events:none!important}
}
@media(max-width:390px){
  .card strong,.metric b{font-size:20px!important}
  table.mobile-card-table td{grid-template-columns:90px minmax(0,1fr)!important}
  .v38-more-links a{font-size:15px!important}
}

/* V40 PREMIUM APP NAV */
.v40-mobile-badge,.v40-sheet-overlay{display:none}
@media(max-width:760px){
  :root{--v40-navy:#071a32;--v40-navy2:#0a2747;--v40-blue:#278fce;--v40-mint:#31b594;--v40-text:#13263b;--v40-muted:#73869a;--v40-line:#dce8f1}
  body{background:linear-gradient(180deg,#edf5fb 0%,#f8fbfe 42%,#edf4f9 100%)!important}

  /* Safari can mistake long monetary values for telephone numbers. */
  a[x-apple-data-detectors],a[href^="tel:"]{color:inherit!important;text-decoration:none!important;font:inherit!important}
  .card strong,.metric b,.moneystrip b,.segmentnumbers b{color:var(--v40-text)!important;text-decoration:none!important}
  .card strong a,.metric b a,.moneystrip b a,.segmentnumbers b a{color:inherit!important;text-decoration:none!important}

  /* Dashboard: compact premium cards instead of tall empty blocks. */
  .dashboardcards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important}
  .dashboardcards .card{min-height:112px!important;padding:15px 14px 14px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,252,255,.96))!important;border:1px solid rgba(204,222,235,.86)!important;box-shadow:0 9px 26px rgba(22,59,91,.075)!important;justify-content:flex-start!important;overflow:hidden!important}
  .dashboardcards .card:before{width:3px!important;left:0!important;background:linear-gradient(180deg,#28b99a,#2f8fd3)!important}
  .dashboardcards .card:after{content:"";position:absolute;right:-22px;top:-30px;width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,rgba(54,174,198,.10),rgba(52,188,143,.035));pointer-events:none}
  .dashboardcards .card small{font-size:12px!important;line-height:1.2!important;font-weight:650!important;color:#7a8da0!important;margin:0!important;max-width:85%!important}
  .dashboardcards .card strong{font-size:clamp(17px,4.35vw,20px)!important;line-height:1.12!important;letter-spacing:-.42px!important;margin:10px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-variant-numeric:tabular-nums!important}
  .dashboardcards .card em{font-size:11px!important;margin-top:5px!important}
  .dashboardcards .card.accent{background:linear-gradient(145deg,#f4fbff,#effcf8)!important}

  /* Financial money strip: premium light surfaces instead of heavy navy slabs. */
  .moneystrip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .moneystrip>div{min-height:105px!important;padding:15px!important;border-radius:20px!important;background:linear-gradient(145deg,#ffffff,#f3f9fd)!important;border:1px solid #d8e6f0!important;box-shadow:0 9px 25px rgba(17,61,94,.07)!important;position:relative!important;overflow:hidden!important}
  .moneystrip>div:after{content:"";position:absolute;right:-18px;bottom:-26px;width:75px;height:75px;border-radius:50%;background:linear-gradient(135deg,rgba(45,150,202,.11),rgba(40,181,143,.04))}
  .moneystrip small{font-size:12px!important;line-height:1.25!important;color:#74889d!important;font-weight:650!important}
  .moneystrip b{font-size:clamp(17px,4.45vw,20px)!important;line-height:1.12!important;color:#142a40!important;margin-top:10px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;position:relative!important;z-index:1!important}

  /* Headings/panels: quieter premium hierarchy. */
  .top{border-radius:22px!important;padding:17px!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,251,255,.96))!important;box-shadow:0 9px 25px rgba(20,59,90,.065)!important}
  .top h1{font-size:25px!important;letter-spacing:-.6px!important}.top p{font-size:13px!important}
  section,.panel{border-radius:21px!important;border-color:#d9e6f0!important;box-shadow:0 8px 24px rgba(18,56,86,.06)!important}
  section h3,.panel h3{letter-spacing:-.35px!important;color:#162b40!important}

  /* Category sheet used by Sales / Clients / More in bottom navigation. */
  .v40-sheet-overlay{display:none;position:fixed!important;inset:0!important;z-index:1600!important;background:rgba(3,16,31,.48)!important;padding:calc(92px + env(safe-area-inset-top,0px)) 12px calc(90px + env(safe-area-inset-bottom,0px))!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
  body.v40-sheet-open .v40-sheet-overlay{display:flex!important;align-items:flex-end!important}
  .v40-sheet{width:100%!important;max-height:72dvh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;background:linear-gradient(180deg,#0a2747,#071a32)!important;border:1px solid #315e7f!important;border-radius:27px!important;padding:15px!important;box-shadow:0 28px 80px rgba(0,15,34,.58)!important}
  .v40-sheet-handle{width:44px;height:4px;border-radius:99px;background:#ffffff35;margin:1px auto 13px}
  .v40-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 2px 13px;color:#fff}
  .v40-sheet-head strong{font-size:21px;letter-spacing:-.45px}.v40-sheet-head small{display:block;font-size:11px;color:#9fc0d5;margin-top:2px;font-weight:500}
  .v40-sheet-close{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;background:#ffffff0f!important;border:1px solid #ffffff1d!important;box-shadow:none!important;font-size:24px!important;color:#e8f4fb!important}
  .v40-sheet-links{display:grid!important;gap:9px!important}
  .v40-sheet-group{padding:3px 3px 1px;color:#79a5c2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;margin-top:3px}
  .v40-sheet-link{display:grid!important;grid-template-columns:44px minmax(0,1fr) 20px!important;align-items:center!important;gap:11px!important;min-height:64px!important;padding:10px 12px!important;border-radius:18px!important;background:linear-gradient(135deg,#ffffff0d,#ffffff06)!important;border:1px solid #ffffff12!important;color:#eef7fc!important;text-decoration:none!important;font-size:16px!important;font-weight:650!important}
  .v40-sheet-link:active{transform:scale(.985);background:#ffffff13!important}
  .v40-sheet-link.active{background:linear-gradient(135deg,#277fc0,#30a0c2)!important;border-color:#62b6d5!important}
  .v40-sheet-ico{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#164c75,#19789a);display:grid;place-items:center}
  .v40-sheet-ico svg{width:21px;height:21px;stroke:#d8edf8;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .v40-sheet-arrow{font-size:21px;color:#76a8c5;text-align:right}.v40-sheet-link.active .v40-sheet-arrow{color:#fff}
  .v40-sheet-link span:nth-child(2){min-width:0;white-space:normal;line-height:1.2}
  body.v40-sheet-open{overflow:hidden!important}

  /* Bottom nav reads as categories, not one-off pages. */
  .mobile-quickbar{height:70px!important;border-radius:23px!important}
  .mobile-quickbar a small{font-size:10px!important;font-weight:680!important}
  .mobile-quickbar a[data-v40-group="sales"],.mobile-quickbar a[data-v40-group="clients"],#mobileMoreLink{cursor:pointer!important}

  .v39-mobile-badge{display:none!important}.v40-mobile-badge{display:block!important;position:fixed!important;right:14px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;z-index:1550!important;background:linear-gradient(135deg,#1d86c5,#24b38d)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.5px!important;box-shadow:0 6px 18px rgba(24,126,152,.28)!important;pointer-events:none!important}
}
@media(max-width:390px){
  .dashboardcards .card strong,.moneystrip b{font-size:17px!important}
  .dashboardcards{gap:8px!important}.dashboardcards .card{padding:13px 12px!important;min-height:106px!important}
}

/* V41 MOBILE LIGHT PREMIUM UI */
.v41-mobile-badge,.v42-mobile-badge{display:none}
@media(max-width:760px){
  :root{--v41-bg:#f3f7fc;--v41-surface:#ffffff;--v41-surface2:#f8fbff;--v41-ink:#122842;--v41-muted:#7d91a7;--v41-line:#dde8f2;--v41-blue:#1c84d6;--v41-teal:#2cb591;--v41-shadow:0 14px 30px rgba(18,52,82,.08)}
  body{background:linear-gradient(180deg,#edf4fb 0%,#f7fbff 38%,#f2f7fc 100%)!important;color:var(--v41-ink)!important}
  aside#sidebar{background:linear-gradient(180deg,#082244,#0a3058 62%,#0b3a62)!important;box-shadow:0 10px 28px rgba(7,24,44,.22)!important;border-bottom:0!important}
  .brandfull{max-height:44px!important;filter:drop-shadow(0 4px 8px rgba(0,17,34,.28))!important}
  main,body.sidebar-collapsed main{padding-top:84px!important;padding-left:14px!important;padding-right:14px!important}

  .top,.panel,section,.card,.moneystrip>div,.receipt{background:rgba(255,255,255,.96)!important;border:1px solid var(--v41-line)!important;box-shadow:var(--v41-shadow)!important}
  .top{border-radius:26px!important;padding:18px 18px 16px!important;position:relative!important;overflow:hidden!important}
  .top::after{content:'';position:absolute;right:-30px;top:-36px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(28,132,214,.14),rgba(44,181,145,.03) 70%);pointer-events:none}
  .top h1{font-size:clamp(28px,8vw,34px)!important;line-height:1.06!important;letter-spacing:-.9px!important;color:#102742!important;margin-bottom:8px!important}
  .top p,p.muted,.notice,.helptext{color:var(--v41-muted)!important}
  .panel,section,.card,.receipt{border-radius:24px!important}
  .cards,.dashboardcards,.moneystrip,.reportgrid,.chartgrid{gap:14px!important}
  .dashboardcards .card,.cards .card,.moneystrip>div{min-height:118px!important;border-radius:24px!important;padding:16px 16px 15px!important;position:relative!important;overflow:hidden!important}
  .dashboardcards .card::after,.cards .card::after,.moneystrip>div::after{content:'';position:absolute;right:-18px;top:-18px;width:94px;height:94px;border-radius:24px;background:linear-gradient(135deg,rgba(28,132,214,.07),rgba(44,181,145,.08));transform:rotate(20deg)}

  .v41-metric-ico{position:absolute;left:16px;top:16px;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eef6ff,#e8fbf5);color:var(--v41-blue);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);z-index:2}
  .v41-metric-ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .card small,.moneystrip small,.metric small{display:block!important;padding-left:50px!important;padding-right:54px!important;font-size:13px!important;font-weight:680!important;line-height:1.24!important;color:#7b8fa4!important}
  .card strong,.moneystrip b,.moneystrip a,.metric b,.segmentnumbers b,.receipttotal{display:block!important;margin-top:10px!important;font-size:clamp(19px,6vw,27px)!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.78px!important;color:var(--v41-ink)!important;font-variant-numeric:tabular-nums!important;font-feature-settings:'tnum' 1!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-decoration:none!important}
  .card em{font-style:normal!important;margin-top:6px!important;font-size:13px!important;color:#279677!important;font-weight:700!important}
  .moneystrip>div{background:linear-gradient(180deg,#ffffff,#f7fbff)!important;color:var(--v41-ink)!important}
  .moneystrip a,.card a{color:inherit!important;text-decoration:none!important}
  .dashboardcards .card strong,.cards .card strong{max-width:100%}
  .dashboardcards .card:nth-child(n+3) strong,.cards .card strong{font-size:clamp(18px,5.8vw,25px)!important}

  input,select,textarea{background:#fbfdff!important;border:1px solid #d7e4ef!important;border-radius:16px!important;box-shadow:0 4px 10px rgba(18,59,92,.05),inset 0 1px 0 #fff!important;color:var(--v41-ink)!important}
  input:focus,select:focus,textarea:focus{border-color:#5ca9e3!important;box-shadow:0 0 0 4px rgba(63,151,223,.12)!important}
  .btn,button{background:linear-gradient(135deg,#1881d6,#29b594)!important;color:#fff!important;border-radius:16px!important;box-shadow:0 10px 22px rgba(29,127,186,.22)!important}
  .secondary{background:linear-gradient(135deg,#8195a9,#667b92)!important}

  table.mobile-card-table tr{background:rgba(255,255,255,.97)!important;border:1px solid #e0eaf3!important;border-radius:22px!important;padding:14px 15px!important;box-shadow:0 9px 20px rgba(19,57,92,.06)!important}
  table.mobile-card-table td{grid-template-columns:108px minmax(0,1fr)!important;gap:11px!important;border-bottom:1px dashed #e6eef5!important}
  table.mobile-card-table td:last-child{border-bottom:0!important}
  table.mobile-card-table td::before{font-size:12px!important;color:#6f859c!important;font-weight:700!important}
  table.mobile-card-table td a{color:#1f8b70!important;text-decoration:none!important;font-weight:760!important}
  th{color:#8196ab!important}

  .mobile-quickbar{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;height:72px!important;padding:7px!important;border-radius:26px!important;background:rgba(8,29,53,.95)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 42px rgba(4,18,37,.28)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
  .mobile-quickbar a{gap:4px!important;border-radius:18px!important;color:#dbe7f2!important;background:transparent!important;transition:transform .12s ease,background .12s ease,color .12s ease!important}
  .mobile-quickbar a:active{transform:scale(.96)!important}
  .mobile-quickbar a small{font-size:10px!important;font-weight:670!important;letter-spacing:0!important;margin:0!important}
  .mobile-quickbar a.active:not(.quick-primary){background:rgba(255,255,255,.09)!important;color:#fff!important}
  .mobile-quickbar .quick-primary{background:linear-gradient(145deg,#2f95df,#31c0a0)!important;color:#fff!important;transform:translateY(-10px)!important;min-height:70px!important;border:2px solid #d7fff2!important;box-shadow:0 14px 28px rgba(40,175,149,.35)!important}
  .mobile-quickbar .quick-primary:active{transform:translateY(-10px) scale(.96)!important}
  .mobile-quickbar .quick-more{background:rgba(255,255,255,.04)!important}
  .v41-qico{width:23px!important;height:23px!important;display:block!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}

  .v41-sheet-overlay{position:fixed;inset:0;z-index:1660;display:none;align-items:flex-end;justify-content:center;padding:calc(68px + env(safe-area-inset-top,0px)) 12px calc(95px + env(safe-area-inset-bottom,0px));background:rgba(4,20,36,.30);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .v41-sheet-overlay.open{display:flex}
  .v41-sheet{width:min(100%,620px);max-height:100%;overflow:auto;background:linear-gradient(180deg,#ffffff,#f7fbff);border:1px solid #dbe7f2;border-radius:30px;box-shadow:0 30px 60px rgba(16,36,59,.22);padding:14px 14px 18px}
  .v41-sheet-handle{width:50px;height:5px;border-radius:999px;background:#d3e0ea;margin:2px auto 14px}
  .v41-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 2px 12px}
  .v41-sheet-head strong{font-size:24px;color:#122943;letter-spacing:-.6px}
  .v41-sheet-head small{display:block;font-size:12px;color:#7d92a8;margin-top:4px}
  .v41-sheet-close{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;border-radius:16px!important;background:#eff5fa!important;color:#45607e!important;border:1px solid #d7e4ef!important;box-shadow:none!important;font-size:24px!important}
  .v41-sheet-links{display:grid!important;gap:10px!important}
  .v41-sheet-group{padding:4px 5px 0;color:#7a90a6;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.9px}
  .v41-sheet-link{display:grid!important;grid-template-columns:48px minmax(0,1fr) 22px!important;align-items:center!important;gap:12px!important;min-height:66px!important;padding:10px 12px!important;border-radius:20px!important;background:linear-gradient(180deg,#ffffff,#f7fbff)!important;border:1px solid #e1ebf4!important;color:#162b44!important;text-decoration:none!important;box-shadow:0 10px 20px rgba(19,56,90,.06)!important}
  .v41-sheet-link.active{background:linear-gradient(135deg,#edf7ff,#edfdf8)!important;border-color:#cde4f1!important}
  .v41-sheet-link:active{transform:scale(.986)!important}
  .v41-sheet-ico{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#edf6ff,#e8fbf5);color:var(--v41-blue);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
  .v41-sheet-ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .v41-sheet-link span:nth-child(2){font-size:16px!important;font-weight:720!important;line-height:1.2!important}
  .v41-sheet-arrow{font-size:22px;color:#93abc0;text-align:right}

  .v40-mobile-badge,.v39-mobile-badge,.v38-mobile-badge{display:none!important}
  .v41-mobile-badge{display:none!important}.v42-mobile-badge{display:block!important;position:fixed!important;right:14px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;z-index:1650!important;background:linear-gradient(135deg,#1d86c5,#24b38d)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.5px!important;box-shadow:0 6px 18px rgba(24,126,152,.28)!important;pointer-events:none!important}
}
@media(max-width:390px){
  .card strong,.moneystrip b,.metric b{font-size:clamp(18px,6vw,22px)!important}
  .mobile-quickbar a small{font-size:9px!important}
  .v41-sheet-link span:nth-child(2){font-size:15px!important}
}

@media(max-width:760px){
  .v42-mobile-badge,.v41-mobile-badge,.v40-mobile-badge,.v39-mobile-badge,.v38-mobile-badge{display:none!important}
  #v43MobileBadge{display:block!important;position:fixed!important;right:14px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;z-index:1700!important;background:linear-gradient(135deg,#1d86c5,#24b38d)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.5px!important;box-shadow:0 6px 18px rgba(24,126,152,.28)!important;pointer-events:none!important}
}

/* V44 HOME CARDS FIX */
@media(max-width:760px){
  .dashboardcards .card{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-content:start!important;
    column-gap:10px!important;
    row-gap:0!important;
    min-height:126px!important;
    padding:15px 15px 14px!important;
  }
  .dashboardcards .card .v41-metric-ico{
    position:static!important;
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    z-index:2!important;
  }
  .dashboardcards .card small{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    padding:0!important;
    margin:0!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:12.5px!important;
    line-height:1.18!important;
  }
  .dashboardcards .card strong{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:13px 0 0!important;
    padding:0!important;
    font-size:clamp(19px,5.75vw,25px)!important;
    line-height:1.04!important;
    letter-spacing:-.75px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .dashboardcards .card strong.v44-long-value{
    font-size:clamp(16.5px,4.9vw,21px)!important;
    letter-spacing:-.95px!important;
  }
  .dashboardcards .card em{
    grid-column:1 / -1!important;
    grid-row:3!important;
    margin:6px 0 0!important;
    padding:0!important;
    font-size:11.5px!important;
    line-height:1.15!important;
  }
  #v43MobileBadge{display:none!important}
  #v44MobileBadge{display:block!important;position:fixed!important;right:14px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;z-index:1700!important;background:linear-gradient(135deg,#1d86c5,#24b38d)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.5px!important;box-shadow:0 6px 18px rgba(24,126,152,.28)!important;pointer-events:none!important}
}
@media(max-width:390px){
  .dashboardcards .card strong{font-size:clamp(18px,5.5vw,22px)!important}
  .dashboardcards .card strong.v44-long-value{font-size:clamp(15.5px,4.65vw,19px)!important}
}

/* V45 MOBILE NUMBERS FIX */
@media(max-width:760px){
  /* Dashboard / home cards */
  .dashboardcards .card strong,
  .cards .card strong{
    font-size:clamp(17px,5.0vw,22px)!important;
    line-height:1.08!important;
    letter-spacing:-.55px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .dashboardcards .card strong.v44-long-value,
  .cards .card strong.v44-long-value{
    font-size:clamp(15px,4.3vw,19px)!important;
    letter-spacing:-.6px!important;
  }

  /* Money/account and daily cash metric cards */
  .moneystrip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .moneystrip>div{
    min-width:0!important;
    min-height:118px!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:start!important;
    column-gap:10px!important;
    row-gap:8px!important;
    overflow:hidden!important;
  }
  .moneystrip>div .v41-metric-ico{
    position:static!important;
    grid-column:1!important;
    grid-row:1!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
  }
  .moneystrip>div small{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:700!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .moneystrip>div b,
  .moneystrip>div a{
    grid-column:1 / -1!important;
    grid-row:2!important;
    margin:3px 0 0!important;
    padding:0!important;
    width:100%!important;
    min-width:0!important;
    font-size:clamp(16px,4.6vw,21px)!important;
    line-height:1.08!important;
    letter-spacing:-.55px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-decoration:none!important;
    color:#122842!important;
  }
  .moneystrip>div b.v45-long-value,
  .moneystrip>div a.v45-long-value{
    font-size:clamp(14px,4.0vw,18px)!important;
    letter-spacing:-.65px!important;
  }

  /* Prevent long labels like "Перечисление" from colliding with values. */
  .moneystrip>div small{hyphens:none!important;-webkit-hyphens:none!important}

  #v43MobileBadge,#v44MobileBadge{display:none!important}
  #v45MobileBadge{display:block!important;position:fixed!important;right:14px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;z-index:1700!important;background:linear-gradient(135deg,#1d86c5,#24b38d)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.5px!important;box-shadow:0 6px 18px rgba(24,126,152,.28)!important;pointer-events:none!important}
}
@media(max-width:390px){
  .dashboardcards .card strong,.cards .card strong{font-size:clamp(16px,4.8vw,20px)!important}
  .moneystrip>div b,.moneystrip>div a{font-size:clamp(15px,4.4vw,19px)!important}
  .moneystrip>div b.v45-long-value,.moneystrip>div a.v45-long-value{font-size:clamp(13px,3.8vw,17px)!important}
}

/* V46 DESKTOP RESTORE + MOBILE V45 */
@media(min-width:761px){
  .v41-metric-ico,
  .mobile-quickbar,
  .mobile-backdrop,
  .mobile-more-panel,
  .v41-sheet-overlay,
  #mobileQuickbar,
  #mobileBackdrop,
  #mobileBackdropV36,
  #mobileMorePanelV37,
  #v43Sheet,
  #v38MobileBadge,
  #v39MobileBadge,
  #v40MobileBadge,
  #v41MobileBadge,
  #v42MobileBadge,
  #v43MobileBadge,
  #v44MobileBadge,
  #v45MobileBadge{
    display:none!important;
  }
}

.receipt-builder{display:grid;gap:12px}.receipt-builder-head{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1.2fr;gap:10px}.receipt-items{display:grid;gap:10px}.receipt-item-row{display:grid;grid-template-columns:2fr .65fr 1fr 1fr 1fr 44px;gap:9px;align-items:end;background:linear-gradient(180deg,#fbfdff,#f4f9fd);border:1px solid #dce8f2;border-radius:15px;padding:12px}.receipt-item-row label{min-width:0}.receipt-item-row .remove-row{width:44px;height:44px;min-height:44px;padding:0;border-radius:12px;background:#fff1ef!important;color:#b8473e!important;border:1px solid #f0cbc7!important;box-shadow:none!important;font-size:20px}.receipt-builder-actions{display:flex;gap:10px;flex-wrap:wrap}.add-receipt-row{background:linear-gradient(135deg,#4c6f8f,#315b7b)!important}.receipt-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#eef8f5;border:1px solid #d6ece5}.receipt-summary strong{font-size:20px;color:#153d36}.draft-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#4e758c;background:#eef6fb;border:1px solid #d8e8f3;border-radius:999px;padding:5px 9px}.receipt-hint{font-size:12px;color:#73879b;margin-top:5px}
@media(max-width:1100px){.receipt-builder-head{grid-template-columns:1fr 1fr}.receipt-item-row{grid-template-columns:1.7fr .65fr 1fr 1fr}}
@media(max-width:760px){.receipt-builder-head{grid-template-columns:1fr!important}.receipt-item-row{grid-template-columns:1fr 1fr!important;padding:12px!important;border-radius:20px!important}.receipt-item-row .product-cell{grid-column:1/-1}.receipt-item-row .remove-row{grid-column:2;justify-self:end}.receipt-builder-actions{display:grid!important;grid-template-columns:1fr!important}.receipt-builder-actions>*{width:100%!important}.receipt-summary{align-items:flex-start;flex-direction:column}.receipt-summary strong{font-size:18px!important}}

/* V48 HPRT TP80NB receipt */
.receipt-qr-wrap{display:flex;justify-content:center;gap:18px;align-items:flex-start;flex-wrap:wrap;margin:14px 0 6px}
.receipt-qr{display:grid;justify-items:center;gap:4px;font-size:11px;font-weight:700;text-align:center;color:#111}
.receipt-qr img{width:112px;height:112px;object-fit:contain;image-rendering:auto}
.receipt-social-url{font-size:9px;max-width:135px;overflow-wrap:anywhere;font-weight:500}
.receipt-print-note{font-size:12px;color:#63768a;text-align:center;margin-top:10px}
@media print{
  @page{size:80mm auto;margin:2mm}
  html,body{width:80mm!important;min-width:80mm!important;margin:0!important;padding:0!important;background:#fff!important}
  aside,.no-print,.flash,.exportbox,.mobile-quickbar,[id$="MobileBadge"]{display:none!important}
  main,body.sidebar-collapsed main{margin:0!important;padding:0!important;width:76mm!important;max-width:76mm!important;min-width:76mm!important}
  .receiptwrap{display:block!important;width:76mm!important;max-width:76mm!important;overflow:visible!important}
  .receipt{box-sizing:border-box!important;width:76mm!important;max-width:76mm!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:1mm!important;margin:0!important;color:#000!important;font-family:Arial,Helvetica,sans-serif!important;font-size:10.5px!important;line-height:1.2!important}
  .receipt h2{font-size:16px!important;margin:0 0 2mm!important;color:#000!important}
  .receipt p{font-size:10px!important;line-height:1.25!important;margin:1.5mm 0!important;color:#000!important}
  .receipt hr{border:0!important;border-top:1px dashed #000!important;margin:1.5mm 0!important}
  .receipthead{font-size:10px!important;gap:2mm!important}
  .receipt table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;font-size:9px!important}
  .receipt th,.receipt td{padding:1mm .6mm!important;border-bottom:1px dotted #aaa!important;vertical-align:top!important;overflow-wrap:anywhere!important}
  .receipt th:nth-child(1),.receipt td:nth-child(1){width:42%!important}
  .receipt th:nth-child(2),.receipt td:nth-child(2){width:12%!important;text-align:center!important}
  .receipt th:nth-child(3),.receipt td:nth-child(3){width:22%!important;text-align:right!important}
  .receipt th:nth-child(4),.receipt td:nth-child(4){width:24%!important;text-align:right!important}
  .receipttotal{font-size:14px!important;text-align:right!important;margin:2mm 0!important;color:#000!important}
  .receipt-qr-wrap{gap:4mm!important;margin:2mm 0!important;page-break-inside:avoid!important}
  .receipt-qr img{width:25mm!important;height:25mm!important}
  .receipt-qr{font-size:8.5px!important}.receipt-social-url{display:none!important}
}
@media(max-width:760px){#v45MobileBadge{display:none!important}#v48MobileBadge{display:block!important;position:fixed!important;right:14px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;z-index:1800!important;background:linear-gradient(135deg,#1d86c5,#24b38d)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.5px!important;box-shadow:0 6px 18px rgba(24,126,152,.28)!important;pointer-events:none!important}}@media(min-width:761px){#v48MobileBadge{display:none!important}}
.v49-sale-row{cursor:pointer}.v49-sale-row:hover{background:#f2f8fc}.v49-detail-btn{min-height:30px!important;padding:4px 9px!important;font-size:12px!important}.v49-sale-detail{display:none}.v49-sale-detail.open{display:table-row}.v49-detail-box{padding:12px 10px;background:#f7fbfe;border:1px solid #dce9f3;border-radius:12px}.v49-detail-box table{margin:8px 0}.v49-detail-box a{font-weight:750}
.v53-sold-products{display:none;border:1px solid #dce9f3;background:linear-gradient(180deg,#fbfdff,#f5fafc);border-radius:16px;padding:14px;margin:14px 0}.v53-sold-products.open{display:block}.v53-sold-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.v53-sold-head h3{margin:0}.v53-sold-head p{margin:3px 0 0;color:#6d7c89;font-size:12px}.v53-products-btn{white-space:nowrap}
@media(max-width:760px){.v49-sale-detail.open{display:block!important}.v49-detail-box{padding:10px}.v49-detail-box table{display:block;overflow-x:auto}.v49-sale-row{border-bottom:0!important}}
@media(max-width:760px){#v48MobileBadge{display:none!important}#v49MobileBadge{display:block!important;position:fixed!important;right:14px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;z-index:1800!important;background:linear-gradient(135deg,#1d86c5,#24b38d)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.5px!important;box-shadow:0 6px 18px rgba(24,126,152,.28)!important;pointer-events:none!important}}@media(min-width:761px){#v49MobileBadge{display:none!important}}@media(max-width:760px){#v49MobileBadge{display:none!important}#v51MobileBadge{display:block!important;position:fixed!important;right:14px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;z-index:1800!important;background:linear-gradient(135deg,#1d86c5,#24b38d)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.5px!important;box-shadow:0 6px 18px rgba(24,126,152,.28)!important;pointer-events:none!important}}@media(min-width:761px){#v51MobileBadge{display:none!important}}
.v54-new-product{border-left:4px solid #16a085!important}.v54-user-actions{display:grid;gap:7px;min-width:330px}.v54-user-actions form{margin:0}.v54-reset-form{display:grid;grid-template-columns:1fr auto auto;gap:6px}.v54-reset-form input{min-width:150px}.v54-eye{padding:7px 10px!important;min-width:42px!important}.v54-user-on,.v54-user-off{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.v54-user-on{background:#e8f8f1;color:#087a54}.v54-user-off{background:#fff0f0;color:#b53c3c}
@media(max-width:760px){.v54-user-actions{min-width:280px}.v54-reset-form{grid-template-columns:1fr auto}.v54-reset-form button[type="submit"]{grid-column:1/-1}}
.v55-return-note{margin:10px 0!important}.v55-returned{display:block;color:#b15b1b;font-weight:800;margin-top:3px}
.v56-receipt-row{display:grid!important;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.5fr) minmax(150px,.65fr) minmax(190px,.8fr);gap:10px!important;align-items:end!important;border:1px solid #d8e7f2!important;border-left:4px solid #168bd0!important;border-radius:14px!important;padding:13px!important;background:#fbfdff!important}.v56-row-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.v56-new-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;background:#edf8f5;border:1px solid #c7e9df;border-radius:11px;padding:11px}.v56-new-fields[hidden]{display:none!important}.v56-receipt-buttons{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.v56-remove{padding:6px 9px!important;font-size:12px!important}.v56-remove[hidden]{display:none!important}
@media(max-width:900px){.v56-receipt-row{grid-template-columns:1fr 1fr}.v56-new-fields{grid-template-columns:1fr 1fr}}@media(max-width:560px){.v56-receipt-row,.v56-new-fields{grid-template-columns:1fr}.v56-receipt-buttons button{width:100%}}

.v57-daily-debt{background:linear-gradient(135deg,#fff6e8,#ffead0)!important;border:1px solid #f3c98c!important}
.v57-daily-debt small,.v57-daily-debt b{color:#8b4d08!important}
.v57-debt-note{margin:12px 2px 0!important}

.v58-payment-info{margin-top:10px!important}.v58-prepay-used{display:block;color:#157b65;font-weight:800;margin-top:3px}.v58-prepay-card{background:linear-gradient(135deg,#e9faf5,#d8f4eb)!important;border:1px solid #a8decf!important}.v58-prepay-card small,.v58-prepay-card b{color:#116956!important}

.v59-product-actions{display:grid;gap:7px}.v59-delete-product{justify-content:flex-end}.v59-factory-summary{border-left:4px solid #168bd0!important}.v59-factory-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.v59-factory-head h3{margin-bottom:4px}.v59-factory-head strong{font-size:20px;color:#087d70;white-space:nowrap}@media(max-width:700px){.v59-factory-head{align-items:flex-start;flex-direction:column}.v59-factory-head strong{font-size:17px}}

.v61-range input{min-width:145px;padding:9px 11px;border:1px solid #d8e2e9;border-radius:10px;background:white}.v61-profit{background:#e8f8f2!important;color:#087d70!important}.v61-mobile-logout{display:none}.v61-new-product{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#edf8f5;padding:10px;border-radius:10px}.v61-new-product[hidden]{display:none!important}
@media(max-width:700px){.v61-range{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.v61-range button{grid-column:1/-1}.v61-mobile-logout{display:flex;position:fixed;right:12px;top:calc(env(safe-area-inset-top) + 10px);z-index:1200;background:#fff;color:#b42318;border:1px solid #fecaca;border-radius:12px;padding:9px 12px;font-weight:800;text-decoration:none;box-shadow:0 6px 18px #071a332b}}

.v62-client-form label{display:grid;gap:5px;font-size:12px;color:#536575;font-weight:750}
.v62-top10{margin-top:14px}.v62-top10 section{min-width:0}
@media(max-width:760px){.v62-top10{grid-template-columns:1fr!important}}

.v63-bulkbar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:12px 14px;border:1px solid #bddbe9;border-radius:14px;background:#f7fcffef;box-shadow:0 8px 24px #173b5c18;backdrop-filter:blur(8px)}
.v63-bulkbar span{display:grid;gap:3px}.v63-bulkbar small{color:#6a7e91}.v63-bulkbar.v63-dirty{border-color:#2ea981;background:#eefaf6f2}.v63-price-input{width:145px;min-width:120px;font-weight:750;text-align:right}.v63-stock-table{overflow-x:auto}.v63-stock-table table{min-width:1120px}.moneystrip>div.v63-debt-card{background:linear-gradient(135deg,#7e4c08,#a9680e)}.moneystrip>div.v63-prepayment-card{background:linear-gradient(135deg,#0b665e,#09877a)}.v63-sold-products p{margin:3px 0 12px;color:#6e8194}
@media(max-width:760px){.v63-bulkbar{top:4px;align-items:stretch;flex-direction:column}.v63-bulkbar button{width:100%}.v63-price-input{width:128px}}

.v64-back-button{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:8px 13px;background:#fff!important;color:#17496e!important;border:1px solid #c9deed!important;box-shadow:0 4px 14px #173b5c12!important}
.v64-sales-total td{background:#edf8f5;border-top:2px solid #5dbda3;font-size:15px}.v64-client-summary{margin-bottom:15px}.v64-money-filter{align-items:end}.v64-money-filter select{min-width:160px}
@media(max-width:760px){.v64-back-button{margin-bottom:9px}.v64-money-filter{grid-template-columns:1fr 1fr!important}.v64-money-filter label{min-width:0}.v64-money-filter select{min-width:0;width:100%}}
@media print{.v64-back-button{display:none!important}}