:root{--nav:#0d1a30;--bg:#f3f6f9;--line:#d8e0e8;--text:#0b172a;--muted:#667085;--accent:#173d66;--ok:#0f7b5a;--danger:#b4233f}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:#144f86;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:230px;background:var(--nav);color:#fff;padding:20px 16px;overflow:auto}.brand{font-weight:800;font-size:23px;position:relative;margin-bottom:26px}.brand span{display:block;font-size:11px;letter-spacing:1.6px;color:#aebbd0}.brand em{position:absolute;right:0;top:2px;font-size:10px;color:#aebbd0;font-style:normal}nav a{display:block;color:#fff;padding:10px 10px;border-radius:8px;margin:1px 0}nav a:hover{background:#1d2e49}.navgroup{font-size:10px;color:#8697b3;letter-spacing:1.4px;margin:16px 10px 4px}.user{position:fixed;bottom:18px;font-size:12px}.user a{color:#fff;text-decoration:underline}main{margin-left:230px;padding:0 28px 40px;min-height:100vh}main.full{margin:0;display:grid;place-items:center;padding:30px}header{height:72px;display:flex;align-items:center;justify-content:space-between}header h1{margin:0;font-size:25px}.header-sub{margin:4px 0 0}.muted{color:var(--muted)}section,.formcard,.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 1px 1px rgba(16,24,40,.02)}h2{margin:0 0 14px;font-size:19px}h3{margin:12px 0}.metrics{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:18px}.metrics.compact{grid-template-columns:repeat(4,minmax(150px,1fr))}.metric b{display:block;font-size:22px}.metric span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.grid2{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin:18px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-head h2{margin:0}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #e6ebf0;text-align:left;padding:10px 9px;vertical-align:top}th{font-size:11px;text-transform:uppercase;color:#536176;letter-spacing:.3px}tr.total{font-weight:800;background:#f6f8fa}.warnrow{background:#fff6e8}.table-scroll{overflow:auto}.table-scroll table{min-width:1500px}.btn,button{border:0;background:#0d1a30;color:#fff;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-block}.btn.success{background:var(--ok)}.dangerbtn{background:var(--danger)}button.link{background:none;padding:0}.dangertext{color:var(--danger)!important}.alert{padding:12px 14px;border-radius:8px;margin:0 0 14px;border:1px solid}.alert.ok{background:#ecfdf3;border-color:#a6f4c5;color:#067647}.alert.danger{background:#fff1f3;border-color:#fecdd6;color:#b4233f}.formcard{max-width:1120px}.formcard.flat{box-shadow:none;border:0;padding:0}.formcard.narrow{max-width:500px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}.span2{grid-column:span 2}label{display:block;color:#344054;font-size:12px;font-weight:600}input,select,textarea{width:100%;margin-top:6px;border:1px solid #cfd8e3;border-radius:7px;padding:10px 11px;background:#fff;color:#101828}textarea{min-height:82px}.checks{display:flex;align-items:center;gap:8px;margin-top:22px}.checks input{width:auto;margin:0}.subcard{border-top:1px solid var(--line);margin:18px 0;padding-top:10px}.subcard small{font-weight:400;color:var(--muted)}.search,.inlineform,.calcform,.actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.search input{width:280px;margin:0}.search select{width:180px;margin:0}.inlineform input,.inlineform select{width:150px}.calcform label{min-width:130px;flex:1}.calcform label:first-of-type{min-width:330px;flex:2}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#2b4c7e;font-size:11px;font-weight:700}.tabs{display:grid;gap:16px;margin-top:18px}details{margin-top:12px}summary{cursor:pointer;font-weight:600}.login-card{width:min(420px,94vw);background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px}.login-logo{font-size:30px;font-weight:900;letter-spacing:4px}.login-card h1{margin:6px 0 4px}.login-card label{margin:14px 0}.login-card button{width:100%}@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:760px){aside{position:static;width:auto}.user{position:static;margin-top:20px}main{margin:0;padding:0 12px 30px}.metrics,.metrics.compact{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}header{height:64px}.search input{width:180px}}

/* MotoERP v2.1.0 */
aside{overflow:hidden;display:flex;flex-direction:column;padding-bottom:12px}
aside nav{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:4px}
.user{position:static;margin-top:10px;padding:12px 8px 2px;border-top:1px solid rgba(255,255,255,.12);flex:0 0 auto}
.formcard.wide{max-width:none}
.form-actions{margin-top:16px;display:flex;justify-content:flex-end}
.tabbar{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:-4px 0 18px;padding-bottom:8px}
.tabbar button{background:#edf2f7;color:#344054;padding:8px 12px}
.tabbar button.active{background:var(--nav);color:white}
.tabpanel{display:none}.tabpanel.active{display:block}
.moto-panel{display:none!important}.moto-panel.active.moto-visible{display:block!important}
.recordtabs{display:grid;gap:18px;margin-top:18px}
.adjustform{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
label small{display:block;margin-top:5px;font-weight:400}
input[readonly]{background:#f3f5f7;color:#667085}
@media(min-width:761px){aside nav::-webkit-scrollbar{width:6px}aside nav::-webkit-scrollbar-thumb{background:#354761;border-radius:8px}}

/* MotoERP v2.2.0 – Nabava / kalkulacija */
.purchase-lines{display:grid;gap:12px}
.purchase-line{border:1px solid var(--line);border-radius:14px;background:#fff;padding:15px}
.line-main{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(420px,2fr) auto;gap:14px;align-items:center}
.line-kpi{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:8px}
.line-kpi span{background:#f5f7fa;border-radius:9px;padding:8px 10px;font-size:13px}
.line-kpi b{display:block;margin-top:3px;font-size:15px;color:var(--nav)}
.line-actions{display:flex;gap:6px;align-items:center}
.line-actions form{margin:0}
.line-details{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:#667085}
.purchase-total{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;background:#eef2f6;padding:12px 15px;border-radius:10px;margin-top:12px}
.vin-box{margin-top:12px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px}
.vin-box h3{margin:0}
.compacttable th,.compacttable td{padding:7px 8px}
.vinform{margin-top:10px}
.calcform2{grid-template-columns:1.35fr 2fr repeat(6,minmax(105px,1fr));align-items:end}
.calcform2 .lookup,.calcform2 .choice{min-width:0}
.btn.small{padding:7px 9px;font-size:12px}
.btn.secondary{background:#e9eef5;color:#27364a}
.dangerbtn{background:#a52a2a!important;color:#fff!important}
.dangerzone{border:1px solid #f0b7b7;background:#fffafa}
.doc-actions{display:flex;gap:8px}
@media(max-width:1250px){
 .line-main{grid-template-columns:1fr}
 .line-kpi{grid-template-columns:repeat(2,minmax(120px,1fr))}
 .calcform2{grid-template-columns:repeat(4,minmax(130px,1fr))}
}
@media(max-width:760px){
 .line-kpi,.calcform2{grid-template-columns:1fr}
 .purchase-total{justify-content:flex-start}
}

/* MotoERP v2.2.2 */
.quick-product{margin-top:14px}.quick-product summary{font-size:16px;color:#144f86;padding:4px 0}.quick-product-form{margin-top:14px}.quick-moto{display:none;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.print-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.print-doc{background:#fff;border:1px solid var(--line);padding:28px;max-width:none}.print-head{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #0d1a30;padding-bottom:16px}.print-head h1{margin:0 0 6px}.print-title{text-align:right;display:grid;gap:4px}.print-title b{font-size:20px}.print-title strong{font-size:24px}.print-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px 24px;margin:18px 0}.print-table{font-size:11px}.print-table th,.print-table td{padding:7px 5px}.print-summary{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;margin-top:16px}.print-sign{display:flex;justify-content:space-between;margin-top:50px}
@media print{@page{size:A4 landscape;margin:10mm}body{background:#fff;font-size:10pt}aside,main>header,.no-print,.alert{display:none!important}main{margin:0!important;padding:0!important}.print-doc{display:block!important;border:0!important;padding:0!important}.print-table{font-size:8pt}.print-table th,.print-table td{padding:4px 3px}.print-head h1{font-size:16pt}.print-title b{font-size:14pt}.print-title strong{font-size:16pt}.print-sign{margin-top:25px}a{color:#000;text-decoration:none}}

/* v2.2.2 MotoERP calculation print */
.calc-calc{background:#fff;color:#111;padding:18px;font-family:Arial,Helvetica,sans-serif}.calc-top{border-top:1px solid #111;padding-top:6px}.calc-company{font-size:12px;line-height:1.55}.calc-calc h1{font-size:20px;margin:20px 0}.calc-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.calc-left{font-size:12px;min-width:390px}.calc-left div{display:grid;grid-template-columns:105px 1fr;margin:7px 0}.calc-left b{font-weight:400}.calc-supplier{border:1px solid #111;padding:5px 8px;min-width:245px;font-size:11px;line-height:1.35}.calc-table{width:100%;border-collapse:collapse;border-top:1px solid #111;border-bottom:1px solid #111;font-size:8px}.calc-table th{border-bottom:1px solid #111;padding:4px 3px;vertical-align:bottom;white-space:normal}.calc-table td{padding:4px 3px;text-align:right;vertical-align:top}.calc-table td:nth-child(1),.calc-table td:nth-child(2),.calc-table td:nth-child(3),.calc-table td:nth-child(4){text-align:left}.calc-table .name{min-width:160px}.calc-table .total td{border-top:1px solid #111;font-weight:700}.calc-signatures{display:flex;justify-content:space-between;width:55%;margin:85px 0 0 55px;text-align:center;font-size:11px}.calc-signatures div{width:135px}.calc-signatures span{display:block;border-top:1px solid #111;margin-bottom:6px}.calc-generated{font-size:8px;margin-top:25px}
@media print{@page{size:A4 landscape;margin:8mm}.calc-calc{padding:0}.calc-table{font-size:7pt}.calc-table th,.calc-table td{padding:2.5px 2px}.calc-calc h1{font-size:15pt;margin:14px 0}.calc-company,.calc-left{font-size:9pt}.calc-supplier{font-size:8pt}.calc-signatures{margin-top:55px}}

/* v2.2.3 corrected referentni sustav calculation */
.calc-calc{background:#fff;color:#111;padding:18px 22px 28px;border:1px solid #d8dee8;font-family:Arial,sans-serif;overflow-x:auto}.calc-calc h1{font-size:25px;margin:22px 0 26px}.calc-company{font-size:13px;line-height:1.45;min-height:58px}.calc-meta{display:grid;grid-template-columns:minmax(360px,1fr) 300px;gap:30px;align-items:start;margin-bottom:12px}.calc-left{font-size:13px;line-height:1.55}.calc-left div{display:grid;grid-template-columns:125px 1fr}.calc-left span{padding-right:10px}.calc-supplier{border:1px solid #222;padding:8px 10px;font-size:12px;line-height:1.45;justify-self:end;width:280px;min-height:74px}.calc-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.calc-table th{font-weight:700;text-align:left;vertical-align:bottom;border-top:1px solid #222;border-bottom:1px solid #222;padding:5px 3px;line-height:1.1;overflow-wrap:anywhere}.calc-table td{border-bottom:1px solid #d9dde3;padding:5px 3px;vertical-align:top;text-align:right}.calc-table td:nth-child(1),.calc-table td:nth-child(2),.calc-table td:nth-child(3),.calc-table td:nth-child(4){text-align:left}.calc-table th:nth-child(1){width:2.5%}.calc-table th:nth-child(2){width:5%}.calc-table th:nth-child(3){width:17%}.calc-table th:nth-child(4){width:3.5%}.calc-table th:nth-child(5){width:4.5%}.calc-table .total td{border-top:1.5px solid #222;border-bottom:0;font-weight:700}.calc-signatures{display:flex;justify-content:space-between;max-width:560px;margin:70px 35px 0}.calc-signatures>div{width:180px;text-align:center;font-size:12px}.calc-signatures span{display:block;border-top:1px solid #222;margin-bottom:7px}.calc-generated{text-align:right;font-size:9px;margin-top:28px}.print-toolbar{position:sticky;top:0;z-index:5;background:var(--bg);padding:8px 0}
@media print{@page{size:A4 landscape;margin:7mm}html,body{background:#fff!important}body>aside,main>header,.no-print,.alert{display:none!important}main,main.full{margin:0!important;padding:0!important;display:block!important}.calc-calc{border:0!important;padding:0!important;overflow:visible!important}.calc-calc h1{font-size:14pt;margin:8mm 0 6mm}.calc-company{font-size:8pt;min-height:14mm}.calc-meta{grid-template-columns:1fr 58mm;gap:8mm;margin-bottom:3mm}.calc-left{font-size:8pt}.calc-left div{grid-template-columns:30mm 1fr}.calc-supplier{width:55mm;min-height:18mm;font-size:7.5pt;padding:2mm}.calc-table{font-size:6.2pt;table-layout:fixed}.calc-table th,.calc-table td{padding:1.1mm .55mm;line-height:1.08}.calc-table tr{break-inside:avoid}.calc-signatures{margin-top:15mm}.calc-generated{font-size:6pt;margin-top:5mm}}

/* v2.2.4 final referentni sustav print refinement */
.calc-table th{overflow-wrap:normal!important;word-break:normal!important;hyphens:none;text-align:center}
.calc-table th:nth-child(1),.calc-table th:nth-child(2),.calc-table th:nth-child(3),.calc-table th:nth-child(4){text-align:left}
.calc-table td.name{line-height:1.18}
.calc-vin{font-size:8.5px;font-weight:400;margin-top:3px;color:#333;white-space:normal}
.calc-table th:nth-child(1){width:2.4%}.calc-table th:nth-child(2){width:5.2%}.calc-table th:nth-child(3){width:17.8%}.calc-table th:nth-child(4){width:3.4%}.calc-table th:nth-child(5){width:4.2%}.calc-table th:nth-child(6){width:5.6%}.calc-table th:nth-child(7){width:5.4%}.calc-table th:nth-child(8){width:4.3%}.calc-table th:nth-child(9){width:5.1%}.calc-table th:nth-child(10){width:4.4%}.calc-table th:nth-child(11){width:6.1%}.calc-table th:nth-child(12){width:4.5%}.calc-table th:nth-child(13){width:5.1%}.calc-table th:nth-child(14){width:5.1%}.calc-table th:nth-child(15){width:5.1%}.calc-table th:nth-child(16){width:5.8%}.calc-table th:nth-child(17){width:4.8%}.calc-table th:nth-child(18){width:4.7%}
@media print{
  .calc-table{font-size:6.05pt}
  .calc-table th{font-size:5.8pt;line-height:1.03;white-space:nowrap}
  .calc-table td{font-size:6.05pt}
  .calc-vin{font-size:5.2pt;margin-top:.6mm}
  .calc-company{line-height:1.35}
  .calc-signatures{max-width:125mm;margin-top:14mm}
}
/* v2.3.0 */
.inline-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline-actions form{display:flex;gap:8px;align-items:end}.tablewrap{overflow:auto}table td form{margin:0}

/* v2.3.1 – korisnici i slike artikala */
.users-card,.user-editor,.product-images-card{margin-bottom:18px}.users-table td{vertical-align:middle}.row-actions,.image-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.row-actions form,.image-actions form{margin:0}.status-pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-pill.active{background:#e8f7f0;color:#087153}.status-pill.inactive{background:#f2f4f7;color:#667085}.user-editor{max-width:980px}.user-form{max-width:900px}.password-reset{border-top:1px solid var(--line);margin-top:20px;padding-top:12px;max-width:700px}.password-hint{font-size:12px;color:var(--muted);background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:10px}.form-actions{display:flex;gap:8px;align-items:center;margin-top:6px}.btn.secondary,button.secondary{background:#e9eef5;color:#27364a}
.product-images-card{max-width:1120px}.image-upload{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-bottom:18px}.dropzone{border:2px dashed #c8d4e3;border-radius:12px;padding:20px;background:#fafcff;text-align:center;cursor:pointer}.dropzone b,.dropzone span{display:block}.dropzone span{margin-top:4px;color:var(--muted);font-weight:400}.dropzone input{margin:12px auto 0;max-width:520px}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.image-tile{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;margin:0}.image-preview{height:165px;border-radius:9px;background:#f5f7fa;display:grid;place-items:center;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:contain}.image-meta{display:flex;justify-content:space-between;gap:6px;align-items:center;margin:9px 0}.image-meta small{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sale-visuals{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,220px));gap:12px;margin:14px 0 18px}.sale-visuals figure{margin:0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px}.sale-visuals img{width:100%;height:150px;object-fit:contain;background:#f8fafc;border-radius:8px}.sale-visuals figcaption{font-size:12px;font-weight:700;margin-top:7px;line-height:1.3}
@media(max-width:760px){.image-upload{grid-template-columns:1fr}.image-gallery{grid-template-columns:1fr 1fr}.users-table{min-width:950px}}
@media print{.sale-visuals{grid-template-columns:repeat(4,1fr)}.sale-visuals img{height:36mm}.sale-visuals figure{break-inside:avoid}}


/* v2.3.2 – compact modern navigation + dashboard */
:root{--sidebar-w:244px;--sidebar-mini:74px;--nav2:#10243e;--nav3:#153252;--blue:#2f6fd3;--softblue:#eaf2ff}
body{background:#f5f7fb}
.app-sidebar{width:var(--sidebar-w);padding:14px 12px 12px;background:linear-gradient(180deg,#0d1c31 0%,#102844 100%);display:flex;flex-direction:column;overflow:hidden;box-shadow:8px 0 24px rgba(15,35,60,.06);transition:width .22s ease}
.sidebar-top{height:62px;display:flex;align-items:center;gap:10px;padding:0 4px 8px;border-bottom:1px solid rgba(255,255,255,.07);flex:0 0 auto}
.sidebar-toggle{width:34px;height:34px;padding:0;border-radius:9px;background:rgba(255,255,255,.07);font-size:18px;flex:0 0 auto}.sidebar-toggle:hover{background:rgba(255,255,255,.14)}
.brand{margin:0;min-width:0;flex:1}.brand strong{display:block;font-size:22px;line-height:1;color:#fff;white-space:nowrap}.brand strong span{display:inline;color:#65a0ff;font-size:inherit;letter-spacing:0}.brand small{display:block;margin-top:6px;color:#91a7c3;font-size:10px;letter-spacing:1.4px;white-space:nowrap}.brand em{right:0;top:-1px;background:rgba(255,255,255,.1);padding:3px 6px;border-radius:6px;color:#d6e0ec}
.side-nav{overflow-y:auto;overflow-x:hidden;min-height:0;padding:10px 2px 8px;flex:1}.side-nav::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb{background:#39516c;border-radius:10px}
.side-link{min-height:36px;display:flex!important;align-items:center;gap:10px;padding:7px 9px!important;margin:1px 0!important;border-radius:9px!important;color:#eef4fb!important;font-size:13.5px;font-weight:600;white-space:nowrap}.side-link:hover{background:rgba(255,255,255,.07)!important}.side-link.active{background:linear-gradient(90deg,#2867c7,#3677d8)!important;box-shadow:0 6px 18px rgba(30,92,190,.22)}
.side-icon{width:20px;display:inline-grid;place-items:center;flex:0 0 20px;color:#a9bdd3;font-size:15px}.side-link.active .side-icon{color:#fff}.navgroup{margin:10px 10px 3px!important;font-size:9px!important;color:#7790ad!important;letter-spacing:1.35px!important}.side-group{margin:4px 0}.side-group summary{list-style:none;min-height:36px;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:9px;color:#e8eff8;font-size:13.5px;font-weight:700;cursor:pointer}.side-group summary::-webkit-details-marker{display:none}.side-group summary:hover{background:rgba(255,255,255,.06)}.side-group .chev{margin-left:auto;color:#8198b4}.side-group[open] .chev{transform:rotate(180deg)}.side-subnav{margin:2px 0 4px 19px;padding-left:9px;border-left:1px solid rgba(255,255,255,.09)}.side-subnav .side-link{min-height:31px;padding:5px 8px!important;font-size:12.5px}.side-subnav .side-icon{width:10px;flex-basis:10px;font-size:10px;color:#57708d}
.sidebar-user{flex:0 0 auto;border-top:1px solid rgba(255,255,255,.08);padding:11px 6px 2px;display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#3156c8);font-weight:800;color:#fff}.user-copy{min-width:0}.user-copy b{display:block;color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis}.user-copy span{font-size:10.5px;color:#8fa6c2}.user-copy a{color:#b8c9dc}
.app-main{margin-left:var(--sidebar-w);padding:0 24px 36px;transition:margin-left .22s ease}.app-header{height:76px;border-bottom:0}.app-header h1{font-size:26px;letter-spacing:-.35px}.header-date{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:9px 12px;color:#475467;font-size:12px;box-shadow:0 2px 8px rgba(16,24,40,.03)}
body.sidebar-collapsed .app-sidebar{width:var(--sidebar-mini)}body.sidebar-collapsed .app-main{margin-left:var(--sidebar-mini)}body.sidebar-collapsed .brand,body.sidebar-collapsed .side-text,body.sidebar-collapsed .navgroup,body.sidebar-collapsed .chev,body.sidebar-collapsed .user-copy{display:none}body.sidebar-collapsed .sidebar-top{justify-content:center}body.sidebar-collapsed .side-link,body.sidebar-collapsed .side-group summary{justify-content:center;padding-left:7px!important;padding-right:7px!important}body.sidebar-collapsed .side-subnav{margin-left:0;padding-left:0;border:0}body.sidebar-collapsed .side-subnav .side-link{display:none!important}body.sidebar-collapsed .side-group[open] .side-subnav{display:none}body.sidebar-collapsed .sidebar-user{justify-content:center}
.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:16px}.dash-kpi{background:#fff;border:1px solid #e3e9f1;border-radius:14px;padding:16px;display:flex;align-items:center;gap:13px;color:var(--text);box-shadow:0 5px 18px rgba(15,23,42,.035);transition:transform .15s,box-shadow .15s}.dash-kpi:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.07)}.dash-kpi small{display:block;color:#667085;font-size:11.5px;margin-bottom:5px}.dash-kpi b{display:block;font-size:21px}.kpi-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:18px;font-weight:800}.kpi-icon.blue{background:#e8f1ff;color:#2668c9}.kpi-icon.green{background:#e9f8ef;color:#15814f}.kpi-icon.purple{background:#f1eafe;color:#7544c7}.kpi-icon.orange{background:#fff0df;color:#c66a14}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.75fr);gap:16px;margin-bottom:16px}.dash-panel{border:1px solid #e3e9f1;border-radius:14px;box-shadow:0 5px 18px rgba(15,23,42,.03);padding:0;overflow:hidden}.dash-panel .section-head{padding:15px 17px;margin:0;border-bottom:1px solid #edf1f5}.dash-panel .section-head h2{font-size:16px;margin:0}.dash-panel .section-head p{margin:3px 0 0;font-size:11px}.recent-list{padding:0 10px}.recent-row{display:grid;grid-template-columns:34px minmax(140px,1fr) auto 100px 86px;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #edf1f5;color:var(--text)}.recent-row:last-child{border:0}.recent-icon{width:30px;height:30px;border-radius:8px;background:#eef4ff;color:#2f6fd3;display:grid;place-items:center}.recent-main b,.recent-main small{display:block}.recent-main b{font-size:12.5px}.recent-main small{font-size:10.5px;color:#667085;margin-top:2px}.recent-total{text-align:right;font-size:12px;font-weight:700}.recent-row time{font-size:10.5px;color:#667085;text-align:right}.mini-stats{padding:4px 16px 14px}.mini-stats>div{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #edf1f5}.mini-stats>div:last-child{border:0}.mini-stats span{color:#667085;font-size:12px}.mini-stats b{font-size:14px}.quick-panel{margin-bottom:18px}.quick-actions{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;padding:14px 16px 17px}.quick-actions a{border:1px solid #e4eaf1;border-radius:12px;padding:13px 12px;color:#27364a;background:#fbfcfe;display:flex;align-items:center;gap:9px;font-size:12px}.quick-actions a:hover{background:#f2f6fb}.quick-actions span{width:31px;height:31px;border-radius:8px;background:#eaf2ff;color:#2f6fd3;display:grid;place-items:center;font-size:18px}.quick-actions b{font-size:11.5px}
@media(max-width:1150px){.dash-kpis{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.app-sidebar{position:static;width:100%;height:auto}.app-main,body.sidebar-collapsed .app-main{margin-left:0}.sidebar-top{height:54px}.side-nav{max-height:none}.sidebar-user{display:none}.dash-kpis{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr 1fr}.recent-row{grid-template-columns:30px 1fr auto}.recent-total,.recent-row time{display:none}body.sidebar-collapsed .app-sidebar{width:100%}body.sidebar-collapsed .brand,body.sidebar-collapsed .side-text,body.sidebar-collapsed .navgroup{display:initial}}


/* v2.3.3 — sidebar toggle fix + A4 sales documents */
.sales-a4{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:24px 28px 30px;color:#111;max-width:1100px;margin:0 auto;box-shadow:0 4px 18px rgba(15,23,42,.04)}
.sales-a4-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:18px;border-bottom:2px solid #182333;align-items:start;height:auto!important}.sales-company h2{margin:0 0 7px;font-size:19px}.sales-company div{font-size:11.5px;line-height:1.45}.sales-doc-title{text-align:right;font-size:11.5px;line-height:1.55}.sales-doc-title span{display:block;font-size:19px;font-weight:800;letter-spacing:.5px}.sales-doc-title strong{display:block;font-size:24px;margin:3px 0 8px}.sales-customer{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin:18px 0;padding:12px 14px;border:1px solid #d9e0e8;border-radius:8px}.sales-customer small{font-size:9px;color:#667085;letter-spacing:1px;font-weight:800}.sales-customer h3{margin:3px 0 5px;font-size:15px}.sales-customer div{font-size:11px;line-height:1.45}.sales-a4-table{font-size:10px;border-top:1px solid #182333;border-bottom:1px solid #182333}.sales-a4-table th{background:#f5f7fa;color:#26364a;font-size:8.5px;padding:6px 5px}.sales-a4-table td{padding:7px 5px}.sales-a4-table .num{text-align:right;white-space:nowrap}.sales-a4-bottom{display:grid;grid-template-columns:1fr 330px;gap:25px;margin-top:16px}.sales-note{font-size:10.5px;line-height:1.5}.sales-totals>div{display:flex;justify-content:space-between;gap:18px;padding:5px 3px;border-bottom:1px solid #e7ebf0;font-size:11px}.sales-totals .grand{font-size:14px;border-top:2px solid #182333;border-bottom:2px solid #182333;margin-top:4px;padding:8px 3px}.sales-a4-pics{margin-top:22px!important;padding:0!important;border:0!important;box-shadow:none!important}.sales-a4-pics h3{font-size:12px;margin:0 0 8px}.sales-a4-pics>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.sales-a4-pics figure{margin:0;border:1px solid #e1e7ee;border-radius:7px;padding:6px;break-inside:avoid}.sales-a4-pics img{width:100%;height:100px;object-fit:contain}.sales-a4-pics figcaption{font-size:8.5px;margin-top:5px;line-height:1.25}.sales-a4-foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:42px;height:auto!important;align-items:end;border:0!important}.sales-a4-foot>div:not(.sales-legal){text-align:center;font-size:10px}.sales-a4-foot>div:not(.sales-legal) b{display:block;border-top:1px solid #333;margin-top:20px;padding-top:5px;min-height:8px}.sales-legal{text-align:center;font-size:8px;color:#667085}
@media print{@page{size:A4 portrait;margin:10mm}html,body{background:#fff!important}.app-sidebar,.app-header,.print-toolbar,.no-print{display:none!important}.app-main{margin:0!important;padding:0!important}.sales-a4{width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important}.sales-a4-head{padding-bottom:10px}.sales-doc-title strong{font-size:18pt}.sales-customer{margin:10px 0;padding:7px 9px}.sales-a4-table{font-size:7.5pt}.sales-a4-table th{font-size:6.5pt;padding:3px}.sales-a4-table td{padding:4px 3px}.sales-a4-bottom{grid-template-columns:1fr 65mm;margin-top:9px}.sales-a4-pics{margin-top:10px!important}.sales-a4-pics img{height:23mm}.sales-a4-foot{margin-top:18mm;break-inside:avoid}}


/* v2.3.4 - refined sales A4 layout */
.sales-a4-v234{max-width:1050px;padding:28px 30px 32px;border-radius:10px}
.sales-doc-header{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;padding-bottom:15px;border-bottom:2px solid #172235;align-items:start}
.sales-company-block{font-size:11px;line-height:1.42}.sales-company-block .company-name{font-size:18px;font-weight:800;margin-bottom:5px}.company-ids,.customer-ids{display:flex;gap:14px;flex-wrap:wrap;margin-top:3px}
.sales-title-block{text-align:right}.doc-kind{font-size:18px;font-weight:800;letter-spacing:.5px}.doc-number{font-size:25px;font-weight:900;margin:2px 0 7px}.doc-status{display:inline-flex;padding:3px 9px;border-radius:999px;background:#edf2f7;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.sales-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.meta-card{border:1px solid #d8e0e9;border-radius:7px;padding:10px 12px;min-height:102px}.meta-title{font-size:8.5px;font-weight:900;color:#64748b;letter-spacing:.8px;margin-bottom:7px}.meta-card dl{display:grid;grid-template-columns:108px 1fr;gap:3px 8px;margin:0;font-size:10.5px}.meta-card dt{color:#64748b}.meta-card dd{margin:0;font-weight:600}.customer-card{font-size:10.5px;line-height:1.4}.customer-name{font-size:14px;font-weight:800;margin-bottom:3px}
.modern-sales-table{width:100%;border-collapse:collapse;table-layout:fixed;border-top:1.5px solid #172235;border-bottom:1.5px solid #172235;font-size:9px}.modern-sales-table th{background:#f4f6f9;color:#334155;font-size:7.7px;line-height:1.1;text-transform:uppercase;letter-spacing:.15px;padding:6px 4px;border-bottom:1px solid #cfd8e3;vertical-align:bottom}.modern-sales-table td{padding:6px 4px;border-bottom:1px solid #e4e9ef;vertical-align:top}.modern-sales-table tbody tr:nth-child(even){background:#fafbfc}.modern-sales-table .center{text-align:center}.modern-sales-table .num{text-align:right;white-space:nowrap}.modern-sales-table .total-cell{font-weight:800}.modern-sales-table small{display:block;color:#667085;font-size:7.5px;line-height:1.25;margin-top:2px}.modern-sales-table .empty-row{text-align:center;padding:18px;color:#667085}
.modern-sales-table .c-rbr{width:4%}.modern-sales-table .c-code{width:9%}.modern-sales-table .c-desc{width:29%}.modern-sales-table .c-unit{width:5%}.modern-sales-table .c-qty{width:7%}.modern-sales-table .c-price{width:8%}.modern-sales-table .c-disc{width:7%}.modern-sales-table .c-base{width:9%}.modern-sales-table .c-vatp{width:6%}.modern-sales-table .c-vat{width:7%}.modern-sales-table .c-total{width:9%}
.sales-summary{display:grid;grid-template-columns:1fr 310px;gap:25px;margin-top:14px;align-items:start}.sales-note{font-size:9.5px;line-height:1.45;min-height:40px}.sales-totals>div{font-size:10.5px;padding:5px 2px}.sales-totals .grand{font-size:13.5px;background:#f6f8fb;padding:8px 7px;margin-top:5px}
.tax-summary{margin-top:11px;width:310px;margin-left:auto}.tax-summary table{width:100%;border-collapse:collapse;font-size:8.5px}.tax-summary th,.tax-summary td{padding:3px 5px;border-bottom:1px solid #e1e6ec;text-align:right}.tax-summary th:first-child,.tax-summary td:first-child{text-align:left}
.sales-a4-pics{margin-top:15px!important}.sales-a4-pics>div{grid-template-columns:repeat(4,1fr)}.sales-a4-pics img{height:82px}
.sales-a4-foot{margin-top:30px;grid-template-columns:1fr 1.2fr 1fr}.sales-a4-foot>div:not(.sales-legal) b{margin-top:17px}
@media print{
 @page{size:A4 portrait;margin:9mm}
 .sales-a4-v234{width:100%!important;max-width:none!important;padding:0!important;border:0!important;box-shadow:none!important}
 .sales-doc-header{gap:15mm;padding-bottom:4mm}.sales-company-block{font-size:8.2pt}.sales-company-block .company-name{font-size:13pt}.doc-kind{font-size:13pt}.doc-number{font-size:17pt}.doc-status{font-size:6.5pt}
 .sales-meta-grid{gap:3mm;margin:4mm 0}.meta-card{padding:2.5mm 3mm;min-height:23mm}.meta-card dl,.customer-card{font-size:7.5pt}.customer-name{font-size:10pt}.meta-title{font-size:6.3pt}
 .modern-sales-table{font-size:6.6pt}.modern-sales-table th{font-size:5.6pt;padding:1.5mm .8mm}.modern-sales-table td{padding:1.5mm .8mm}.modern-sales-table small{font-size:5.4pt}
 .sales-summary{grid-template-columns:1fr 58mm;gap:6mm;margin-top:3mm}.sales-note{font-size:7pt}.sales-totals>div{font-size:7.5pt}.sales-totals .grand{font-size:9.5pt;padding:2mm}
 .tax-summary{width:58mm;margin-top:2.5mm}.tax-summary table{font-size:6.2pt}.sales-a4-pics{margin-top:4mm!important;break-inside:avoid}.sales-a4-pics img{height:19mm}.sales-a4-foot{margin-top:11mm}.sales-legal{font-size:6pt}
}

/* v2.3.5 — IZLAZ + clean A4 print document */
.output-group{margin-top:6px}.output-list .table-wrap{overflow:auto}.output-list table .num{text-align:right}.output-new textarea{min-height:70px}
.sales-a4-v234{position:relative;overflow:hidden;padding:32px 34px 30px!important;border-color:#d8e1ec!important}
.sales-a4-v234 .sales-doc-header{grid-template-columns:1fr 360px;gap:34px;padding-bottom:18px;border-bottom:2px solid #2f6fd3}
.sales-a4-v234 .sales-company-block{padding-top:2px;line-height:1.55}.sales-a4-v234 .sales-company-block .company-name{font-size:21px;margin-bottom:7px}.sales-a4-v234 .company-ids{margin-top:8px;padding-top:7px;border-top:1px solid #e5eaf1}
.sales-a4-v234 .sales-title-block{min-width:0;padding-top:2px}.sales-a4-v234 .doc-kind{color:#285fb9;font-size:16px}.sales-a4-v234 .doc-number{font-size:28px;line-height:1.12;margin:7px 0 9px;white-space:nowrap}.sales-a4-v234 .doc-status{background:#e8f6ed;color:#11743c;padding:5px 11px}
.sales-a4-v234 .sales-meta-grid{gap:16px;margin:18px 0 20px}.sales-a4-v234 .meta-card{min-height:118px;padding:13px 15px;background:#fff;border-color:#dce4ee}.sales-a4-v234 .meta-title{color:#2f6fd3;font-size:9px;margin-bottom:9px}.sales-a4-v234 .meta-card dl{grid-template-columns:126px 1fr;gap:6px 10px}.sales-a4-v234 .meta-card dt{font-weight:650}.sales-a4-v234 .customer-name{font-size:15px;margin-bottom:6px}
.sales-a4-v234 .modern-sales-table{border:1px solid #dce4ee;border-radius:6px;overflow:hidden;border-collapse:separate;border-spacing:0}.sales-a4-v234 .modern-sales-table th{background:#285fb9;color:white;border:0;padding:7px 5px;font-size:7.8px}.sales-a4-v234 .modern-sales-table td{padding:8px 5px}.sales-a4-v234 .modern-sales-table tbody tr:nth-child(even){background:#f8faff}
.sales-a4-v234 .sales-summary{margin-top:16px;grid-template-columns:1fr 345px;gap:18px}.sales-a4-v234 .sales-note{min-height:92px;border:1px solid #dce4ee;border-radius:7px;padding:12px 14px}.sales-a4-v234 .sales-totals{border:1px solid #dce4ee;border-radius:7px;padding:9px 13px}.sales-a4-v234 .sales-totals>div{padding:7px 3px}.sales-a4-v234 .sales-totals .grand{color:#285fb9;background:#f1f6ff;border-color:#285fb9;font-size:15px}
.sales-a4-v234 .tax-summary{width:345px;margin-top:14px;border:1px solid #dce4ee;border-radius:7px;padding:10px 12px}.sales-a4-v234 .tax-summary table{font-size:9px}.sales-a4-v234 .tax-summary th{color:#526276;background:#f7f9fc}
.sales-a4-v234 .sales-a4-pics{border:1px solid #dce4ee!important;border-radius:7px!important;padding:10px 12px!important;margin-top:14px!important}.sales-a4-v234 .sales-a4-pics img{height:95px}.sales-a4-v234 .sales-a4-foot{border-top:1px solid #e1e7ee!important;padding-top:19px;margin-top:24px}.sales-a4-v234 .sales-a4-foot>div:not(.sales-legal) b{margin:22px auto 0;max-width:180px}.sales-a4-v234 .sales-legal{align-self:end}
.print-toolbar{max-width:1050px;margin:0 auto 12px;display:flex;justify-content:flex-end;gap:10px}
@media print{
 @page{size:A4 portrait;margin:10mm}
 .sales-a4-v234{overflow:visible!important;padding:0!important;border:0!important}
 .sales-a4-v234 .sales-doc-header{grid-template-columns:1fr 62mm;gap:8mm;padding-bottom:4mm}.sales-a4-v234 .sales-company-block .company-name{font-size:14pt}.sales-a4-v234 .doc-kind{font-size:11pt}.sales-a4-v234 .doc-number{font-size:18pt}.sales-a4-v234 .company-ids{padding-top:2mm;margin-top:2mm}
 .sales-a4-v234 .sales-meta-grid{gap:4mm;margin:4mm 0}.sales-a4-v234 .meta-card{min-height:27mm;padding:3mm}.sales-a4-v234 .meta-card dl{grid-template-columns:28mm 1fr;gap:1mm 2mm}
 .sales-a4-v234 .modern-sales-table{border-radius:0}.sales-a4-v234 .modern-sales-table th{padding:1.4mm .8mm}.sales-a4-v234 .modern-sales-table td{padding:1.6mm .8mm}
 .sales-a4-v234 .sales-summary{grid-template-columns:1fr 65mm;gap:4mm;margin-top:4mm}.sales-a4-v234 .sales-note{min-height:22mm;padding:3mm}.sales-a4-v234 .sales-totals{padding:2mm 3mm}.sales-a4-v234 .tax-summary{width:65mm;padding:2.5mm 3mm;margin-top:3mm}.sales-a4-v234 .sales-a4-pics{padding:2.5mm 3mm!important}.sales-a4-v234 .sales-a4-pics img{height:21mm}.sales-a4-v234 .sales-a4-foot{margin-top:8mm;padding-top:5mm;break-inside:avoid}
}

/* v2.3.6 — stable A4 sales document alignment */
.sales-a4-v236{
  max-width:1060px!important;
  padding:34px 38px 32px!important;
  overflow:visible!important;
}
.sales-a4-v236 .sales-doc-header{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:42px!important;
  min-height:0!important;
  padding:0 0 18px!important;
  border-bottom:2px solid #2f6fd3!important;
}
.sales-a4-v236 .sales-company-block{
  flex:1 1 auto!important;
  min-width:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.52!important;
}
.sales-a4-v236 .sales-company-block .company-name{
  margin:0 0 8px!important;
  font-size:21px!important;
  line-height:1.15!important;
}
.sales-a4-v236 .company-ids{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px 18px!important;
  margin:7px 0 0!important;
  padding:0!important;
  border:0!important;
}
.sales-a4-v236 .sales-title-block{
  flex:0 0 330px!important;
  width:330px!important;
  padding:0!important;
  text-align:right!important;
}
.sales-a4-v236 .doc-kind{margin:0!important;font-size:16px!important;line-height:1.2!important}
.sales-a4-v236 .doc-number{margin:8px 0!important;font-size:28px!important;line-height:1.08!important}
.sales-a4-v236 .doc-status{margin:0!important}
.sales-a4-v236 .sales-meta-grid{
  clear:both!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin:18px 0 20px!important;
}
.sales-a4-v236 .meta-card{
  min-height:0!important;
  padding:14px 16px!important;
}
.sales-a4-v236 .meta-card dl{grid-template-columns:135px minmax(0,1fr)!important;gap:6px 12px!important}
.sales-a4-v236 .modern-sales-table{margin:0!important}
.sales-a4-v236 .modern-sales-table th{white-space:nowrap!important}
.sales-a4-v236 .sales-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:20px!important;
  align-items:start!important;
  margin:18px 0 0!important;
}
.sales-a4-v236 .sales-summary.no-note{grid-template-columns:1fr 360px!important}
.sales-a4-v236 .sales-summary.no-note .sales-totals{grid-column:2!important}
.sales-a4-v236 .sales-note{min-height:0!important;padding:13px 15px!important}
.sales-a4-v236 .sales-totals{width:auto!important;margin:0!important;padding:10px 14px!important}
.sales-a4-v236 .sales-totals>div{display:flex!important;justify-content:space-between!important;gap:20px!important;align-items:baseline!important}
.sales-a4-v236 .sales-totals .grand{margin-top:5px!important;padding:9px 4px!important;border-top:2px solid #2f6fd3!important;border-bottom:2px solid #2f6fd3!important;background:#f4f8ff!important}
.sales-a4-v236 .tax-summary{width:360px!important;margin:16px 0 0 auto!important}
.sales-a4-v236 .sales-a4-foot{margin-top:32px!important}

@media screen and (max-width:900px){
 .sales-a4-v236{padding:24px!important}
 .sales-a4-v236 .sales-doc-header{gap:20px!important}
 .sales-a4-v236 .sales-title-block{flex-basis:270px!important;width:270px!important}
 .sales-a4-v236 .sales-meta-grid{grid-template-columns:1fr!important}
 .sales-a4-v236 .sales-summary,.sales-a4-v236 .sales-summary.no-note{grid-template-columns:1fr!important}
 .sales-a4-v236 .sales-summary.no-note .sales-totals{grid-column:1!important}
 .sales-a4-v236 .tax-summary{width:100%!important}
}

@media print{
 @page{size:A4 portrait;margin:10mm}
 .sales-a4-v236{
   width:190mm!important;
   max-width:190mm!important;
   margin:0 auto!important;
   padding:0!important;
   border:0!important;
   border-radius:0!important;
   box-shadow:none!important;
   overflow:visible!important;
 }
 .sales-a4-v236 .sales-doc-header{
   gap:8mm!important;
   padding-bottom:4mm!important;
   break-inside:avoid!important;
 }
 .sales-a4-v236 .sales-company-block{font-size:8pt!important;line-height:1.4!important}
 .sales-a4-v236 .sales-company-block .company-name{font-size:14pt!important;margin-bottom:2mm!important}
 .sales-a4-v236 .company-ids{gap:1mm 5mm!important;margin-top:1.5mm!important}
 .sales-a4-v236 .sales-title-block{flex:0 0 58mm!important;width:58mm!important}
 .sales-a4-v236 .doc-kind{font-size:10pt!important}
 .sales-a4-v236 .doc-number{font-size:17pt!important;margin:2mm 0!important}
 .sales-a4-v236 .doc-status{font-size:6.5pt!important;padding:1mm 2.5mm!important}
 .sales-a4-v236 .sales-meta-grid{gap:4mm!important;margin:4mm 0!important;break-inside:avoid!important}
 .sales-a4-v236 .meta-card{padding:2.8mm 3mm!important}
 .sales-a4-v236 .meta-card dl{grid-template-columns:29mm minmax(0,1fr)!important;gap:1mm 2mm!important;font-size:7.3pt!important}
 .sales-a4-v236 .customer-card{font-size:7.3pt!important}
 .sales-a4-v236 .customer-name{font-size:9.5pt!important}
 .sales-a4-v236 .modern-sales-table{font-size:6.4pt!important;table-layout:fixed!important}
 .sales-a4-v236 .modern-sales-table th{font-size:5.4pt!important;padding:1.4mm .7mm!important;white-space:normal!important;line-height:1.08!important}
 .sales-a4-v236 .modern-sales-table td{padding:1.5mm .7mm!important}
 .sales-a4-v236 .sales-summary,.sales-a4-v236 .sales-summary.no-note{grid-template-columns:minmax(0,1fr) 64mm!important;gap:4mm!important;margin-top:4mm!important;break-inside:avoid!important}
 .sales-a4-v236 .sales-summary.no-note .sales-totals{grid-column:2!important}
 .sales-a4-v236 .sales-note{padding:2.5mm 3mm!important;font-size:7pt!important}
 .sales-a4-v236 .sales-totals{padding:2mm 3mm!important}
 .sales-a4-v236 .sales-totals>div{font-size:7.3pt!important;padding:1.6mm 0!important}
 .sales-a4-v236 .sales-totals .grand{font-size:9pt!important;padding:2mm 0!important}
 .sales-a4-v236 .tax-summary{width:64mm!important;margin-top:3mm!important;padding:2.5mm 3mm!important;break-inside:avoid!important}
 .sales-a4-v236 .sales-a4-foot{margin-top:10mm!important;padding-top:4mm!important;break-inside:avoid!important}
}

/* v2.3.8 — isolated, print-safe A4 output documents */
.sales-print-v237{box-sizing:border-box;width:min(100%,1080px);margin:0 auto;background:#fff;border:1px solid #d8e1ec;border-radius:12px;padding:34px 38px 28px;color:#111827;font-family:Arial,Helvetica,sans-serif;box-shadow:0 3px 16px rgba(15,23,42,.03)}
.sales-print-v237 *{box-sizing:border-box}.sp237-head{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:start;margin:0;padding:0}.sp237-company{font-size:13px;line-height:1.45;min-width:0}.sp237-company h1{font-size:25px;line-height:1.1;margin:0 0 10px;font-weight:900}.sp237-rule{height:2px;background:#2f6fd3;margin:12px 0 10px;width:100%}.sp237-company-row{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:3px}.sp237-title{text-align:right;min-width:0;padding-top:0}.sp237-kind{font-size:19px;line-height:1.1;color:#285fb9;font-weight:900;letter-spacing:.5px}.sp237-number{font-size:30px;line-height:1.05;font-weight:900;margin:10px 0 12px;white-space:nowrap}.sp237-status{display:inline-block;padding:6px 13px;border-radius:999px;background:#e6f6ea;color:#08743d;font-size:10px;font-weight:900;letter-spacing:.5px}
.sp237-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.sp237-card{border:1px solid #d7e0ea;border-radius:10px;padding:16px 18px;min-height:150px;font-size:13px;line-height:1.45}.sp237-card h3,.sp237-note h3,.sp237-tax h3,.sp237-pics h3{font-size:11px;color:#285fb9;letter-spacing:.55px;margin:0 0 13px;font-weight:900}.sp237-dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:9px 12px}.sp237-dl span{color:#475467;font-weight:700}.sp237-dl b{font-weight:700;min-width:0}.sp237-customer-name{font-size:17px;font-weight:900;margin:0 0 8px}.sp237-customer-ids{display:flex;gap:20px;flex-wrap:wrap;margin-top:8px}
.sp237-table-wrap{border:1px solid #d5dfea;border-radius:8px;overflow:hidden}.sp237-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11.5px}.sp237-table th{background:#2d66bc;color:#fff;padding:9px 6px;font-size:10px;line-height:1.15;text-align:left;white-space:nowrap}.sp237-table td{padding:11px 6px;border-bottom:1px solid #e3e9f0;vertical-align:top;line-height:1.25}.sp237-table tbody tr:last-child td{border-bottom:0}.sp237-table .ctr{text-align:center}.sp237-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sp237-table .desc strong{display:block;font-size:12px}.sp237-table .desc small{display:block;color:#667085;margin-top:3px;font-size:9.5px}.sp237-table .total{font-weight:900}.sp237-table .empty{text-align:center;color:#667085;padding:22px}.spc-rbr{width:4.5%}.spc-code{width:8.5%}.spc-desc{width:28%}.spc-unit{width:5.5%}.spc-qty{width:7%}.spc-price{width:8%}.spc-disc{width:7%}.spc-base{width:9%}.spc-vatp{width:6.5%}.spc-vat{width:7%}.spc-total{width:9%}
.sp237-summary{display:grid;grid-template-columns:minmax(0,1fr) 405px;gap:20px;margin:20px 0 0;align-items:stretch}.sp237-note,.sp237-totals{border:1px solid #d7e0ea;border-radius:10px;padding:16px 18px;min-height:145px}.sp237-note{font-size:12px;line-height:1.5}.sp237-totals{padding-top:14px}.sp237-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:25px;padding:11px 2px;border-bottom:1px solid #e3e8ef;font-size:13px}.sp237-totals>div:last-child{border-bottom:0}.sp237-totals b{font-variant-numeric:tabular-nums;white-space:nowrap}.sp237-totals .grand{margin-top:5px;border-top:3px solid #2f6fd3!important;border-bottom:2px solid #2f6fd3!important;background:#f3f7ff;color:#2058b0;padding:13px 4px!important;font-size:17px;font-weight:900}.sp237-totals .grand span{font-weight:900}.sp237-totals .grand b{font-size:19px}
.sp237-tax{width:520px;max-width:100%;margin:20px 0 0;border:1px solid #d7e0ea;border-radius:10px;padding:15px 18px}.sp237-tax table{width:100%;border-collapse:collapse;font-size:11.5px}.sp237-tax th,.sp237-tax td{padding:8px 7px;border-bottom:1px solid #dfe5ec}.sp237-tax th{text-align:left;color:#475467;font-size:10px}.sp237-tax th:not(:first-child),.sp237-tax td.num{text-align:right}.sp237-tax .tax-total td{font-weight:900;border-bottom:0}.sp237-pics{margin-top:20px;border:1px solid #d7e0ea;border-radius:10px;padding:15px 18px}.sp237-pics>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sp237-pics figure{margin:0;text-align:center}.sp237-pics img{width:100%;height:105px;object-fit:contain}.sp237-pics figcaption{font-size:10px;font-weight:700;margin-top:5px}.sp237-foot{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin:46px 55px 0;border-top:1px solid #d7e0ea;padding-top:24px}.sp237-sign{text-align:center;font-size:11px}.sp237-sign span{display:block;margin-bottom:28px}.sp237-sign i{display:block;border-top:1px solid #111;width:230px;max-width:100%;margin:0 auto 7px}.sp237-sign b{font-size:11px}.sp237-generated{text-align:center;color:#667085;font-size:9.5px;border-top:1px solid #e0e6ed;margin-top:28px;padding-top:12px}
@media(max-width:900px){.sales-print-v237{padding:24px}.sp237-head{grid-template-columns:1fr;gap:18px}.sp237-title{text-align:left}.sp237-number{white-space:normal}.sp237-meta,.sp237-summary{grid-template-columns:1fr}.sp237-tax{width:100%}.sp237-table-wrap{overflow-x:auto}.sp237-table{min-width:900px}.sp237-foot{gap:30px;margin-left:10px;margin-right:10px}}
@media print{
 @page{size:A4 portrait;margin:9mm}
 html,body{background:#fff!important}body{font-size:10pt!important}.app-sidebar,.app-header,.print-toolbar,.no-print{display:none!important}.app-main{margin:0!important;padding:0!important;display:block!important}
 .sales-print-v237{width:192mm!important;max-width:192mm!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#000!important}
 .sp237-head{grid-template-columns:minmax(0,1fr) 56mm!important;gap:8mm!important}.sp237-company{font-size:9pt!important;line-height:1.38!important}.sp237-company h1{font-size:16pt!important;margin-bottom:2.2mm!important}.sp237-rule{margin:3mm 0 2.5mm!important}.sp237-title{padding-top:0!important}.sp237-kind{font-size:12pt!important}.sp237-number{font-size:20pt!important;margin:2.5mm 0 3mm!important}.sp237-status{font-size:7pt!important;padding:1.2mm 3mm!important}
 .sp237-meta{gap:4mm!important;margin:5mm 0!important;break-inside:avoid!important}.sp237-card{padding:3.5mm 4mm!important;min-height:31mm!important;font-size:8.6pt!important}.sp237-card h3,.sp237-note h3,.sp237-tax h3,.sp237-pics h3{font-size:7.2pt!important;margin-bottom:3mm!important}.sp237-dl{grid-template-columns:31mm minmax(0,1fr)!important;gap:1.6mm 2.5mm!important}.sp237-customer-name{font-size:11pt!important}
 .sp237-table-wrap{border-radius:0!important;break-inside:auto!important}.sp237-table{font-size:7.4pt!important}.sp237-table th{font-size:6.5pt!important;padding:2.1mm 1.2mm!important;white-space:nowrap!important}.sp237-table td{font-size:7.4pt!important;padding:2.4mm 1.2mm!important}.sp237-table .desc strong{font-size:7.6pt!important}.sp237-table .desc small{font-size:6.2pt!important}.sp237-table tr{break-inside:avoid!important}
 .sp237-summary{grid-template-columns:minmax(0,1fr) 73mm!important;gap:4mm!important;margin-top:5mm!important;break-inside:avoid!important}.sp237-note,.sp237-totals{min-height:27mm!important;padding:3.5mm 4mm!important}.sp237-note{font-size:7.5pt!important}.sp237-totals>div{font-size:8.1pt!important;padding:2.2mm .5mm!important}.sp237-totals .grand{font-size:10pt!important;padding:2.8mm .8mm!important}.sp237-totals .grand b{font-size:11pt!important}
 .sp237-tax{width:95mm!important;margin-top:5mm!important;padding:3.5mm 4mm!important;break-inside:avoid!important}.sp237-tax table{font-size:7.3pt!important}.sp237-tax th,.sp237-tax td{padding:1.8mm 1.5mm!important}.sp237-pics{margin-top:5mm!important;padding:3mm 4mm!important;break-inside:avoid!important}.sp237-pics img{height:21mm!important}.sp237-foot{gap:25mm!important;margin:10mm 14mm 0!important;padding-top:5mm!important;break-inside:avoid!important}.sp237-sign{font-size:7.5pt!important}.sp237-sign span{margin-bottom:8mm!important}.sp237-sign i{width:52mm!important}.sp237-sign b{font-size:7.5pt!important}.sp237-generated{font-size:6.5pt!important;margin-top:6mm!important;padding-top:3mm!important}
}

/* v2.3.8 — hard reset for output-document preview/print.
   Prevents generic app header/section/table responsive rules from leaking into A4. */
.sales-print-v238{
  width:min(100%,1120px);
  max-width:1120px;
  margin:0 auto;
  padding:38px 42px 30px;
  background:#fff;
  color:#101828;
  border:1px solid #d7e0ea;
  border-radius:12px;
  box-shadow:0 2px 12px rgba(16,24,40,.03);
  font-family:Arial,Helvetica,sans-serif;
  overflow:visible;
}
.sales-print-v238 *{box-sizing:border-box}
.sales-print-v238 header.sp238-head{
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:38px!important;
  align-items:start!important;
  justify-content:normal!important;
  margin:0!important;
  padding:0 0 20px!important;
  border-bottom:2px solid #2f67be!important;
  background:none!important;
  box-shadow:none!important;
}
.sales-print-v238 section{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}
.sp238-company{font-size:13px;line-height:1.52;min-width:0}
.sp238-company h1{font-size:27px!important;line-height:1.08!important;margin:0 0 10px!important;font-weight:900!important}
.sp238-company .ids{display:flex;gap:24px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid #d7e0ea}
.sp238-company .contact{margin-top:4px}
.sp238-title{text-align:right;min-width:0}
.sp238-kind{font-size:19px;color:#275fb5;font-weight:900;letter-spacing:.6px;text-transform:uppercase}
.sp238-number{font-size:31px;line-height:1.05;font-weight:900;margin:10px 0 12px;white-space:nowrap}
.sp238-status{display:inline-block;padding:6px 14px;border-radius:999px;background:#e5f6ea;color:#08743d;font-size:10px;font-weight:900;letter-spacing:.55px}
.sp238-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin:22px 0 24px!important}
.sp238-card{border:1px solid #d6e0eb!important;border-radius:10px!important;padding:16px 18px!important;min-height:142px!important;background:#fff!important;font-size:13px!important;line-height:1.5!important}
.sp238-card h3,.sp238-note h3,.sp238-tax h3,.sp238-pics h3{margin:0 0 13px!important;color:#285fb9!important;font-size:11px!important;letter-spacing:.55px!important;font-weight:900!important}
.sp238-dl{display:grid;grid-template-columns:145px minmax(0,1fr);gap:9px 12px}
.sp238-dl span{color:#526079;font-weight:700}.sp238-dl b{font-weight:700;min-width:0}
.sp238-customer-name{font-size:17px;font-weight:900;margin-bottom:7px}
.sp238-customer-ids{display:flex;gap:22px;flex-wrap:wrap;margin-top:8px}
.sp238-table-wrap{width:100%;border:1px solid #d5deea;border-radius:8px;overflow:hidden!important}
.sp238-table{width:100%!important;min-width:0!important;border-collapse:collapse!important;table-layout:fixed!important;font-size:12px!important;margin:0!important}
.sp238-table th,.sp238-table td{box-sizing:border-box!important}
.sp238-table th{background:#2d66bc!important;color:#fff!important;padding:9px 6px!important;font-size:10px!important;line-height:1.12!important;text-align:left!important;white-space:normal!important;border:0!important;vertical-align:middle!important}
.sp238-table td{padding:10px 6px!important;border:0!important;border-bottom:1px solid #e2e8f0!important;vertical-align:middle!important;line-height:1.24!important}
.sp238-table tbody tr:last-child td{border-bottom:0!important}
.sp238-table .ctr{text-align:center!important}.sp238-table .num{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap!important}.sp238-table .desc strong{display:block;font-size:12px}.sp238-table .desc small{display:block;color:#667085;font-size:9.5px;margin-top:3px}.sp238-table .total{font-weight:900}
.sp238-table col.c-rbr{width:4%}.sp238-table col.c-code{width:7%}.sp238-table col.c-desc{width:29%}.sp238-table col.c-unit{width:5%}.sp238-table col.c-qty{width:7%}.sp238-table col.c-price{width:8%}.sp238-table col.c-disc{width:7%}.sp238-table col.c-base{width:9%}.sp238-table col.c-vatp{width:6%}.sp238-table col.c-vat{width:7%}.sp238-table col.c-total{width:11%}
.sp238-summary{display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:20px!important;margin:20px 0 0!important;align-items:stretch!important}
.sp238-note,.sp238-totals{border:1px solid #d6e0eb!important;border-radius:10px!important;background:#fff!important;padding:16px 18px!important;min-height:128px!important}
.sp238-note{font-size:12px;line-height:1.5}.sp238-totals>div{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:24px;padding:10px 2px;border-bottom:1px solid #e2e8f0;font-size:13px}.sp238-totals b{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sp238-totals .grand{margin-top:5px;border-top:3px solid #2f67be;border-bottom:2px solid #2f67be;background:#f2f6ff;color:#2058b0;padding:12px 4px;font-size:16px;font-weight:900}.sp238-totals .grand b{font-size:19px}
.sp238-tax{width:520px!important;max-width:100%!important;margin:20px 0 0!important;border:1px solid #d6e0eb!important;border-radius:10px!important;background:#fff!important;padding:15px 18px!important}.sp238-tax table{width:100%!important;min-width:0!important;border-collapse:collapse!important;font-size:11.5px!important}.sp238-tax th,.sp238-tax td{padding:8px 7px!important;border-bottom:1px solid #dfe5ec!important}.sp238-tax th{text-align:left!important;color:#475467!important;font-size:10px!important}.sp238-tax th:not(:first-child),.sp238-tax td.num{text-align:right!important}.sp238-tax tr:last-child td{font-weight:900;border-bottom:0!important}
.sp238-pics{margin-top:20px!important;border:1px solid #d6e0eb!important;border-radius:10px!important;background:#fff!important;padding:15px 18px!important}.sp238-pics>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sp238-pics figure{margin:0;text-align:center}.sp238-pics img{width:100%;height:105px;object-fit:contain}.sp238-pics figcaption{font-size:10px;font-weight:700;margin-top:5px}
.sp238-foot{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin:44px 55px 0;border-top:1px solid #d7e0ea;padding-top:24px}.sp238-sign{text-align:center;font-size:11px}.sp238-sign span{display:block;margin-bottom:28px}.sp238-sign i{display:block;border-top:1px solid #111;width:230px;max-width:100%;margin:0 auto 7px}.sp238-sign b{font-size:11px}.sp238-generated{text-align:center;color:#667085;font-size:9.5px;border-top:1px solid #e0e6ed;margin-top:28px;padding-top:12px}

@media screen and (max-width:900px){
 .sales-print-v238{padding:24px;min-width:760px}
}

@media print{
 @page{size:A4 portrait;margin:10mm}
 html,body{background:#fff!important}
 .app-sidebar,.app-header,.print-toolbar,.no-print{display:none!important}
 .app-main{margin:0!important;padding:0!important;display:block!important}
 .sales-print-v238{width:190mm!important;max-width:190mm!important;min-width:190mm!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;color:#000!important}
 .sales-print-v238 header.sp238-head{height:auto!important;min-height:0!important;grid-template-columns:minmax(0,1fr) 55mm!important;gap:8mm!important;padding:0 0 4mm!important;border-bottom:0!important;break-inside:avoid!important}
 .sp238-company{font-size:9pt!important;line-height:1.45!important}.sp238-company h1{font-size:17pt!important;margin-bottom:2mm!important}.sp238-company .ids{gap:6mm!important;margin-top:2.2mm!important;padding-top:2mm!important;border-top:1px solid #d7e0ea!important}.sp238-title{text-align:right!important}.sp238-kind{font-size:12pt!important}.sp238-number{font-size:20pt!important;margin:2.5mm 0 2.5mm!important}.sp238-status{font-size:7pt!important;padding:1.2mm 3mm!important}
 .sp238-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4mm!important;margin:5mm 0!important;break-inside:avoid!important}.sp238-card{padding:3.5mm 4mm!important;min-height:30mm!important;font-size:8.7pt!important}.sp238-card h3,.sp238-note h3,.sp238-tax h3,.sp238-pics h3{font-size:7.3pt!important;margin-bottom:3mm!important}.sp238-dl{grid-template-columns:31mm minmax(0,1fr)!important;gap:1.7mm 2.5mm!important}.sp238-customer-name{font-size:10.8pt!important}
 .sp238-table-wrap{width:100%!important;overflow:visible!important;break-inside:auto!important}.sp238-table{width:100%!important;min-width:0!important;font-size:7.7pt!important;table-layout:fixed!important}.sp238-table th{font-size:6.4pt!important;padding:2mm .85mm!important;white-space:normal!important;line-height:1.08!important}.sp238-table td{font-size:7.6pt!important;padding:2.2mm .85mm!important}.sp238-table .desc strong{font-size:7.8pt!important}.sp238-table .desc small{font-size:6.3pt!important}.sp238-table tr{break-inside:avoid!important}
 .sp238-summary{display:grid!important;grid-template-columns:minmax(0,1fr) 73mm!important;gap:4mm!important;margin-top:5mm!important;break-inside:avoid!important}.sp238-note,.sp238-totals{min-height:27mm!important;padding:3.5mm 4mm!important}.sp238-note{font-size:7.7pt!important}.sp238-totals>div{grid-template-columns:1fr auto!important;font-size:8.2pt!important;padding:2.1mm .5mm!important}.sp238-totals .grand{font-size:10pt!important;padding:2.7mm .7mm!important}.sp238-totals .grand b{font-size:11.3pt!important}
 .sp238-tax{width:95mm!important;margin-top:5mm!important;padding:3.5mm 4mm!important;break-inside:avoid!important}.sp238-tax table{min-width:0!important;font-size:7.5pt!important}.sp238-tax th,.sp238-tax td{padding:1.8mm 1.4mm!important}
 .sp238-pics{margin-top:5mm!important;padding:3mm 4mm!important;break-inside:avoid!important}.sp238-pics img{height:21mm!important}
 .sp238-foot{gap:25mm!important;margin:10mm 14mm 0!important;padding-top:5mm!important;break-inside:avoid!important}.sp238-sign{font-size:7.6pt!important}.sp238-sign span{margin-bottom:8mm!important}.sp238-sign i{width:52mm!important}.sp238-sign b{font-size:7.6pt!important}.sp238-generated{font-size:6.6pt!important;margin-top:6mm!important;padding-top:3mm!important}
}

/* v2.3.9 — exact column alignment for IZLAZ document tables */
.sales-print-v238 .sp238-table th.ctr,
.sales-print-v238 .sp238-table td.ctr{
  text-align:center!important;
}
.sales-print-v238 .sp238-table th.num,
.sales-print-v238 .sp238-table td.num{
  text-align:right!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  white-space:nowrap!important;
}
.sales-print-v238 .sp238-table th:nth-child(2),
.sales-print-v238 .sp238-table td:nth-child(2),
.sales-print-v238 .sp238-table th:nth-child(3),
.sales-print-v238 .sp238-table td:nth-child(3){
  text-align:left!important;
}
.sales-print-v238 .sp238-table th,
.sales-print-v238 .sp238-table td{
  vertical-align:middle!important;
}
/* Fixed proportional grid: the same COL elements drive both TH and TD geometry. */
.sales-print-v238 .sp238-table col.c-rbr{width:4.5%!important}
.sales-print-v238 .sp238-table col.c-code{width:7.5%!important}
.sales-print-v238 .sp238-table col.c-desc{width:30%!important}
.sales-print-v238 .sp238-table col.c-unit{width:5.5%!important}
.sales-print-v238 .sp238-table col.c-qty{width:7.5%!important}
.sales-print-v238 .sp238-table col.c-price{width:8%!important}
.sales-print-v238 .sp238-table col.c-disc{width:7.5%!important}
.sales-print-v238 .sp238-table col.c-base{width:8.5%!important}
.sales-print-v238 .sp238-table col.c-vatp{width:6.5%!important}
.sales-print-v238 .sp238-table col.c-vat{width:6.5%!important}
.sales-print-v238 .sp238-table col.c-total{width:8%!important}
.sales-print-v238 .sp238-table th{padding-left:5px!important;padding-right:5px!important}
.sales-print-v238 .sp238-table td{padding-left:5px!important;padding-right:5px!important}

@media print{
 .sales-print-v238 .sp238-table th.num,
 .sales-print-v238 .sp238-table td.num{text-align:right!important}
 .sales-print-v238 .sp238-table th.ctr,
 .sales-print-v238 .sp238-table td.ctr{text-align:center!important}
 .sales-print-v238 .sp238-table th:nth-child(2),
 .sales-print-v238 .sp238-table td:nth-child(2),
 .sales-print-v238 .sp238-table th:nth-child(3),
 .sales-print-v238 .sp238-table td:nth-child(3){text-align:left!important}
 .sales-print-v238 .sp238-table th{padding-left:.75mm!important;padding-right:.75mm!important}
 .sales-print-v238 .sp238-table td{padding-left:.75mm!important;padding-right:.75mm!important}
}

/* v3.0.6 — modal editors for finance master data */
.erp-modal-backdrop{
  position:fixed; inset:0; z-index:10000;
  display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(7,20,39,.58);
  backdrop-filter:blur(2px);
}
.erp-modal{
  width:min(920px,96vw); max-height:92vh; overflow:auto;
  background:#fff; border-radius:14px; box-shadow:0 24px 70px rgba(0,0,0,.28);
  border:1px solid #dce4ee;
}
.erp-modal-small{width:min(720px,96vw)}
.erp-modal .erp-modal-section{margin:0!important; border:0!important; border-radius:14px!important; box-shadow:none!important}
.erp-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.erp-modal-head h2{margin-top:0}
.erp-modal-close{
  flex:0 0 auto; width:38px; height:38px; border-radius:50%;
  border:1px solid #cbd5e1; display:grid; place-items:center;
  font-size:26px; line-height:1; color:#0b1c36; text-decoration:none; background:#fff;
}
.erp-modal-close:hover{background:#f1f5f9}
@media(max-width:700px){.erp-modal-backdrop{padding:10px}.erp-modal{max-height:96vh}.erp-modal .formgrid{grid-template-columns:1fr!important}.erp-modal .span2{grid-column:auto!important}}

/* v3.1.0 — financial reports */
.finance-report-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-report-link{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 18px;border:1px solid #dfe7f0;border-radius:12px;background:#fff;text-decoration:none;color:#10233d}.finance-report-link b{font-size:15px}.finance-report-link span{grid-column:1;color:#68778b;font-size:12px}.finance-report-link strong{grid-column:2;grid-row:1/3;align-self:center;color:#2f6fd3;font-size:12px}.report-sheet{background:#fff;border:1px solid #dfe7f0;border-radius:14px;padding:26px 30px;box-shadow:0 2px 12px rgba(16,35,61,.04)}.report-print-head{display:flex;justify-content:space-between;gap:30px;padding-bottom:16px;border-bottom:2px solid #2467c9}.report-print-head h2{margin:0 0 4px;font-size:20px}.report-print-head>div:first-child{font-size:12px;line-height:1.5}.report-title{text-align:right}.report-title span{font-size:11px;font-weight:800;color:#2467c9;letter-spacing:.08em}.report-title h1{margin:3px 0;font-size:25px}.report-title small{color:#667085}.report-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:18px 0}.report-toolbar form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.report-toolbar label{font-size:11px;color:#5f6f82}.report-toolbar input,.report-toolbar select{display:block;min-width:150px;margin-top:4px}.report-subtitle{margin:8px 0 14px;color:#667085;font-size:12px}.report-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:9px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th{background:#edf3fb;color:#20344f;font-size:10px;text-transform:uppercase;letter-spacing:.02em;padding:8px 7px;border-bottom:1px solid #dce5f0}.report-table td{padding:7px;border-bottom:1px solid #edf1f5;vertical-align:top}.report-table tr:last-child td{border-bottom:0}.report-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0 auto;max-width:680px}.report-summary>div{border:1px solid #dfe7f0;border-radius:9px;padding:10px 12px;background:#f8fafc}.report-summary span{display:block;color:#667085;font-size:10px;text-transform:uppercase}.report-summary b{display:block;text-align:right;font-size:15px;margin-top:3px}.report-summary.one{grid-template-columns:1fr;max-width:360px}.report-footer{display:flex;justify-content:space-between;border-top:1px solid #dfe7f0;margin-top:24px;padding-top:8px;color:#7a8797;font-size:9px}
@media(max-width:900px){.finance-report-menu{grid-template-columns:1fr}.report-sheet{padding:18px}.report-print-head{flex-direction:column}.report-title{text-align:left}.report-summary{grid-template-columns:1fr}.report-toolbar{align-items:stretch}.report-toolbar form{width:100%}}
@media print{@page{size:A4 landscape;margin:9mm}.finance-report{border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;width:100%!important}.finance-report .report-print-head{padding-bottom:4mm}.finance-report .report-print-head h2{font-size:13pt}.finance-report .report-title h1{font-size:15pt}.finance-report .report-subtitle{font-size:7pt;margin:3mm 0}.finance-report .report-table-wrap{overflow:visible!important;border-radius:0}.finance-report .report-table{font-size:7pt;table-layout:auto}.finance-report .report-table th{font-size:6.2pt;padding:1.8mm 1.2mm;background:#edf3fb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.finance-report .report-table td{padding:1.6mm 1.2mm}.finance-report .report-summary{max-width:120mm;gap:2mm;margin-top:3mm}.finance-report .report-summary>div{padding:2mm 3mm}.finance-report .report-summary b{font-size:9pt}.finance-report .report-footer{margin-top:5mm;font-size:6.5pt}.finance-report tr{break-inside:avoid}}

/* v3.1.1 login */
body:has(.login-modern){background:radial-gradient(circle at 50% 20%,#ffffff 0,#f4f7fb 42%,#edf2f8 100%)}
.login-modern{width:min(440px,92vw);padding:38px 40px 36px;text-align:center;border:1px solid #d8e2ee;box-shadow:0 24px 70px rgba(13,26,48,.10);border-radius:22px}.login-modern .login-mark{width:58px;height:58px;border-radius:17px;margin:0 auto 17px;display:grid;place-items:center;background:linear-gradient(145deg,#0d1a30,#245c96);color:#fff;font-weight:900;font-size:20px;letter-spacing:1px;box-shadow:0 9px 24px rgba(36,92,150,.23)}.login-modern .login-company{font-size:29px;font-weight:900;letter-spacing:-.6px}.login-modern .login-location{font-size:15px;font-weight:700;color:#52647b;margin-top:4px}.login-modern .login-system{display:inline-flex;gap:6px;align-items:center;margin:18px auto 6px;padding:7px 12px;border-radius:999px;background:#eef4fb;color:#31577e;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.login-modern>p{margin:10px 0 22px}.login-modern form{text-align:left}.login-modern input{height:47px;background:#f8fafc;border-color:#cbd7e5}.login-modern input:focus{outline:3px solid rgba(43,108,176,.12);border-color:#2b6cb0}.login-modern button{height:48px;margin-top:6px;border-radius:10px;background:linear-gradient(135deg,#0d1a30,#173d66)}

/* v3.1.2 bank statements */
.statement-totals{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin-top:4px}
.statement-totals>div{border:1px solid #dce4ee;border-radius:10px;padding:12px 14px;background:#f8fafc;display:flex;justify-content:space-between;gap:12px;align-items:center}
.statement-totals span{color:#64748b;font-size:13px}.statement-totals b{font-size:18px;font-variant-numeric:tabular-nums}
.statement-table td.num,.statement-table th.num{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:850px){.statement-totals{grid-template-columns:1fr}.statement-table{min-width:1100px}}

/* MotoERP v3.1.3 — responsive purchase item form + open-items cleanup */
.calcform2{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px 12px!important;
  align-items:end!important;
}
.calcform2 label{min-width:0!important;flex:none!important}
.calcform2 .lookup{grid-column:span 2!important}
.calcform2 .choice{grid-column:span 2!important}
.calcform2 input,.calcform2 select{min-width:0;width:100%}
.calcform2 small{line-height:1.25;min-height:30px}
.calcform2 button,.calcform2 .btn{align-self:end;white-space:nowrap}
.compact-scroll table{min-width:680px!important}
@media(max-width:1450px){
  .calcform2{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .calcform2 .lookup,.calcform2 .choice{grid-column:span 2!important}
}
@media(max-width:1050px){
  .calcform2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .calcform2 .lookup,.calcform2 .choice{grid-column:1/-1!important}
}
@media(max-width:680px){
  .calcform2{grid-template-columns:1fr!important}
  .calcform2 .lookup,.calcform2 .choice{grid-column:auto!important}
}

/* v3.1.4 AQMC - modalni unos artikla i VIN jedinica iz kalkulacije */
.quick-product-launch{display:flex;align-items:center;justify-content:space-between;gap:24px}
.erp-modal{border:0;padding:0;background:transparent;max-width:none;max-height:none}
.erp-modal::backdrop{background:rgba(8,24,48,.58);backdrop-filter:blur(2px)}
.modal-card{width:min(980px,calc(100vw - 36px));max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 28px 80px rgba(7,25,51,.28);padding:24px}
.product-create-modal{width:min(1120px,calc(100vw - 36px))}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:16px;border-bottom:1px solid #dbe5f1;margin-bottom:18px}
.modal-head h2{margin:0 0 4px}
.modal-close{border:0;background:#eef3f8;width:38px;height:38px;border-radius:10px;font-size:24px;line-height:1;cursor:pointer}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #e2e8f0}
.modal-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.modal-info-grid>div{background:#f5f8fc;border:1px solid #dde6f1;border-radius:12px;padding:11px 13px}
.modal-info-grid span{display:block;color:#64748b;font-size:.78rem;margin-bottom:4px}.modal-info-grid b{display:block;font-size:.94rem}
.quick-product-tabs{display:flex;gap:8px;margin:0 0 18px;border-bottom:1px solid #dbe5f1;padding-bottom:10px}
.quick-product-tabs button{border:0;background:#edf3f9;color:#334155;font-weight:700;padding:10px 16px;border-radius:10px;cursor:pointer}
.quick-product-tabs button.active{background:#1e5fbf;color:#fff}
.quick-tab-panel{display:none}.quick-tab-panel.active{display:block}
.moto-tab-intro{background:#f4f8ff;border:1px solid #d6e5fb;border-radius:12px;padding:14px 16px;margin-bottom:16px}.moto-tab-intro h3{margin:0 0 5px}
.moto-unit-grid label input,.moto-unit-grid label textarea{width:100%}
.vin-box{margin-top:14px;padding:16px;border:1px solid #d8e2ef;border-radius:14px;background:#fbfdff}.vin-box .section-head{align-items:flex-start}
.vin-box .tablewrap{overflow-x:auto}.vin-box table{min-width:1050px}
@media(max-width:900px){.modal-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-product-launch{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.modal-card{width:calc(100vw - 16px);padding:16px;border-radius:14px}.modal-info-grid{grid-template-columns:1fr}.quick-product-tabs{overflow:auto}.quick-product-tabs button{white-space:nowrap}}

/* MotoERP v3.2.0 — AQMC Executive Dashboard + unified Moto/VIN ledger */
.exec-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:-2px 0 16px}.exec-toolbar>div{display:flex;flex-direction:column}.exec-company{font-weight:800;color:#14263f}.exec-toolbar small{color:#748399;margin-top:2px}.exec-new{border-radius:10px!important;padding:11px 16px!important}
.exec-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.exec-kpi{display:flex;align-items:center;gap:15px;padding:19px 20px;border:1px solid #dce5ef;border-radius:16px;background:#fff;text-decoration:none;color:#0d1c32;box-shadow:0 3px 12px rgba(16,35,61,.025);min-width:0}.exec-kpi:hover{transform:translateY(-1px);border-color:#c6d7ec;box-shadow:0 8px 20px rgba(16,35,61,.07)}.exec-kpi>span:last-child{min-width:0}.exec-kpi small{display:block;color:#69798f;font-size:12px;margin-bottom:4px}.exec-kpi b{display:block;font-size:22px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-kpi em{display:block;color:#8491a3;font-size:11px;font-style:normal;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exec-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;font-size:21px;font-weight:900}.exec-icon.green{background:#e7f7ef;color:#15804c}.exec-icon.blue{background:#e9f2ff;color:#276bc8}.exec-icon.purple{background:#f1e9ff;color:#7552b8}.exec-icon.orange{background:#fff0df;color:#c86d11}
.exec-main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px}.exec-main-grid .dash-panel{margin:0}.alert-list{display:grid;gap:9px}.alert-row{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:10px;text-decoration:none;border:1px solid #e2e8f0;color:#24364d;background:#fafcff}.alert-row b{font-size:17px}.alert-row.ok{border-left:4px solid #78b99b}.alert-row.info{border-left:4px solid #4d8bd8;background:#f5f9ff}.alert-row.warn{border-left:4px solid #d69a33;background:#fffaf1}.alert-row.danger{border-left:4px solid #d65a5a;background:#fff7f7}
.moto-exec{margin-bottom:18px}.moto-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.moto-stat-grid>a{border:1px solid #e0e8f1;border-radius:11px;padding:13px 14px;text-decoration:none;color:#132740;background:#fbfdff;min-width:0}.moto-stat-grid small{display:block;color:#718096;font-size:11px}.moto-stat-grid b{display:block;margin-top:4px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moto-latest{margin-top:12px;border-top:1px solid #e5ebf2;padding-top:8px}.moto-latest>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:9px 5px;text-decoration:none;color:#162a44;border-bottom:1px solid #edf1f5}.moto-latest>a:last-child{border-bottom:0}.moto-latest span:first-child{min-width:0}.moto-latest span:first-child b,.moto-latest span:first-child small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moto-latest span:first-child small{color:#7a8798;margin-top:2px}.moto-latest strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.moto-list-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}.moto-list-kpis>div{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:13px 15px}.moto-list-kpis small{display:block;color:#708095}.moto-list-kpis b{display:block;font-size:20px;margin-top:3px}.moto-list-section{padding:0!important;overflow:hidden}.moto-list-section .tablewrap{overflow-x:auto}.moto-list-table{min-width:1280px}.moto-list-table td,.moto-list-table th{vertical-align:middle}.moto-list-table td:nth-child(n+8):nth-child(-n+11),.moto-list-table th:nth-child(n+8):nth-child(-n+11){text-align:right;font-variant-numeric:tabular-nums}.moto-stage-row{background:#f7fbff}.badge.stage{background:#e9f3ff;color:#2463ad;border:1px solid #cee1f8}.moto-stage-row td:first-child{color:#8491a3}
@media(max-width:1400px){.exec-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.moto-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.exec-main-grid{grid-template-columns:1fr}.moto-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.exec-toolbar{align-items:flex-start;flex-direction:column}.exec-kpis{grid-template-columns:1fr}.moto-stat-grid{grid-template-columns:1fr}.moto-list-kpis{grid-template-columns:1fr}.moto-latest>a{grid-template-columns:1fr auto}.moto-latest strong{grid-column:1/-1}}

/* ============================================================
   MotoERP v3.3.0 · MotoPOS 1.0
   Dedicated fast retail interface, same ERP database.
   ============================================================ */
.exec-actions{display:flex;gap:10px;align-items:center}.pos-launch{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important;box-shadow:0 8px 24px rgba(15,23,42,.16)}.quick-actions .quick-pos{background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-color:#111827}.quick-actions .quick-pos span{background:rgba(255,255,255,.12);color:#34d399}
body:has(.pos-app){background:#eef2f7;overflow:hidden}.pos-app{min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(59,130,246,.08),transparent 28%),#eef2f7;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pos-top{height:74px;background:#0b1220;color:#fff;display:flex;align-items:center;padding:0 22px;gap:22px;box-shadow:0 8px 30px rgba(2,6,23,.20);position:relative;z-index:10}.pos-brand{display:flex;align-items:center;gap:12px;min-width:220px}.pos-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#38bdf8);font-weight:900;font-size:20px;box-shadow:0 8px 22px rgba(37,99,235,.35)}.pos-brand strong{display:block;font-size:19px;letter-spacing:-.02em}.pos-brand span{display:block;color:#94a3b8;font-size:11px;margin-top:2px}.pos-context{flex:1}.pos-context form{display:flex;gap:10px}.pos-context label{display:flex;align-items:center;background:#121c2e;border:1px solid #243148;border-radius:12px;overflow:hidden}.pos-context label span{font-size:10px;color:#94a3b8;padding-left:12px;text-transform:uppercase;letter-spacing:.08em}.pos-context select{background:transparent;border:0;color:#e2e8f0;padding:10px 30px 10px 8px;font-weight:650;outline:none;max-width:230px}.pos-context select option{color:#111827}.pos-top-stats{display:flex;align-items:center;gap:18px}.pos-top-stats>span{display:flex;flex-direction:column;align-items:flex-end}.pos-top-stats small{font-size:10px;color:#94a3b8;text-transform:uppercase}.pos-top-stats b{font-size:14px}.pos-back{padding:10px 13px;border-radius:10px;background:#1e293b;color:#dbeafe;text-decoration:none;font-size:12px;font-weight:800}.pos-flash{position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:50;padding:11px 18px;border-radius:11px;box-shadow:0 12px 32px rgba(15,23,42,.18);font-weight:700}.pos-flash.ok{background:#dcfce7;color:#166534}.pos-flash.error{background:#fee2e2;color:#991b1b}.pos-workspace{height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1fr) 420px}.pos-left{min-width:0;padding:18px 20px 24px;overflow:auto}.pos-scan{height:58px;background:#fff;border:1px solid #dbe3ee;border-radius:16px;display:flex;align-items:center;padding:0 10px 0 16px;box-shadow:0 8px 28px rgba(15,23,42,.07);position:sticky;top:0;z-index:5}.scan-ico{font-size:26px;color:#2563eb;margin-right:10px}.pos-scan input{border:0!important;box-shadow:none!important;background:transparent!important;font-size:16px;flex:1;outline:none;min-width:0}.pos-scan kbd,.pos-shortcuts kbd,.pay-main kbd,.pay-confirm kbd{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:5px 7px;background:#e8eef7;border:1px solid #d5deea;border-bottom-width:2px;border-radius:6px;color:#64748b}.pos-scan button{height:40px;padding:0 18px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:800}.pos-hero{margin-top:18px;min-height:190px;border-radius:22px;background:linear-gradient(125deg,#0f172a,#172554 64%,#1d4ed8);color:#fff;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.16)}.pos-hero .eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;color:#7dd3fc}.pos-hero h1{font-size:31px;margin:5px 0 8px;letter-spacing:-.04em}.pos-hero p{max-width:590px;color:#cbd5e1;margin:0;line-height:1.55;font-size:13px}.pos-shortcuts{display:flex;gap:16px;margin-top:18px;color:#cbd5e1;font-size:11px}.pos-shortcuts span{display:flex;align-items:center;gap:6px}.hero-orbit{width:140px;height:140px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;position:relative;margin-right:28px;box-shadow:inset 0 0 0 22px rgba(255,255,255,.025)}.hero-orbit>div{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#38bdf8,#2563eb);font-size:19px;font-weight:900;box-shadow:0 12px 30px rgba(37,99,235,.4)}.hero-orbit span{position:absolute;width:32px;height:32px;border-radius:10px;background:#fff;color:#2563eb;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.18)}.hero-orbit .o1{left:-10px;top:28px}.hero-orbit .o2{right:-7px;top:17px}.hero-orbit .o3{right:9px;bottom:4px}.pos-section-title,.pos-search-head{display:flex;justify-content:space-between;align-items:end;margin:22px 2px 10px}.pos-section-title small,.pos-search-head small{display:block;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pos-section-title b,.pos-search-head b{font-size:16px}.pos-search-head a{font-size:12px;color:#64748b;text-decoration:none}.pos-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pos-quick-grid form{margin:0}.pos-quick-grid button{width:100%;min-height:105px;text-align:left;padding:14px;border-radius:15px;border:1px solid #dce4ef;background:#fff;display:flex;flex-direction:column;cursor:pointer;transition:.18s;box-shadow:0 4px 12px rgba(15,23,42,.035)}.pos-quick-grid button:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 10px 24px rgba(37,99,235,.10)}.pos-quick-grid button span{font-size:10px;color:#64748b;font-weight:800}.pos-quick-grid button b{font-size:13px;line-height:1.25;margin:5px 0 auto;white-space:normal}.pos-quick-grid button em{font-style:normal;color:#0f172a;font-weight:900;font-size:15px}.pos-quick-grid button small{color:#059669;margin-top:2px}.pos-quick-grid button:disabled{opacity:.5;cursor:not-allowed}.pos-empty-quick{grid-column:1/-1;padding:30px;text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:16px}.pos-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pos-product{margin:0;background:#fff;border:1px solid #dce4ef;border-radius:16px;padding:10px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center;box-shadow:0 4px 12px rgba(15,23,42,.035)}.pos-product:hover{border-color:#93c5fd}.pos-product.moto{border-color:#c4b5fd;background:linear-gradient(135deg,#fff,#faf5ff)}.product-photo{width:58px;height:58px;border-radius:12px;object-fit:contain;background:#f1f5f9;display:grid;place-items:center;font-size:23px;color:#64748b}.pos-product.moto .product-photo{background:#ede9fe;color:#7c3aed}.product-copy{min-width:0}.product-copy small{display:block;color:#64748b;font-size:10px;font-weight:800}.product-copy b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}.product-copy span{font-size:11px;color:#64748b}.product-price{text-align:right}.product-price b{display:block;font-size:14px;margin-bottom:6px}.product-price button{border:0;border-radius:8px;background:#eff6ff;color:#1d4ed8;padding:7px 11px;font-weight:800}.product-price button:disabled{opacity:.45}.pos-empty-search{grid-column:1/-1;min-height:260px;border:1px dashed #cbd5e1;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b}.pos-empty-search span{font-size:36px}.pos-empty-search b{color:#334155;margin-top:8px}.pos-cart{background:#fff;border-left:1px solid #dce4ef;display:flex;flex-direction:column;min-height:0;box-shadow:-8px 0 26px rgba(15,23,42,.04)}.cart-head{height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf4}.cart-head small{display:block;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.1em}.cart-head b{font-size:15px}.cart-status{font-size:11px;color:#059669;font-weight:800;display:flex;align-items:center;gap:6px}.cart-status span{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #d1fae5}.pos-customer{padding:10px 14px;border-bottom:1px solid #eef2f7}.pos-customer form{height:40px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;align-items:center}.pos-customer label{padding:0 10px;color:#64748b}.pos-customer select{flex:1;border:0;background:transparent;outline:none;font-size:12px;font-weight:700;color:#334155}.cart-lines{flex:1;overflow:auto;padding:8px 14px}.cart-line{padding:11px 2px;border-bottom:1px solid #eef2f7}.line-ident{display:flex;gap:9px;align-items:flex-start}.line-ident>span{width:30px;height:30px;border-radius:9px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;flex:none}.line-ident>div{min-width:0;flex:1}.line-ident b{display:block;font-size:12px;line-height:1.25}.line-ident small{display:block;color:#94a3b8;font-size:9px;margin-top:2px}.line-ident form{margin:0}.line-delete{border:0;background:transparent;color:#94a3b8;font-size:20px;cursor:pointer}.line-controls{display:flex;align-items:end;justify-content:space-between;margin-top:8px;padding-left:39px}.qtybox{display:flex;margin:0;border:1px solid #dce4ef;border-radius:8px;overflow:hidden}.qtybox button{width:28px;height:27px;border:0;background:#f8fafc;color:#334155;font-weight:900}.qtybox input{width:34px;border:0!important;text-align:center;font-size:11px;padding:0!important}.line-money{text-align:right}.line-money small{display:block;color:#94a3b8;font-size:9px}.line-money b{font-size:13px}.cart-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#94a3b8;padding:30px}.cart-empty>div{width:62px;height:62px;border-radius:20px;background:#f1f5f9;display:grid;place-items:center;font-size:26px;color:#64748b}.cart-empty b{color:#475569;margin-top:12px}.cart-empty p{font-size:11px;max-width:220px}.cart-summary{padding:12px 18px;border-top:1px solid #e8edf4;background:#fbfdff}.cart-summary>div{display:flex;justify-content:space-between;font-size:11px;color:#64748b;margin:3px 0}.cart-summary>div b{color:#334155}.cart-summary .grand{align-items:baseline;margin-top:8px;padding-top:8px;border-top:1px dashed #cbd5e1}.cart-summary .grand span{font-weight:900;color:#0f172a;font-size:12px}.cart-summary .grand b{font-size:25px;letter-spacing:-.04em;color:#0f172a}.cart-summary .grand em{font-size:11px;font-style:normal;color:#64748b}.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px 9px}.cart-actions form{margin:0}.cart-actions button{width:100%;height:37px;border-radius:9px;border:1px solid #dce4ef;background:#fff;color:#475569;font-size:11px;font-weight:800}.cart-actions .clear{color:#b91c1c}.cart-actions button:disabled{opacity:.4}.pay-main{margin:0 18px 16px;height:58px;border:0;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:0 16px;box-shadow:0 12px 26px rgba(37,99,235,.28);cursor:pointer}.pay-main span{text-align:left;font-size:11px;font-weight:900;letter-spacing:.08em}.pay-main b{font-size:18px}.pay-main kbd{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.15);color:#dbeafe}.pay-main:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.parked-box{margin:0 14px 12px;border:1px solid #e2e8f0;border-radius:12px;padding:8px}.parked-title{font-size:10px;color:#64748b;font-weight:800;display:flex;justify-content:space-between}.parked-box form{margin:5px 0 0}.parked-box button{width:100%;border:0;background:#f8fafc;border-radius:8px;padding:7px;display:flex;gap:8px;font-size:10px}.parked-box button em{margin-left:auto;font-style:normal;color:#2563eb}.pay-modal{width:min(560px,calc(100vw - 28px));border:0;border-radius:22px;padding:0;box-shadow:0 28px 80px rgba(2,6,23,.35)}.pay-modal::backdrop{background:rgba(2,6,23,.62);backdrop-filter:blur(4px)}.pay-modal form{padding:22px}.pay-modal-head{display:flex;justify-content:space-between;align-items:flex-start}.pay-modal-head small{font-size:10px;color:#64748b;font-weight:900;letter-spacing:.1em}.pay-modal-head h2{font-size:34px;margin:3px 0 0;letter-spacing:-.05em}.pay-modal-head>button{width:34px;height:34px;border:0;border-radius:10px;background:#f1f5f9;font-size:20px;color:#64748b}.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.pay-methods input{display:none}.pay-methods span{height:88px;border:1px solid #dce4ef;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-size:21px;color:#64748b}.pay-methods span b{font-size:12px;color:#334155}.pay-methods span small{font-size:9px}.pay-methods input:checked+span{border:2px solid #2563eb;background:#eff6ff;color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.10)}.pay-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-fields label{font-size:10px;color:#64748b;font-weight:800}.pay-fields input{margin-top:5px;width:100%;height:43px;border:1px solid #dce4ef;border-radius:10px;padding:0 11px;font-size:14px}.pay-info{margin:14px 0 10px;padding:10px 12px;background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;font-size:10px;color:#64748b}.pay-info b{color:#334155}.pay-confirm{width:100%;height:52px;border:0;border-radius:12px;background:#0f172a;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px}.pay-confirm kbd{background:#1e293b;border-color:#334155;color:#cbd5e1}.pay-note{font-size:9px;color:#94a3b8;text-align:center;margin:9px 0 0}.pos-success{position:fixed;top:90px;left:50%;transform:translateX(-50%);z-index:40;width:min(720px,calc(100vw - 40px));background:#ecfdf5;border:1px solid #a7f3d0;border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 55px rgba(6,78,59,.18)}.success-check{width:44px;height:44px;border-radius:14px;background:#10b981;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.pos-success>div:nth-child(2){display:flex;flex-direction:column;flex:1}.pos-success small{font-size:9px;color:#047857;font-weight:900}.pos-success b{font-size:16px}.pos-success span{font-size:11px;color:#065f46}.pos-success a,.pos-success button{border:0;border-radius:9px;padding:9px 12px;background:#fff;color:#065f46;font-size:10px;font-weight:900;text-decoration:none}.pos-success button{background:#065f46;color:#fff}.pos-app+*{display:none!important}
@media(max-width:1180px){.pos-workspace{grid-template-columns:minmax(0,1fr) 370px}.pos-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-orbit{display:none}.pos-context label span{display:none}}
@media(max-width:900px){body:has(.pos-app){overflow:auto}.pos-top{height:auto;min-height:70px;flex-wrap:wrap;padding:12px}.pos-context{order:3;flex-basis:100%}.pos-top-stats>span{display:none}.pos-workspace{height:auto;display:block}.pos-left{padding:12px}.pos-cart{border-left:0;border-top:1px solid #dce4ef;min-height:620px}.pos-quick-grid,.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-hero{min-height:150px;padding:22px}.pos-hero h1{font-size:25px}.pos-shortcuts{display:none}}

/* MotoPOS 1.1 layout polish — full-screen, aligned and presentation-ready */
body:has(.pos-app){margin:0!important;padding:0!important;overflow:hidden!important;background:#eef2f7!important}
.pos-app{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;z-index:10000!important;overflow:hidden!important}
.pos-top{height:82px!important;padding:0 28px!important;gap:26px!important}
.pos-brand{min-width:235px!important}.pos-brand strong{font-size:21px!important}.pos-mark{width:46px!important;height:46px!important}
.pos-context form{justify-content:center!important}.pos-context label{min-height:48px!important}.pos-context select{min-width:220px!important;font-size:13px!important}
.pos-top-stats{min-width:245px!important;justify-content:flex-end!important}
.pos-workspace{height:calc(100vh - 82px)!important;grid-template-columns:minmax(0,1fr) 390px!important;align-items:stretch!important}
.pos-left{padding:22px 26px 28px!important;max-width:none!important;width:auto!important}
.pos-scan{height:64px!important;max-width:none!important;border-radius:17px!important;padding-left:18px!important}.pos-scan input{font-size:17px!important}.pos-scan button{height:44px!important;min-width:86px!important;font-size:13px!important}
.pos-hero{margin-top:20px!important;min-height:205px!important;padding:30px 36px!important}.pos-hero h1{font-size:34px!important}.pos-hero p{font-size:13px!important;max-width:680px!important}.hero-orbit{margin-right:50px!important}
.pos-section-title{margin-top:24px!important}.pos-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.pos-empty-quick{min-height:110px!important;display:grid!important;place-items:center!important;font-size:13px!important}
.pos-cart{width:auto!important;min-width:0!important;height:100%!important;position:relative!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;z-index:auto!important}
.cart-head{height:70px!important;padding:0 20px!important}.cart-head b{font-size:14px!important}.pos-customer{padding:12px 16px!important}.pos-customer form{height:44px!important}
.cart-lines{padding:10px 16px!important}.cart-empty>div{width:68px!important;height:68px!important}.cart-empty b{font-size:15px!important}.cart-empty p{font-size:12px!important;line-height:1.45!important}
.cart-summary{padding:14px 20px!important}.cart-summary .grand b{font-size:27px!important}.cart-actions{padding:0 20px 10px!important}.pay-main{margin:0 20px 18px!important;height:62px!important;border-radius:14px!important}.pay-main span{font-size:12px!important}.pay-main b{font-size:20px!important}
@media(max-width:1250px){.pos-workspace{grid-template-columns:minmax(0,1fr) 360px!important}.pos-top{padding:0 18px!important}.pos-brand{min-width:190px!important}.pos-context select{min-width:170px!important}.pos-left{padding:18px!important}.pos-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){body:has(.pos-app){overflow:auto!important}.pos-app{position:relative!important;width:100%!important;height:auto!important;min-height:100vh!important;overflow:visible!important}.pos-top{height:auto!important}.pos-workspace{height:auto!important;display:flex!important;flex-direction:column!important}.pos-cart{min-height:600px!important}.pos-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* MotoERP v3.3.2 — readability pass: MotoPOS + registration/CIPS forms */
.moto-registration-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin:4px 0 18px;padding:16px 18px;border:1px solid #dbe7f4;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fff)}
.moto-registration-head h3{margin:6px 0 4px;font-size:20px}.moto-registration-head p{margin:0;max-width:760px}.cips-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:900;letter-spacing:.09em}.moto-reg-note{min-width:260px;max-width:360px;padding:11px 13px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa}.moto-reg-note b,.moto-reg-note span{display:block}.moto-reg-note b{font-size:12px;color:#9a3412}.moto-reg-note span{font-size:11px;color:#7c2d12;line-height:1.4;margin-top:3px}.moto-reg-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px 15px!important}.moto-reg-grid label{min-width:0}.moto-reg-grid input,.moto-reg-grid select{width:100%}.moto-more{border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;padding:0!important}.moto-more summary{cursor:pointer;padding:12px 14px;font-weight:800;color:#334155}.moto-more[open] summary{border-bottom:1px solid #e2e8f0}.moto-more>.formgrid{padding:14px;grid-template-columns:repeat(4,minmax(0,1fr))!important}.moto-registration-head.compact{margin-top:0}
@media(max-width:1200px){.moto-reg-grid,.moto-more>.formgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:850px){.moto-registration-head{display:block}.moto-reg-note{margin-top:12px;max-width:none}.moto-reg-grid,.moto-more>.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.moto-reg-grid,.moto-more>.formgrid{grid-template-columns:1fr!important}}

/* POS 1.2 — force a clear cashier layout and prevent clipped labels */
body:has(.pos-app){font-size:14px!important}.pos-app{display:flex!important;flex-direction:column!important}.pos-top{flex:0 0 86px!important;width:100%!important;box-sizing:border-box!important}.pos-workspace{flex:1 1 auto!important;height:auto!important;min-height:0!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 460px!important;grid-template-areas:"sales cart"!important;direction:ltr!important}.pos-left{grid-area:sales!important;min-width:0!important;overflow:auto!important;padding:22px 28px 30px!important}.pos-cart{grid-area:cart!important;min-width:460px!important;width:460px!important;max-width:460px!important;overflow:hidden!important;border-left:1px solid #dbe3ee!important;border-right:0!important;box-sizing:border-box!important}.pos-brand{min-width:220px!important}.pos-context{min-width:0!important}.pos-context form{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(240px,.8fr)!important;max-width:760px!important;margin:0 auto!important}.pos-context label{min-width:0!important}.pos-context label span{flex:0 0 auto!important}.pos-context select{width:100%!important;min-width:0!important;max-width:none!important;font-size:14px!important;padding-right:38px!important;white-space:nowrap!important;text-overflow:ellipsis!important}.pos-top-stats{min-width:260px!important;gap:20px!important}.pos-top-stats b{font-size:15px!important}.pos-back{font-size:13px!important;padding:11px 15px!important}.pos-scan{height:66px!important;max-width:none!important}.pos-scan input{font-size:18px!important}.pos-scan button{min-width:96px!important;font-size:14px!important}.pos-hero{min-height:175px!important;padding:26px 32px!important}.pos-hero h1{font-size:31px!important}.pos-hero p{font-size:14px!important;max-width:760px!important}.pos-shortcuts{font-size:12px!important;gap:18px!important}.hero-orbit{width:128px!important;height:128px!important;margin-right:24px!important}.pos-section-title b,.pos-search-head b{font-size:18px!important}.pos-section-title small,.pos-search-head small{font-size:11px!important}.pos-quick-grid{grid-template-columns:repeat(4,minmax(160px,1fr))!important;gap:12px!important}.pos-quick-grid button{min-height:118px!important;padding:15px!important}.pos-quick-grid button b{font-size:14px!important;line-height:1.35!important;overflow:visible!important}.pos-quick-grid button em{font-size:17px!important}.pos-quick-grid button small,.pos-quick-grid button span{font-size:11px!important}.pos-product-grid{grid-template-columns:repeat(2,minmax(300px,1fr))!important;gap:12px!important}.pos-product{padding:12px!important;grid-template-columns:64px minmax(0,1fr) auto!important}.product-photo{width:64px!important;height:64px!important}.product-copy b{font-size:14px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.product-copy span{font-size:12px!important}.product-price b{font-size:15px!important}.cart-head{height:74px!important;padding:0 22px!important}.cart-head small{font-size:10px!important}.cart-head b{font-size:15px!important}.cart-status{font-size:12px!important}.pos-customer{padding:13px 18px!important}.pos-customer form{height:48px!important;border-radius:12px!important;overflow:visible!important}.pos-customer label{flex:0 0 42px!important;text-align:center!important;padding:0!important}.pos-customer select{display:block!important;width:calc(100% - 42px)!important;min-width:0!important;max-width:none!important;height:46px!important;padding:0 38px 0 4px!important;font-size:14px!important;font-weight:750!important;white-space:nowrap!important;text-overflow:clip!important;color:#27364b!important}.cart-lines{padding:10px 18px!important}.cart-empty{padding:28px 44px!important}.cart-empty>div{width:72px!important;height:72px!important}.cart-empty b{font-size:16px!important}.cart-empty p{font-size:13px!important;line-height:1.5!important;max-width:280px!important}.cart-line{padding:13px 2px!important}.line-ident b{font-size:13px!important;white-space:normal!important}.line-ident small{font-size:10px!important}.qtybox input{width:44px!important;font-size:12px!important}.line-money b{font-size:14px!important}.cart-summary{padding:15px 22px!important}.cart-summary>div{font-size:12px!important;margin:5px 0!important}.cart-summary .grand span{font-size:13px!important}.cart-summary .grand b{font-size:29px!important}.cart-summary .grand em{font-size:12px!important}.cart-actions{padding:0 22px 11px!important;gap:10px!important}.cart-actions button{height:42px!important;font-size:12px!important}.pay-main{margin:0 22px 20px!important;height:64px!important}.pay-main span{font-size:13px!important}.pay-main b{font-size:21px!important}
@media(max-width:1450px){.pos-workspace{grid-template-columns:minmax(0,1fr) 430px!important}.pos-cart{min-width:430px!important;width:430px!important;max-width:430px!important}.pos-top{padding:0 20px!important;gap:16px!important}.pos-context form{grid-template-columns:minmax(220px,1fr) minmax(200px,.8fr)!important}.pos-top-stats{min-width:220px!important}.pos-quick-grid{grid-template-columns:repeat(3,minmax(150px,1fr))!important}}
@media(max-width:1150px){.pos-brand{min-width:165px!important}.pos-brand span{display:none!important}.pos-workspace{grid-template-columns:minmax(0,1fr) 400px!important}.pos-cart{min-width:400px!important;width:400px!important;max-width:400px!important}.pos-context label span{display:none!important}.pos-context form{grid-template-columns:1fr 1fr!important}.pos-top-stats>span:first-child{display:none!important}.pos-top-stats{min-width:150px!important}.pos-product-grid{grid-template-columns:1fr!important}.pos-quick-grid{grid-template-columns:repeat(2,minmax(150px,1fr))!important}}
@media(max-width:900px){.pos-app{display:block!important}.pos-top{min-height:unset!important;flex-wrap:wrap!important}.pos-workspace{display:flex!important;flex-direction:column!important}.pos-left{order:1!important}.pos-cart{order:2!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:620px!important;border-left:0!important;border-top:1px solid #dbe3ee!important}.pos-context{flex-basis:100%!important}.pos-context form{max-width:none!important}.pos-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* MotoPOS 1.3 / MotoERP v3.3.4 — clean premium cashier UI */
body:has(.pos34-app){margin:0!important;overflow:hidden!important;background:#edf2f7!important;color:#0f172a!important}
.pos34-app{position:fixed;inset:0;z-index:12000;display:flex;flex-direction:column;background:#edf2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.pos34-top{height:84px;flex:0 0 84px;display:grid;grid-template-columns:230px minmax(420px,760px) 1fr;align-items:center;gap:24px;padding:0 28px;background:#0d1728;color:#fff;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 12px 30px rgba(15,23,42,.10)}
.pos34-brand{display:flex;align-items:center;gap:13px;min-width:0}.pos34-logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#2563eb,#38bdf8);font-size:24px;font-weight:900;box-shadow:0 8px 22px rgba(37,99,235,.28)}.pos34-brand strong{display:block;font-size:21px;line-height:1.05;letter-spacing:-.02em}.pos34-brand span{display:block;margin-top:4px;color:#94a3b8;font-size:11px;font-weight:600}
.pos34-context{display:grid;grid-template-columns:minmax(230px,1.3fr) minmax(210px,1fr);gap:12px;min-width:0}.pos34-context label{height:52px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0 13px;border:1px solid #27364d;border-radius:13px;background:#121f33;min-width:0}.pos34-context label>span{font-size:9px;letter-spacing:.11em;font-weight:900;color:#7f8ea6}.pos34-context select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f8fafc;font-size:13px;font-weight:750;padding:0 30px 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pos34-topright{justify-self:end;display:flex;align-items:center;gap:22px}.pos34-topright>div{text-align:right}.pos34-topright small{display:block;font-size:9px;color:#7f8ea6;font-weight:900;letter-spacing:.08em}.pos34-topright b{display:block;font-size:15px;margin-top:2px}.pos34-erp{display:inline-flex;height:42px;align-items:center;padding:0 14px;border-radius:11px;background:#1c2a41;color:#fff;text-decoration:none;font-size:12px;font-weight:900}
.pos34-shell{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;padding:18px;background:#edf2f7}
.pos34-main{min-width:0;overflow:auto;background:#fff;border:1px solid #dde5ef;border-radius:20px;padding:20px 22px 28px;box-shadow:0 10px 34px rgba(15,23,42,.045)}
.pos34-searchwrap{position:sticky;top:0;z-index:4;padding-bottom:16px;background:linear-gradient(#fff 82%,rgba(255,255,255,0))}.pos34-search{height:62px;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 10px 0 14px;border:1px solid #cfd9e7;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.05)}.pos34-search:focus-within{border-color:#7aa7ff;box-shadow:0 0 0 4px rgba(37,99,235,.08),0 7px 22px rgba(15,23,42,.05)}.pos34-searchicon{font-size:24px;color:#2563eb;line-height:1}.pos34-search input{height:100%;border:0!important;outline:0!important;background:transparent!important;font-size:17px!important;color:#172033!important;padding:0!important;min-width:0}.pos34-search input::placeholder{color:#738097}.pos34-search kbd,.pos34-shortcuts kbd,.pos34-pay kbd{font-family:inherit;font-size:10px;font-weight:800;color:#64748b;background:#f3f6fa;border:1px solid #d6dfeb;border-bottom-width:2px;border-radius:7px;padding:5px 8px}.pos34-search button{height:44px;min-width:86px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:850;font-size:13px;cursor:pointer}
.pos34-welcome{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:25px;padding:24px 26px;border:1px solid #e1e8f1;border-radius:17px;background:linear-gradient(135deg,#f8fbff 0%,#fff 55%,#eef5ff 100%)}.pos34-welcome>div:first-child>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#2563eb}.pos34-welcome h1{margin:6px 0 7px;font-size:28px;line-height:1.1;letter-spacing:-.035em;color:#0f172a}.pos34-welcome p{margin:0;max-width:720px;font-size:13px;line-height:1.55;color:#64748b}.pos34-shortcuts{display:grid;grid-template-columns:repeat(4,76px);gap:8px}.pos34-shortcuts>div{height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #e1e8f1;background:#fff;border-radius:13px;box-shadow:0 5px 15px rgba(15,23,42,.035)}.pos34-shortcuts span{font-size:10px;font-weight:800;color:#536174}
.pos34-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:22px 2px 11px}.pos34-sectionhead small{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#7b8aa0}.pos34-sectionhead h2{margin:3px 0 0;font-size:19px;color:#101827;letter-spacing:-.02em}.pos34-sectionhead a{font-size:11px;color:#64748b;text-decoration:none;font-weight:750}
.pos34-quick{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:11px}.pos34-quick form{margin:0}.pos34-quick button{width:100%;height:124px;border:1px solid #e0e7f0;border-radius:15px;background:#fff;padding:14px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.15s ease}.pos34-quick button:hover{transform:translateY(-2px);border-color:#b9cced;box-shadow:0 10px 24px rgba(15,23,42,.07)}.pos34-quick button:disabled{opacity:.45;cursor:not-allowed;transform:none}.pos34-quick button div:first-child small{display:block;font-size:9px;color:#8492a7;font-weight:850}.pos34-quick button div:first-child b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;font-size:13px;line-height:1.35;color:#1f2937}.pos34-quick button div:last-child{display:flex;align-items:end;justify-content:space-between;gap:8px}.pos34-quick strong{font-size:16px;color:#0f172a}.pos34-quick button span{font-size:10px;color:#7b8aa0}
.pos34-products{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:11px}.pos34-product{margin:0;min-height:91px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px;border:1px solid #e1e8f1;border-radius:15px;background:#fff}.pos34-product.disabled{opacity:.55}.pos34-picon,.pos34-pimg{width:64px;height:64px;border-radius:13px;object-fit:cover;background:#f2f6fb;display:grid;place-items:center;color:#3b82f6;font-size:23px}.pos34-picon.moto{background:#eef2ff;color:#4f46e5}.pos34-pcopy{min-width:0}.pos34-pcopy small{display:block;font-size:9px;color:#8a98ab;font-weight:850}.pos34-pcopy b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0;font-size:13px;line-height:1.3;color:#1e293b}.pos34-pcopy span{font-size:10px;color:#718096}.pos34-price{text-align:right}.pos34-price b{display:block;font-size:14px;white-space:nowrap}.pos34-price button{margin-top:8px;border:0;border-radius:9px;background:#edf4ff;color:#2563eb;padding:7px 11px;font-size:11px;font-weight:850;cursor:pointer}.pos34-price button:disabled{opacity:.45}
.pos34-empty{grid-column:1/-1;min-height:240px;border:1px dashed #cad6e5;border-radius:16px;background:#fbfdff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8794a8}.pos34-empty.wide{min-height:180px}.pos34-empty>div{width:58px;height:58px;border-radius:17px;background:#f0f4f9;display:grid;place-items:center;font-size:24px;color:#607086}.pos34-empty b{margin-top:11px;color:#475569;font-size:14px}.pos34-empty span{margin-top:4px;font-size:11px}
.pos34-cart{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dbe4ee;border-radius:20px;overflow:hidden;box-shadow:0 12px 36px rgba(15,23,42,.055)}.pos34-carttop{height:76px;flex:0 0 76px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5}.pos34-carttop small{display:block;font-size:9px;color:#8090a4;font-weight:900;letter-spacing:.12em}.pos34-carttop h2{margin:3px 0 0;font-size:17px}.pos34-carttop>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#059669;font-weight:850}.pos34-carttop i{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #d1fae5}
.pos34-customer{margin:12px 14px 0;height:61px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;border:1px solid #dfe6ef;border-radius:13px;background:#f9fbfd}.pos34-customer>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef3f8;color:#68798f}.pos34-customer>div{min-width:0}.pos34-customer small{display:block;font-size:8px;color:#8391a4;font-weight:900;letter-spacing:.1em}.pos34-customer select{width:100%;min-width:0;border:0;background:transparent;outline:0;padding:2px 28px 0 0;font-size:13px;font-weight:750;color:#263449;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pos34-lines{flex:1;min-height:0;overflow:auto;padding:10px 14px}.pos34-line{padding:13px 3px;border-bottom:1px solid #edf1f5}.pos34-linehead{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;gap:9px;align-items:start}.pos34-lineicon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef4ff;color:#2563eb}.pos34-linetext{min-width:0}.pos34-linetext b{display:block;font-size:12px;line-height:1.35;color:#263449;white-space:normal}.pos34-linetext small{display:block;margin-top:3px;font-size:9px;color:#8a97a9}.pos34-del{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#9aa7b8;font-size:18px;cursor:pointer}.pos34-linebottom{display:flex;align-items:end;justify-content:space-between;margin-top:9px;padding-left:47px}.pos34-qty{display:flex;margin:0;border:1px solid #dce4ee;border-radius:9px;overflow:hidden}.pos34-qty button{width:30px;height:29px;border:0;background:#f8fafc;color:#334155;font-weight:900}.pos34-qty input{width:40px;height:29px;border:0!important;text-align:center;padding:0!important;font-size:11px}.pos34-linebottom>div{text-align:right}.pos34-linebottom>div small{display:block;color:#8b98aa;font-size:9px}.pos34-linebottom>div b{display:block;margin-top:2px;font-size:13px;color:#172033}
.pos34-cartempty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 44px;color:#8a98aa}.pos34-cartempty>div{width:70px;height:70px;border-radius:20px;background:#f1f5f9;display:grid;place-items:center;font-size:27px;color:#63748a}.pos34-cartempty b{margin-top:13px;font-size:15px;color:#475569}.pos34-cartempty span{margin-top:5px;max-width:245px;font-size:11px;line-height:1.5}
.pos34-summary{padding:13px 20px 12px;border-top:1px solid #e9eef4;background:#fbfcfe}.pos34-summary>div{display:flex;justify-content:space-between;align-items:center;margin:5px 0;font-size:11px;color:#64748b}.pos34-summary>div b{color:#334155}.pos34-summary .total{margin-top:10px;padding-top:10px;border-top:1px dashed #cad5e2}.pos34-summary .total span{font-size:12px;font-weight:900;color:#172033}.pos34-summary .total b{font-size:27px;letter-spacing:-.04em;color:#0f172a}.pos34-summary .total em{margin-left:5px;font-size:11px;font-style:normal;color:#64748b;letter-spacing:0}
.pos34-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 20px 10px}.pos34-actions form{margin:0}.pos34-actions button{width:100%;height:39px;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#536174;font-size:11px;font-weight:850}.pos34-actions button.danger{color:#b45353}.pos34-actions button:disabled{opacity:.38}.pos34-pay{margin:0 20px 18px;height:64px;border:0;border-radius:14px;background:linear-gradient(135deg,#1d4ed8,#2563eb 58%,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;box-shadow:0 12px 27px rgba(37,99,235,.24);cursor:pointer}.pos34-pay:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}.pos34-pay span{text-align:left}.pos34-pay small{display:block;font-size:9px;letter-spacing:.12em;font-weight:900;color:#dbeafe}.pos34-pay b{display:block;margin-top:3px;font-size:18px}.pos34-pay kbd{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}.pos34-parked{margin:-4px 14px 12px;padding:10px;border:1px solid #e3e9f1;border-radius:12px}.pos34-parked>small{font-size:9px;color:#7d8da2;font-weight:900}.pos34-parked form{margin:6px 0 0}.pos34-parked button{width:100%;border:0;border-radius:8px;background:#f7f9fc;padding:8px 9px;display:flex;gap:8px;font-size:10px}.pos34-parked em{margin-left:auto;font-style:normal;color:#2563eb}
.pos34-flash,.pos34-success{position:fixed;top:96px;left:50%;transform:translateX(-50%);z-index:13000;max-width:760px;border-radius:14px;padding:12px 15px;box-shadow:0 18px 50px rgba(15,23,42,.16)}.pos34-flash.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.pos34-flash.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.pos34-success{display:flex;align-items:center;gap:12px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.pos34-success>span{width:38px;height:38px;border-radius:11px;background:#10b981;color:#fff;display:grid;place-items:center;font-weight:900}.pos34-success>div{flex:1}.pos34-success small,.pos34-success b{display:block}.pos34-success a,.pos34-success button{border:0;border-radius:9px;background:#fff;color:#065f46;padding:8px 11px;font-size:10px;font-weight:850;text-decoration:none}
@media(max-width:1450px){.pos34-top{grid-template-columns:195px minmax(390px,650px) 1fr;padding:0 18px;gap:15px}.pos34-shell{grid-template-columns:minmax(0,1fr) 395px}.pos34-quick{grid-template-columns:repeat(3,minmax(145px,1fr))}.pos34-shortcuts{grid-template-columns:repeat(2,72px)}}
@media(max-width:1120px){body:has(.pos34-app){overflow:auto!important}.pos34-app{position:relative;min-height:100vh}.pos34-top{height:auto;min-height:84px;grid-template-columns:180px 1fr;grid-template-rows:auto auto;padding:12px 16px}.pos34-context{grid-column:1/-1;grid-row:2}.pos34-topright{grid-column:2;grid-row:1}.pos34-shell{display:flex;flex-direction:column}.pos34-main{overflow:visible}.pos34-cart{min-height:650px}.pos34-products{grid-template-columns:1fr}}
@media(max-width:720px){.pos34-brand span,.pos34-topright>div{display:none}.pos34-context{grid-template-columns:1fr}.pos34-shell{padding:10px}.pos34-main{padding:12px}.pos34-welcome{display:block;padding:20px}.pos34-shortcuts{margin-top:16px;grid-template-columns:repeat(4,1fr)}.pos34-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.pos34-search{grid-template-columns:28px minmax(0,1fr) auto}.pos34-search kbd{display:none}.pos34-search input{font-size:14px!important}.pos34-search button{min-width:70px}.pos34-cart{border-radius:16px}}

/* v3.3.5 searchable place/postal fields */
.combo-field{position:relative;display:flex;align-items:center}.combo-field input{width:100%;padding-right:40px}.combo-arrow{position:absolute;right:14px;pointer-events:none;color:#64748b;font-size:18px;line-height:1}.field-action{display:block;margin-top:7px}.field-action a{font-weight:700;text-decoration:none;color:#2563eb}.field-action a:hover{text-decoration:underline}

/* MotoPOS v1.4 / MotoERP 3.3.6 — touch-first retail layout inspired by modern counter POS */
body:has(.pos36-app){margin:0!important;overflow:hidden!important;background:#edf1f5!important}.pos36-app{position:fixed;inset:0;z-index:12000;background:#edf1f5;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.pos36-app *{box-sizing:border-box}.pos36-top{height:78px;background:#fff;border-bottom:1px solid #dfe6ed;display:grid;grid-template-columns:250px minmax(360px,760px) 1fr;align-items:center;gap:22px;padding:0 28px;box-shadow:0 3px 14px rgba(15,23,42,.035)}.pos36-brand{display:flex;align-items:center;gap:12px}.pos36-logo{width:42px;height:42px;border-radius:13px;background:#19b867;color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 8px 18px rgba(25,184,103,.22)}.pos36-brand strong{display:block;font-size:19px}.pos36-brand span{display:block;margin-top:2px;font-size:11px;color:#8896a8}.pos36-search{height:50px;border:1px solid #dfe5eb;border-radius:12px;background:#f8fafb;display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:0 6px 0 13px}.pos36-search>span{color:#92a0b2;font-size:22px}.pos36-search input{border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;padding:0 8px!important;font-size:14px!important;color:#273346}.pos36-search button{height:38px;border:0;border-radius:9px;background:#19b867;color:#fff;padding:0 20px;font-weight:850;cursor:pointer}.pos36-tools{display:flex;justify-content:flex-end;align-items:center;gap:22px}.pos36-tools>div{text-align:right}.pos36-tools small{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:#8995a5}.pos36-tools b{display:block;margin-top:2px;font-size:13px}.pos36-tools a{width:52px;height:40px;border-radius:10px;background:#f0f4f7;color:#334155;display:grid;place-items:center;text-decoration:none;font-weight:850;font-size:11px}
.pos36-workspace{height:calc(100vh - 78px);display:grid;grid-template-columns:345px minmax(0,1fr);gap:0}.pos36-ticket{background:#fff;border-right:1px solid #dfe5eb;display:flex;flex-direction:column;min-width:0}.pos36-tickethead{height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f4}.pos36-tickethead small{display:block;font-size:8px;font-weight:900;letter-spacing:.14em;color:#8190a3}.pos36-tickethead h2{margin:3px 0 0;font-size:17px}.pos36-tickethead>span{font-size:10px;color:#0b9b5b;font-weight:850}.pos36-tickethead i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1cc875;box-shadow:0 0 0 4px #d8f8e8;margin-right:6px}.pos36-customer{margin:14px 18px 4px;padding:10px 11px;border:1px solid #e1e7ed;border-radius:11px;display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;background:#fff}.pos36-customer>span{width:30px;height:30px;border-radius:9px;background:#f1f5f7;color:#66758a;display:grid;place-items:center}.pos36-customer small{display:block;font-size:8px;font-weight:900;color:#8290a1;letter-spacing:.1em}.pos36-customer select{width:100%;min-width:0;border:0;background:transparent;outline:0;font-size:12px;font-weight:750;padding:2px 24px 0 0;color:#2f3a4b}.pos36-lines{flex:1;min-height:0;overflow:auto;padding:8px 18px}.pos36-line{padding:12px 0;border-bottom:1px solid #eef2f5}.pos36-line-main{display:grid;grid-template-columns:36px minmax(0,1fr) 26px;gap:9px;align-items:start}.pos36-lineicon{width:34px;height:34px;border-radius:10px;background:#f1f6f4;color:#13a960;display:grid;place-items:center}.pos36-line-main b{display:block;font-size:12px;line-height:1.35;color:#253145}.pos36-line-main small{display:block;margin-top:3px;font-size:9px;color:#8895a7}.pos36-del{border:0;background:transparent;color:#a0abba;font-size:18px;cursor:pointer}.pos36-line-foot{margin-top:8px;padding-left:45px;display:flex;align-items:center;justify-content:space-between}.pos36-qty{display:flex;border:1px solid #dfe6ec;border-radius:8px;overflow:hidden}.pos36-qty button,.pos36-qty span{height:28px;min-width:28px;border:0;background:#fff;display:grid;place-items:center;font-size:11px}.pos36-qty span{background:#f8fafb;font-weight:800}.pos36-line-foot>b{font-size:13px}.pos36-ticketempty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#93a0b1;padding:24px}.pos36-ticketempty>div{width:62px;height:62px;border-radius:18px;background:#f2f5f7;display:grid;place-items:center;font-size:24px;color:#68788e}.pos36-ticketempty b{margin-top:12px;font-size:14px;color:#4b596d}.pos36-ticketempty span{margin-top:5px;font-size:10px}.pos36-ticketbottom{border-top:1px solid #e9eef2;padding:12px 18px 16px}.pos36-totals>div{display:flex;justify-content:space-between;margin:5px 0;font-size:10px;color:#67768a}.pos36-totals>div b{color:#2f3a4b}.pos36-totals .total{border-top:1px dashed #d4dde5;margin-top:10px;padding-top:10px;align-items:end}.pos36-totals .total span{font-weight:900;color:#1c2737}.pos36-totals .total b{font-size:24px;color:#101827}.pos36-totals .total em{font-size:10px;font-style:normal;color:#738095}.pos36-ticketactions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 9px}.pos36-ticketactions form{margin:0}.pos36-ticketactions button{width:100%;height:38px;border:1px solid #dfe5eb;border-radius:9px;background:#fff;color:#5d6a7d;font-weight:800;font-size:10px}.pos36-ticketactions button.danger{color:#b55a5a}.pos36-ticketactions button:disabled,.pos36-pay:disabled{opacity:.4}.pos36-pay{width:100%;height:54px;border:0;border-radius:11px;background:#20bd68;color:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;box-shadow:0 10px 22px rgba(32,189,104,.22);cursor:pointer}.pos36-pay b{font-size:17px}.pos36-parked{margin-top:10px}.pos36-parked>small{font-size:8px;color:#7f8da0;font-weight:900}.pos36-parked form{margin:5px 0 0}.pos36-parked button{width:100%;border:0;border-radius:8px;background:#f5f8fa;padding:7px 9px;display:flex;gap:8px;font-size:9px}.pos36-parked em{margin-left:auto;font-style:normal;color:#129c59}
.pos36-main{min-width:0;display:flex;flex-direction:column;padding:18px 20px 0;overflow:hidden}.pos36-contextrow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.pos36-contextrow form{display:flex;gap:10px}.pos36-contextrow label{height:46px;min-width:255px;border:1px solid #dfe6ec;border-radius:10px;background:#fff;padding:6px 10px}.pos36-contextrow small{display:block;font-size:7px;color:#8995a4;font-weight:900;letter-spacing:.12em}.pos36-contextrow select{width:100%;border:0;outline:0;background:transparent;font-size:11px;font-weight:750;color:#273346;padding:2px 22px 0 0}.pos36-status{display:flex;gap:8px}.pos36-status span{padding:8px 10px;border-radius:8px;background:#e8edf2;color:#536174;font-size:9px;font-weight:850}.pos36-cats{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin-bottom:18px}.pos36-cats a{min-height:68px;border:1px solid #dfe6ec;border-radius:11px;background:#fff;padding:12px;text-decoration:none;color:#273346;display:flex;flex-direction:column;justify-content:space-between;transition:.15s}.pos36-cats a:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.055)}.pos36-cats a.active{border-color:#b4e7cb;background:#eaf9f1;color:#0a8f50}.pos36-cats b{font-size:11px}.pos36-cats span{font-size:8px;color:#8492a4}.pos36-sectiontitle{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 10px}.pos36-sectiontitle small{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:#8290a2}.pos36-sectiontitle h2{margin:3px 0 0;font-size:17px}.pos36-sectiontitle>a,.pos36-sectiontitle>span{font-size:9px;color:#7e8b9e;text-decoration:none}.pos36-grid{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));align-content:start;gap:11px;padding:0 2px 78px}.pos36-card{margin:0;min-height:192px;border:1px solid #dfe6ec;border-radius:12px;background:#fff;padding:10px;display:flex;flex-direction:column;cursor:pointer;transition:.16s}.pos36-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.07);border-color:#cbd7df}.pos36-card.disabled{opacity:.5}.pos36-thumb{width:100%;height:92px;border-radius:9px;object-fit:contain;background:#f7f9fa;display:grid;place-items:center;font-size:26px;color:#8695a8}.pos36-thumb.moto{color:#13aa61;background:#eef9f3}.pos36-cardcopy{min-width:0;padding:8px 2px 7px}.pos36-cardcopy small{display:block;font-size:8px;font-weight:850;color:#96a2b1}.pos36-cardcopy b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:3px 0;font-size:11px;line-height:1.35;color:#253145}.pos36-cardcopy span{display:block;font-size:8px;color:#7f8c9d}.pos36-cardfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.pos36-cardfoot strong{font-size:13px}.pos36-cardfoot button{border:0;border-radius:8px;background:#e9f8f0;color:#0c9855;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}.pos36-cardfoot button:disabled{opacity:.4}.pos36-empty{grid-column:1/-1;min-height:260px;border:1px dashed #cbd6df;border-radius:13px;background:#f7f9fb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b98aa}.pos36-empty>div{width:58px;height:58px;border-radius:17px;background:#eef2f5;display:grid;place-items:center;font-size:24px}.pos36-empty b{margin-top:11px;font-size:13px;color:#566478}.pos36-empty span{margin-top:4px;font-size:9px}.pos36-nav{position:absolute;left:365px;right:20px;bottom:0;height:58px;border-top:1px solid #d8e0e7;background:#263140;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;box-shadow:0 -5px 18px rgba(15,23,42,.06)}.pos36-nav a,.pos36-nav button{height:40px;min-width:100px;border:0;border-radius:8px;background:transparent;color:#d3dae3;text-decoration:none;display:grid;place-items:center;font-size:10px;font-weight:800}.pos36-nav a.active{background:#364355;color:#fff}.pos36-nav button{cursor:pointer}.pos36-flash,.pos36-success{position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:13000;max-width:760px;border-radius:12px;padding:11px 14px;box-shadow:0 16px 40px rgba(15,23,42,.15)}.pos36-flash.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.pos36-flash.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.pos36-success{display:flex;align-items:center;gap:11px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.pos36-success>span{width:34px;height:34px;border-radius:10px;background:#10b981;color:#fff;display:grid;place-items:center;font-weight:900}.pos36-success>div{flex:1}.pos36-success small,.pos36-success b{display:block}.pos36-success a,.pos36-success button{border:0;border-radius:8px;background:#fff;color:#065f46;padding:7px 10px;font-size:9px;font-weight:850;text-decoration:none}
@media(max-width:1450px){.pos36-top{grid-template-columns:220px minmax(320px,620px) 1fr}.pos36-workspace{grid-template-columns:320px minmax(0,1fr)}.pos36-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.pos36-cats{grid-template-columns:repeat(5,minmax(100px,1fr))}.pos36-nav{left:340px}}
@media(max-width:1050px){body:has(.pos36-app){overflow:auto!important}.pos36-app{position:relative;min-height:100vh}.pos36-top{height:auto;min-height:78px;grid-template-columns:180px 1fr;padding:10px 14px}.pos36-search{grid-column:1/-1;grid-row:2}.pos36-workspace{height:auto;display:flex;flex-direction:column}.pos36-ticket{min-height:560px}.pos36-main{min-height:800px}.pos36-nav{position:fixed;left:14px;right:14px}.pos36-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}

/* MotoPOS v1.5 / MotoERP 3.3.7 — corrected full-screen terminal layout */
html.motopos-open,body.motopos-open{margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#eef2f6!important}
body.motopos-open>.sidebar,body.motopos-open>.app-sidebar,body.motopos-open>.layout-sidebar,body.motopos-open>aside:not(.pos36-ticket){display:none!important}
body.motopos-open .pos36-app{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;z-index:2147483000!important;background:#eef2f6!important}
.pos36-top{height:76px!important;grid-template-columns:240px minmax(420px,1fr) 235px!important;gap:20px!important;padding:0 24px!important;background:#fff!important}
.pos36-brand strong{font-size:21px!important;letter-spacing:-.02em}.pos36-brand span{font-size:11px!important}.pos36-logo{width:44px!important;height:44px!important;border-radius:12px!important}
.pos36-search{height:50px!important;border-radius:12px!important;background:#f7f9fb!important;border-color:#dbe3ea!important}.pos36-search input{font-size:16px!important}.pos36-search button{height:40px!important;min-width:92px!important;font-size:13px!important}
.pos36-tools{gap:18px!important}.pos36-tools small{font-size:8px!important}.pos36-tools b{font-size:14px!important}.pos36-tools a{width:64px!important;font-size:11px!important}
.pos36-workspace{height:calc(100vh - 76px)!important;grid-template-columns:360px minmax(0,1fr)!important;background:#eef2f6!important}
.pos36-ticket{border-right:1px solid #d9e1e8!important;box-shadow:6px 0 24px rgba(15,23,42,.035)!important;z-index:2!important}
.pos36-tickethead{height:64px!important;padding:0 20px!important}.pos36-tickethead h2{font-size:18px!important}.pos36-tickethead small{font-size:8px!important}
.pos36-customer{margin:12px 16px 6px!important;min-height:56px!important;padding:9px 11px!important;grid-template-columns:36px minmax(0,1fr)!important}.pos36-customer>span{width:34px!important;height:34px!important}.pos36-customer select{font-size:13px!important;white-space:nowrap!important;text-overflow:ellipsis!important}.pos36-customer small{font-size:8px!important}
.pos36-lines{padding:8px 16px!important}.pos36-line-main b{font-size:13px!important}.pos36-line-main small{font-size:9px!important}.pos36-line-foot>b{font-size:14px!important}
.pos36-ticketempty{padding:18px!important}.pos36-ticketempty>div{width:58px!important;height:58px!important}.pos36-ticketempty b{font-size:15px!important}.pos36-ticketempty span{font-size:11px!important;max-width:190px!important;line-height:1.45!important}
.pos36-ticketbottom{padding:12px 16px 16px!important;background:#fff!important}.pos36-totals>div{font-size:11px!important}.pos36-totals .total{padding-top:12px!important}.pos36-totals .total span{font-size:12px!important}.pos36-totals .total b{font-size:28px!important;letter-spacing:-.03em!important}.pos36-totals .total em{font-size:11px!important}
.pos36-ticketactions{margin:12px 0 10px!important}.pos36-ticketactions button{height:42px!important;font-size:11px!important}.pos36-pay{height:60px!important;border-radius:12px!important}.pos36-pay span{font-size:13px!important}.pos36-pay b{font-size:19px!important}
.pos36-main{padding:16px 18px 0!important;overflow:hidden!important;background:#eef2f6!important}
.pos36-contextrow{margin-bottom:12px!important}.pos36-contextrow form{gap:10px!important;min-width:0!important;flex:1!important}.pos36-contextrow label{height:52px!important;min-width:0!important;flex:1 1 260px!important;max-width:360px!important;border-radius:11px!important;padding:7px 11px!important}.pos36-contextrow select{font-size:12px!important}.pos36-status span{padding:9px 11px!important;font-size:9px!important}
.pos36-cats{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;margin:0 0 16px!important;padding:0 2px 4px!important;scrollbar-width:thin!important}.pos36-cats a{flex:0 0 138px!important;min-height:76px!important;border-radius:12px!important;padding:12px!important}.pos36-cats b{font-size:12px!important}.pos36-cats span{font-size:9px!important}.pos36-cats a.active{background:#e8f7ef!important;border-color:#9fdfbd!important;color:#087a45!important}
.pos36-sectiontitle{margin:0 2px 10px!important}.pos36-sectiontitle h2{font-size:20px!important;letter-spacing:-.02em!important}.pos36-sectiontitle small{font-size:8px!important}.pos36-sectiontitle>a,.pos36-sectiontitle>span{font-size:10px!important}
.pos36-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:12px!important;padding:0 2px 72px!important;overflow:auto!important}.pos36-card{min-height:220px!important;border-radius:13px!important;padding:10px!important}.pos36-thumb{height:108px!important;border-radius:10px!important}.pos36-cardcopy{padding:9px 2px 8px!important}.pos36-cardcopy small{font-size:9px!important}.pos36-cardcopy b{font-size:13px!important;line-height:1.35!important}.pos36-cardcopy span{font-size:9px!important}.pos36-cardfoot strong{font-size:15px!important}.pos36-cardfoot button{padding:8px 12px!important;font-size:10px!important}
.pos36-empty{min-height:300px!important;border-radius:14px!important;background:#f8fafc!important}.pos36-empty b{font-size:15px!important}.pos36-empty span{font-size:10px!important}
.pos36-nav{position:absolute!important;left:18px!important;right:18px!important;bottom:0!important;height:54px!important;border:1px solid #d7e0e7!important;border-bottom:0!important;background:#fff!important;border-radius:12px 12px 0 0!important;padding:7px 10px!important;display:flex!important;justify-content:space-between!important;box-shadow:0 -8px 24px rgba(15,23,42,.05)!important}.pos36-nav-left,.pos36-nav-right{display:flex!important;align-items:center!important;gap:8px!important}.pos36-nav button,.pos36-nav a{height:38px!important;min-width:0!important;padding:0 14px!important;border-radius:9px!important;background:#f3f6f8!important;color:#425166!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:8px!important}.pos36-nav button:not(:disabled):hover,.pos36-nav a:hover{background:#e9eef3!important}.pos36-nav button:disabled{opacity:.4!important}.pos36-nav kbd{font-size:8px!important;background:#fff!important;border:1px solid #d8e0e7!important;border-radius:5px!important;padding:2px 5px!important}
@media (min-width:1600px){.pos36-workspace{grid-template-columns:380px minmax(0,1fr)!important}.pos36-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}}
@media (max-width:1200px){.pos36-top{grid-template-columns:190px minmax(320px,1fr) 190px!important;padding:0 14px!important;gap:12px!important}.pos36-workspace{grid-template-columns:320px minmax(0,1fr)!important}.pos36-contextrow{align-items:stretch!important}.pos36-status{display:none!important}.pos36-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}.pos36-cats a{flex-basis:125px!important}}

/* MotoPOS v1.6 / MotoERP 3.3.8 — complete redesign based on compact modern counter-POS layout */
html.motopos38-open,body.motopos38-open{margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#f3f5f7!important}
body.motopos38-open>*:not(.pos38-app):not(dialog){display:none!important}
.pos38-app,.pos38-app *{box-sizing:border-box}.pos38-app{position:fixed;inset:0;z-index:2147483000;display:grid;grid-template-columns:350px minmax(0,1fr);width:100vw;height:100vh;background:#f3f5f7;color:#1f2937;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
.pos38-ticket{min-width:0;background:#fff;border-right:1px solid #e3e8ee;display:flex;flex-direction:column;height:100vh;box-shadow:8px 0 25px rgba(15,23,42,.035);z-index:3}.pos38-ticket-top{height:70px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef1f4}.pos38-menu{width:36px;height:36px;border:0;border-radius:9px;background:#f4f7f9;color:#667085;font-size:16px}.pos38-ticket-top>div{display:flex;flex-direction:column;min-width:0}.pos38-ticket-top strong{font-size:14px;color:#202938}.pos38-ticket-top>div span{font-size:10px;color:#98a2b3;margin-top:2px}.pos38-online{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#12a66a}.pos38-online i{width:8px;height:8px;border-radius:50%;background:#20c77a;box-shadow:0 0 0 4px #ddf8eb}
.pos38-customer{margin:14px 16px 8px;padding:8px 9px;border:1px solid #e4e9ef;border-radius:11px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:center}.pos38-customer-label{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-width:0}.pos38-customer-label>span{width:34px;height:34px;display:grid;place-items:center;background:#f5f7fa;border-radius:8px;color:#667085}.pos38-customer small{display:block;font-size:8px;color:#98a2b3;font-weight:800;letter-spacing:.08em}.pos38-customer select{width:100%;border:0;background:transparent;outline:0;font:700 12px/1.3 inherit;color:#344054;padding:0;min-width:0;text-overflow:ellipsis}.pos38-customer>a{width:32px;height:32px;border-radius:8px;background:#eaf8ef;color:#14a35d;text-decoration:none;display:grid;place-items:center;font-weight:900}
.pos38-lines{flex:1;min-height:0;overflow:auto;padding:8px 16px}.pos38-empty-ticket{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#98a2b3;padding:24px}.pos38-empty-ticket>div{width:60px;height:60px;border-radius:18px;background:#f3f6f8;display:grid;place-items:center;font-size:24px;color:#667085}.pos38-empty-ticket b{margin-top:14px;font-size:15px;color:#475467}.pos38-empty-ticket span{margin-top:6px;max-width:210px;font-size:11px;line-height:1.5}.pos38-line{padding:11px 0;border-bottom:1px solid #eef1f4}.pos38-line-head{display:flex;align-items:flex-start;gap:8px}.pos38-line-head>div{min-width:0;flex:1}.pos38-line-head b{display:block;font-size:12px;line-height:1.35;color:#202938;white-space:normal}.pos38-line-head small{display:block;margin-top:3px;font-size:9px;color:#98a2b3}.pos38-line-head button{width:24px;height:24px;border:0;background:transparent;color:#b8c0cc;font-size:18px;cursor:pointer}.pos38-line-foot{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pos38-qty{display:flex;align-items:center;border:1px solid #e3e8ee;border-radius:8px;overflow:hidden}.pos38-qty button{width:27px;height:27px;border:0;background:#f8fafb;color:#667085;font-size:15px}.pos38-qty span{min-width:27px;text-align:center;font-size:10px;font-weight:800}.pos38-line-foot>div{text-align:right}.pos38-line-foot>div small{display:block;font-size:8px;color:#98a2b3}.pos38-line-foot>div b{display:block;margin-top:1px;font-size:12px;color:#202938}
.pos38-ticket-bottom{border-top:1px solid #e9edf2;padding:12px 16px 14px;background:#fff}.pos38-summary>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#667085;margin:4px 0}.pos38-summary>div b{font-size:10px;color:#344054}.pos38-summary .pos38-total{border-top:1px dashed #d8dee6;margin-top:9px;padding-top:10px}.pos38-total span{font-size:12px;font-weight:800;color:#344054}.pos38-total b{font-size:24px!important;letter-spacing:-.03em;color:#111827!important}.pos38-total em{font-size:10px;font-style:normal;color:#98a2b3;margin-left:3px}.pos38-paytypes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 9px}.pos38-paytypes button{height:48px;border:1px solid #e1e6ec;border-radius:9px;background:#fff;color:#566174;font-size:9px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.pos38-paytypes button span{font-size:14px;color:#667085}.pos38-paytypes button:hover{border-color:#a8ddb9;background:#f4fbf7;color:#11894f}.pos38-paytypes button:disabled,.pos38-pay:disabled,.pos38-ticket-actions button:disabled{opacity:.4;cursor:not-allowed}.pos38-pay{width:100%;height:54px;border:0;border-radius:10px;background:#57c879;color:#fff;padding:0 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 22px rgba(60,184,102,.16);cursor:pointer}.pos38-pay span{font-size:12px;font-weight:850}.pos38-pay b{font-size:14px}.pos38-ticket-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.pos38-ticket-actions button{width:100%;height:35px;border:1px solid #e4e8ed;border-radius:8px;background:#f8fafb;color:#667085;font-size:9px;font-weight:800}.pos38-parked{margin-top:9px;border-top:1px solid #eef1f4;padding-top:8px}.pos38-parked>small{font-size:8px;color:#98a2b3;font-weight:800}.pos38-parked button{width:100%;border:0;background:#f8fafb;border-radius:8px;padding:7px 8px;margin-top:5px;display:grid;grid-template-columns:45px 1fr auto;text-align:left;font-size:9px;color:#667085}.pos38-parked button b{color:#344054}.pos38-parked button em{font-style:normal;color:#13a65e;font-weight:800}
.pos38-main{min-width:0;display:grid;grid-template-rows:70px auto auto minmax(0,1fr) 54px;height:100vh;overflow:hidden;background:#f3f5f7}.pos38-topbar{background:#fff;border-bottom:1px solid #e8ecf1;display:grid;grid-template-columns:230px minmax(360px,1fr) 220px;gap:18px;align-items:center;padding:0 18px}.pos38-brand{display:flex;align-items:center;gap:11px;min-width:0}.pos38-logo{width:42px;height:42px;border-radius:11px;background:#20bd6e;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 8px 20px rgba(32,189,110,.16)}.pos38-brand strong{display:block;font-size:19px;letter-spacing:-.02em;color:#202938}.pos38-brand span{display:block;font-size:10px;color:#98a2b3;margin-top:1px}.pos38-search{height:46px;border:1px solid #dfe5eb;border-radius:11px;background:#fafbfc;padding:0 5px 0 13px;display:grid;grid-template-columns:22px minmax(0,1fr) 84px;gap:6px;align-items:center}.pos38-search>span{color:#98a2b3;font-size:18px}.pos38-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:14px;color:#344054}.pos38-search input::placeholder{color:#98a2b3}.pos38-search button{height:36px;border:0;border-radius:8px;background:#29bd69;color:#fff;font-size:11px;font-weight:850;cursor:pointer}.pos38-kpis{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}.pos38-kpis>div{text-align:right}.pos38-kpis small{display:block;font-size:7px;letter-spacing:.08em;color:#98a2b3;font-weight:900}.pos38-kpis b{display:block;margin-top:2px;font-size:12px;color:#202938}.pos38-kpis>a{height:38px;padding:0 12px;border-radius:9px;background:#f1f4f6;color:#475467;text-decoration:none;display:flex;align-items:center;font-size:10px;font-weight:850}
.pos38-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 8px}.pos38-context form{display:flex;align-items:center;gap:9px;min-width:0}.pos38-context label{width:250px;height:50px;border:1px solid #e1e6eb;border-radius:10px;background:#fff;padding:6px 10px;display:flex;flex-direction:column;justify-content:center;min-width:0}.pos38-context small{font-size:7px;letter-spacing:.07em;color:#98a2b3;font-weight:900}.pos38-context select{border:0;outline:0;background:transparent;font-size:11px;font-weight:750;color:#344054;padding:0;min-width:0;width:100%;text-overflow:ellipsis}.pos38-shortcuts{display:flex;gap:7px;white-space:nowrap}.pos38-shortcuts span{font-size:9px;color:#667085;background:#fff;border:1px solid #e4e8ed;border-radius:8px;padding:7px 9px}.pos38-shortcuts kbd{font-size:7px;background:#f3f6f8;border:1px solid #dfe4e9;border-radius:4px;padding:2px 4px;margin-right:3px}
.pos38-cats{display:flex;gap:9px;overflow-x:auto;padding:0 18px 12px;scrollbar-width:thin}.pos38-cat{flex:0 0 118px;height:72px;border-radius:9px;padding:10px 11px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent;transition:.15s ease}.pos38-cat b{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos38-cat span{font-size:8px;color:rgba(255,255,255,.82)}.pos38-cat.green{background:#49c67b}.pos38-cat.blue{background:#5c9bea}.pos38-cat.coral{background:#ef7f6d}.pos38-cat.amber{background:#e6b04e}.pos38-cat.rose{background:#e46786}.pos38-cat.violet{background:#8474d5}.pos38-cat.teal{background:#52b7ad}.pos38-cat.slate{background:#697a92}.pos38-cat.cyan{background:#4da9cc}.pos38-cat.active{box-shadow:0 0 0 3px rgba(46,187,104,.15);transform:translateY(-1px)}
.pos38-content{min-height:0;overflow:auto;padding:0 18px 14px}.pos38-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 9px}.pos38-section-head small{display:block;font-size:7px;color:#98a2b3;letter-spacing:.09em;font-weight:900}.pos38-section-head h2{margin:2px 0 0;font-size:17px;letter-spacing:-.02em;color:#202938}.pos38-section-head>a,.pos38-section-head>span{font-size:9px;color:#98a2b3;text-decoration:none}.pos38-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;align-content:start;padding-bottom:8px}.pos38-product{min-width:0;min-height:190px;border:1px solid #e3e8ed;border-radius:10px;background:#fff;padding:8px;display:flex;flex-direction:column;text-align:left;box-shadow:0 2px 7px rgba(15,23,42,.025);transition:.15s ease}.pos38-product:hover{border-color:#b9ddc5;box-shadow:0 8px 20px rgba(15,23,42,.06);transform:translateY(-1px)}.pos38-product.disabled{opacity:.55}.pos38-photo{width:100%;height:96px;object-fit:contain;border-radius:8px;background:#f7f8fa;display:grid;place-items:center;color:#98a2b3;font-size:24px}.pos38-photo.moto{background:#eef4ff;color:#5c79d7}.pos38-product-info{padding:7px 2px 5px;min-width:0}.pos38-product-info small{display:block;font-size:7px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos38-product-info b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:10px;line-height:1.35;color:#344054;min-height:27px}.pos38-product-info span{display:block;margin-top:3px;font-size:8px;color:#98a2b3}.pos38-product-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:7px}.pos38-product-bottom strong{font-size:11px;color:#202938}.pos38-product-bottom button{width:28px;height:28px;border:0;border-radius:7px;background:#eaf8ef;color:#10a458;font-size:17px;font-weight:900;cursor:pointer}.pos38-product-bottom button:disabled{opacity:.35}.pos38-empty-products{grid-column:1/-1;min-height:260px;border:1px dashed #d4dbe3;border-radius:11px;background:#fafbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#98a2b3}.pos38-empty-products>div{width:56px;height:56px;border-radius:15px;background:#f0f3f6;display:grid;place-items:center;font-size:22px}.pos38-empty-products b{margin-top:10px;font-size:13px;color:#566174}.pos38-empty-products span{margin-top:4px;font-size:9px}
.pos38-bottomnav{height:54px;background:#303b4d;border-radius:10px 10px 0 0;margin:0 18px;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;box-shadow:0 -8px 20px rgba(15,23,42,.04)}.pos38-bottomnav a,.pos38-bottomnav button{height:40px;min-width:100px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#d2d8e1;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:800}.pos38-bottomnav .active{background:#414e63;color:#fff}.pos38-bottomnav a:hover,.pos38-bottomnav button:hover{background:#3b475a;color:#fff}
.pos38-flash,.pos38-success{position:fixed;top:80px;left:50%;transform:translateX(-30%);z-index:2147483500;max-width:720px;border-radius:10px;padding:10px 13px;box-shadow:0 14px 36px rgba(15,23,42,.13);font-size:11px}.pos38-flash.ok{background:#ecfdf3;border:1px solid #a7e8c2;color:#087443}.pos38-flash.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.pos38-success{display:flex;align-items:center;gap:9px;background:#ecfdf3;border:1px solid #a7e8c2;color:#087443}.pos38-success>span{width:30px;height:30px;border-radius:8px;background:#20bd6e;color:#fff;display:grid;place-items:center;font-weight:900}.pos38-success>div{flex:1}.pos38-success small,.pos38-success b{display:block}.pos38-success a,.pos38-success button{border:0;border-radius:7px;background:#fff;color:#087443;padding:7px 9px;font-size:9px;font-weight:850;text-decoration:none}
@media(max-width:1450px){.pos38-app{grid-template-columns:315px minmax(0,1fr)}.pos38-topbar{grid-template-columns:190px minmax(300px,1fr) 185px;gap:12px;padding:0 12px}.pos38-brand strong{font-size:17px}.pos38-logo{width:38px;height:38px}.pos38-context{padding-left:12px;padding-right:12px}.pos38-context label{width:210px}.pos38-cats{padding-left:12px;padding-right:12px}.pos38-content{padding-left:12px;padding-right:12px}.pos38-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.pos38-bottomnav{margin:0 12px}.pos38-shortcuts{display:none}}
@media(max-width:1050px){html.motopos38-open,body.motopos38-open{overflow:auto!important}.pos38-app{position:relative;display:flex;flex-direction:column;height:auto;min-height:100vh}.pos38-ticket{order:2;width:100%;height:auto;min-height:520px;border-right:0;border-top:1px solid #e3e8ee}.pos38-main{order:1;height:auto;min-height:760px}.pos38-topbar{grid-template-columns:1fr;grid-auto-rows:auto;height:auto;padding:10px}.pos38-brand{display:none}.pos38-search{grid-column:1}.pos38-kpis{display:none}.pos38-context form{width:100%}.pos38-context label{flex:1;width:auto}.pos38-cats{overflow:auto}.pos38-bottomnav{position:sticky;bottom:0}.pos38-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}
/* v3.5.0 Moto DMS 2.0 */
.table-scroll{overflow:auto}.table-scroll table{min-width:1100px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}.image-card{border:1px solid var(--line,#dfe5ee);border-radius:12px;background:#fff;padding:8px}.image-card img{display:block;width:100%;height:110px;object-fit:cover;border-radius:8px;background:#f3f5f8}.image-card small{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;flex-wrap:wrap;gap:8px}.button.small,button.small{padding:6px 9px;font-size:12px}.danger.small{background:#fff1f1;color:#b42318;border:1px solid #fecaca}.formcard h3{margin:22px 0 10px}.formcard h3:first-of-type{margin-top:6px}details .checks{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}details .checks label{display:inline-flex;align-items:center;gap:6px}


/* v3.5.4 — kalkulacija: potpuno vidljiv modal za brzi unos artikla */
/*
   Starija .erp-modal definicija ograničavala je sam <dialog> na 920px,
   dok je product-create-modal bio 1120px. Rezultat je bio horizontalno
   rezanje forme i skrivena lijeva/desna polja. Native dialog sada dobiva
   stvarnu širinu prozora, a scroll je samo vertikalan unutar kartice.
*/
dialog.erp-modal.product-modal{
  width:min(1180px,calc(100vw - 32px))!important;
  max-width:min(1180px,calc(100vw - 32px))!important;
  height:auto!important;
  max-height:calc(100vh - 24px)!important;
  margin:auto!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  box-shadow:none!important;
}
dialog.erp-modal.product-modal .product-create-modal{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  max-height:calc(100vh - 24px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  margin:0!important;
}
dialog.erp-modal.product-modal .formgrid,
dialog.erp-modal.product-modal .moto-reg-grid{
  min-width:0!important;
  width:100%!important;
}
dialog.erp-modal.product-modal .formgrid>label,
dialog.erp-modal.product-modal .moto-reg-grid>label{
  min-width:0!important;
}
dialog.erp-modal.product-modal input,
dialog.erp-modal.product-modal select,
dialog.erp-modal.product-modal textarea{
  max-width:100%!important;
  min-width:0!important;
}
dialog.erp-modal.product-modal .modal-head,
dialog.erp-modal.product-modal .quick-product-tabs,
dialog.erp-modal.product-modal .modal-actions{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  dialog.erp-modal.product-modal{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 16px)!important;
  }
  dialog.erp-modal.product-modal .product-create-modal{
    max-height:calc(100vh - 16px)!important;
    padding:18px!important;
  }
}
@media(max-width:700px){
  dialog.erp-modal.product-modal .formgrid,
  dialog.erp-modal.product-modal .moto-reg-grid{
    grid-template-columns:1fr!important;
  }
  dialog.erp-modal.product-modal .span2{
    grid-column:auto!important;
  }
}


/* v3.5.5 — VIN unos direktno pri kreiranju moto artikla iz kalkulacije */
.quick-vin-box{margin:0 0 18px;padding:14px 16px;border:1px solid #f2c38f;background:#fff8ef;border-radius:12px}
.quick-vin-title{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;color:#7a3d00}
.quick-vin-title span{font-size:12px;color:#8a6a4e}
.quick-vin-grid{grid-template-columns:1fr 1fr}
#quick_moto_vin{text-transform:uppercase;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}
@media(max-width:760px){.quick-vin-grid{grid-template-columns:1fr}.quick-vin-title{display:block}.quick-vin-title span{display:block;margin-top:4px}}

/* v3.6.0 fiscal provider + BF on A4 */
.fiscal-doc-box form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.fiscal-doc-box form label{min-width:180px}.sp238-fiscal{display:flex;justify-content:space-between;align-items:center;border:2px solid #0d1b35;border-radius:10px;padding:10px 14px;margin:10px 0;background:#f7f9fc}.sp238-fiscal div{display:flex;align-items:center;gap:14px}.sp238-fiscal span{font-size:10px;font-weight:900;letter-spacing:.12em}.sp238-fiscal strong{font-size:18px}.sp238-fiscal small{font-size:10px;color:#50627e}
@media print{.sp238-fiscal{break-inside:avoid}}

/* v3.6.1 - keep MotoPOS quick-launch readable on hover */
.quick-actions .quick-pos:hover{
  background:linear-gradient(135deg,#1f2937,#334155)!important;
  border-color:#1f2937!important;
  color:#fff!important;
}
.quick-actions .quick-pos:hover b{color:#fff!important}
.quick-actions .quick-pos:hover span{
  background:rgba(255,255,255,.16)!important;
  color:#34d399!important;
}
.pos-launch:hover{
  background:#1f2937!important;
  border-color:#1f2937!important;
  color:#fff!important;
}


/* v3.6.3 — compact, predictable A4 portrait output for offers/invoices.
   Product gallery stays visible in web preview, but is omitted from paper/PDF
   so commercial documents do not spill to a second page for decorative images. */
@media print{
  @page{size:A4 portrait;margin:8mm 9mm!important}
  html,body{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:#fff!important}
  .sales-print-v238{
    width:192mm!important;max-width:192mm!important;min-width:192mm!important;
    margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;overflow:visible!important;
  }
  .sales-print-v238 header.sp238-head{
    grid-template-columns:minmax(0,1fr) 50mm!important;gap:6mm!important;
    padding:0 0 2.8mm!important;margin:0!important;
  }
  .sp238-company{font-size:7.7pt!important;line-height:1.28!important}
  .sp238-company h1{font-size:15.5pt!important;margin:0 0 1.2mm!important}
  .sp238-company .ids{gap:4mm!important;margin-top:1.2mm!important;padding-top:1.2mm!important}
  .sp238-company .contact{margin-top:.7mm!important}
  .sp238-kind{font-size:10pt!important}
  .sp238-number{font-size:17pt!important;margin:1.5mm 0!important}
  .sp238-status{font-size:6.4pt!important;padding:.8mm 2.2mm!important}

  .sp238-meta{
    grid-template-columns:1fr 1fr!important;gap:3mm!important;
    margin:3.2mm 0!important;
  }
  .sp238-card{
    min-height:0!important;padding:2.3mm 3mm!important;
    font-size:7.5pt!important;line-height:1.28!important;border-radius:2.2mm!important;
  }
  .sp238-card h3,.sp238-note h3,.sp238-tax h3{font-size:6.6pt!important;margin:0 0 1.6mm!important}
  .sp238-dl{grid-template-columns:27mm minmax(0,1fr)!important;gap:1mm 2mm!important}
  .sp238-customer-name{font-size:9.3pt!important;margin-bottom:1mm!important}
  .sp238-customer-ids{gap:3.5mm!important;margin-top:1mm!important}

  .sp238-table-wrap{border-radius:1.5mm!important;overflow:visible!important}
  .sp238-table{font-size:6.8pt!important}
  .sp238-table thead{display:table-header-group!important}
  .sp238-table th{font-size:5.7pt!important;padding:1.35mm .65mm!important;line-height:1.02!important}
  .sp238-table td{font-size:6.7pt!important;padding:1.5mm .65mm!important;line-height:1.12!important}
  .sp238-table .desc strong{font-size:6.8pt!important}
  .sp238-table .desc small{font-size:5.7pt!important;margin-top:.5mm!important}
  .sp238-table tr{break-inside:avoid!important;page-break-inside:avoid!important}

  .sp238-summary{
    grid-template-columns:minmax(0,1fr) 67mm!important;gap:3mm!important;
    margin-top:3.2mm!important;break-inside:avoid!important;page-break-inside:avoid!important;
  }
  .sp238-note,.sp238-totals{
    min-height:0!important;padding:2.3mm 3mm!important;border-radius:2mm!important;
  }
  .sp238-note{font-size:6.9pt!important;line-height:1.25!important}
  .sp238-totals>div{font-size:7.2pt!important;padding:1.25mm .3mm!important;gap:3mm!important}
  .sp238-totals .grand{font-size:8.5pt!important;padding:1.6mm .5mm!important;margin-top:1mm!important}
  .sp238-totals .grand b{font-size:9.7pt!important}

  .sp238-tax{
    width:82mm!important;max-width:82mm!important;margin-top:3mm!important;
    padding:2mm 3mm!important;border-radius:2mm!important;
    break-inside:avoid!important;page-break-inside:avoid!important;
  }
  .sp238-tax table{font-size:6.6pt!important}
  .sp238-tax th,.sp238-tax td{padding:1.1mm 1mm!important}

  /* Decorative product gallery is for screen preview; excluding it keeps
     offers/invoices compact and prevents a needless second A4 sheet. */
  .sp238-pics{display:none!important}

  .sp238-foot{
    gap:18mm!important;margin:5mm 12mm 0!important;padding-top:3mm!important;
    break-inside:avoid!important;page-break-inside:avoid!important;
  }
  .sp238-sign{font-size:6.7pt!important}
  .sp238-sign span{margin-bottom:5mm!important}
  .sp238-sign i{width:47mm!important}
  .sp238-sign b{font-size:6.7pt!important}
  .sp238-generated{font-size:5.8pt!important;margin-top:3.5mm!important;padding-top:1.6mm!important}
}


/* v3.6.4 — refined A4 offer/invoice composition.
   Keeps the commercial content compact in the upper part of the sheet,
   while signatures and print identification sit consistently at the bottom
   of a one-page A4 document. Longer documents continue naturally on more pages. */
@media print{
  .sales-print-v238{
    display:flex!important;
    flex-direction:column!important;
    min-height:278mm!important;
  }

  /* Slightly calmer proportions for the two information cards. */
  .sp238-meta{
    grid-template-columns:49% 51%!important;
  }
  .sp238-summary{
    grid-template-columns:minmax(0,1fr) 70mm!important;
  }
  .sp238-tax{
    width:88mm!important;
    max-width:88mm!important;
  }

  /* Signatures belong to the document footer, not immediately after totals. */
  .sp238-foot{
    margin:0 12mm!important;
    padding:0!important;
    padding-top:5mm!important;
    border-top:0!important;
    gap:26mm!important;
    margin-top:auto!important;
    min-height:24mm!important;
    align-items:end!important;
  }
  .sp238-sign{
    display:flex!important;
    min-height:19mm!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:center!important;
    font-size:6.8pt!important;
  }
  .sp238-sign span{
    order:1!important;
    margin:0 0 6mm!important;
    font-weight:700!important;
    letter-spacing:.03em!important;
    color:#374151!important;
  }
  .sp238-sign i{
    order:2!important;
    width:52mm!important;
    margin:0 auto 1.8mm!important;
    border-top:1px solid #111!important;
  }
  .sp238-sign b{
    order:3!important;
    min-height:3mm!important;
    font-size:6.8pt!important;
  }
  .sp238-generated{
    flex:0 0 auto!important;
    margin:2.5mm 0 0!important;
    padding:1.8mm 0 0!important;
    border-top:1px solid #dfe5ec!important;
    font-size:5.6pt!important;
    color:#6b7280!important;
  }

  /* Avoid a lonely signature block on a fresh page when the document is long. */
  .sp238-foot,.sp238-generated{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
}


/* v3.6.5 — stronger A4 typography and simplified signature footer.
   Better readability on ordinary office printers while retaining one-page
   proportions for typical offers/invoices. */
@media print{
  .sales-print-v238{
    color:#111827!important;
    font-weight:500!important;
  }
  .sp238-company{
    color:#111827!important;
    font-size:8.35pt!important;
    line-height:1.32!important;
  }
  .sp238-company h1{
    color:#050b16!important;
    font-size:16.4pt!important;
    font-weight:900!important;
  }
  .sp238-company .ids,
  .sp238-company .contact{
    color:#111827!important;
    font-weight:600!important;
  }
  .sp238-kind{
    color:#1f56a8!important;
    font-size:10.5pt!important;
  }
  .sp238-number{
    color:#050b16!important;
    font-size:17.8pt!important;
    font-weight:900!important;
  }
  .sp238-status{font-size:6.8pt!important}

  .sp238-card{
    color:#111827!important;
    font-size:8.05pt!important;
    line-height:1.32!important;
  }
  .sp238-card h3,.sp238-note h3,.sp238-tax h3{
    color:#1f56a8!important;
    font-size:7.05pt!important;
    font-weight:900!important;
  }
  .sp238-dl span{
    color:#374151!important;
    font-weight:700!important;
  }
  .sp238-dl b{color:#0b1220!important;font-weight:800!important}
  .sp238-customer-name{
    color:#050b16!important;
    font-size:9.9pt!important;
    font-weight:900!important;
  }
  .sp238-customer-ids{color:#111827!important;font-weight:700!important}

  .sp238-table{
    color:#111827!important;
    font-size:7.15pt!important;
  }
  .sp238-table th{
    color:#1f2937!important;
    background:#eef3f8!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
    font-size:6.15pt!important;
    font-weight:900!important;
    padding:1.45mm .65mm!important;
    border-bottom:1px solid #cbd5e1!important;
  }
  .sp238-table td{
    color:#111827!important;
    font-size:7.15pt!important;
    font-weight:600!important;
    padding:1.65mm .65mm!important;
  }
  .sp238-table .desc strong{
    color:#050b16!important;
    font-size:7.35pt!important;
    font-weight:900!important;
  }
  .sp238-table .desc small{
    color:#374151!important;
    font-size:6.15pt!important;
    font-weight:600!important;
  }
  .sp238-table .total{font-weight:900!important;color:#050b16!important}

  .sp238-note{
    color:#111827!important;
    font-size:7.3pt!important;
    font-weight:500!important;
  }
  .sp238-totals>div{
    color:#111827!important;
    font-size:7.7pt!important;
    font-weight:600!important;
  }
  .sp238-totals>div b{color:#050b16!important;font-weight:900!important}
  .sp238-totals .grand{
    color:#154f9d!important;
    font-size:9.2pt!important;
    font-weight:900!important;
  }
  .sp238-totals .grand b{font-size:10.5pt!important}

  .sp238-tax table{
    color:#111827!important;
    font-size:7.05pt!important;
    font-weight:600!important;
  }
  .sp238-tax th{
    color:#374151!important;
    font-size:6.45pt!important;
    font-weight:900!important;
  }
  .sp238-tax tr:last-child td{color:#050b16!important;font-weight:900!important}

  /* Only SASTAVIO remains. Place it cleanly at the lower left of the page. */
  .sp238-foot{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:flex-end!important;
    gap:0!important;
    margin-left:14mm!important;
    margin-right:14mm!important;
  }
  .sp238-sign{
    width:58mm!important;
    color:#111827!important;
    font-size:7.2pt!important;
  }
  .sp238-sign span{
    color:#374151!important;
    font-size:7pt!important;
    font-weight:800!important;
  }
  .sp238-sign i{
    width:52mm!important;
    border-top:1.2px solid #111827!important;
  }
  .sp238-sign b{
    color:#111827!important;
    font-size:7.2pt!important;
    font-weight:800!important;
  }
  .sp238-generated{
    color:#4b5563!important;
    font-size:6pt!important;
    font-weight:600!important;
  }
}


/* v3.6.6 — restore offered vehicle/product photo on A4 without breaking one-page layout.
   The screen gallery can remain richer; paper/PDF gets a compact evidence strip. */
@media print{
  .sp238-pics{
    display:block!important;
    margin:3mm 0 0!important;
    padding:2.2mm 3mm!important;
    border:1px solid #d8e0ea!important;
    border-radius:2mm!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .sp238-pics h3{
    margin:0 0 1.8mm!important;
    color:#1f56a8!important;
    font-size:7.05pt!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
  }
  .sp238-pics>div{
    display:flex!important;
    gap:4mm!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
  }
  .sp238-pics figure{
    display:grid!important;
    grid-template-columns:29mm minmax(0,1fr)!important;
    gap:2.5mm!important;
    align-items:center!important;
    width:82mm!important;
    max-width:82mm!important;
    margin:0!important;
    padding:0!important;
    break-inside:avoid!important;
  }
  .sp238-pics img{
    display:block!important;
    width:29mm!important;
    height:23mm!important;
    object-fit:contain!important;
    background:#fff!important;
    border:1px solid #e2e8f0!important;
    border-radius:1.5mm!important;
  }
  .sp238-pics figcaption{
    margin:0!important;
    color:#111827!important;
    font-size:6.6pt!important;
    line-height:1.22!important;
    font-weight:800!important;
  }
}


/* v3.6.7 — polished one-page A4 sales layout.
   PDV recap + product photo share the lower row; VIN and engine number remain readable. */
.sp238-table .desc small{white-space:nowrap!important}
.sp238-lower{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;align-items:start;margin-top:18px}
.sp238-lower .sp238-tax,.sp238-lower .sp238-pics{margin-top:0!important}
.sp238-pics figcaption strong{display:block;color:#050b16;font-weight:900;margin-bottom:4px}
.sp238-pics figcaption span{display:block;color:#111827;font-weight:600;line-height:1.32}

@media print{
  .sp238-table .desc small{
    white-space:nowrap!important;
    font-size:5.95pt!important;
    letter-spacing:-.01em!important;
  }
  .sp238-lower{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    gap:5mm!important;
    align-items:start!important;
    margin-top:4mm!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .sp238-lower .sp238-tax,
  .sp238-lower .sp238-pics{margin-top:0!important}
  .sp238-lower .sp238-tax{padding-right:2mm!important}
  .sp238-lower .sp238-pics{
    padding:2.5mm 3mm!important;
    min-height:31mm!important;
  }
  .sp238-pics>div{display:block!important}
  .sp238-pics figure{
    display:grid!important;
    grid-template-columns:34mm minmax(0,1fr)!important;
    gap:3mm!important;
    width:100%!important;
    max-width:none!important;
    align-items:center!important;
  }
  .sp238-pics figure+figure{margin-top:2mm!important;padding-top:2mm!important;border-top:1px solid #e2e8f0!important}
  .sp238-pics img{
    width:34mm!important;
    height:27mm!important;
    border:0!important;
  }
  .sp238-pics figcaption{
    text-align:left!important;
    font-size:7pt!important;
    line-height:1.3!important;
    font-weight:600!important;
  }
  .sp238-pics figcaption strong{
    display:block!important;
    color:#050b16!important;
    font-size:7.5pt!important;
    font-weight:900!important;
    margin-bottom:1.2mm!important;
  }
  .sp238-pics figcaption span{
    display:block!important;
    color:#111827!important;
    font-size:6.8pt!important;
    font-weight:650!important;
    white-space:nowrap!important;
  }
  .sp238-foot{
    margin-top:8mm!important;
  }
}

/* MotoERP v3.6.8 — uredan unos stavke kalkulacije + Novi artikal u istom okviru */
.purchase-item-entry{padding:24px 26px!important}
.purchase-item-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e3eaf2}
.purchase-item-entry-head h2{margin:0 0 5px;font-size:24px;letter-spacing:-.02em}
.purchase-item-entry-head p{margin:0;max-width:760px}
.purchase-item-entry-head .new-product-inline{flex:0 0 auto;min-width:150px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.purchase-item-grid.calcform2{display:grid!important;grid-template-columns:1.55fr 1.7fr .72fr .82fr!important;gap:18px 16px!important;align-items:start!important}
.purchase-item-grid .field-lookup{grid-column:1!important}
.purchase-item-grid .field-choice{grid-column:2!important}
.purchase-item-grid .field-qty{grid-column:3!important}
.purchase-item-grid .field-nc{grid-column:4!important}
.purchase-item-grid .field-discount{grid-column:1!important}
.purchase-item-grid .field-dependent{grid-column:2!important}
.purchase-item-grid .field-margin{grid-column:3!important}
.purchase-item-grid .field-retail{grid-column:4!important}
.purchase-item-grid label{display:flex!important;flex-direction:column!important;gap:7px!important;font-weight:700;color:#22364f}
.purchase-item-grid input,.purchase-item-grid select{height:46px!important;border-radius:10px!important;background:#fff!important}
.purchase-item-grid small{min-height:0!important;margin-top:0;color:#6d7b8e;font-weight:400}
.purchase-item-grid .calc-submit{grid-column:4!important;justify-self:stretch!important;height:46px!important;margin-top:0!important;border-radius:10px!important}
.purchase-item-grid .field-retail + .calc-submit{align-self:end!important}
.purchase-calc-help{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #edf1f5;color:#66758a}
.purchase-calc-help span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eef4fb;color:#315f94;font-size:12px;flex:0 0 22px}
.purchase-calc-help p{margin:1px 0 0;line-height:1.45}
@media(max-width:1200px){
 .purchase-item-grid.calcform2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .purchase-item-grid .field-lookup,.purchase-item-grid .field-choice,.purchase-item-grid .field-qty,.purchase-item-grid .field-nc,.purchase-item-grid .field-discount,.purchase-item-grid .field-dependent,.purchase-item-grid .field-margin,.purchase-item-grid .field-retail,.purchase-item-grid .calc-submit{grid-column:auto!important}
 .purchase-item-grid .calc-submit{align-self:end!important}
}
@media(max-width:700px){
 .purchase-item-entry{padding:18px!important}
 .purchase-item-entry-head{flex-direction:column;gap:14px}
 .purchase-item-entry-head .new-product-inline{width:100%}
 .purchase-item-grid.calcform2{grid-template-columns:1fr!important}
}
/* v3.6.8 final grid refinement */
@media(min-width:1201px){
 .purchase-item-grid.calcform2{grid-template-columns:repeat(12,minmax(0,1fr))!important}
 .purchase-item-grid .field-lookup{grid-column:span 4!important}
 .purchase-item-grid .field-choice{grid-column:span 4!important}
 .purchase-item-grid .field-qty{grid-column:span 2!important}
 .purchase-item-grid .field-nc{grid-column:span 2!important}
 .purchase-item-grid .field-discount{grid-column:span 2!important}
 .purchase-item-grid .field-dependent{grid-column:span 2!important}
 .purchase-item-grid .field-margin{grid-column:span 2!important}
 .purchase-item-grid .field-retail{grid-column:span 2!important}
 .purchase-item-grid .calc-submit{grid-column:span 4!important;align-self:end!important}
}

/* MotoERP v3.6.9 — redoslijed kalkulacije: zaglavlje > dodaj stavku > stavke */

/* MotoERP v3.7.0 — zaglavlje kalkulacije, draft akcije i raspodjela dostave */
.doc-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.doc-actions form{margin:0}.purchase-invoice-summary{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.15fr 1.35fr;gap:12px;margin-top:18px}.invoice-kpi{border:1px solid #dbe4ee;background:#fbfcfe;border-radius:12px;padding:16px 17px;min-width:0}.invoice-kpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:800;color:#66758a;margin-bottom:7px}.invoice-kpi b{display:block;font-size:20px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-kpi.primary{background:#f4f8fd;border-color:#c9d9eb}.invoice-kpi.primary b{color:#173d66}.invoice-kpi.delivery{background:#fffaf4;border-color:#f1d7b8}.invoice-kpi.delivery small{display:block;margin-top:7px;color:#8a5b2b;font-size:11px;line-height:1.3}.purchase-header-edit{margin-top:16px}.purchase-header-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px}.purchase-header-form .span2{grid-column:span 2}.delivery-check{grid-column:span 2;display:flex!important;align-items:flex-start;gap:11px;border:1px solid #f0d4b2;background:#fff9f1;border-radius:10px;padding:13px 14px;margin-top:0}.delivery-check input{width:auto;margin:3px 0 0;flex:0 0 auto}.delivery-check span{display:block}.delivery-check b{display:block;color:#51391e;font-size:13px}.delivery-check small{display:block;color:#806547;font-weight:400;line-height:1.4;margin-top:4px}.header-edit-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:3px}.line-details small{color:#a05f1c;font-weight:700}
@media(max-width:1250px){.purchase-invoice-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-header-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.purchase-invoice-summary,.purchase-header-form{grid-template-columns:1fr}.purchase-header-form .span2,.delivery-check{grid-column:auto}.header-edit-actions{grid-column:auto;flex-direction:column}.header-edit-actions .btn,.header-edit-actions button{width:100%;text-align:center}}

/* v3.7.5 sales document actions */
.doc-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.inline-action-form{display:inline-flex;margin:0}.btn.danger{background:var(--danger)!important;color:#fff!important}.btn.danger:hover{filter:brightness(.92)}


/* v3.7.9 — CIPS required-data template */
.cips-required-legend{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;font-weight:800;color:#9a4b00}
.cips-required-legend span{width:13px;height:13px;border-radius:4px;background:#fff4dd;border:1px solid #f3a22c;box-shadow:inset 3px 0 0 #f59e0b}
.moto-reg-grid label.cips-required{background:#fffaf0;border:1px solid #f2c27a;border-radius:10px;padding:8px 9px 9px;color:#5d3b13;font-weight:800}
.moto-reg-grid label.cips-required input,.moto-reg-grid label.cips-required select{background:#fffdf8;border-color:#e8b05c}
.moto-reg-grid label.cips-required:focus-within{border-color:#e78a00;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
.sp238-cips{margin-top:18px;border:1px solid #d8e2ee;border-radius:10px;background:#fff;padding:14px 16px;break-inside:avoid}
.sp238-cips>h3{margin:0 0 10px;color:#285fb9;font-size:11px;letter-spacing:.55px;font-weight:900}
.sp238-cips-unit+.sp238-cips-unit{margin-top:12px;padding-top:12px;border-top:1px solid #e3e8ef}
.sp238-cips-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:9px;font-size:11px}
.sp238-cips-head strong{font-size:12px}.sp238-cips-head span{white-space:nowrap;color:#344054}
.sp238-cips-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e1e7ef;border-radius:8px;overflow:hidden}
.sp238-cips-grid>div{padding:7px 8px;border-right:1px solid #e1e7ef;border-bottom:1px solid #e1e7ef;min-width:0}
.sp238-cips-grid>div:nth-child(4n){border-right:0}.sp238-cips-grid>div:nth-last-child(-n+4){border-bottom:0}
.sp238-cips-grid span{display:block;color:#667085;font-size:8.5px;line-height:1.15;margin-bottom:2px}.sp238-cips-grid b{display:block;color:#101828;font-size:9.5px;line-height:1.2;overflow-wrap:anywhere}
@media print{
 .sp238-cips{margin-top:3.2mm!important;padding:2.6mm 3mm!important;border-radius:2mm!important;break-inside:avoid!important}
 .sp238-cips>h3{font-size:6.7pt!important;margin-bottom:2mm!important}
 .sp238-cips-head{font-size:6.6pt!important;margin-bottom:1.5mm!important;gap:3mm!important}.sp238-cips-head strong{font-size:7.1pt!important}.sp238-cips-head span{font-size:6.4pt!important}
 .sp238-cips-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sp238-cips-grid>div{padding:1.15mm 1.3mm!important}.sp238-cips-grid span{font-size:5.4pt!important}.sp238-cips-grid b{font-size:6.2pt!important}
}

/* v3.8.0 — invoice-first motorcycle receiving */
.cips-later{background:#f6f9fd;border:1px solid #cddbeb;border-radius:12px;padding:10px}
.cips-later:after{content:"dopuniti po homologaciji";display:block;margin-top:5px;font-size:11px;color:#61758d;font-weight:600}
.sp238-cips-state{margin:7px 0 9px;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.02em}
.sp238-cips-state.incomplete{background:#fff7e8;border:1px solid #e7b75c;color:#7a4a00}
.sp238-cips-state.complete{background:#eef9f2;border:1px solid #8bc5a0;color:#176238}

/* v3.8.1 status semantics */
.badge.draft{background:#fff3cd;color:#8a5a00;border:1px solid #f5cf67}.badge.confirmed{background:#dcfce7;color:#166534;border:1px solid #86efac}


/* v3.8.2 MotoPOS: functional menu/search + motorcycle visibility */
.pos39-menu-modal{width:min(560px,94vw);padding:0;border:0;border-radius:22px;overflow:hidden}
.pos39-menu-sheet{padding:0 20px 22px}.pos39-menu-sheet header{display:flex;justify-content:space-between;align-items:center;padding:20px 0 14px}.pos39-menu-sheet header button{border:0;background:#eef2f7;border-radius:12px;width:40px;height:40px;font-size:22px}.pos39-menu-sheet nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pos39-menu-sheet nav a{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid #dbe3ee;border-radius:14px;text-decoration:none;color:#0d203c;background:#fff}.pos39-menu-sheet nav a:hover{border-color:#ff8a00;background:#fff8ef}.pos39-menu-sheet nav span{font-size:12px;color:#75839a}
.pos39-search-modal{width:min(680px,94vw);padding:0;border:0;border-radius:22px;overflow:hidden}.pos39-search-modal form{padding:22px}.pos39-search-modal header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.pos39-search-modal header button{border:0;background:#eef2f7;border-radius:12px;width:40px;height:40px;font-size:22px}.pos39-search-big{display:flex;flex-direction:column;gap:8px;font-weight:700}.pos39-search-big input{font-size:20px;padding:16px;border:1px solid #cbd7e6;border-radius:14px;width:100%;box-sizing:border-box}.pos39-search-modal .pos39-confirm{margin-top:14px;width:100%}
@media(max-width:720px){.pos39-menu-sheet nav{grid-template-columns:1fr}}

/* v3.8.4 — live autocomplete across MotoERP */
.erp-ac-wrap{position:relative;display:block;min-width:0;width:100%}
.inline-form .erp-ac-wrap,.search .erp-ac-wrap{width:min(360px,52vw);min-width:210px}
.erp-ac-wrap>input{width:100%;box-sizing:border-box}
.erp-ac-box{position:absolute;z-index:1400;left:0;right:0;top:calc(100% + 5px);max-height:360px;overflow:auto;background:#fff;border:1px solid #d8e0ea;border-radius:12px;box-shadow:0 18px 46px rgba(20,34,55,.18);padding:5px}
.erp-ac-box[hidden]{display:none!important}
.erp-ac-item{width:100%;border:0;background:#fff;color:#10213b;text-align:left;padding:10px 12px;border-radius:8px;display:flex;flex-direction:column;gap:2px;cursor:pointer}
.erp-ac-item:hover,.erp-ac-item.active{background:#f2f6fb}
.erp-ac-item b{font-size:13px;line-height:1.3}
.erp-ac-item small{font-size:11px;color:#738096;line-height:1.3}
@media(max-width:760px){.inline-form .erp-ac-wrap,.search .erp-ac-wrap{width:100%;min-width:0}}


/* v3.8.5 — mobile login centering / responsive polish */
html,body{min-height:100%}
body:has(.login-modern){min-height:100vh;min-height:100dvh;overflow-x:hidden}
body:has(.login-modern) main.full{
  width:100%;
  min-height:100vh;
  min-height:100dvh;
  margin:0;
  padding:clamp(18px,4vh,42px) 18px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.login-modern{
  width:min(440px,100%);
  margin:auto;
}
@media(max-width:600px){
  body:has(.login-modern) main.full{
    padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));
  }
  .login-modern{
    width:100%;
    max-width:390px;
    padding:28px 22px 24px;
    border-radius:20px;
    box-shadow:0 18px 48px rgba(13,26,48,.10);
  }
  .login-modern .login-mark{
    width:56px;height:56px;border-radius:16px;margin-bottom:14px;font-size:20px;
  }
  .login-modern .login-company{font-size:27px;line-height:1.08}
  .login-modern .login-location{font-size:15px;margin-top:5px}
  .login-modern .login-system{margin:16px auto 4px;padding:7px 12px;font-size:11px}
  .login-modern>p{margin:9px 0 18px;font-size:15px}
  .login-modern label{margin:12px 0;font-size:13px}
  .login-modern input{height:48px;font-size:16px;padding:11px 12px}
  .login-modern button{height:50px;margin-top:8px;font-size:16px}
}
@media(max-width:380px), (max-height:700px){
  body:has(.login-modern) main.full{align-items:center;padding-top:12px;padding-bottom:12px}
  .login-modern{padding:22px 18px 20px}
  .login-modern .login-mark{width:50px;height:50px;margin-bottom:10px}
  .login-modern .login-company{font-size:24px}
  .login-modern .login-system{margin-top:12px}
  .login-modern>p{margin-bottom:14px}
  .login-modern label{margin:9px 0}
}

/* v3.9.1 */
.accountant-readonly{background:#eef6ff;border:1px solid #c8def8;color:#244b75}.role-accountant form:not([action*="page=profile"]){opacity:.72}.role-accountant form:not([action*="page=profile"]) button{cursor:not-allowed}.role-accountant .btn.success[href*="new"],.role-accountant a[href*="new=1"]{display:none!important}

/* v3.9.2 copyright */
.app-copyright{text-align:center;color:#8a96a8;font-size:10px;font-weight:500;padding:14px 12px 18px;letter-spacing:.01em}.role-guest .app-copyright{position:fixed;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));padding:0 12px;color:#8a96a8;background:transparent;z-index:2}@media(max-height:700px){.role-guest .app-copyright{position:static;padding:12px}}

/* v3.9.3 — copyright always visible throughout MotoERP */
.app-copyright{position:fixed!important;right:12px!important;bottom:5px!important;left:auto!important;z-index:999!important;padding:3px 7px!important;border-radius:6px;background:rgba(243,246,249,.92)!important;color:#7b8798!important;font-size:8.5px!important;line-height:1.2!important;pointer-events:none;white-space:nowrap}
.role-guest .app-copyright{right:50%!important;transform:translateX(50%);bottom:max(8px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.88)!important}
@media(max-width:760px){.app-copyright{right:5px!important;bottom:3px!important;font-size:6.5px!important;padding:2px 4px!important}.role-guest .app-copyright{right:50%!important}}

/* v3.9.4 AQMC client identity */
.login-mark{width:auto!important;min-width:104px!important;padding:0 14px!important;letter-spacing:1px!important}.login-mark span{color:#fff}.login-mark .login-q{color:#ff7900!important}


/* MotoERP v3.9.5 — AQMC identity, premium login/title experience */
body:has(.login-stage){background:#edf3f9;overflow:hidden!important}
body:has(.login-stage) main.full{position:relative;display:block!important;width:100%;max-width:none!important;min-height:100vh;min-height:100dvh;padding:0!important;overflow:hidden}
.login-stage{position:relative;width:100%;height:100vh;height:100dvh;min-height:680px;overflow:hidden;display:grid;place-items:center;background:
 linear-gradient(90deg,rgba(231,239,248,.88),rgba(247,250,253,.94) 38%,rgba(247,250,253,.94) 62%,rgba(226,236,247,.88)),
 radial-gradient(circle at 18% 54%,rgba(244,121,0,.09) 0 8%,transparent 25%),
 radial-gradient(circle at 84% 45%,rgba(19,58,95,.11) 0 12%,transparent 31%),
 linear-gradient(135deg,#e5edf6 0%,#fbfdff 48%,#dce7f2 100%)}
.login-stage:before{content:"";position:absolute;inset:-8%;opacity:.24;background:
 linear-gradient(115deg,transparent 0 10%,rgba(17,52,86,.08) 10.2% 10.7%,transparent 11% 100%),
 repeating-linear-gradient(24deg,transparent 0 92px,rgba(19,58,95,.035) 94px 96px);transform:skewX(-5deg);pointer-events:none}
.login-stage:after{content:"AQMC";position:absolute;right:5.5vw;top:12vh;font-size:10vw;font-weight:950;letter-spacing:.02em;color:rgba(19,58,95,.045);transform:rotate(-2deg);pointer-events:none}
.login-modern{position:relative;z-index:4;width:min(520px,92vw)!important;padding:30px 38px 20px!important;border:1px solid rgba(196,210,225,.9)!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 28px 80px rgba(21,45,72,.18)!important;backdrop-filter:blur(14px)}
.aqmc-logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0b1f38,#194d7d);color:#fff;font-weight:950;letter-spacing:-2px;box-shadow:0 12px 28px rgba(14,47,78,.22)}
.aqmc-logo span{color:#fff}.aqmc-logo .aqmc-q{color:#ff7900!important}.aqmc-logo-login{width:104px;height:70px;border-radius:17px;margin:0 auto 14px;font-size:29px;letter-spacing:-2.5px}
.login-modern .login-company{font-size:30px!important;color:#0a1e36}.login-modern .login-location{font-size:15px!important;color:#40536b}.login-modern .login-system{margin:10px auto 3px!important;padding:7px 18px!important;background:#e9f1fa!important;color:#173f68!important;letter-spacing:1.3px!important}.login-modern>p{margin:7px 0 15px!important;color:#50627a!important}
.login-modern form{margin-top:0}.login-modern label{margin:10px 0 0;font-size:12px;font-weight:800;color:#15263c}.login-input-wrap{position:relative;margin-top:6px}.login-input-wrap>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:2;color:#536a84;font-size:16px}.login-modern .login-input-wrap input{width:100%;height:46px;padding-left:40px!important;background:#f4f8fc!important;border:1px solid #c5d6e7!important;border-radius:8px!important;font-size:14px}.login-modern .login-input-wrap input:focus{background:#fff!important;border-color:#ff7900!important;outline:3px solid rgba(255,121,0,.10)!important}.login-modern button{width:100%;height:48px!important;margin-top:18px!important;border-radius:9px!important;background:linear-gradient(135deg,#0b1f38,#174c7a)!important;box-shadow:0 9px 22px rgba(12,42,70,.18);font-size:15px!important;font-weight:900!important}.login-modern button span{margin-right:8px}.login-owner{margin:15px 0 0;padding-top:10px;border-top:1px solid #dbe4ee;color:#6c7d90;font-size:9px;text-align:center}.login-partner{margin:12px 0 0;color:#51677f;font-size:9px;font-weight:900;letter-spacing:.34em}.login-partner:after{content:"";display:block;width:32px;height:2px;margin:8px auto 0;background:#ff7900;border-radius:2px}
.login-stage-copy{position:absolute;z-index:2;color:rgba(16,48,80,.30);text-transform:uppercase}.login-stage-left{left:3.5vw;top:7vh}.login-stage-left b{display:block;font-size:clamp(38px,4.2vw,72px);line-height:.93;letter-spacing:.01em}.login-stage-left span{display:block;margin-top:14px;font-size:clamp(12px,1.1vw,18px);line-height:1.35;letter-spacing:.08em}.login-stage-right{right:4.5vw;top:37vh;color:rgba(16,48,80,.42)}.login-stage-right b{display:block;font-size:clamp(15px,1.3vw,23px);line-height:1.35;letter-spacing:.12em}.login-stage-right i{display:block;width:58px;height:3px;background:#ff7900;margin-top:14px;border-radius:3px}.login-version{position:absolute;z-index:3;right:3.5vw;top:3vh;text-align:center;color:#16324f}.login-version b{display:block;padding:8px 14px;border-radius:7px;background:#122a46;color:#fff;font-size:17px}.login-version small{display:block;margin-top:5px;font-size:10px}.login-capabilities{position:absolute;z-index:3;left:50%;bottom:5.6vh;transform:translateX(-50%);display:flex;align-items:flex-start;justify-content:center;gap:0;color:#40566f}.login-capabilities span{min-width:122px;padding:0 18px;text-align:center;font-size:9px;font-weight:800;letter-spacing:.13em;border-right:1px solid rgba(83,109,136,.2)}.login-capabilities span:last-child{border-right:0}.login-capabilities b{display:block;margin-bottom:6px;color:#183c61;font-size:22px;font-weight:500}.login-slogan{position:absolute;z-index:3;right:3.5vw;bottom:3vh;color:#65788c;font-size:11px;font-style:italic}.login-slogan i{display:inline-block;width:28px;height:2px;margin-left:8px;background:#ff7900;vertical-align:middle}
.role-guest .app-copyright{display:none!important}
.aqmc-dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;margin:0 0 16px;padding:15px 18px;border:1px solid #dce6f0;border-radius:15px;background:linear-gradient(110deg,#fff 0%,#f7faff 55%,#edf4fb 100%);box-shadow:0 7px 24px rgba(18,49,79,.045)}.aqmc-dashboard-hero:after{content:"AQMC";position:absolute;right:18px;top:-20px;color:rgba(20,58,95,.04);font-size:84px;font-weight:950;letter-spacing:-7px}.aqmc-dashboard-logo{position:relative;z-index:1;flex:0 0 68px;height:48px;border-radius:12px;background:linear-gradient(145deg,#0b1f38,#1b527f);display:flex;align-items:center;justify-content:center;color:white;font-weight:950;font-size:18px;letter-spacing:-1.5px;box-shadow:0 8px 18px rgba(14,47,78,.18)}.aqmc-dashboard-logo .q{color:#ff7900}.aqmc-dashboard-hero>div:nth-child(2){position:relative;z-index:1;min-width:0}.aqmc-dashboard-hero small{display:block;color:#6f8194;font-size:9px;font-weight:800;letter-spacing:.05em}.aqmc-dashboard-hero h2{margin:2px 0 1px;font-size:20px}.aqmc-dashboard-hero p{margin:0;color:#6a7b8d;font-size:10px}.aqmc-dashboard-hero>em{position:relative;z-index:1;margin-left:auto;color:#49617a;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.04em}
@media(max-width:900px){body:has(.login-stage){overflow:auto!important}.login-stage{height:auto;min-height:100dvh;padding:22px 0 105px}.login-stage-copy,.login-version,.login-slogan{display:none}.login-capabilities{bottom:20px;width:96%;gap:0}.login-capabilities span{min-width:0;flex:1;padding:0 4px;font-size:7px}.login-capabilities b{font-size:18px}.login-modern{padding:24px 22px 18px!important}.aqmc-dashboard-hero>em{display:none}}
@media(max-width:520px){.aqmc-logo-login{width:88px;height:58px;font-size:25px}.login-modern .login-company{font-size:27px!important}.login-partner{letter-spacing:.22em}.login-capabilities{display:grid;grid-template-columns:1fr 1fr;row-gap:12px}.login-capabilities span{border-right:0}.login-stage{padding-bottom:125px}.aqmc-dashboard-hero{padding:12px}.aqmc-dashboard-logo{flex-basis:58px;height:42px;font-size:16px}.aqmc-dashboard-hero h2{font-size:18px}}

/* v3.9.6 — approved premium login background */
body:has(.login-stage){background:#edf4fb!important}
.login-stage{
  background:
    linear-gradient(90deg,rgba(236,244,251,.20),rgba(249,252,255,.36) 38%,rgba(249,252,255,.36) 62%,rgba(232,241,249,.20)),
    url('assets/login-background-v396.jpg') center center/cover no-repeat!important;
}
.login-stage:before{
  opacity:.14!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(229,239,248,.10))!important;
  transform:none!important;
}
.login-stage:after{display:none!important}
.login-stage-left{color:rgba(255,255,255,.62)!important;text-shadow:0 1px 4px rgba(20,45,72,.08)}
.login-stage-right{color:rgba(255,255,255,.76)!important;text-shadow:0 1px 5px rgba(20,45,72,.10)}
.login-modern{background:rgba(255,255,255,.965)!important;box-shadow:0 30px 90px rgba(10,34,60,.22)!important}
@media(max-width:900px){
  .login-stage{background-position:center center!important}
}


/* v3.9.7 — final approved login tuning */
.login-stage{
  background:
    linear-gradient(90deg,rgba(222,235,246,.04),rgba(249,252,255,.16) 38%,rgba(249,252,255,.16) 62%,rgba(216,231,243,.04)),
    url('assets/login-background-v396.jpg') center center/cover no-repeat!important;
}
.login-stage:before{opacity:.04!important;background:rgba(235,244,251,.03)!important}
.login-stage-right{top:42vh!important}
.login-owner{display:block!important;color:#61758a!important;font-size:9px!important}
\n\n/* v3.9.8 — approved login presentation */
.login-stage{
  background:
    linear-gradient(90deg,rgba(223,235,245,.12),rgba(244,249,253,.18) 39%,rgba(244,249,253,.18) 61%,rgba(218,232,244,.10)),
    url('assets/login-background-v398.jpg') center center/cover no-repeat!important;
}
.login-stage:before{opacity:0!important;background:none!important}
.login-stage-left{color:rgba(255,255,255,.88)!important;text-shadow:0 2px 12px rgba(13,41,68,.22)!important}
.login-stage-right{top:41vh!important;color:rgba(255,255,255,.94)!important;text-shadow:0 2px 12px rgba(13,41,68,.25)!important}
.login-owner{display:block!important;color:#61758a!important;font-size:9px!important}
.login-version{display:block!important}

/* v3.9.7 EXACT — approved cinematic login mockup parity */
body:has(.login-stage){background:#d9e8f5!important;overflow:hidden!important}
.login-stage{
  background-image:url('assets/login-background-v397-approved.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  min-height:100vh!important;min-height:100dvh!important;
}
.login-stage:before,.login-stage:after{display:none!important}
/* Side copy, capability icons and slogan are already part of the approved background artwork. */
.login-stage-copy,.login-capabilities,.login-slogan{display:none!important}
.login-version{
  display:block!important;z-index:8!important;right:3.15vw!important;top:2.6vh!important;
  min-width:86px;padding:5px 8px 4px!important;border-radius:9px!important;
  background:rgba(218,232,245,.92)!important;box-shadow:0 0 18px rgba(218,232,245,.95)!important;
}
.login-version b{padding:8px 14px!important;background:#102a48!important;border-radius:7px!important;font-size:17px!important;line-height:1!important}
.login-version small{font-size:10px!important;color:#173752!important;margin-top:6px!important}
.login-modern{
  width:520px!important;min-height:620px!important;max-width:92vw!important;
  padding:28px 36px 24px!important;
  border-radius:18px!important;border:1px solid rgba(205,218,231,.98)!important;
  background:#fff!important;backdrop-filter:none!important;
  box-shadow:0 28px 75px rgba(16,43,70,.22)!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
}
.aqmc-logo-login{width:104px!important;height:70px!important;margin:0 auto 13px!important;border-radius:17px!important;font-size:29px!important}
.login-modern .login-company{font-size:30px!important;line-height:1.05!important}
.login-modern .login-location{font-size:15px!important;margin-top:5px!important}
.login-modern .login-system{margin:12px auto 4px!important;padding:7px 18px!important}
.login-modern>p{margin:8px 0 18px!important;font-size:14px!important}
.login-modern form{width:100%!important}
.login-modern label{margin:10px 0 0!important;font-size:12px!important}
.login-modern .login-input-wrap input{height:47px!important;background:#eef5fc!important;font-size:14px!important}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;font-size:12px}
.login-options .login-remember{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;font-weight:500!important;color:#30465e!important;white-space:nowrap}
.login-options .login-remember input{width:18px!important;height:18px!important;margin:0!important;accent-color:#173f68}
.login-options a{color:#ff7900!important;font-weight:700!important;white-space:nowrap}
.login-modern button{height:50px!important;margin-top:16px!important;font-size:16px!important}
.login-owner{margin-top:18px!important;padding-top:12px!important;font-size:9px!important;color:#66798d!important}
.login-owner b{font-weight:800;color:#405b78}.login-owner-sep{margin:0 8px;color:#9aaabd}
.login-partner{margin-top:12px!important;font-size:9px!important;letter-spacing:.30em!important}
@media(max-width:900px){
  .login-stage{background-image:linear-gradient(rgba(235,244,251,.45),rgba(235,244,251,.45)),url('assets/login-background-v397-approved.png')!important;background-position:center!important;padding:22px 0 30px!important}
  .login-version{display:none!important}.login-modern{min-height:0!important;width:min(520px,92vw)!important;padding:24px 22px 20px!important}
  .login-options{font-size:11px}.login-owner-sep{margin:0 4px}
}
@media(max-width:520px){.login-options{align-items:flex-start;flex-direction:column}.login-options a{align-self:flex-end}.login-owner{font-size:8px!important}}


/* v3.9.9 — login page parity with approved reference */
body:has(.login-stage){
  background:#eef3f8!important;
  overflow:hidden!important;
}
body:has(.login-stage) main.full{
  min-height:100vh!important;
  min-height:100dvh!important;
  padding:0!important;
  display:block!important;
}
.login-stage{
  position:relative!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background-image:url('assets/login-background-v397-approved.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.login-stage:before,.login-stage:after{display:none!important}
.login-stage-copy,.login-capabilities,.login-slogan{display:none!important}
.login-version{
  display:flex!important;
  position:absolute!important;
  z-index:20!important;
  right:3.0vw!important;
  top:2.4vh!important;
  min-width:86px!important;
  padding:5px 8px 4px!important;
  border-radius:9px!important;
  background:rgba(218,232,245,.94)!important;
  box-shadow:0 0 18px rgba(218,232,245,.96)!important;
  align-items:center!important;
  flex-direction:column!important;
}
.login-version b{
  display:block!important;
  padding:8px 14px!important;
  background:#102a48!important;
  color:#fff!important;
  border-radius:7px!important;
  font-size:17px!important;
  line-height:1!important;
}
.login-version small{font-size:10px!important;color:#173752!important;margin-top:6px!important}
.login-modern{
  position:relative!important;
  z-index:12!important;
  width:520px!important;
  min-height:620px!important;
  max-width:92vw!important;
  padding:28px 36px 24px!important;
  border-radius:18px!important;
  border:1px solid rgba(205,218,231,.98)!important;
  background:#fff!important;
  box-shadow:0 28px 75px rgba(16,43,70,.22)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
.aqmc-logo-login{width:104px!important;height:70px!important;margin:0 auto 13px!important;border-radius:17px!important;font-size:29px!important}
.login-modern .login-company{font-size:30px!important;line-height:1.05!important;font-weight:900!important}
.login-modern .login-location{font-size:15px!important;margin-top:5px!important}
.login-modern .login-system{margin:12px auto 4px!important;padding:7px 18px!important}
.login-modern>p{margin:8px 0 18px!important;font-size:14px!important}
.login-modern form{width:100%!important;text-align:left!important}
.login-modern label{margin:10px 0 0!important;font-size:12px!important}
.login-modern .login-input-wrap input{height:47px!important;background:#eef5fc!important;font-size:14px!important}
.login-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:12px 0 0!important;font-size:12px!important}
.login-options .login-remember{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;font-weight:500!important;color:#30465e!important;white-space:nowrap!important}
.login-options .login-remember input{width:18px!important;height:18px!important;margin:0!important;accent-color:#173f68!important}
.login-options a{color:#ff7900!important;font-weight:700!important;white-space:nowrap!important}
.login-modern button{height:50px!important;margin-top:16px!important;font-size:16px!important}
.login-owner{margin-top:18px!important;padding-top:12px!important;font-size:9px!important;color:#66798d!important}
.login-owner b{font-weight:800!important;color:#405b78!important}
.login-owner-sep{margin:0 8px!important;color:#9aaabd!important}
.login-partner{margin-top:12px!important;font-size:9px!important;letter-spacing:.30em!important}
@media(max-width:900px){
  body:has(.login-stage){overflow:auto!important}
  .login-stage{min-height:100dvh!important;height:auto!important;padding:22px 0 30px!important;background-image:linear-gradient(rgba(235,244,251,.45),rgba(235,244,251,.45)),url('assets/login-background-v397-approved.png')!important;background-position:center!important}
  .login-version{display:none!important}
  .login-modern{min-height:0!important;width:min(520px,92vw)!important;padding:24px 22px 20px!important}
  .login-options{font-size:11px!important}
  .login-owner-sep{margin:0 4px!important}
}
@media(max-width:520px){
  .login-options{align-items:flex-start!important;flex-direction:column!important}
  .login-options a{align-self:flex-end!important}
  .login-owner{font-size:8px!important}
}


/* v4.0.0 — corrected login: hide baked login panel and keep only live form */
.login-stage::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:10!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:548px!important;
  height:652px!important;
  max-width:96vw!important;
  border-radius:20px!important;
  background:rgba(247,250,253,.98)!important;
  border:1px solid rgba(213,224,234,.96)!important;
  box-shadow:0 24px 70px rgba(18,48,78,.20)!important;
}
.login-modern{z-index:12!important;}
@media(max-width:900px){.login-stage::after{display:none!important;}}

/* v4.1.0 — clean login canvas; optional admin-selected background */
body:has(.login-stage){background:#eef3f8!important}
.login-stage{
  background:#eef3f8!important;
  background-image:none!important;
}
.login-stage.has-custom-bg{
  background-image:linear-gradient(rgba(238,243,248,.12),rgba(238,243,248,.12)),var(--login-bg)!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
\n\n/* v4.2.0 — responsive login background engine\n   Desktop: whole uploaded image remains visible (contain) over a blurred cover layer.\n   Tablet/mobile: decorative background uses cover while the login card stays fully usable. */\nbody:has(.login-stage){overflow:hidden!important;background:#eaf1f7!important}\nbody:has(.login-stage) main.full{width:100%!important;min-height:100svh!important;padding:0!important;overflow:hidden!important}\n.login-stage{\n  isolation:isolate!important;position:relative!important;width:100%!important;height:100svh!important;min-height:100svh!important;\n  overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;\n  padding:clamp(12px,2vh,28px)!important;background:#eaf1f7!important;background-image:none!important;\n}\n.login-stage.has-custom-bg::before,.login-stage.has-custom-bg::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important}\n/* Edge-fill: same photo, enlarged + blurred, so there are never ugly empty bars. */\n.login-stage.has-custom-bg::before{z-index:-2!important;background-image:var(--login-bg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;filter:blur(18px) brightness(1.08)!important;transform:scale(1.04)!important;opacity:.58!important}\n/* Main photo: always show the COMPLETE uploaded image on desktop/laptop. */\n.login-stage.has-custom-bg::after{z-index:-1!important;background-image:var(--login-bg)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:transparent!important;box-shadow:none!important;width:auto!important;height:auto!important;max-width:none!important;border:0!important;border-radius:0!important;transform:none!important;left:0!important;top:0!important}\n.login-modern{z-index:5!important;width:min(520px,calc(100vw - 32px))!important;max-height:calc(100svh - 28px)!important;overflow:auto!important}\n.login-version{z-index:6!important}\n@media (max-width:900px){\n body:has(.login-stage){overflow:auto!important}\n body:has(.login-stage) main.full{min-height:100svh!important;overflow:visible!important}\n .login-stage{height:auto!important;min-height:100svh!important;padding:18px 12px!important}\n .login-stage.has-custom-bg::before{filter:blur(12px) brightness(1.15)!important;opacity:.72!important}\n .login-stage.has-custom-bg::after{background-size:cover!important;opacity:.34!important}\n .login-modern{width:min(500px,94vw)!important;max-height:none!important;padding:22px 20px 18px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(8px)!important}\n .login-version{display:none!important}\n}\n@media (max-width:520px){\n .login-stage{align-items:flex-start!important;padding:12px 8px!important}\n .login-modern{width:100%!important;max-width:430px!important;padding:20px 16px 16px!important;border-radius:16px!important}\n .aqmc-logo-login{width:82px!important;height:58px!important;font-size:23px!important;margin-bottom:9px!important}\n .login-modern .login-company{font-size:25px!important}\n .login-modern>p{margin-bottom:10px!important}\n .login-modern .login-input-wrap input{height:44px!important}\n .login-modern button{height:46px!important;margin-top:12px!important}\n}\n@media (max-height:720px) and (min-width:901px){\n .login-modern{transform:scale(.88)!important;transform-origin:center center!important;max-height:none!important}\n}\n

/* v4.3.0 — definitive responsive custom-background renderer */
body:has(.login-stage){margin:0!important;overflow:hidden!important;background:#dfe8f0!important}
body:has(.login-stage) main.full{width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}
.login-stage{position:relative!important;isolation:isolate!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#e9f0f6!important;background-image:none!important}
/* Kill all old pseudo-panel/background rules. */
.login-stage::before,.login-stage::after{content:none!important;display:none!important}
/* Custom image: one single background, always fully visible. No crop. */
.login-stage.has-custom-bg{background-color:#dfe8f0!important;background-image:var(--login-bg)!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important}
/* Uploaded artwork already contains its own decorative text/icons. Hide duplicate HTML decoration. */
.login-stage.has-custom-bg .login-stage-copy,
.login-stage.has-custom-bg .login-capabilities,
.login-stage.has-custom-bg .login-slogan{display:none!important}
.login-modern{position:relative!important;z-index:20!important;width:min(500px,calc(100vw - 32px))!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;margin:0!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(8px)!important}
.login-version{z-index:30!important}
@media (max-width:900px){
 body:has(.login-stage){overflow:auto!important}
 body:has(.login-stage) main.full{height:auto!important;min-height:100dvh!important;overflow:visible!important}
 .login-stage{width:100%!important;height:auto!important;min-height:100dvh!important;padding:14px!important;background-size:cover!important;background-position:center!important}
 .login-stage.has-custom-bg::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;background:rgba(235,242,248,.28)!important;pointer-events:none!important}
 .login-modern{width:min(480px,100%)!important;max-height:none!important;padding:22px 18px!important}
 .login-version{display:none!important}
}
@media (max-width:520px){
 .login-stage{align-items:flex-start!important;padding:10px!important}
 .login-modern{width:100%!important;border-radius:16px!important;padding:18px 15px!important}
 .aqmc-logo-login{width:78px!important;height:56px!important;font-size:22px!important}
 .login-modern .login-company{font-size:24px!important}
 .login-modern .login-input-wrap input{height:44px!important}
 .login-modern button{height:46px!important}
}
@media (max-height:700px) and (min-width:901px){
 .login-modern{transform:scale(.84)!important;transform-origin:center!important;max-height:none!important}
}

/* v4.4.0 — clean full-viewport login renderer
   The uploaded image is a real <img>, not a CSS pseudo/background layer.
   This eliminates legacy white panels and always fills the viewport edge-to-edge. */
html:has(.login-stage),
body:has(.login-stage){
  width:100%!important;
  min-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#eaf1f7!important;
}
body:has(.login-stage) main,
body:has(.login-stage) main.full{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:transparent!important;
}
.login-stage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  isolation:isolate!important;
  background:#eaf1f7!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
/* Hard-disable every legacy decorative layer from older login versions. */
.login-stage::before,.login-stage::after,
.login-stage-copy,.login-stage-left,.login-stage-right,
.login-capabilities,.login-slogan{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.login-bg-image{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  user-select:none!important;
  pointer-events:none!important;
}
/* Gentle wash keeps the form readable without changing the image geometry. */
.login-stage.has-custom-bg > .login-card{
  background:rgba(255,255,255,.965)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.login-modern{
  position:relative!important;
  z-index:10!important;
  width:min(500px,calc(100vw - 36px))!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.login-version{
  position:absolute!important;
  z-index:20!important;
  top:clamp(12px,2.2vh,24px)!important;
  right:clamp(12px,2vw,30px)!important;
}
@media (max-width:900px){
  html:has(.login-stage),body:has(.login-stage){overflow:auto!important}
  body:has(.login-stage) main,body:has(.login-stage) main.full{
    position:fixed!important;height:100dvh!important;overflow:hidden!important;
  }
  .login-bg-image{object-fit:cover!important;object-position:center center!important;filter:brightness(1.06) saturate(.94)!important}
  .login-modern{
    width:min(480px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 24px)!important;
    padding:22px 20px 18px!important;
  }
  .login-version{display:none!important}
}
@media (max-width:520px){
  .login-bg-image{object-position:46% center!important;filter:brightness(1.10) saturate(.90)!important}
  .login-modern{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    padding:18px 15px 15px!important;
    border-radius:16px!important;
  }
  .aqmc-logo-login{width:72px!important;height:52px!important;font-size:21px!important;margin-bottom:8px!important}
  .login-modern .login-company{font-size:23px!important}
  .login-modern .login-system{margin-top:9px!important;padding:6px 12px!important}
  .login-modern>p{margin:6px 0 10px!important}
  .login-modern label{margin-top:8px!important}
  .login-modern .login-input-wrap input{height:42px!important}
  .login-modern button{height:44px!important;margin-top:10px!important}
  .login-owner{margin-top:12px!important;padding-top:9px!important}
  .login-partner{margin-top:9px!important}
}
@media (max-height:760px) and (min-width:901px){
  .login-modern{
    transform:scale(.86)!important;
    transform-origin:center center!important;
    max-height:none!important;
  }
}
@media (max-height:640px) and (min-width:901px){
  .login-modern{transform:scale(.76)!important}
}

/* v4.5.0 — true responsive login composition
   IMPORTANT: uploaded image is PHOTO ONLY. Branding/slogans are HTML overlays so they remain responsive. */
html:has(.login-stage), body:has(.login-stage){
  width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#dbe5ee!important;
}
body:has(.login-stage) main, body:has(.login-stage) main.full{
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;
}
.login-stage{
  position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;background:#dbe5ee!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.login-stage::before,.login-stage::after{content:none!important;display:none!important}
.login-bg-image{
  position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:0!important;display:block!important;
  object-fit:cover!important;object-position:center center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.login-modern{
  position:relative!important;z-index:10!important;width:min(500px,calc(100vw - 40px))!important;max-height:calc(100dvh - 34px)!important;overflow:auto!important;margin:0!important;
  background:rgba(255,255,255,.965)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}
.login-version{position:absolute!important;z-index:15!important;top:20px!important;right:24px!important}
.login-branding-left{
  position:absolute!important;z-index:6!important;left:clamp(28px,3.5vw,68px)!important;top:clamp(28px,4.2vh,64px)!important;color:#fff!important;text-shadow:0 2px 16px rgba(0,20,45,.25)!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;pointer-events:none!important;
}
.login-branding-left strong{font-size:clamp(42px,4.3vw,76px)!important;line-height:.9!important;letter-spacing:.01em!important;font-weight:900!important}
.login-branding-left i{width:58px!important;height:4px!important;background:#ff7a00!important;border-radius:4px!important;margin:16px 0 14px!important}
.login-branding-left span{font-size:clamp(13px,1.15vw,19px)!important;line-height:1.35!important;font-weight:700!important;letter-spacing:.04em!important}
.login-values{
  position:absolute!important;z-index:6!important;right:clamp(28px,3.5vw,68px)!important;top:44%!important;transform:translateY(-50%)!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,20,45,.35)!important;display:flex!important;flex-direction:column!important;gap:8px!important;pointer-events:none!important;
}
.login-values span{font-size:clamp(18px,1.45vw,27px)!important;font-weight:800!important}
.login-values span::after{content:' •'!important;color:#ff7a00!important}
.login-values i{width:86px!important;height:3px!important;background:#ff7a00!important;border-radius:3px!important;margin-top:8px!important}
.login-capabilities-v45{
  position:absolute!important;z-index:6!important;left:50%!important;bottom:clamp(16px,3.5vh,38px)!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#0d2c4d!important;pointer-events:none!important;white-space:nowrap!important;
}
.login-capabilities-v45 span{min-width:128px!important;padding:0 20px!important;text-align:center!important;font-size:10px!important;font-weight:900!important;letter-spacing:.05em!important;border-right:1px solid rgba(13,44,77,.25)!important}
.login-capabilities-v45 span:last-child{border-right:0!important;min-width:170px!important}
.login-capabilities-v45 b{display:block!important;font-size:24px!important;line-height:1!important;margin-bottom:7px!important;font-family:Segoe UI Symbol,Arial,sans-serif!important}
@media (max-width:1180px){
  .login-branding-left strong{font-size:44px!important}.login-branding-left span{font-size:13px!important}
  .login-values{right:24px!important}.login-values span{font-size:18px!important}
  .login-capabilities-v45 span{min-width:105px!important;padding:0 12px!important}.login-capabilities-v45 span:last-child{min-width:150px!important}
}
@media (max-width:980px){
  .login-bg-image{object-position:center center!important}
  .login-branding-left,.login-values,.login-capabilities-v45{display:none!important}
  .login-version{display:none!important}
  .login-modern{width:min(500px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;background:rgba(255,255,255,.95)!important}
}
@media (max-width:620px){
  .login-bg-image{object-position:45% center!important;filter:brightness(.92) saturate(.92)!important}
  .login-modern{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:18px 15px 15px!important;border-radius:16px!important}
  .aqmc-logo-login{width:72px!important;height:52px!important;font-size:21px!important;margin-bottom:8px!important}
  .login-modern .login-company{font-size:23px!important}.login-modern .login-system{margin-top:9px!important;padding:6px 12px!important}.login-modern>p{margin:6px 0 10px!important}
  .login-modern label{margin-top:8px!important}.login-modern .login-input-wrap input{height:42px!important}.login-modern button{height:44px!important;margin-top:10px!important}
}
@media (max-height:760px) and (min-width:981px){.login-modern{transform:scale(.86)!important;transform-origin:center!important;max-height:none!important}.login-capabilities-v45{bottom:10px!important}}
@media (max-height:640px) and (min-width:981px){.login-modern{transform:scale(.76)!important}.login-branding-left{top:20px!important}.login-capabilities-v45{display:none!important}}

/* v4.6.0 — FINAL isolated login viewport renderer.
   No legacy pseudo panels. Three explicit fit modes; default stretch shows 100% of image edge-to-edge. */
html:has(.login-stage),body:has(.login-stage){margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#dbe5ee!important}
body:has(.login-stage) main,body:has(.login-stage) main.full{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-width:0!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important}
.login-stage{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#dbe5ee!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;isolation:isolate!important}
.login-stage::before,.login-stage::after,.login-stage-left,.login-stage-right,.login-stage-copy,.login-capabilities,.login-slogan{content:none!important;display:none!important;border:0!important;outline:0!important;box-shadow:none!important;background:none!important}
.login-bg-image{position:absolute!important;inset:0!important;z-index:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;transform:none!important;filter:none!important;pointer-events:none!important;user-select:none!important}
.login-stage.fit-stretch .login-bg-image{object-fit:fill!important;object-position:center center!important}
.login-stage.fit-cover .login-bg-image{object-fit:cover!important;object-position:center center!important}
.login-stage.fit-contain .login-bg-image{object-fit:contain!important;object-position:center center!important;background:#dbe5ee!important}
.login-modern{position:relative!important;z-index:20!important;width:min(500px,calc(100vw - 40px))!important;max-height:calc(100dvh - 30px)!important;margin:0!important;overflow:auto!important;background:rgba(255,255,255,.965)!important;border:1px solid rgba(215,225,235,.92)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(11,38,65,.22)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.login-version{z-index:30!important;top:18px!important;right:22px!important;border:0!important;outline:0!important}
.login-branding-left,.login-values,.login-capabilities-v45{z-index:10!important;border:0!important;outline:0!important;box-shadow:none!important}
.login-branding-left::before,.login-branding-left::after,.login-values::before,.login-values::after,.login-capabilities-v45::before,.login-capabilities-v45::after{content:none!important;display:none!important}
@media(max-width:980px){.login-branding-left,.login-values,.login-capabilities-v45,.login-version{display:none!important}.login-modern{width:min(500px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important}}
@media(max-width:620px){.login-modern{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;padding:18px 15px 15px!important;border-radius:15px!important}.aqmc-logo-login{width:72px!important;height:52px!important;font-size:21px!important;margin-bottom:8px!important}.login-modern .login-company{font-size:23px!important}.login-modern .login-system{margin-top:9px!important;padding:6px 12px!important}.login-modern>p{margin:6px 0 10px!important}.login-modern label{margin-top:8px!important}.login-modern .login-input-wrap input{height:42px!important}.login-modern button{height:44px!important;margin-top:10px!important}}
@media(max-height:760px) and (min-width:981px){.login-modern{transform:scale(.84)!important;transform-origin:center!important;max-height:none!important}.login-capabilities-v45{bottom:8px!important}}
@media(max-height:640px) and (min-width:981px){.login-modern{transform:scale(.74)!important}.login-capabilities-v45{display:none!important}.login-branding-left{top:16px!important}}

/* v4.8.0 — readable single-viewport dashboard */
@media (min-width:1100px){
  .page-dashboard .app-content{padding-top:12px;padding-bottom:12px}
  .page-dashboard .app-header{min-height:58px;padding:10px 18px}
  .page-dashboard .app-header h1{font-size:25px;line-height:1.1;margin:0}
  .page-dashboard .app-header .header-sub{margin-top:3px;font-size:12px}
  .page-dashboard .aqmc-dashboard-hero{margin-bottom:10px;padding:12px 16px;gap:14px;border-radius:13px}
  .page-dashboard .aqmc-dashboard-logo{flex-basis:68px;height:46px;border-radius:10px;font-size:19px}
  .page-dashboard .aqmc-dashboard-hero h2{font-size:20px;margin:1px 0}
  .page-dashboard .aqmc-dashboard-hero p{font-size:11px}
  .page-dashboard .aqmc-dashboard-hero>em{font-size:11px}
  .page-dashboard .exec-toolbar{margin:0 0 10px;min-height:38px}
  .page-dashboard .exec-company{font-size:14px}.page-dashboard .exec-toolbar small{font-size:11px}
  .page-dashboard .exec-actions .btn{padding:9px 13px!important;font-size:12px!important}
  .page-dashboard .exec-kpis{gap:12px;margin-bottom:12px}
  .page-dashboard .exec-kpi{gap:12px;padding:14px 15px;border-radius:13px;min-height:82px}
  .page-dashboard .exec-icon{width:44px;height:44px;flex-basis:44px;border-radius:11px;font-size:19px}
  .page-dashboard .exec-kpi small{font-size:11px;margin-bottom:3px}.page-dashboard .exec-kpi b{font-size:20px}.page-dashboard .exec-kpi em{font-size:10px;margin-top:3px}
  .page-dashboard .exec-main-grid{gap:12px;margin-bottom:12px}
  .page-dashboard .dash-panel{border-radius:12px}.page-dashboard .dash-panel .section-head{padding:10px 13px}
  .page-dashboard .dash-panel .section-head h2{font-size:15px}.page-dashboard .dash-panel .section-head p{font-size:10px;margin-top:1px}
  .page-dashboard .dash-panel .section-head .btn{padding:7px 10px!important;font-size:10px!important}
  .page-dashboard .recent-list{padding:0 8px}.page-dashboard .recent-row{grid-template-columns:30px minmax(140px,1fr) auto 92px 78px;gap:8px;padding:8px 3px}
  .page-dashboard .recent-icon{width:28px;height:28px;border-radius:7px;font-size:12px}.page-dashboard .recent-main b{font-size:12px}.page-dashboard .recent-main small,.page-dashboard .recent-row time{font-size:9.5px}.page-dashboard .recent-total{font-size:11px}.page-dashboard .status-pill{font-size:8.5px!important;padding:3px 7px!important}
  .page-dashboard .alert-list{gap:6px;padding:7px 9px 9px}.page-dashboard .alert-row{padding:10px 11px;border-radius:8px;font-size:11px}.page-dashboard .alert-row b{font-size:15px}
  .page-dashboard .moto-exec{margin-bottom:0}.page-dashboard .moto-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.page-dashboard .moto-stat-grid a{padding:10px 11px;min-height:56px}.page-dashboard .moto-stat-grid small{font-size:9.5px}.page-dashboard .moto-stat-grid b{font-size:16px;margin-top:2px}
  .page-dashboard .moto-latest{display:none!important}
  .page-dashboard .quick-panel{display:block!important;margin-top:12px;margin-bottom:0}
  .page-dashboard .quick-panel .section-head{padding:9px 13px}
  .page-dashboard .quick-panel .quick-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:9px 12px 11px}
  .page-dashboard .quick-panel .quick-actions a{padding:9px 10px;min-height:48px}
  .page-dashboard .quick-panel .quick-actions span{width:29px;height:29px;font-size:16px}
  .page-dashboard .quick-panel .quick-actions b{font-size:11px}
}
@media (min-width:1100px) and (max-height:850px){
  .page-dashboard .app-header{min-height:52px;padding:8px 18px}.page-dashboard .aqmc-dashboard-hero{padding:9px 14px;margin-bottom:8px}.page-dashboard .exec-toolbar{margin-bottom:8px}.page-dashboard .exec-kpis{margin-bottom:9px}.page-dashboard .exec-kpi{min-height:72px;padding:11px 13px}.page-dashboard .exec-main-grid{margin-bottom:9px}.page-dashboard .recent-row{padding:6px 3px}.page-dashboard .alert-row{padding:8px 10px}.page-dashboard .moto-stat-grid a{padding:8px 10px;min-height:50px}
}

/* v4.9.0 - central document register */
.document-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 0 18px}.document-filters label{margin:0}.document-filters .filter-actions{display:flex;align-items:end;gap:8px}.documents-overview .doc-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:1100px){.document-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.document-filters{grid-template-columns:1fr}.document-filters .filter-actions{align-items:stretch}}

/* v4.9.1 - document register actions and live search */
.documents-table .doc-row-actions-head{width:170px}.documents-table .doc-row-actions{white-space:nowrap;text-align:right}.doc-mini-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;margin-left:5px;border-radius:8px;background:#0d213d;color:#fff!important;font-size:11px;font-weight:700;text-decoration:none}.doc-mini-btn.secondary{background:#edf3fa;color:#173453!important}.doc-row-deleted{opacity:.52;background:#f8fafc}.doc-row-deleted:hover{opacity:.72}.doc-number-link{text-decoration:none}.doc-number-link:hover{text-decoration:underline}@media(max-width:1050px){.documents-table .doc-row-actions-head,.documents-table .doc-row-actions{display:none}}


/* v4.9.2 - mobile login centering / iOS safe viewport */
@media (max-width:620px){
  html:has(.login-stage),body:has(.login-stage){
    width:100%!important;
    min-height:100%!important;
    height:auto!important;
    overflow:hidden!important;
    background:#dbe5ee!important;
  }
  body:has(.login-stage) main,body:has(.login-stage) main.full{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .login-stage{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .login-bg-image{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .login-modern{
    width:min(430px,100%)!important;
    max-width:430px!important;
    max-height:calc(100svh - 22px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    margin:auto!important;
    padding:16px 16px 14px!important;
    border-radius:18px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    transform:none!important;
  }
  .aqmc-logo-login{
    width:66px!important;
    height:48px!important;
    margin:0 auto 6px!important;
    font-size:19px!important;
    border-radius:14px!important;
  }
  .login-modern .login-company{font-size:22px!important;line-height:1.05!important;margin:0!important}
  .login-modern .login-location{font-size:13px!important;margin-top:3px!important}
  .login-modern .login-system{margin:7px auto 2px!important;padding:5px 11px!important;font-size:10px!important}
  .login-modern>p{margin:5px 0 9px!important;font-size:12px!important}
  .login-modern label{margin-top:7px!important;font-size:11px!important}
  .login-input-wrap{margin-top:4px!important}
  .login-modern .login-input-wrap input{height:40px!important;padding-left:38px!important;font-size:13px!important}
  .login-modern .login-input-wrap>span{left:12px!important;font-size:14px!important}
  .login-remember-row{margin-top:7px!important}
  .login-modern button{height:42px!important;margin-top:9px!important;font-size:15px!important}
  .login-owner{margin-top:9px!important;padding-top:7px!important;font-size:8px!important}
  .login-partner{margin-top:7px!important;font-size:8px!important;letter-spacing:.20em!important}
  .login-partner:after{margin-top:6px!important}
}
@media (max-width:420px) and (max-height:760px){
  .login-modern{padding:12px 14px 11px!important}
  .aqmc-logo-login{width:60px!important;height:43px!important;font-size:18px!important;margin-bottom:4px!important}
  .login-modern .login-company{font-size:20px!important}
  .login-modern>p{margin:3px 0 6px!important}
  .login-modern label{margin-top:5px!important}
  .login-modern .login-input-wrap input{height:38px!important}
  .login-modern button{height:40px!important;margin-top:7px!important}
  .login-owner{margin-top:7px!important;padding-top:6px!important}
  .login-partner{margin-top:5px!important}
}


/* v4.9.3 - mobile login final vertical polish */
@media (max-width:620px){
  .login-modern{
    transform:translateY(-22px)!important;
  }
  .login-partner{
    margin-top:5px!important;
    margin-bottom:0!important;
  }
  .login-partner:after{
    margin-top:5px!important;
  }
}
@media (max-width:420px) and (max-height:760px){
  .login-modern{transform:translateY(-16px)!important}
}

/* v5.2.0 Hikvision Security Center */
.hik-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,#0b1c31,#12375a);color:#fff;margin-bottom:18px;box-shadow:0 12px 28px rgba(11,28,49,.16)}
.hik-kicker{display:block;font-size:11px;letter-spacing:.18em;color:#82b6ef;font-weight:800;margin-bottom:7px}.hik-hero h2{font-size:28px;margin:0 0 6px}.hik-hero p{margin:0;max-width:760px;color:#b9cce0}
.hik-status{min-width:190px;padding:15px 18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06)}.hik-status i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.hik-status.ok i{background:#35d07f;box-shadow:0 0 0 5px rgba(53,208,127,.12)}.hik-status.off i{background:#f06464}.hik-status b{font-size:12px;letter-spacing:.06em}.hik-status small{display:block;color:#a8bdd3;margin-top:5px}
.hik-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.hik-kpis>div{background:#fff;border:1px solid #dbe4ee;border-radius:15px;padding:16px}.hik-kpis small{display:block;color:#7b8b9f;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.hik-kpis b{display:block;font-size:17px;color:#10233b;margin:6px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hik-kpis span{color:#8494a6;font-size:12px}
.hik-toolbar,.hik-setup,.hik-roadmap{background:#fff;border:1px solid #dbe4ee;border-radius:16px;padding:18px 20px;margin-bottom:16px}.hik-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.hik-toolbar h3,.hik-setup h3,.hik-roadmap h3{margin:0 0 5px}.hik-toolbar p,.hik-setup p{margin:0}.hik-actions{display:flex;gap:8px;flex-wrap:wrap}.hik-actions form{margin:0}
.hik-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.hik-camera{background:#fff;border:1px solid #dbe4ee;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(15,35,59,.04)}.hik-preview{position:relative;aspect-ratio:16/9;background:#091521;overflow:hidden}.hik-preview img{width:100%;height:100%;object-fit:cover;display:block}.hik-noimg{height:100%;display:grid;place-items:center;align-content:center;color:#7690aa;gap:7px}.hik-noimg span{font-size:32px}.cam-state{position:absolute;left:10px;top:10px;background:rgba(7,19,31,.78);backdrop-filter:blur(7px);padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;color:#fff}.cam-state.online{color:#69e5a1}.cam-state.offline{color:#ff9999}.hik-camera-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px 9px}.hik-camera h3{font-size:15px;margin:0 0 3px}.hik-camera p{font-size:11px;color:#8796a6;margin:0}.hik-camera footer{border-top:1px solid #edf1f5;padding:8px 14px;color:#95a2b1;font-size:10px}
.hik-empty{text-align:center;background:#fff;border:1px dashed #cbd7e4;border-radius:16px;padding:44px 20px;margin-bottom:16px}.hik-empty-icon{font-size:38px;color:#3478d4}.hik-empty h3{margin:8px 0}.hik-empty p{max-width:640px;margin:0 auto;color:#6e8095}.hik-setup{display:grid;grid-template-columns:1.2fr 1fr auto;gap:18px;align-items:end}.hik-token label{display:block;font-weight:800;font-size:12px;margin-bottom:6px}.hik-token input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hik-token small{display:block;margin-top:4px;color:#7c8b9a}.hik-roadmap>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hik-roadmap span{background:#f6f9fc;border-radius:11px;padding:11px;font-size:12px;color:#50657b}.hik-roadmap b{color:#3478d4;margin-right:4px}
@media(max-width:1050px){.hik-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hik-kpis{grid-template-columns:repeat(2,1fr)}.hik-roadmap>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hik-hero,.hik-toolbar{display:block}.hik-status{margin-top:18px}.hik-kpis,.hik-grid,.hik-roadmap>div,.hik-setup{grid-template-columns:1fr}.hik-actions{margin-top:14px}.hik-grid{gap:11px}.hik-camera-body{padding:12px}.hik-hero{padding:22px}.hik-hero h2{font-size:23px}}

/* v5.3.0 · vođeni minimalni/prošireni unos */
.entry-mode-switch{display:flex!important;align-items:center;gap:10px;padding:10px 12px;border:1px solid #cfdbea;border-radius:12px;background:#f7faff;min-width:205px;margin:0!important}
.entry-mode-switch input{width:20px;height:20px;flex:0 0 auto;accent-color:#2f6fd3}
.entry-mode-switch span{display:flex;flex-direction:column;line-height:1.2}.entry-mode-switch b{font-size:14px;color:#132844}.entry-mode-switch small{font-size:11px;color:#70839c;margin-top:3px}
.entry-minimal .entry-advanced{display:none!important}
.required-field>input,.required-field>select,.required-field>textarea,.entry-minimal label:has(input[required])>input,.entry-minimal label:has(select[required])>select,.entry-minimal label:has(textarea[required])>textarea{border-color:#e5a34b!important;background:#fffaf1!important}
.calc-readiness{margin:12px 0 18px;padding:12px 15px;border-radius:12px;border:1px solid}.calc-readiness.warn{background:#fff8ec;border-color:#edc77d;color:#694817}.calc-readiness.ok{background:#eefaf4;border-color:#9bd5b8;color:#176b49}
.entry-head-actions,.modal-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-head-actions .entry-mode-switch{min-width:190px}.purchase-item-entry-head{gap:12px}.purchase-item-entry-head>div:first-child{min-width:0}
@media(max-width:720px){.entry-mode-switch{width:100%;min-width:0}.entry-head-actions,.modal-head-actions{width:100%}.entry-head-actions .btn{width:100%}.section-head:has(.entry-mode-switch){align-items:stretch;flex-direction:column}.modal-head-actions{align-items:stretch}.modal-head-actions .modal-close{align-self:flex-end}}

/* v5.3.0 · vođeni minimalni/prošireni unos */
.entry-mode-switch{display:flex!important;align-items:center;gap:10px;padding:10px 12px;border:1px solid #cfdbea;border-radius:12px;background:#f7faff;min-width:205px;margin:0!important}
.entry-mode-switch input{width:20px;height:20px;flex:0 0 auto;accent-color:#2f6fd3}
.entry-mode-switch span{display:flex;flex-direction:column;line-height:1.2}.entry-mode-switch b{font-size:14px;color:#132844}.entry-mode-switch small{font-size:11px;color:#70839c;margin-top:3px}
.entry-minimal .entry-advanced{display:none!important}
.required-field>input,.required-field>select,.required-field>textarea,.entry-minimal label:has(input[required])>input,.entry-minimal label:has(select[required])>select,.entry-minimal label:has(textarea[required])>textarea{border-color:#e5a34b!important;background:#fffaf1!important}
.calc-readiness{margin:12px 0 18px;padding:12px 15px;border-radius:12px;border:1px solid}.calc-readiness.warn{background:#fff8ec;border-color:#edc77d;color:#694817}.calc-readiness.ok{background:#eefaf4;border-color:#9bd5b8;color:#176b49}
.entry-head-actions,.modal-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-head-actions .entry-mode-switch{min-width:190px}.purchase-item-entry-head{gap:12px}.purchase-item-entry-head>div:first-child{min-width:0}
@media(max-width:720px){.entry-mode-switch{width:100%;min-width:0}.entry-head-actions,.modal-head-actions{width:100%}.entry-head-actions .btn{width:100%}.section-head:has(.entry-mode-switch){align-items:stretch;flex-direction:column}.modal-head-actions{align-items:stretch}.modal-head-actions .modal-close{align-self:flex-end}}

/* MotoERP v5.3.1 — mobile purchase/calculation readability */
@media(max-width:760px){
  .purchase-lines,.purchase-line,.line-main,.line-main>div,.line-kpi,.vin-box,.vin-box .section-head,.vin-box .section-head>div{min-width:0!important;max-width:100%!important}
  .purchase-line{padding:12px!important;border-radius:12px!important;overflow:hidden!important}
  .line-main{display:block!important}
  .line-main>div:first-child>b{display:block;font-size:17px!important;line-height:1.25!important;overflow-wrap:anywhere;word-break:break-word}
  .line-main>div:first-child>.muted{font-size:13px!important;line-height:1.35;margin-top:4px;overflow-wrap:anywhere}
  .line-kpi{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:12px}
  .line-kpi span{padding:10px!important;font-size:12px!important;min-width:0}
  .line-kpi b{font-size:16px!important;white-space:normal!important;overflow-wrap:anywhere}
  .line-actions{margin-top:10px;justify-content:flex-start;flex-wrap:wrap}
  .line-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px!important;font-size:12px!important;line-height:1.35;overflow-wrap:anywhere}
  .vin-box{padding:12px!important;margin-top:12px!important;overflow:hidden}
  .vin-box .section-head{display:block!important;margin-bottom:10px!important}
  .vin-box .section-head h3{font-size:17px!important;margin:0 0 5px!important}
  .vin-box .section-head p{font-size:12px!important;line-height:1.4;margin:0!important}
  .vin-box .section-head .btn{width:100%;margin-top:10px;text-align:center}
  .vin-box .tablewrap{overflow:visible!important;width:100%!important}
  .vin-box table.compacttable{display:block!important;min-width:0!important;width:100%!important}
  .vin-box table.compacttable tbody{display:block!important;width:100%!important}
  .vin-box table.compacttable tr:first-child{display:none!important}
  .vin-box table.compacttable tr:not(:first-child){display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;width:100%!important;margin-top:8px;padding:8px 10px;border:1px solid #dbe4ee;border-radius:10px;background:#fff}
  .vin-box table.compacttable td{display:block!important;min-width:0!important;width:auto!important;padding:7px 5px!important;border:0!important;font-size:12px!important;overflow-wrap:anywhere;word-break:break-word}
  .vin-box table.compacttable td::before{display:block;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7a899d;margin-bottom:2px}
  .vin-box table.compacttable td:nth-child(1)::before{content:"VIN"}
  .vin-box table.compacttable td:nth-child(2)::before{content:"Broj motora"}
  .vin-box table.compacttable td:nth-child(3)::before{content:"God. proizv."}
  .vin-box table.compacttable td:nth-child(4)::before{content:"Boja"}
  .vin-box table.compacttable td:nth-child(5)::before{content:"Lokacija"}
  .vin-box table.compacttable td:nth-child(6)::before{content:"Dolazak"}
  .vin-box table.compacttable td:nth-child(7)::before{content:"NC"}
  .vin-box table.compacttable td:nth-child(8)::before{content:"ZT"}
  .vin-box table.compacttable td:nth-child(9)::before{content:"MPC"}
  .vin-box table.compacttable td:nth-child(10){grid-column:1/-1;text-align:right;padding-top:2px!important}
  .vin-box table.compacttable td:nth-child(10)::before{content:none}
  .purchase-total{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px 12px!important;padding:12px!important;margin-top:10px!important;justify-content:stretch!important;font-size:13px}
  .purchase-total b{grid-column:1/-1;font-size:14px}
  .purchase-total span{min-width:0;overflow-wrap:anywhere}
  .purchase-head .section-head{align-items:flex-start!important}
  .purchase-head .doc-actions{width:100%;justify-content:flex-start!important}
  .purchase-head .doc-actions .btn,.purchase-head .doc-actions form,.purchase-head .doc-actions form button{max-width:100%}
  section{max-width:100%;min-width:0}
}
@media(max-width:390px){
  .line-kpi,.line-details,.purchase-total{grid-template-columns:1fr!important}
  .purchase-total b{grid-column:auto}
  .vin-box table.compacttable tr:not(:first-child){grid-template-columns:1fr!important}
  .vin-box table.compacttable td:nth-child(10){grid-column:auto}
}
/* v5.3.2 — dashboard stock reconciliation */
.moto-reconcile{margin-top:14px;padding:14px 16px;border:1px solid #d9e4ef;border-radius:14px;display:flex;align-items:center;gap:12px;background:#f8fbfe}.moto-reconcile>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900}.moto-reconcile>div{display:flex;flex-direction:column;gap:2px;flex:1}.moto-reconcile small{color:#71839a}.moto-reconcile strong{font-size:12px;letter-spacing:.04em}.moto-reconcile.ok>span{background:#e4f7ee;color:#16845b}.moto-reconcile.ok strong{color:#16845b}.moto-reconcile.warn>span{background:#fff0df;color:#b96a00}.moto-reconcile.warn strong{color:#b96a00}@media(max-width:700px){.moto-reconcile{align-items:flex-start;flex-wrap:wrap}.moto-reconcile strong{width:100%;padding-left:46px}}

/* MotoERP v5.3.3 — centered reconciliation + mobile card tables */
.moto-reconcile{
  max-width:680px;
  margin:16px auto 0!important;
  justify-content:center;
  text-align:left;
}
.moto-reconcile>span{flex:0 0 38px;width:38px;height:38px;border-radius:12px;font-size:20px}
.moto-reconcile>div{flex:0 1 auto;min-width:0}
.moto-reconcile>div b{font-size:14px;line-height:1.25}
.moto-reconcile>div small{display:block;margin-top:3px;font-size:12px;line-height:1.35}
.moto-reconcile>strong{margin-left:auto;white-space:nowrap;padding:6px 10px;border-radius:999px;background:#eef3f8}
.moto-reconcile.ok>strong{background:#e4f7ee}.moto-reconcile.warn>strong{background:#fff0df}

@media(max-width:760px){
  /* reconciliation card: visually centered and calm on phones */
  .moto-reconcile{max-width:none;margin:14px 0 0!important;padding:14px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px 12px!important;align-items:center!important;text-align:left!important}
  .moto-reconcile>span{grid-row:1/3;align-self:center}
  .moto-reconcile>div{grid-column:2;display:block!important}
  .moto-reconcile>div b{display:block;font-size:14px!important}
  .moto-reconcile>div small{font-size:12px!important;margin-top:4px!important}
  .moto-reconcile>strong{grid-column:2;width:max-content!important;margin:2px 0 0!important;padding:5px 9px!important;font-size:10px!important}

  /* Standard MotoERP tables become readable cards instead of wide desktop grids. */
  table.mobile-card-table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important}
  table.mobile-card-table tbody{display:block!important;width:100%!important}
  table.mobile-card-table .mobile-card-head{display:none!important}
  table.mobile-card-table .mobile-card-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 14px!important;width:100%!important;margin:0 0 10px!important;padding:12px!important;border:1px solid #dbe4ee!important;border-radius:13px!important;background:#fff!important;box-shadow:0 1px 1px rgba(16,24,40,.02)!important}
  table.mobile-card-table .mobile-card-row:last-child{margin-bottom:0!important}
  table.mobile-card-table .mobile-card-row>td{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:7px 0!important;border:0!important;font-size:13px!important;line-height:1.3!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important}
  table.mobile-card-table .mobile-card-row>td::before{content:attr(data-label);display:block;margin:0 0 3px!important;font-size:9px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#7b899c!important}
  table.mobile-card-table .mobile-card-row>td:empty{display:none!important}
  table.mobile-card-table .mobile-card-row>td.mobile-card-wide{grid-column:1/-1!important}
  table.mobile-card-table .mobile-card-row>td[colspan]{grid-column:1/-1!important}
  table.mobile-card-table .mobile-card-row .btn,table.mobile-card-table .mobile-card-row button{max-width:100%;white-space:normal}
  table.mobile-card-table .doc-row-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;grid-column:1/-1!important}
  table.mobile-card-table .doc-row-actions::before{width:100%}
  .tablewrap:has(table.mobile-card-table),.table-wrap:has(table.mobile-card-table){overflow:visible!important;max-width:100%!important}

  /* Purchase/VIN card uses the same reliable mobile mechanism. */
  .vin-box table.mobile-card-table.compacttable .mobile-card-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important;margin-top:8px!important}
  .vin-box table.mobile-card-table.compacttable .mobile-card-row>td{padding:6px 4px!important}

  /* Headers and actions no longer fight for horizontal space. */
  .section-head{min-width:0;max-width:100%}
  .section-head>h2,.section-head>div{min-width:0}
  .section-head .btn{white-space:normal;text-align:center}
  main{overflow-x:hidden}
}
@media(max-width:420px){
  table.mobile-card-table .mobile-card-row{grid-template-columns:1fr!important}
  table.mobile-card-table .mobile-card-row>td.mobile-card-wide,table.mobile-card-table .mobile-card-row>td[colspan]{grid-column:auto!important}
  .vin-box table.mobile-card-table.compacttable .mobile-card-row{grid-template-columns:1fr!important}
}


/* MotoERP v5.3.4 — hard mobile cleanup: no horizontal sprawl, centered status, purchase cards */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important}
  main{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  main>header,main>section,main>.section-head,main>.formcard{max-width:100%!important;min-width:0!important}

  /* Moto stock reconciliation — centered and visually separate */
  .moto-reconcile,.moto-reconcile.ok,.moto-reconcile.warn{
    width:calc(100% - 24px)!important;max-width:520px!important;margin:16px auto 4px!important;
    padding:14px 16px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;
    border-radius:14px!important;box-sizing:border-box!important;
  }
  .moto-reconcile>span{width:36px!important;height:36px!important;flex:0 0 36px!important;margin:0 auto 2px!important;font-size:19px!important}
  .moto-reconcile>div{display:block!important;width:100%!important;min-width:0!important;text-align:center!important}
  .moto-reconcile>div b{display:block!important;font-size:14px!important;line-height:1.25!important;margin:0!important}
  .moto-reconcile>div small{display:block!important;font-size:11.5px!important;line-height:1.35!important;margin:4px 0 0!important;white-space:normal!important}
  .moto-reconcile>strong{display:inline-block!important;width:auto!important;margin:4px auto 0!important;padding:5px 10px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}

  /* Purchase/calculation index: one clean document card per row. */
  .purchase-list-section{padding:10px!important;overflow:visible!important}
  .purchase-list-table{display:block!important;width:100%!important;min-width:0!important;border:0!important}
  .purchase-list-table tbody{display:block!important;width:100%!important}
  .purchase-list-table tr:first-child{display:none!important}
  .purchase-list-table tr:not(:first-child){
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px 12px!important;
    width:100%!important;min-width:0!important;margin:0 0 10px!important;padding:13px 14px!important;
    border:1px solid #dce5ef!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box!important;
  }
  .purchase-list-table td{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.25!important}
  .purchase-list-table td:nth-child(1){grid-column:1;font-size:16px!important;font-weight:800!important}
  .purchase-list-table td:nth-child(8){grid-column:2;grid-row:1;justify-self:end;align-self:start}
  .purchase-list-table td:nth-child(4){grid-column:1/-1;font-size:14px!important;font-weight:700!important;color:#203650}
  .purchase-list-table td:nth-child(2),.purchase-list-table td:nth-child(3),.purchase-list-table td:nth-child(5),.purchase-list-table td:nth-child(6),.purchase-list-table td:nth-child(7),.purchase-list-table td:nth-child(9){font-size:11px!important;color:#718198!important}
  .purchase-list-table td:nth-child(2)::before{content:'Vrsta: ';font-weight:700}
  .purchase-list-table td:nth-child(3)::before{content:'Skladište: ';font-weight:700}
  .purchase-list-table td:nth-child(5)::before{content:'Datum: ';font-weight:700}
  .purchase-list-table td:nth-child(6)::before{content:'Dospijeće: ';font-weight:700}
  .purchase-list-table td:nth-child(7)::before{content:'Ulazni dok.: ';font-weight:700}
  .purchase-list-table td:nth-child(9)::before{content:'FV: ';font-weight:700}

  /* Purchase line cards */
  .purchase-line{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
  .line-main{min-width:0!important;width:100%!important}
  .line-main>div:first-child>b{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .line-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .line-kpi span{min-width:0!important;overflow:hidden!important}
  .line-details{display:flex!important;flex-wrap:wrap!important;gap:5px 14px!important;max-width:100%!important;overflow:hidden!important}
  .line-details>*{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}

  /* VIN block — force true stacked cards, independent of JS-enhanced table classes */
  .vin-box{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
  .vin-box .section-head p{white-space:normal!important;overflow-wrap:anywhere!important}
  .vin-box .tablewrap,.vin-box .table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
  .vin-box table.compacttable{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
  .vin-box table.compacttable tbody{display:block!important;width:100%!important}
  .vin-box table.compacttable tr:first-child{display:none!important}
  .vin-box table.compacttable tr:not(:first-child){display:grid!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;padding:10px 12px!important;margin:8px 0 0!important;border:1px solid #dce5ef!important;border-radius:12px!important;box-sizing:border-box!important;background:#fff!important}
  .vin-box table.compacttable td{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;padding:6px 0!important;border:0!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .vin-box table.compacttable td::before{display:block!important;margin:0!important;font-size:9px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#7b899c!important}
  .vin-box table.compacttable td:nth-child(1)::before{content:'VIN'}
  .vin-box table.compacttable td:nth-child(2)::before{content:'Broj motora'}
  .vin-box table.compacttable td:nth-child(3)::before{content:'God. proizv.'}
  .vin-box table.compacttable td:nth-child(4)::before{content:'Boja'}
  .vin-box table.compacttable td:nth-child(5)::before{content:'Lokacija'}
  .vin-box table.compacttable td:nth-child(6)::before{content:'Dolazak'}
  .vin-box table.compacttable td:nth-child(7)::before{content:'NC'}
  .vin-box table.compacttable td:nth-child(8)::before{content:'ZT'}
  .vin-box table.compacttable td:nth-child(9)::before{content:'MPC'}
  .vin-box table.compacttable td:nth-child(10){display:block!important;text-align:right!important}
  .vin-box table.compacttable td:nth-child(10)::before{content:none!important}

  .purchase-total{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 12px!important;text-align:left!important}
  .purchase-total b{grid-column:1/-1;text-align:center!important}

  /* Generic enhanced tables get a guaranteed phone layout as fallback. */
  table.mobile-card-table{display:block!important;min-width:0!important;width:100%!important}
  table.mobile-card-table tbody{display:block!important;width:100%!important}
  table.mobile-card-table .mobile-card-head{display:none!important}
  table.mobile-card-table .mobile-card-row{display:grid!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important}
  table.mobile-card-table .mobile-card-row>td{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
}

/* MotoERP v5.3.5 — mobile-first business screens.
   Important: this release is loaded by the active index.php shell with ?v=535. */
@media screen and (max-width:760px){
  *,*::before,*::after{box-sizing:border-box}
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{font-size:14px}
  main{width:100%!important;max-width:100%!important;min-width:0!important;padding-left:14px!important;padding-right:14px!important;overflow-x:hidden!important}
  main>header{width:100%;min-width:0;gap:10px;align-items:flex-start}
  main>header h1{font-size:28px;line-height:1.08;overflow-wrap:anywhere}
  main>header>div:last-child{flex:0 0 auto;font-size:12px;padding:8px 10px}
  section,.formcard,.card,.tablewrap,.table-wrap{width:100%;max-width:100%;min-width:0}
  .tablewrap,.table-wrap{overflow:visible!important}

  /* Page titles/actions: stop competing for horizontal width. */
  .section-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;min-width:0!important}
  .section-head>div,.section-head>h2{width:100%;min-width:0;margin:0}
  .section-head h2{font-size:22px!important;line-height:1.16!important;overflow-wrap:anywhere}
  .section-head p{font-size:13px!important;line-height:1.4!important;margin:5px 0 0!important;white-space:normal!important}
  .section-head>.btn,.section-head>a.btn{align-self:stretch!important;width:100%!important;max-width:none!important;min-height:44px;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important}

  /* Generic tables -> vertical cards. JS only adds semantic labels/classes; no data changes. */
  table.mobile-card-table{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;border:0!important;background:transparent!important;table-layout:auto!important}
  table.mobile-card-table thead,table.mobile-card-table .mobile-card-head{display:none!important}
  table.mobile-card-table tbody{display:block!important;width:100%!important;max-width:100%!important}
  table.mobile-card-table tr.mobile-card-row{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 10px!important;padding:11px 13px!important;border:1px solid #d8e3ef!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}
  table.mobile-card-table tr.mobile-card-row:last-child{margin-bottom:0!important}
  table.mobile-card-table tr.mobile-card-row>td{display:grid!important;grid-template-columns:minmax(92px,34%) minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:7px 0!important;border:0!important;border-bottom:1px solid #edf1f5!important;font-size:13px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:left!important}
  table.mobile-card-table tr.mobile-card-row>td:last-child{border-bottom:0!important}
  table.mobile-card-table tr.mobile-card-row>td::before{content:attr(data-label)!important;display:block!important;min-width:0!important;margin:0!important;color:#7a899e!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:.035em!important;text-transform:uppercase!important;white-space:normal!important}
  table.mobile-card-table tr.mobile-card-row>td:empty{display:none!important}
  table.mobile-card-table tr.mobile-card-row>td.mobile-card-wide,table.mobile-card-table tr.mobile-card-row>td[colspan]{grid-template-columns:1fr!important}
  table.mobile-card-table tr.mobile-card-row>td.mobile-card-wide::before,table.mobile-card-table tr.mobile-card-row>td[colspan]::before{margin-bottom:3px!important}
  table.mobile-card-table a,table.mobile-card-table b,table.mobile-card-table span{max-width:100%;overflow-wrap:anywhere;white-space:normal}
  table.mobile-card-table .btn,table.mobile-card-table button{min-height:38px;max-width:100%;white-space:normal}

  /* Purchase list: compact document card. */
  .purchase-list-section{padding:10px!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row{grid-template-columns:1fr 1fr!important;gap:0 14px!important;padding:13px 14px!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td{display:block!important;border-bottom:0!important;padding:5px 0!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td::before{margin-bottom:2px!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(1),
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(4),
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(8){grid-column:1/-1!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(1){font-size:17px!important;font-weight:900!important;color:#15558d!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(4){font-size:14px!important;font-weight:800!important;color:#172a43!important;padding-top:8px!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(8){padding-top:8px!important}

  /* Moto lager: show VIN and article prominently, remaining data as 2-column facts. */
  .moto-list-section{padding:10px!important}
  .moto-list-table.mobile-card-table tr.mobile-card-row{grid-template-columns:1fr 1fr!important;gap:0 14px!important;padding:13px 14px!important}
  .moto-list-table.mobile-card-table tr.mobile-card-row>td{display:block!important;border-bottom:0!important;padding:5px 0!important}
  .moto-list-table.mobile-card-table tr.mobile-card-row>td::before{margin-bottom:2px!important}
  .moto-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(2),
  .moto-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(3),
  .moto-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(7){grid-column:1/-1!important}
  .moto-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(2){font-size:16px!important;font-weight:900!important}
  .moto-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(3){font-size:13px!important;font-weight:700!important;padding-bottom:8px!important}
  .moto-list-table.mobile-card-table .badge{display:inline-flex!important;width:auto!important;max-width:100%!important}

  /* VIN units inside a calculation: one compact sub-card, no horizontal table at all. */
  .vin-box{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:12px!important}
  .vin-box .section-head{gap:5px!important}
  .vin-box .section-head h3,.vin-box h3{font-size:18px!important}
  .vin-box table.mobile-card-table.compacttable tr.mobile-card-row,
  .vin-box table.compacttable.mobile-card-table tr.mobile-card-row{display:grid!important;grid-template-columns:1fr!important;padding:9px 11px!important;margin-top:8px!important;background:#fafdff!important}
  .vin-box table.mobile-card-table.compacttable tr.mobile-card-row>td,
  .vin-box table.compacttable.mobile-card-table tr.mobile-card-row>td{display:grid!important;grid-template-columns:minmax(88px,32%) minmax(0,1fr)!important;padding:6px 0!important;border-bottom:1px solid #edf1f5!important;font-size:12px!important}
  .vin-box table.mobile-card-table.compacttable tr.mobile-card-row>td:last-child{border-bottom:0!important}

  /* Calculation summary/data never force sideways scrolling. */
  .purchase-line,.line-main,.line-kpi,.line-details,.purchase-total{width:100%!important;max-width:100%!important;min-width:0!important}
  .line-kpi{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .line-kpi>*{min-width:0!important}
  .line-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 12px!important;overflow:visible!important}
  .line-details>*{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .purchase-total{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px 12px!important;padding:11px 12px!important}
  .purchase-total b{grid-column:1/-1!important;text-align:center!important}

  /* Dashboard reconciliation: centered compact status card. */
  .moto-reconcile,.moto-reconcile.ok,.moto-reconcile.warn{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;width:calc(100% - 12px)!important;max-width:520px!important;margin:14px auto 2px!important;padding:13px 14px!important;gap:8px 10px!important;align-items:center!important;text-align:left!important}
  .moto-reconcile>span{grid-row:1/3!important;width:36px!important;height:36px!important;margin:0!important;align-self:center!important}
  .moto-reconcile>div{grid-column:2!important;width:auto!important;text-align:left!important}
  .moto-reconcile>div b{display:block!important;font-size:13px!important;line-height:1.25!important}
  .moto-reconcile>div small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.35!important}
  .moto-reconcile>strong{grid-column:2!important;width:max-content!important;max-width:100%!important;margin:1px 0 0!important;padding:4px 8px!important;font-size:9px!important}
}

@media screen and (max-width:390px){
  main{padding-left:10px!important;padding-right:10px!important}
  .line-kpi,.line-details,.purchase-total{grid-template-columns:1fr!important}
  .purchase-total b{grid-column:auto!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row,
  .moto-list-table.mobile-card-table tr.mobile-card-row{grid-template-columns:1fr!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td,
  .moto-list-table.mobile-card-table tr.mobile-card-row>td{grid-column:auto!important}
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(1),
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(4),
  .purchase-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(8),
  .moto-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(2),
  .moto-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(3),
  .moto-list-table.mobile-card-table tr.mobile-card-row>td:nth-child(7){grid-column:auto!important}
}
/* v5.3.7 — retail reports */
.rr-menu-head{margin-bottom:14px}.rr-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rr-menu-item{display:flex;flex-direction:column;gap:7px;padding:17px 18px;border:1px solid #dbe5f0;border-radius:16px;background:#fff;text-decoration:none;color:#10233f;min-height:112px}.rr-menu-item span{font-size:16px;font-weight:800}.rr-menu-item small{color:#71829a;line-height:1.35}.rr-menu-item b{margin-top:auto;color:#1c62ab;font-size:13px}.rr-head{display:flex;justify-content:space-between;align-items:flex-start}.rr-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#4977a7}.rr-filter{margin-top:12px}.rr-filter .formgrid{grid-template-columns:180px 180px 1fr;align-items:end}.rr-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.rr-result{margin-top:12px}.rr-table .num{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:780px){.rr-menu{grid-template-columns:1fr}.rr-menu-item{min-height:0}.rr-filter .formgrid{grid-template-columns:1fr 1fr}.rr-filter-actions{grid-column:1/-1}.rr-result .tablewrap{overflow:visible}.rr-result table,.rr-result thead,.rr-result tbody,.rr-result tr,.rr-result td{display:block;width:100%}.rr-result thead{display:none}.rr-result tr{border:1px solid #dbe5f0;border-radius:14px;padding:10px 12px;margin-bottom:10px;background:#fff}.rr-result td{display:grid;grid-template-columns:minmax(115px,42%) 1fr;gap:8px;padding:7px 0;border:0;border-bottom:1px solid #edf2f7;text-align:left!important}.rr-result td:last-child{border-bottom:0}.rr-result td:before{content:attr(data-label);font-size:12px;font-weight:800;color:#71829a;text-transform:uppercase;letter-spacing:.03em}}
@media print{.app-sidebar,.rr-filter,header{display:none!important}main{margin:0!important;padding:0!important}.rr-menu{display:none}.rr-result{border:0;box-shadow:none}.rr-result table{font-size:11px}}

/* v5.3.8 finalna MPC */
.final-price-inline{display:flex;align-items:center;gap:6px;margin:0}.final-price-inline input{width:125px;min-width:100px;padding:7px 9px;font-weight:800}.final-price-inline button{min-width:38px;padding:7px 10px}@media(max-width:700px){.final-price-inline input{width:105px}.final-price-inline{min-width:150px}}

.pos39-price-edit{display:flex;align-items:flex-end;gap:5px;margin-bottom:4px}.pos39-price-edit label{font-size:10px;font-weight:800;color:#6b7a90;text-align:left}.pos39-price-edit input{display:block;width:105px;padding:5px 7px;border:1px solid #cbd6e4;border-radius:7px;font-weight:800}.pos39-price-edit button{padding:6px 8px;border-radius:7px}


/* v5.3.9 — granular user permissions */
.user-permissions{border:1px solid var(--line);border-radius:14px;padding:16px;background:#f8fafc}.permission-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.permission-head h3{margin:0 0 4px}.permission-group{border:1px solid #d9e3ef;border-radius:12px;padding:12px;margin:10px 0;background:#fff}.permission-group legend{padding:0 8px;font-weight:800;color:#244b75}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}.permission-check{display:flex!important;align-items:center;gap:8px;min-height:34px;margin:0!important;font-weight:600}.permission-check input{width:18px!important;height:18px!important;min-width:18px}.permission-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#eef6ff;color:#35506d;font-size:12px}
@media(max-width:900px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.permission-head{flex-direction:column}.permission-grid{grid-template-columns:1fr}.user-permissions{padding:12px}.permission-group{padding:10px}.permission-check{min-height:42px}}

/* v5.4.1 — Kalkulacija: A4 okomiti pregled i ispis */
.calc-calc{
  box-sizing:border-box;
  width:min(100%,210mm);
  max-width:210mm;
  margin:0 auto;
  overflow:visible;
}
.calc-calc .calc-table{font-size:7.2px;table-layout:fixed}
.calc-calc .calc-table th,.calc-calc .calc-table td{padding:4px 1.5px;overflow-wrap:anywhere}
.calc-calc .calc-table th:nth-child(1){width:2.8%}
.calc-calc .calc-table th:nth-child(2){width:5.5%}
.calc-calc .calc-table th:nth-child(3){width:15.5%}
.calc-calc .calc-table th:nth-child(4){width:3.3%}
.calc-calc .calc-table th:nth-child(5){width:4.8%}
@media print{
  @page{size:A4 portrait;margin:7mm}
  .calc-calc{
    width:196mm!important;
    max-width:196mm!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
  }
  .calc-calc h1{font-size:12pt!important;margin:5mm 0 4mm!important}
  .calc-calc .calc-company{font-size:7.2pt!important;min-height:11mm!important}
  .calc-calc .calc-meta{grid-template-columns:1fr 52mm!important;gap:5mm!important;margin-bottom:2.5mm!important}
  .calc-calc .calc-left{font-size:7.1pt!important}
  .calc-calc .calc-left div{grid-template-columns:26mm 1fr!important}
  .calc-calc .calc-supplier{width:50mm!important;min-height:16mm!important;font-size:6.8pt!important;padding:1.5mm!important}
  .calc-calc .calc-table{width:100%!important;font-size:4.7pt!important;table-layout:fixed!important}
  .calc-calc .calc-table th{font-size:4.4pt!important;padding:1mm .3mm!important;line-height:1.02!important;white-space:normal!important}
  .calc-calc .calc-table td{font-size:4.7pt!important;padding:1.05mm .3mm!important;line-height:1.05!important}
  .calc-calc .calc-table tr{break-inside:avoid!important}
  .calc-calc .calc-vin{font-size:4.2pt!important;line-height:1.1!important;margin-top:.6mm!important}
  .calc-calc .calc-signatures{max-width:145mm!important;margin:13mm 10mm 0!important}
  .calc-calc .calc-signatures>div{width:48mm!important;font-size:7pt!important}
  .calc-calc .calc-generated{font-size:5.8pt!important;margin-top:4mm!important}
}

/* v5.4.2 — Kalkulacija: A4 vodoravni (landscape) pregled i ispis */
.calc-calc{
  box-sizing:border-box;
  width:min(100%,297mm);
  max-width:297mm;
  margin:0 auto;
  overflow:visible;
}
.calc-calc .calc-table{font-size:8px;table-layout:fixed}
.calc-calc .calc-table th,.calc-calc .calc-table td{padding:4px 2px;overflow-wrap:anywhere}
@media print{
  @page{size:A4 landscape;margin:7mm}
  .calc-calc{
    width:283mm!important;
    max-width:283mm!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
  }
  .calc-calc h1{font-size:14pt!important;margin:6mm 0 5mm!important}
  .calc-calc .calc-company{font-size:8pt!important;min-height:14mm!important}
  .calc-calc .calc-meta{grid-template-columns:1fr 58mm!important;gap:8mm!important;margin-bottom:3mm!important}
  .calc-calc .calc-left{font-size:8pt!important}
  .calc-calc .calc-left div{grid-template-columns:30mm 1fr!important}
  .calc-calc .calc-supplier{width:55mm!important;min-height:18mm!important;font-size:7.5pt!important;padding:2mm!important}
  .calc-calc .calc-table{width:100%!important;font-size:6.2pt!important;table-layout:fixed!important}
  .calc-calc .calc-table th{font-size:5.8pt!important;padding:1.1mm .55mm!important;line-height:1.08!important;white-space:normal!important}
  .calc-calc .calc-table td{font-size:6.2pt!important;padding:1.1mm .55mm!important;line-height:1.08!important}
  .calc-calc .calc-table tr{break-inside:avoid!important}
  .calc-calc .calc-vin{font-size:5.5pt!important;line-height:1.12!important;margin-top:.7mm!important}
  .calc-calc .calc-signatures{max-width:235mm!important;margin:15mm 12mm 0!important}
  .calc-calc .calc-signatures>div{width:58mm!important;font-size:7.5pt!important}
  .calc-calc .calc-generated{font-size:6pt!important;margin-top:5mm!important}
}

/* v5.4.3 — Kalkulacija: usklađen A4 landscape izgled */
.calc-calc-v543{
  width:min(100%,297mm);
  max-width:297mm;
  padding:14px 18px 24px;
  background:#fff;
  color:#000;
  border:1px solid #d8dee8;
  border-radius:0;
  box-shadow:none;
  font-family:Arial,Helvetica,sans-serif;
}
.calc-calc-v543 .calc-page-topline{border-top:1px solid #111;height:7px;margin:0 0 0}
.calc-calc-v543 .calc-company{font-size:11px;line-height:1.5;min-height:48px}
.calc-calc-v543 .calc-company b{font-weight:400}
.calc-calc-v543 h1{font-size:20px;line-height:1.1;margin:18px 0 20px;font-weight:700}
.calc-calc-v543 .calc-meta{display:grid;grid-template-columns:minmax(420px,1fr) 245px;gap:34px;align-items:end;margin-bottom:9px}
.calc-calc-v543 .calc-left{font-size:11px;line-height:1.45}
.calc-calc-v543 .calc-left div{display:grid;grid-template-columns:94px 1fr;margin:4px 0}
.calc-calc-v543 .calc-left b{font-weight:400}
.calc-calc-v543 .calc-supplier{justify-self:end;width:230px;min-height:67px;border:1px solid #111;padding:5px 7px;font-size:10px;line-height:1.35}
.calc-calc-v543 .calc-supplier b{font-weight:400}
.calc-calc-v543 .calc-table{width:100%;border-collapse:collapse;table-layout:fixed;border-top:1px solid #111;border-bottom:0;font-size:8px}
.calc-calc-v543 .calc-table th{font-size:7.7px;font-weight:700;line-height:1.05;padding:4px 2px 5px;border-top:0;border-bottom:1px solid #111;text-align:center;vertical-align:bottom;white-space:normal!important;overflow-wrap:normal!important}
.calc-calc-v543 .calc-table th:nth-child(-n+4){text-align:left}
.calc-calc-v543 .calc-table td{font-size:8px;line-height:1.12;padding:4px 2px;border-bottom:0;text-align:right;vertical-align:top}
.calc-calc-v543 .calc-table tbody tr:not(.total):last-of-type td{border-bottom:1px solid #111}
.calc-calc-v543 .calc-table td:nth-child(-n+4){text-align:left}
.calc-calc-v543 .calc-table td.name{line-height:1.14}
.calc-calc-v543 .calc-table .total td{border-top:1px solid #111;border-bottom:0;font-weight:700;padding-top:5px}
.calc-calc-v543 .calc-signatures{display:flex;justify-content:space-between;width:auto;max-width:none;margin:78px 55px 0 55px}
.calc-calc-v543 .calc-signatures>div{width:135px;text-align:center;font-size:10px}
.calc-calc-v543 .calc-signatures span{display:block;border-top:1px solid #111;margin-bottom:5px}
.calc-calc-v543 .calc-generated{text-align:right;font-size:7px;margin-top:22px}
@media print{
  @page{size:A4 landscape;margin:6mm}
  .calc-calc-v543{width:285mm!important;max-width:285mm!important;padding:0!important;margin:0 auto!important;border:0!important}
  .calc-calc-v543 .calc-page-topline{height:2mm!important}
  .calc-calc-v543 .calc-company{font-size:7.5pt!important;line-height:1.45!important;min-height:12mm!important}
  .calc-calc-v543 h1{font-size:13.5pt!important;margin:5mm 0 5mm!important}
  .calc-calc-v543 .calc-meta{grid-template-columns:1fr 55mm!important;gap:8mm!important;align-items:end!important;margin-bottom:2.5mm!important}
  .calc-calc-v543 .calc-left{font-size:7.4pt!important;line-height:1.4!important}
  .calc-calc-v543 .calc-left div{grid-template-columns:25mm 1fr!important;margin:1mm 0!important}
  .calc-calc-v543 .calc-supplier{width:53mm!important;min-height:17mm!important;padding:1.5mm!important;font-size:6.8pt!important;line-height:1.3!important}
  .calc-calc-v543 .calc-table{font-size:5.95pt!important;table-layout:fixed!important}
  .calc-calc-v543 .calc-table th{font-size:5.7pt!important;line-height:1.02!important;padding:1.1mm .45mm!important}
  .calc-calc-v543 .calc-table td{font-size:5.95pt!important;line-height:1.08!important;padding:1.05mm .45mm!important}
  .calc-calc-v543 .calc-table tr{break-inside:avoid!important}
  .calc-calc-v543 .calc-vin{font-size:5.1pt!important;line-height:1.1!important;margin-top:.55mm!important}
  .calc-calc-v543 .calc-signatures{margin:25mm 14mm 0!important}
  .calc-calc-v543 .calc-signatures>div{width:34mm!important;font-size:7pt!important}
  .calc-calc-v543 .calc-generated{font-size:5.5pt!important;margin-top:5mm!important}
}


/* v5.4.4 — Kalkulacija: naziv PDF-a prati broj dokumenta + puni prikaz zadnje PDV kolone */
.calc-calc-v544{max-width:295mm}
.calc-calc-v544 .calc-table{width:99.2%;margin-right:auto}
.calc-calc-v544 .calc-table col.c1{width:2.2%}
.calc-calc-v544 .calc-table col.c2{width:4.8%}
.calc-calc-v544 .calc-table col.c3{width:16.8%}
.calc-calc-v544 .calc-table col.c4{width:3.3%}
.calc-calc-v544 .calc-table col.c5{width:4.4%}
.calc-calc-v544 .calc-table col.c6{width:6%}
.calc-calc-v544 .calc-table col.c7{width:6%}
.calc-calc-v544 .calc-table col.c8{width:4%}
.calc-calc-v544 .calc-table col.c9{width:5.3%}
.calc-calc-v544 .calc-table col.c10{width:4.5%}
.calc-calc-v544 .calc-table col.c11{width:6.2%}
.calc-calc-v544 .calc-table col.c12{width:4.2%}
.calc-calc-v544 .calc-table col.c13{width:5.3%}
.calc-calc-v544 .calc-table col.c14{width:5.3%}
.calc-calc-v544 .calc-table col.c15{width:5.1%}
.calc-calc-v544 .calc-table col.c16{width:5.8%}
.calc-calc-v544 .calc-table col.c17{width:5.4%}
.calc-calc-v544 .calc-table col.c18{width:3.4%}
.calc-calc-v544 .calc-table th:last-child,
.calc-calc-v544 .calc-table td:last-child{padding-right:3px!important;text-align:center!important;white-space:nowrap!important}
@media print{
  @page{size:A4 landscape;margin:7mm}
  .calc-calc-v544{width:281mm!important;max-width:281mm!important;margin:0 auto!important}
  .calc-calc-v544 .calc-table{width:100%!important;margin:0!important}
  .calc-calc-v544 .calc-table th{font-size:5.45pt!important;padding:1mm .35mm!important}
  .calc-calc-v544 .calc-table td{font-size:5.75pt!important;padding:1mm .35mm!important}
  .calc-calc-v544 .calc-table th:last-child,
  .calc-calc-v544 .calc-table td:last-child{padding-left:.2mm!important;padding-right:.2mm!important}
}

/* MotoERP v5.4.5 — kalkulacija: siguran zatvoren okvir dobavljača */
.calc-calc-v544 .calc-supplier{box-sizing:border-box!important;border:1px solid #222!important;max-width:100%!important}
@media print{
  .calc-calc-v544 .calc-meta{grid-template-columns:minmax(0,1fr) 56mm!important;column-gap:7mm!important}
  .calc-calc-v544 .calc-supplier{width:53mm!important;min-width:0!important;justify-self:end!important;margin-right:2mm!important;border:1px solid #111!important;box-sizing:border-box!important}
}

/* v5.4.8 end-of-day workflow */
.endday-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.endday-step{margin:0}.endday-step p{min-height:48px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.kpi{border:1px solid #d9e2ee;border-radius:12px;padding:14px;background:#fff}.kpi small{display:block;color:#64748b}.kpi b{display:block;font-size:22px;margin-top:4px}@media(max-width:1000px){.endday-steps{grid-template-columns:1fr}.endday-step p{min-height:0}.grid3{grid-template-columns:1fr}}


/* v5.4.9 — always-visible mobile logout + home logos */
.brand-home{color:inherit;text-decoration:none;position:relative;min-width:0;flex:1}
.mobile-logout{display:none}
.aqmc-dashboard-logo{text-decoration:none;color:#fff;cursor:pointer}
.pos39-brand-home{text-decoration:none;color:inherit;cursor:pointer}
@media(max-width:760px){
  .sidebar-top{position:relative;padding-right:78px}
  .mobile-logout{display:flex;position:absolute;right:4px;top:7px;height:38px;align-items:center;justify-content:center;padding:0 12px;border-radius:9px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:12px;font-weight:800;z-index:5}
  .mobile-logout:active{background:rgba(255,255,255,.18)}
}

/* v5.5.4 — povezivanje već postojećeg VIN-a u kalkulaciji */
.vin-modal .divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#718096;font-size:12px;font-weight:700}
.vin-modal .divider:before,.vin-modal .divider:after{content:"";height:1px;background:#dbe3ec;flex:1}


/* v5.5.5 — kalkulacija: jasna live pretraga artikla po šifri i nazivu */
.purchase-item-entry,.purchase-item-grid,.purchase-item-grid .field-lookup{overflow:visible!important}
.purchase-item-grid .field-lookup .erp-ac-wrap{position:relative;z-index:1600}
.purchase-item-grid .field-lookup .erp-ac-box{left:0;right:auto;width:min(620px,70vw);max-height:390px;z-index:5000;border-color:#b8c7d9;box-shadow:0 20px 55px rgba(15,39,66,.24)}
.purchase-item-grid .field-lookup .erp-ac-item{padding:11px 13px}
.purchase-item-grid .field-lookup .erp-ac-item b{font-size:14px}
.purchase-item-grid .field-lookup .erp-ac-item small{font-size:11.5px}
@media(max-width:760px){.purchase-item-grid .field-lookup .erp-ac-box{width:min(94vw,620px)}}


/* v5.5.8 — Moto-Bike Excel import */
.motobike-import-card{border:1px solid #bfd8c8;background:#f4fbf6}.motobike-import-card .inlineform{align-items:center;gap:10px;flex-wrap:wrap}.motobike-import-card input[type=file]{min-width:280px;max-width:520px}.import-map{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.import-map span{background:#fff;border:1px solid #d9e6dd;border-radius:9px;padding:7px 10px;font-size:12px}.motobike-import-card .badge{background:#e8f6ec;color:#166534}
@media(max-width:700px){.motobike-import-card input[type=file]{min-width:0;width:100%}.motobike-import-card .inlineform .btn{width:100%}.import-map span{width:100%}}


/* MotoERP v5.6.31 — final A4 sales print hard reset.
   The browser preview and physical A4 print now use the same natural document flow.
   Removes the old flex/min-height footer forcing that could push the item table to page 2/3. */
@media print{
 @page{size:A4 portrait;margin:8mm 9mm!important}
 html,body{width:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important}
 body{display:block!important}
 .app-sidebar,.app-header,.print-toolbar,.no-print,aside{display:none!important}
 .app-main,main,.page-content{display:block!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
 .sales-print-v238{
   display:block!important;
   width:192mm!important;max-width:192mm!important;min-width:0!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   margin:0 auto!important;padding:0!important;
   border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
 }
 .sales-print-v238 header.sp238-head,
 .sp238-fiscal,.sp238-meta,.sp238-table-wrap,.sp238-summary,.sp238-lower,.sp238-tax,.sp238-cips,.sp238-foot,.sp238-generated{
   position:static!important;float:none!important;transform:none!important;
   break-before:auto!important;page-break-before:auto!important;
   break-after:auto!important;page-break-after:auto!important;
 }
 .sales-print-v238 header.sp238-head{display:grid!important;grid-template-columns:minmax(0,1fr) 50mm!important;gap:6mm!important;padding:0 0 2.8mm!important;margin:0!important;break-inside:avoid!important}
 .sp238-fiscal{margin:2mm 0!important;padding:2mm 3mm!important;border-width:1px!important;break-inside:avoid!important}
 .sp238-meta{display:grid!important;grid-template-columns:49% 51%!important;gap:3mm!important;margin:3mm 0!important;break-inside:avoid!important}
 .sp238-card{min-height:0!important;padding:2.2mm 3mm!important;font-size:7.8pt!important;line-height:1.28!important}
 .sp238-table-wrap{display:block!important;width:100%!important;margin:0!important;overflow:visible!important;break-inside:auto!important;page-break-inside:auto!important}
 .sp238-table{display:table!important;width:100%!important;table-layout:fixed!important;margin:0!important;font-size:7pt!important}
 .sp238-table thead{display:table-header-group!important}
 .sp238-table tbody{display:table-row-group!important}
 .sp238-table tr{display:table-row!important;break-inside:avoid!important;page-break-inside:avoid!important}
 .sp238-table th{font-size:5.9pt!important;padding:1.35mm .6mm!important;line-height:1.05!important}
 .sp238-table td{font-size:6.9pt!important;padding:1.45mm .6mm!important;line-height:1.12!important}
 .sp238-table .desc strong{font-size:7.05pt!important}.sp238-table .desc small{font-size:5.8pt!important}
 .sp238-summary{display:grid!important;grid-template-columns:minmax(0,1fr) 68mm!important;gap:3mm!important;margin:3mm 0 0!important;break-inside:avoid!important}
 .sp238-note,.sp238-totals{min-height:0!important;padding:2.1mm 3mm!important}
 .sp238-totals>div{padding:1.15mm .3mm!important;font-size:7.35pt!important}
 .sp238-totals .grand{padding:1.5mm .5mm!important;font-size:8.8pt!important}.sp238-totals .grand b{font-size:10pt!important}
 .sp238-lower{display:block!important;margin:3mm 0 0!important;break-inside:auto!important;page-break-inside:auto!important}
 .sp238-lower .sp238-tax{display:block!important;width:88mm!important;max-width:88mm!important;margin:0!important;padding:2mm 3mm!important;break-inside:avoid!important}
 .sp238-pics{display:none!important}
 .sp238-cips{margin-top:3mm!important;break-inside:avoid!important}
 .sp238-foot{
   display:flex!important;justify-content:flex-start!important;align-items:flex-end!important;
   width:auto!important;height:auto!important;min-height:0!important;
   margin:7mm 14mm 0!important;padding:4mm 0 0!important;border-top:0!important;
   break-inside:avoid!important;page-break-inside:avoid!important;
 }
 .sp238-sign{width:58mm!important;min-height:0!important;height:auto!important}
 .sp238-sign span{margin-bottom:5mm!important}.sp238-sign i{width:52mm!important}
 .sp238-generated{display:block!important;height:auto!important;min-height:0!important;margin:3mm 0 0!important;padding:1.5mm 0 0!important;break-inside:avoid!important}
}

/* MotoERP v5.6.33 — A4 sales print: force real table layout in print.
   Some generic responsive rules can classify the sales table as a mobile card table
   at the print viewport width. That turns every TD into a block/card and pushes the
   first line item to page 2. This reset is intentionally last in the stylesheet. */
@media print{
  .sales-print-v238 .sp238-table,
  .sales-print-v238 table.sp238-table.mobile-card-table{
    display:table!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    background:#fff!important;
  }
  .sales-print-v238 .sp238-table colgroup{display:table-column-group!important}
  .sales-print-v238 .sp238-table col{display:table-column!important}
  .sales-print-v238 .sp238-table thead,
  .sales-print-v238 table.sp238-table.mobile-card-table thead{
    display:table-header-group!important;
  }
  .sales-print-v238 .sp238-table tbody,
  .sales-print-v238 table.sp238-table.mobile-card-table tbody{
    display:table-row-group!important;
    width:auto!important;
    max-width:none!important;
  }
  .sales-print-v238 .sp238-table tr,
  .sales-print-v238 .sp238-table tr.mobile-card-row,
  .sales-print-v238 table.sp238-table.mobile-card-table tr.mobile-card-row{
    display:table-row!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .sales-print-v238 .sp238-table th,
  .sales-print-v238 .sp238-table td,
  .sales-print-v238 .sp238-table tr.mobile-card-row>td,
  .sales-print-v238 table.sp238-table.mobile-card-table tr.mobile-card-row>td{
    display:table-cell!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    grid-template-columns:none!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    vertical-align:middle!important;
    border-left:0!important;
    border-right:0!important;
  }
  .sales-print-v238 .sp238-table th.num,
  .sales-print-v238 .sp238-table td.num{white-space:nowrap!important;text-align:right!important}
  .sales-print-v238 .sp238-table th.ctr,
  .sales-print-v238 .sp238-table td.ctr{text-align:center!important}
  .sales-print-v238 .sp238-table th:nth-child(2),
  .sales-print-v238 .sp238-table td:nth-child(2),
  .sales-print-v238 .sp238-table th:nth-child(3),
  .sales-print-v238 .sp238-table td:nth-child(3){text-align:left!important}
  .sales-print-v238 .sp238-table td::before,
  .sales-print-v238 .sp238-table th::before,
  .sales-print-v238 table.sp238-table.mobile-card-table tr.mobile-card-row>td::before{
    content:none!important;
    display:none!important;
  }
  .sales-print-v238 .sp238-table tr.mobile-card-row>td:empty{display:table-cell!important}
}


/* MotoERP v5.6.35 — compact PDV recap in A4 print. */
@media print{
 .sales-print-v238 .sp238-tax{display:block!important;width:100%!important;max-width:100%!important;margin:3mm 0 0!important;padding:2mm 3mm!important;break-inside:avoid!important;page-break-inside:avoid!important}
 .sales-print-v238 .sp238-tax table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:6.6pt!important}
 .sales-print-v238 .sp238-tax thead{display:table-header-group!important}
 .sales-print-v238 .sp238-tax tbody{display:table-row-group!important}
 .sales-print-v238 .sp238-tax tr{display:table-row!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
 .sales-print-v238 .sp238-tax th,.sales-print-v238 .sp238-tax td{display:table-cell!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:1.1mm 1mm!important;font-size:6.6pt!important;line-height:1.1!important;white-space:nowrap!important}
 .sales-print-v238 .sp238-tax th::before,.sales-print-v238 .sp238-tax td::before{content:none!important;display:none!important}
}


/* v5.6.44 — Primka-kalkulacija: dosljedno centriranje zaglavlja i vrijednosti po kolonama */
.calc-calc-v5644 .calc-table th,
.calc-calc-v5644 .calc-table td{
  text-align:center!important;
  vertical-align:middle!important;
}
.calc-calc-v5644 .calc-table th:nth-child(3),
.calc-calc-v5644 .calc-table td:nth-child(3),
.calc-calc-v5644 .calc-table td.name{
  text-align:left!important;
}
.calc-calc-v5644 .calc-table th:nth-child(1),
.calc-calc-v5644 .calc-table td:nth-child(1),
.calc-calc-v5644 .calc-table th:nth-child(2),
.calc-calc-v5644 .calc-table td:nth-child(2),
.calc-calc-v5644 .calc-table th:nth-child(4),
.calc-calc-v5644 .calc-table td:nth-child(4){
  text-align:center!important;
}
.calc-calc-v5644 .calc-table .total td{
  text-align:center!important;
  vertical-align:middle!important;
}
.calc-calc-v5644 .calc-table .total td:first-child{
  text-align:left!important;
}
@media print{
  .calc-calc-v5644 .calc-table th,
  .calc-calc-v5644 .calc-table td{
    text-align:center!important;
    vertical-align:middle!important;
  }
  .calc-calc-v5644 .calc-table th:nth-child(3),
  .calc-calc-v5644 .calc-table td:nth-child(3),
  .calc-calc-v5644 .calc-table td.name{
    text-align:left!important;
  }
  .calc-calc-v5644 .calc-table .total td:first-child{
    text-align:left!important;
  }
}


/* v5.6.45 — Primka-kalkulacija: stvarno centriranje sadržaja unutar svake kolone */
.calc-calc-v5645 .calc-table th,
.calc-calc-v5645 .calc-table td{
  text-align:center!important;
  vertical-align:middle!important;
}
.calc-calc-v5645 .calc-table .calc-cell{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
.calc-calc-v5645 .calc-table .calc-cell-left{
  text-align:left!important;
}
.calc-calc-v5645 .calc-table th:nth-child(3),
.calc-calc-v5645 .calc-table td:nth-child(3),
.calc-calc-v5645 .calc-table td.name{
  text-align:left!important;
}
.calc-calc-v5645 .calc-table col{box-sizing:border-box!important}
@media print{
  .calc-calc-v5645 .calc-table th,
  .calc-calc-v5645 .calc-table td{
    text-align:center!important;
    vertical-align:middle!important;
  }
  .calc-calc-v5645 .calc-table .calc-cell{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-variant-numeric:tabular-nums!important;
  }
  .calc-calc-v5645 .calc-table .calc-cell-left{text-align:left!important}
}


/* v5.6.46 — Primka-kalkulacija: fiksna geometrija 18 kolona i optičko centriranje */
.calc-calc-v5646 .calc-table{
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.calc-calc-v5646 .calc-table th,
.calc-calc-v5646 .calc-table td{
  box-sizing:border-box!important;
  text-align:center!important;
  vertical-align:middle!important;
  padding-left:0!important;
  padding-right:0!important;
}
.calc-calc-v5646 .calc-table th .calc-cell,
.calc-calc-v5646 .calc-table td .calc-cell{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 .35mm!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
.calc-calc-v5646 .calc-table th:nth-child(3),
.calc-calc-v5646 .calc-table td:nth-child(3),
.calc-calc-v5646 .calc-table td.name{
  text-align:left!important;
}
.calc-calc-v5646 .calc-table th:nth-child(3) .calc-cell,
.calc-calc-v5646 .calc-table td:nth-child(3) .calc-cell,
.calc-calc-v5646 .calc-table td.name .calc-cell,
.calc-calc-v5646 .calc-table .calc-cell-left{
  justify-content:flex-start!important;
  text-align:left!important;
  padding-left:.55mm!important;
  padding-right:.35mm!important;
}
.calc-calc-v5646 .calc-table .total td{
  text-align:center!important;
  vertical-align:middle!important;
}
.calc-calc-v5646 .calc-table .total td:first-child{
  text-align:left!important;
  padding-left:.55mm!important;
}
@media print{
  .calc-calc-v5646 .calc-table th,
  .calc-calc-v5646 .calc-table td{
    padding-left:0!important;
    padding-right:0!important;
    text-align:center!important;
    vertical-align:middle!important;
  }
  .calc-calc-v5646 .calc-table th .calc-cell,
  .calc-calc-v5646 .calc-table td .calc-cell{
    display:flex!important;
    width:100%!important;
    align-items:center!important;
    justify-content:center!important;
    padding-left:.25mm!important;
    padding-right:.25mm!important;
    text-align:center!important;
  }
  .calc-calc-v5646 .calc-table th:nth-child(3) .calc-cell,
  .calc-calc-v5646 .calc-table td:nth-child(3) .calc-cell,
  .calc-calc-v5646 .calc-table td.name .calc-cell,
  .calc-calc-v5646 .calc-table .calc-cell-left{
    justify-content:flex-start!important;
    text-align:left!important;
    padding-left:.45mm!important;
  }
}

/* v5.6.47 — Primka-kalkulacija: zajednička CSS Grid geometrija za zaglavlje i sve retke */
.calc-calc-v5647 .calc-table{
  display:block!important;
  width:100%!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-top:1px solid #111!important;
  border-bottom:0!important;
}
.calc-calc-v5647 .calc-table colgroup{display:none!important}
.calc-calc-v5647 .calc-table thead,
.calc-calc-v5647 .calc-table tbody{
  display:block!important;
  width:100%!important;
}
.calc-calc-v5647 .calc-table tr{
  display:grid!important;
  grid-template-columns:3.109fr 5.181fr 19.689fr 3.627fr 4.663fr 5.699fr 5.181fr 4.145fr 5.181fr 4.145fr 5.699fr 4.145fr 5.181fr 5.181fr 5.181fr 5.699fr 4.663fr 3.627fr!important;
  width:100%!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
.calc-calc-v5647 .calc-table th,
.calc-calc-v5647 .calc-table td{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:4px 1px!important;
  text-align:center!important;
  vertical-align:middle!important;
}
.calc-calc-v5647 .calc-table th{
  border-bottom:1px solid #111!important;
}
.calc-calc-v5647 .calc-table th .calc-cell,
.calc-calc-v5647 .calc-table td .calc-cell{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  text-align:center!important;
  line-height:1.08!important;
}
.calc-calc-v5647 .calc-table th:nth-child(3),
.calc-calc-v5647 .calc-table td:nth-child(3),
.calc-calc-v5647 .calc-table td.name{
  justify-content:flex-start!important;
  text-align:left!important;
}
.calc-calc-v5647 .calc-table th:nth-child(3) .calc-cell,
.calc-calc-v5647 .calc-table td:nth-child(3) .calc-cell,
.calc-calc-v5647 .calc-table td.name .calc-cell,
.calc-calc-v5647 .calc-table .calc-cell-left{
  text-align:left!important;
  padding-left:1px!important;
}
.calc-calc-v5647 .calc-table tbody tr:not(.total):last-of-type td{
  border-bottom:1px solid #111!important;
}
.calc-calc-v5647 .calc-table tr.total td{
  border-top:0!important;
  font-weight:700!important;
}
.calc-calc-v5647 .calc-table tr.total td:first-child{
  grid-column:1 / span 4!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding-left:1px!important;
}
@media print{
  .calc-calc-v5647 .calc-table tr{
    grid-template-columns:3.109fr 5.181fr 19.689fr 3.627fr 4.663fr 5.699fr 5.181fr 4.145fr 5.181fr 4.145fr 5.699fr 4.145fr 5.181fr 5.181fr 5.181fr 5.699fr 4.663fr 3.627fr!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .calc-calc-v5647 .calc-table th,
  .calc-calc-v5647 .calc-table td{
    padding:1mm .25mm!important;
    text-align:center!important;
    justify-content:center!important;
  }
  .calc-calc-v5647 .calc-table th .calc-cell,
  .calc-calc-v5647 .calc-table td .calc-cell{
    padding:0!important;
    text-align:center!important;
  }
  .calc-calc-v5647 .calc-table th:nth-child(3),
  .calc-calc-v5647 .calc-table td:nth-child(3),
  .calc-calc-v5647 .calc-table td.name{
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .calc-calc-v5647 .calc-table th:nth-child(3) .calc-cell,
  .calc-calc-v5647 .calc-table td:nth-child(3) .calc-cell,
  .calc-calc-v5647 .calc-table td.name .calc-cell,
  .calc-calc-v5647 .calc-table .calc-cell-left{
    text-align:left!important;
  }
}


/* v5.6.54 — Ponuda / prodajni dokument: čišći A4 ispis.
   Na papiru/PDF-u ne ponavljamo PDV rekapitulaciju jer su osnovica i PDV već
   jasno prikazani u završnom bloku. Umjesto duplog PDV bloka zadržavamo
   artikle/slike iz pregleda kako bi ispis vizualno pratio web pregled. */
@media print{
  .sales-print-v238 .sp238-tax{
    display:none!important;
  }
  .sales-print-v238 .sp238-pics{
    display:block!important;
    margin-top:4mm!important;
    padding:0!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .sales-print-v238 .sp238-pics>div{
    display:flex!important;
    gap:8mm!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
  }
  .sales-print-v238 .sp238-pics figure{
    width:42mm!important;
    max-width:42mm!important;
    margin:0!important;
    text-align:center!important;
  }
  .sales-print-v238 .sp238-pics img{
    display:block!important;
    width:auto!important;
    max-width:35mm!important;
    height:28mm!important;
    object-fit:contain!important;
    margin:0 auto 2mm!important;
  }
  .sales-print-v238 .sp238-pics figcaption{
    font-size:6.7pt!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  .sales-print-v238 .sp238-pics h3{
    font-size:6.6pt!important;
    margin:0 0 2mm!important;
  }
}


/* MotoERP v5.6.62 — A4 računi: finalni raspored identičan odobrenom uzorku. */
.sales-print-v238{font-family:Arial,Helvetica,sans-serif;color:#0a1020;background:#fff}
.sales-print-v238 .sp238-totals>div{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;column-gap:18px}
.sales-print-v238 .sp238-totals>div span{text-align:left}
.sales-print-v238 .sp238-totals>div b{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sp238-generated{display:flex;justify-content:space-between;align-items:center;gap:20px}
.sp238-generated span:last-child{text-align:right}
@media print{
 .sales-print-v238 .sp238-totals>div{grid-template-columns:minmax(0,1fr) 34mm!important;column-gap:4mm!important}
 .sales-print-v238 .sp238-generated{display:flex!important;justify-content:space-between!important;align-items:center!important}
}

/* MotoERP v5.6.63 — A4 sales documents, corrected final layout.
   Fixes malformed PDV recap markup from v5.6.62 and forces the approved order:
   summary -> PDV recap -> signature -> footer. */
@media print{
  .sales-print-v238 .sp238-lower{
    display:block!important;
    margin:4mm 0 0!important;
    padding:0!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .sales-print-v238 .sp238-tax{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .sales-print-v238 .sp238-tax h3{
    margin:0 0 2mm!important;
    color:#1f56a8!important;
    font-size:7.1pt!important;
    font-weight:900!important;
    letter-spacing:.03em!important;
  }
  .sales-print-v238 .sp238-tax table{
    display:table!important;
    width:100%!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border:1px solid #d8e2ee!important;
    border-radius:2mm!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .sales-print-v238 .sp238-tax th,
  .sales-print-v238 .sp238-tax td{
    display:table-cell!important;
    padding:1.55mm 3mm!important;
    font-size:7pt!important;
    line-height:1.15!important;
    border:0!important;
    border-bottom:1px solid #d8e2ee!important;
    vertical-align:middle!important;
    white-space:nowrap!important;
  }
  .sales-print-v238 .sp238-tax th{
    background:#eef3f8!important;
    color:#1f2937!important;
    font-weight:900!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .sales-print-v238 .sp238-tax tbody tr:last-child td{border-bottom:0!important}
  .sales-print-v238 .sp238-tax th:first-child,
  .sales-print-v238 .sp238-tax td:first-child{text-align:left!important;width:32%!important}
  .sales-print-v238 .sp238-tax th.num,
  .sales-print-v238 .sp238-tax td.num{text-align:right!important;font-variant-numeric:tabular-nums!important}

  .sales-print-v238 .sp238-summary{
    grid-template-columns:minmax(0,1fr) 66mm!important;
    gap:3mm!important;
  }
  .sales-print-v238 .sp238-totals>div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 32mm!important;
    align-items:center!important;
    column-gap:3mm!important;
  }
  .sales-print-v238 .sp238-totals>div span{text-align:left!important}
  .sales-print-v238 .sp238-totals>div b{
    display:block!important;
    width:32mm!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
  }

  .sales-print-v238 .sp238-foot{
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
    margin:12mm 0 0!important;
    padding:0!important;
    width:100%!important;
    border:0!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .sales-print-v238 .sp238-sign{
    width:72mm!important;
    text-align:center!important;
    margin:0 auto!important;
  }
  .sales-print-v238 .sp238-sign span{
    display:block!important;
    margin:0 0 7mm!important;
    text-align:center!important;
    color:#344054!important;
    font-size:6.8pt!important;
    font-weight:800!important;
  }
  .sales-print-v238 .sp238-sign i{
    display:block!important;
    width:58mm!important;
    margin:0 auto 2mm!important;
    border-top:1px solid #111827!important;
  }
  .sales-print-v238 .sp238-sign b{
    display:block!important;
    text-align:center!important;
    font-size:7.2pt!important;
  }
  .sales-print-v238 .sp238-generated{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    width:100%!important;
    margin:11mm 0 0!important;
    padding:2mm 0 0!important;
    border-top:1px solid #b9c9dc!important;
    font-size:5.9pt!important;
    color:#4b5563!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .sales-print-v238 .sp238-generated span:first-child{text-align:left!important}
  .sales-print-v238 .sp238-generated span:last-child{text-align:right!important}
}

/* MotoERP v5.6.65 — A4 PDV rekapitulacija: stabilan 3-kolonski grid bez responsive-table transformacija. */
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid{
  width:100%;
  border:1px solid #d8e2ee;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head,
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row{
  display:grid!important;
  grid-template-columns:28% 36% 36%!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head{
  background:#eef3f8;
  border-bottom:1px solid #d8e2ee;
}
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head span,
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row span{
  display:block!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:8px 12px!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head span{
  color:#475467;
  font-size:10px;
  font-weight:900;
}
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row span{
  color:#0a1020;
  font-size:11px;
  font-weight:800;
  border-bottom:1px solid #e4eaf1;
  font-variant-numeric:tabular-nums;
}
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row:last-child span{border-bottom:0}
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head span:nth-child(2),
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head span:nth-child(3),
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row span:nth-child(2),
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row span:nth-child(3){text-align:right!important}
.sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row.tax-total span{font-weight:900!important}
@media print{
  .sales-print-v238 .sp238-tax-v565{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid{
    width:100%!important;
    border:1px solid #d8e2ee!important;
    border-radius:2mm!important;
    overflow:hidden!important;
  }
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head,
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row{
    display:grid!important;
    grid-template-columns:28% 36% 36%!important;
    align-items:center!important;
    width:100%!important;
  }
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head span,
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row span{
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:1.55mm 3mm!important;
    font-size:7pt!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head{
    background:#eef3f8!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head span:nth-child(2),
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-head span:nth-child(3),
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row span:nth-child(2),
  .sales-print-v238 .sp238-tax-v565 .sp238-tax-grid-row span:nth-child(3){text-align:right!important}
}


/* v5.6.76 — refined A4 sales table alignment */
.sales-print-v238 .sp238-table col.c-rbr{width:4.5%!important}
.sales-print-v238 .sp238-table col.c-code{width:12%!important}
.sales-print-v238 .sp238-table col.c-desc{width:27%!important}
.sales-print-v238 .sp238-table col.c-unit{width:5%!important}
.sales-print-v238 .sp238-table col.c-qty{width:7%!important}
.sales-print-v238 .sp238-table col.c-price{width:7.5%!important}
.sales-print-v238 .sp238-table col.c-disc{width:7%!important}
.sales-print-v238 .sp238-table col.c-base{width:8.5%!important}
.sales-print-v238 .sp238-table col.c-vatp{width:5.5%!important}
.sales-print-v238 .sp238-table col.c-vat{width:6.5%!important}
.sales-print-v238 .sp238-table col.c-total{width:9.5%!important}
.sales-print-v238 .sp238-table th,.sales-print-v238 .sp238-table th:nth-child(2),.sales-print-v238 .sp238-table th:nth-child(3){text-align:center!important}
.sales-print-v238 .sp238-table td:nth-child(2){white-space:nowrap!important;font-size:6.45pt!important;text-align:left!important}
.sales-print-v238 .sp238-table td:nth-child(3){text-align:left!important;padding-left:1.1mm!important}
.sales-print-v238 .sp238-generated{justify-content:space-between!important}
.sales-print-v238 .sp238-generated .sp238-copy{margin-left:auto!important;text-align:right!important;font-size:6.2pt!important;color:#6b7c91!important;white-space:nowrap!important}
@media print{.app-copyright{display:none!important}}


/* v5.6.88 — dugačke kalkulacije: kompaktniji A4 landscape ispis bez prazne završne stranice */
@media print{
  .calc-calc-v5688-dense h1{font-size:12.2pt!important;margin:3.8mm 0 3.8mm!important}
  .calc-calc-v5688-dense .calc-company{font-size:7.1pt!important;line-height:1.30!important;min-height:9.5mm!important}
  .calc-calc-v5688-dense .calc-page-topline{height:1.2mm!important}
  .calc-calc-v5688-dense .calc-meta{grid-template-columns:minmax(0,1fr) 52mm!important;gap:5mm!important;margin-bottom:1.6mm!important}
  .calc-calc-v5688-dense .calc-left{font-size:6.8pt!important;line-height:1.22!important}
  .calc-calc-v5688-dense .calc-left div{grid-template-columns:24mm 1fr!important;margin:.55mm 0!important}
  .calc-calc-v5688-dense .calc-supplier{width:50mm!important;min-height:14mm!important;padding:1mm 1.2mm!important;font-size:6.3pt!important;line-height:1.18!important;margin-right:1mm!important}
  .calc-calc-v5688-dense .calc-table{font-size:5.25pt!important}
  .calc-calc-v5688-dense .calc-table th{font-size:4.95pt!important;line-height:1.0!important;padding:.72mm .28mm!important}
  .calc-calc-v5688-dense .calc-table td{font-size:5.25pt!important;line-height:1.0!important;padding:.72mm .28mm!important}
  .calc-calc-v5688-dense .calc-table .total td{padding-top:.8mm!important;padding-bottom:.5mm!important}
  .calc-calc-v5688-dense .calc-signatures{margin:5mm 12mm 0!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .calc-calc-v5688-dense .calc-signatures>div{width:34mm!important;font-size:6.4pt!important}
  .calc-calc-v5688-dense .calc-signatures span{margin-bottom:1.2mm!important}
  .calc-calc-v5688-dense .calc-generated{font-size:5.2pt!important;margin-top:1.8mm!important}
}


/* v5.7.6 — Primka/kalkulacija: puni A4 landscape, veći i čitljiviji ispis */
@media print{
  @page{size:A4 landscape;margin:4mm!important}
  html,body{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .calc-calc-v576{
    width:289mm!important;
    max-width:289mm!important;
    min-height:196mm!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .calc-calc-v576 .calc-page-topline{height:2.4mm!important;flex:0 0 auto!important}
  .calc-calc-v576 .calc-company{
    font-size:8.8pt!important;
    line-height:1.42!important;
    min-height:15mm!important;
    flex:0 0 auto!important;
  }
  .calc-calc-v576 h1{
    font-size:16pt!important;
    line-height:1.1!important;
    margin:5.5mm 0 5mm!important;
    flex:0 0 auto!important;
  }
  .calc-calc-v576 .calc-meta{
    grid-template-columns:minmax(0,1fr) 60mm!important;
    gap:9mm!important;
    margin-bottom:3.5mm!important;
    flex:0 0 auto!important;
  }
  .calc-calc-v576 .calc-left{font-size:8.5pt!important;line-height:1.42!important}
  .calc-calc-v576 .calc-left div{grid-template-columns:30mm 1fr!important;margin:1.15mm 0!important}
  .calc-calc-v576 .calc-supplier{
    width:59mm!important;
    min-height:20mm!important;
    margin-right:0!important;
    padding:1.8mm 2mm!important;
    font-size:7.7pt!important;
    line-height:1.3!important;
  }
  .calc-calc-v576 .calc-table{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:6.8pt!important;
    flex:0 0 auto!important;
  }
  .calc-calc-v576 .calc-table th{
    font-size:6.35pt!important;
    line-height:1.03!important;
    padding:1.3mm .35mm!important;
    min-height:7mm!important;
  }
  .calc-calc-v576 .calc-table td{
    font-size:6.7pt!important;
    line-height:1.08!important;
    padding:1.25mm .35mm!important;
    min-height:5.6mm!important;
  }
  .calc-calc-v576 .calc-table th .calc-cell,
  .calc-calc-v576 .calc-table td .calc-cell{padding-left:.35mm!important;padding-right:.35mm!important}
  .calc-calc-v576 .calc-table .total td{padding-top:1.35mm!important;padding-bottom:1.05mm!important}
  .calc-calc-v576 .calc-vin{font-size:5.7pt!important;line-height:1.08!important}
  .calc-calc-v576 .calc-signatures{
    margin:0 18mm 0!important;
    padding-top:0!important;
    margin-top:auto!important;
    flex:0 0 auto!important;
  }
  .calc-calc-v576 .calc-signatures>div{width:40mm!important;font-size:8pt!important}
  .calc-calc-v576 .calc-signatures span{margin-bottom:1.8mm!important}
  .calc-calc-v576 .calc-generated{font-size:6pt!important;margin-top:3mm!important;flex:0 0 auto!important}
}
/* v5.7.7 — OCR uvoz računa */
.scan-import-card,.scan-preview{margin:18px 0;padding:18px;border:1px solid #d8e1ec;border-radius:16px;background:#fff}.scan-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:18px;margin:14px 0}.scan-source{background:#f4f7fa;border:1px solid #dbe4ee;border-radius:12px;overflow:hidden;min-height:260px}.scan-source img{display:block;width:100%;max-height:720px;object-fit:contain;background:#eef2f6}.scan-source iframe{width:100%;height:720px;border:0}.scan-meta{padding:12px 14px;border:1px solid #e0e7ef;border-radius:12px}.scan-table input,.scan-table select{min-width:90px;width:100%;box-sizing:border-box}.scan-table td:nth-child(2){min-width:260px}.scan-table small{display:block;max-width:360px;margin-top:5px;color:#8592a3;font-size:10px}.scan-table tr.price-check{background:#fff7e8}.price-confirm{display:flex;gap:7px;align-items:flex-start;font-weight:700;color:#8b5a00}.price-confirm input{width:auto;min-width:0;margin-top:2px}.scan-web{font-size:11px;margin-top:5px;white-space:nowrap}.scan-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.scan-ocr{margin-top:16px}.scan-ocr pre{white-space:pre-wrap;max-height:300px;overflow:auto;background:#0f172a;color:#d7e1ee;padding:12px;border-radius:10px}.okmark{color:#167a4a;font-weight:700}.badge.warn{background:#fff1cc;color:#7a5100}@media(max-width:900px){.scan-layout{grid-template-columns:1fr}.scan-source iframe{height:500px}}
/* v5.7.9 — geometrijski OCR status */
.ocrwarn{color:#a33a00;font-weight:800;margin-bottom:5px}.scan-table .okmark+label{margin-top:5px}
\n/* v5.8.4 — uredniji uvoz računa; tehničke opcije su admin-only u PHP-u */\n.scan-upload-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}\n.scan-file-picker{position:relative;display:inline-flex;align-items:center;min-height:46px;cursor:pointer}\n.scan-file-picker input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}\n.scan-file-picker span{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #cfd9e6;border-radius:12px;background:#fff;color:#16243a;font-weight:700;box-shadow:0 1px 2px rgba(15,23,42,.04)}\n.scan-file-picker:hover span{border-color:#9eb4ce;background:#f8fbff}\n.scan-process-btn{min-height:46px;padding:0 24px;border:0;border-radius:12px;background:linear-gradient(135deg,#0d7f61,#07966f);color:#fff;font-weight:800;font-size:15px;letter-spacing:.1px;box-shadow:0 5px 14px rgba(7,150,111,.20);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}\n.scan-process-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(7,150,111,.26);filter:brightness(1.02)}\n.scan-process-btn:active{transform:translateY(0)}\n.scan-fallback-btn{min-height:46px;border-radius:12px}\n.scan-import-simple{padding:20px 22px}.scan-import-simple h2{margin-bottom:4px}\n@media(max-width:640px){.scan-upload-form{align-items:stretch}.scan-file-picker,.scan-file-picker span,.scan-process-btn,.scan-fallback-btn{width:100%}}\n
/* v5.8.8 — Primka/kalkulacija: vjeran A4 landscape pregled na mobitelu */
.calc-mobile-toggle{display:none}
.calc-mobile-viewport,.calc-mobile-stage{box-sizing:border-box}
@media screen and (max-width:850px){
  body:has(.calc-mobile-viewport) .app-main{padding-left:0!important;padding-right:0!important;overflow-x:hidden!important}
  .calc-print-toolbar{position:sticky;top:0;z-index:40;width:100%;max-width:none!important;margin:0 0 8px!important;padding:8px 10px!important;box-sizing:border-box;justify-content:flex-start!important;gap:7px!important;background:rgba(247,249,252,.96);backdrop-filter:blur(10px);border-bottom:1px solid #dbe3ee;overflow-x:auto}
  .calc-print-toolbar .btn,.calc-print-toolbar button{flex:0 0 auto;min-height:42px;padding:9px 12px!important;font-size:14px!important;white-space:nowrap}
  .calc-mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;background:#eef3f8!important;color:#15314f!important;border:1px solid #d6e0ec!important}
  .calc-mobile-viewport{width:100%;overflow:hidden;padding:0 8px 12px;background:#eef2f6;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
  .calc-mobile-stage{position:relative;margin:0 auto;overflow:visible}
  .calc-mobile-stage .calc-calc{width:1092px!important;min-width:1092px!important;max-width:1092px!important;margin:0!important;padding:16px 20px 24px!important;transform-origin:top left;background:#fff!important;border:1px solid #d8dee8!important}
  .calc-mobile-stage .calc-calc h1{font-size:20px!important;margin:18px 0 20px!important}
  .calc-mobile-stage .calc-company{font-size:11px!important;line-height:1.5!important;min-height:48px!important}
  .calc-mobile-stage .calc-meta{grid-template-columns:minmax(420px,1fr) 245px!important;gap:34px!important;align-items:end!important;margin-bottom:9px!important}
  .calc-mobile-stage .calc-left{font-size:11px!important;line-height:1.45!important}
  .calc-mobile-stage .calc-left div{grid-template-columns:94px 1fr!important;margin:4px 0!important}
  .calc-mobile-stage .calc-supplier{width:230px!important;min-height:67px!important;padding:5px 7px!important;font-size:10px!important;line-height:1.35!important}
  .calc-mobile-stage .calc-table{width:100%!important;table-layout:fixed!important;font-size:8px!important;margin:0!important}
  .calc-mobile-stage .calc-table th{font-size:7.7px!important;line-height:1.05!important;padding:4px 2px 5px!important}
  .calc-mobile-stage .calc-table td{font-size:8px!important;line-height:1.12!important;padding:4px 2px!important}
  .calc-mobile-stage .calc-signatures{margin:78px 55px 0!important}
  .calc-mobile-stage .calc-signatures>div{width:135px!important;font-size:10px!important}
  .calc-mobile-stage .calc-generated{font-size:7px!important;margin-top:22px!important}
  .calc-mobile-viewport.calc-mobile-zoom{overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:18px}
  .calc-mobile-viewport.calc-mobile-zoom .calc-mobile-stage{margin-left:8px;margin-right:8px}
  .calc-mobile-viewport.calc-mobile-zoom .calc-calc{box-shadow:0 8px 24px rgba(15,35,60,.12)!important}
}
@media print{
  .calc-mobile-viewport,.calc-mobile-stage{display:block!important;width:auto!important;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important;background:#fff!important}
  .calc-mobile-stage .calc-calc{transform:none!important}
  .calc-mobile-toggle{display:none!important}
}


/* v5.8.9 — brojčane vrijednosti desno u svim tabličnim prikazima i ispisima */
main table td.erp-num,
main table th.erp-num-head,
main.full table td.erp-num,
main.full table th.erp-num-head,
main table td.num,
main table th.num,
main.full table td.num,
main.full table th.num{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
input[type="number"].erp-num-input{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
/* Primka/kalkulacija: identično poravnanje na desktopu, mobitelu i A4 ispisu. */
.calc-calc .calc-table td:nth-child(1),
.calc-calc .calc-table td:nth-child(n+5),
.calc-calc .calc-table th:nth-child(1),
.calc-calc .calc-table th:nth-child(n+5){
  text-align:right!important;
  justify-content:flex-end!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
.calc-calc .calc-table td:nth-child(1) .calc-cell,
.calc-calc .calc-table td:nth-child(n+5) .calc-cell,
.calc-calc .calc-table th:nth-child(1) .calc-cell,
.calc-calc .calc-table th:nth-child(n+5) .calc-cell,
.calc-calc .calc-table td.erp-num .calc-cell,
.calc-calc .calc-table th.erp-num-head .calc-cell{
  text-align:right!important;
  justify-content:flex-end!important;
  padding-right:.55mm!important;
  padding-left:.15mm!important;
}
.calc-calc .calc-table .total td{font-variant-numeric:tabular-nums!important}
.calc-calc .calc-table .total td:not(:first-child){text-align:right!important;justify-content:flex-end!important;padding-right:.55mm!important}
@media print{
  table td.erp-num,table th.erp-num-head,table td.num,table th.num{
    text-align:right!important;
    font-variant-numeric:tabular-nums!important;
    font-feature-settings:"tnum" 1!important;
  }
  .calc-calc .calc-table td:nth-child(1),
  .calc-calc .calc-table td:nth-child(n+5),
  .calc-calc .calc-table th:nth-child(1),
  .calc-calc .calc-table th:nth-child(n+5){text-align:right!important;justify-content:flex-end!important}
  .calc-calc .calc-table td:nth-child(1) .calc-cell,
  .calc-calc .calc-table td:nth-child(n+5) .calc-cell,
  .calc-calc .calc-table th:nth-child(1) .calc-cell,
  .calc-calc .calc-table th:nth-child(n+5) .calc-cell{justify-content:flex-end!important;text-align:right!important;padding-right:.45mm!important}
}


/* v5.10.2 — A4 sales item header exactly like on-screen preview */
@media print{
  .sales-print-v238 .sp238-table-wrap{
    border:1px solid #c7d5e4!important;
    border-radius:2mm!important;
    overflow:hidden!important;
  }
  .sales-print-v238 table.sp238-table{
    width:100%!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  .sales-print-v238 .sp238-table thead,
  .sales-print-v238 .sp238-table thead tr{
    display:table-header-group!important;
  }
  .sales-print-v238 .sp238-table thead tr{
    height:8.2mm!important;
    background:#2d66bc!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .sales-print-v238 .sp238-table thead th,
  .sales-print-v238 .sp238-table thead th.hcenter,
  .sales-print-v238 .sp238-table thead th:nth-child(2),
  .sales-print-v238 .sp238-table thead th:nth-child(3){
    display:table-cell!important;
    box-sizing:border-box!important;
    height:8.2mm!important;
    padding:0 .50mm!important;
    vertical-align:middle!important;
    text-align:center!important;
    color:#fff!important;
    background:#2d66bc!important;
    border:0!important;
    border-bottom:1px solid #24579f!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:5.55pt!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.05pt!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .sales-print-v238 .sp238-table col.c-rbr{width:4.5%!important}
  .sales-print-v238 .sp238-table col.c-code{width:11.5%!important}
  .sales-print-v238 .sp238-table col.c-desc{width:27.5%!important}
  .sales-print-v238 .sp238-table col.c-unit{width:5%!important}
  .sales-print-v238 .sp238-table col.c-qty{width:7%!important}
  .sales-print-v238 .sp238-table col.c-price{width:7.5%!important}
  .sales-print-v238 .sp238-table col.c-disc{width:7%!important}
  .sales-print-v238 .sp238-table col.c-base{width:8.5%!important}
  .sales-print-v238 .sp238-table col.c-vatp{width:5.5%!important}
  .sales-print-v238 .sp238-table col.c-vat{width:6.5%!important}
  .sales-print-v238 .sp238-table col.c-total{width:9.5%!important}
}


/* v5.10.7: final PDF item-table header sizing. Intentionally overrides all prior print rules. */
@media print{
 .sales-print-v238 .sp238-table thead tr{height:9.2mm!important;background:#2d66bc!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 .sales-print-v238 .sp238-table thead th{height:9.2mm!important;padding:0 .45mm!important;background:#2d66bc!important;color:#fff!important;font-size:8.05pt!important;line-height:1.04!important;font-weight:800!important;letter-spacing:-.08pt!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;overflow:visible!important;hyphens:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 .sales-print-v238 .sp238-table thead th .sp238-th-label{display:inline!important;white-space:nowrap!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important}
}

/* v5.10.17 — Moto lager status colors */
.moto-list-table .badge.in-stock{background:#dcfce7;color:#166534;border:1px solid #86efac}
.moto-list-table .badge.sold{background:#fee2e2;color:#b42318;border:1px solid #fca5a5}


/* v5.10.22 — MotoPOS: zasebno polje procentualnog popusta po stavci */
.pos39-price-edit{flex-wrap:wrap;justify-content:flex-end}
.pos39-price-edit .pos39-discount-input{width:72px}
.pos39-line-money .pos39-price-edit+ b{display:block}
@media(max-width:700px){
  .pos39-price-edit{display:grid;grid-template-columns:minmax(92px,1fr) 76px 36px;gap:5px;align-items:end}
  .pos39-price-edit label{min-width:0}
  .pos39-price-edit input{width:100%;min-width:0;box-sizing:border-box}
  .pos39-price-edit .pos39-discount-input{width:100%}
  .pos39-price-edit button{width:36px;min-width:36px}
}

/* v5.10.33 — Izlazni izvještaji */
.or-filter-grid{grid-template-columns:170px 170px minmax(220px,1fr) 150px auto!important}
.or-legal-note{margin-top:12px;padding:12px 14px;border:1px solid #dbe5f0;border-radius:12px;background:#f8fbff;color:#52657c;font-size:13px;line-height:1.45}
.or-table tfoot td{border-top:2px solid #cbd8e6;background:#f7f9fc}
@media(max-width:980px){.or-filter-grid{grid-template-columns:1fr 1fr!important}.or-filter-grid .rr-filter-actions{grid-column:1/-1}}
@media(max-width:640px){.or-filter-grid{grid-template-columns:1fr!important}.or-filter-grid .rr-filter-actions{grid-column:auto}}
@media print{.or-legal-note{font-size:9pt;padding:7px 8px}.or-table{font-size:9pt!important}.or-table thead{display:table-header-group}.or-table tfoot{display:table-row-group}}


/* v5.10.57 — pregledan editor shema knjiženja u svim rezolucijama */
.erp-modal-wide{width:min(1180px,calc(100vw - 32px));}
.posting-scheme-editor-modal{
  width:min(1180px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  overflow:auto;
  overscroll-behavior:contain;
}
.posting-scheme-editor-modal .erp-modal-section{
  min-height:0;
  padding:0 22px 24px!important;
}
.posting-scheme-editor-modal .erp-modal-head{
  position:sticky;
  top:0;
  z-index:20;
  margin:0 -22px 18px;
  padding:20px 22px 16px;
  background:#fff;
  border-bottom:1px solid #e2e8f0;
  box-shadow:0 5px 14px rgba(15,23,42,.05);
}
.posting-scheme-editor-modal .erp-modal-close{margin-top:0;}
.posting-scheme-editor-modal .formgrid{align-items:start;}
.posting-scheme-editor-modal .tablewrap{
  max-height:320px;
  overflow:auto;
  border:1px solid #e2e8f0;
  border-radius:10px;
}
.posting-scheme-editor-modal .tablewrap table{margin:0;}
.posting-scheme-editor-modal .tablewrap th{
  position:sticky;
  top:0;
  z-index:5;
  background:#f4f7fb;
}
.posting-scheme-editor-modal select,
.posting-scheme-editor-modal input,
.posting-scheme-editor-modal textarea{max-width:100%;}
@media (max-height:760px){
  .erp-modal-backdrop{align-items:flex-start;overflow-y:auto;padding:10px 16px;}
  .posting-scheme-editor-modal{max-height:calc(100vh - 20px);}
  .posting-scheme-editor-modal .erp-modal-head{padding-top:14px;padding-bottom:12px;}
  .posting-scheme-editor-modal .tablewrap{max-height:220px;}
}
@media (max-width:760px){
  .erp-modal-backdrop{align-items:flex-start;overflow-y:auto;padding:8px;}
  .posting-scheme-editor-modal{width:100%;max-height:calc(100vh - 16px);border-radius:12px;}
  .posting-scheme-editor-modal .erp-modal-section{padding:0 12px 18px!important;}
  .posting-scheme-editor-modal .erp-modal-head{margin:0 -12px 14px;padding:14px 12px 12px;}
  .posting-scheme-editor-modal .tablewrap{max-height:240px;}
}

/* v5.10.61 · Finance report center */
.report-center-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}.report-center-head h2{margin:3px 0 5px;font-size:28px}.report-center-kpis{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}.report-center-kpis>div{background:#fff;border:1px solid #dce5f1;border-radius:13px;padding:11px 14px}.report-center-kpis span{display:block;font-size:10px;text-transform:uppercase;color:#718096;font-weight:800}.report-center-kpis b{display:block;margin-top:4px;font-size:16px;text-align:right}.report-search{margin-bottom:18px}.report-search input{width:min(520px,100%);font-size:15px;padding:12px 14px}.report-group{margin:0 0 24px}.report-group h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#61728a;margin:0 0 10px}.finance-report-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-report-link{grid-template-columns:42px 1fr auto;align-items:center;min-height:88px;padding:14px 16px;transition:.15s ease}.finance-report-link:hover{border-color:#9bbbe7;box-shadow:0 5px 18px rgba(23,55,94,.08);transform:translateY(-1px)}.finance-report-link .report-icon{width:38px;height:38px;border-radius:10px;background:#edf4ff;color:#2767bd;display:grid;place-items:center;font-weight:900;font-size:16px}.finance-report-link div:nth-child(2){min-width:0}.finance-report-link b{display:block}.finance-report-link span{display:block;grid-column:auto;margin-top:4px;line-height:1.35}.finance-report-link strong{grid-column:3;grid-row:1;align-self:center}.report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-periods{display:flex;gap:5px;flex-wrap:wrap}.quick-periods button{background:#f5f8fc;color:#35506f;border:1px solid #d9e3ef;padding:7px 9px;font-size:11px}.report-toolbar form{padding:10px 12px;border:1px solid #e0e7f0;border-radius:12px;background:#f9fbfd}.report-toolbar input,.report-toolbar select{min-width:170px}.report-sheet{max-width:1500px;margin:0 auto}.report-table tbody tr:nth-child(even){background:#fbfcfe}.report-table tbody tr:hover{background:#f3f7fc}
@media(max-width:1200px){.finance-report-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.report-center-head{align-items:stretch;flex-direction:column}.report-center-kpis{max-width:700px}}
@media(max-width:760px){.finance-report-menu,.report-center-kpis{grid-template-columns:1fr}.finance-report-link{grid-template-columns:38px 1fr}.finance-report-link strong{display:none}.report-actions{width:100%}.quick-periods{width:100%}.quick-periods button{flex:1}.report-toolbar input,.report-toolbar select{min-width:0;width:100%}.report-toolbar form label{flex:1 1 140px}}
@media print{.sidebar,.topbar,.no-print,.report-center-head,nav{display:none!important}.main,.content,main{margin:0!important;padding:0!important;width:100%!important}.report-sheet{box-shadow:none;border:0;border-radius:0;padding:0;max-width:none}.report-print-head{break-after:avoid}.report-table-wrap{overflow:visible;border-color:#bbb}.report-table{font-size:9pt}.report-table th{font-size:7.5pt;background:#eef2f6!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-table tr{break-inside:avoid}.report-summary{break-inside:avoid}.report-footer{position:relative}.report-subtitle{font-size:9pt}@page{size:A4 landscape;margin:10mm}}

/* v5.10.63 — compact Finance Report Explorer */
.report-explorer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 18px}.report-explorer-head h2{font-size:28px;margin:2px 0 4px}.report-explorer-head p{margin:0;max-width:760px}.report-head-actions{min-width:min(440px,40vw)}.report-search-modern{height:44px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #d8e2ef;border-radius:12px;padding:0 13px;box-shadow:0 2px 8px rgba(18,43,73,.03)}.report-search-modern:focus-within{border-color:#7da9e8;box-shadow:0 0 0 3px rgba(47,111,211,.09)}.report-search-modern span{font-size:23px;color:#6f8197;line-height:1}.report-search-modern input{border:0!important;box-shadow:none!important;padding:0!important;width:100%;height:40px;background:transparent;font-size:14px}.report-explorer{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}.report-categories,.report-browser{background:#fff;border:1px solid #dce5f0;border-radius:14px;box-shadow:0 2px 10px rgba(16,35,61,.035)}.report-categories{padding:9px;position:sticky;top:18px}.report-categories button{width:100%;border:0;background:transparent;color:#40546d;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;gap:5px;border-radius:9px;padding:10px 9px;font-size:13px;font-weight:700;cursor:pointer}.report-categories button>span{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#667d98;background:#f3f6fa;font-size:14px}.report-categories button>b{min-width:23px;text-align:center;padding:2px 6px;border-radius:10px;background:#f0f3f7;color:#7a8797;font-size:10px}.report-categories button:hover{background:#f6f9fd;color:#163d70}.report-categories button.active{background:#eaf3ff;color:#1559ad}.report-categories button.active>span{background:#d9eaff;color:#1559ad}.report-categories button.active>b{background:#fff;color:#1559ad}.report-cat-sep{height:1px;background:#e8edf3;margin:7px 5px}.report-browser{padding:0;overflow:hidden}.report-browser-title{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;border-bottom:1px solid #e6ecf3;background:#fbfcfe}.report-browser-title h3{margin:0 0 2px;font-size:16px}.report-browser-title>div>span,.report-tip{font-size:11px;color:#7a8797}.report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px}.report-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto 32px 18px;align-items:center;gap:10px;padding:12px 11px;border-radius:10px;text-decoration:none;color:#10233d;min-height:66px;border:1px solid transparent}.report-row:hover{background:#f5f9fe;border-color:#e0eaf6}.report-row-icon{width:36px;height:36px;border-radius:9px;background:#edf4fd;color:#2868b8;display:grid;place-items:center;font-weight:900;font-size:15px}.report-row-copy{min-width:0}.report-row-copy b{display:block;font-size:13px;line-height:1.25}.report-row-copy span{display:block;color:#718096;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-row-group{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#8190a2;background:#f3f6f9;border-radius:8px;padding:4px 7px}.report-fav{border:0!important;background:transparent!important;color:#a3afbd!important;padding:4px!important;font-size:18px!important;line-height:1!important;box-shadow:none!important;cursor:pointer}.report-fav:hover,.report-fav.on{color:#e0a100!important}.report-row-open{font-size:23px;color:#9ba9b9}.report-empty{text-align:center;padding:50px 20px;color:#63758b}.report-empty b,.report-empty span{display:block}.report-empty span{font-size:12px;margin-top:5px}.report-row[hidden]{display:none!important}
@media(max-width:1100px){.report-list{grid-template-columns:1fr}.report-head-actions{min-width:340px}.report-row-group{display:none}.report-row{grid-template-columns:38px minmax(0,1fr) 32px 18px}}
@media(max-width:760px){.report-explorer-head{align-items:stretch;flex-direction:column}.report-head-actions{min-width:0}.report-explorer{grid-template-columns:1fr}.report-categories{position:static;display:flex;overflow-x:auto;gap:5px;padding:7px}.report-categories button{width:auto;white-space:nowrap;grid-template-columns:24px auto auto;padding:8px}.report-categories button>span{width:23px;height:23px}.report-cat-sep{display:none}.report-tip{display:none}.report-browser-title{padding:13px}.report-list{padding:5px}.report-row{padding:11px 8px}.report-row-copy span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

/* v5.10.66 — Report Explorer one-screen density pass */
@media(min-width:1180px){
  .report-explorer-head{align-items:center;margin:0 0 12px;gap:18px}
  .report-explorer-head h2{font-size:24px;margin:0 0 2px}
  .report-explorer-head .eyebrow{font-size:11px}
  .report-explorer-head p{font-size:12px;line-height:1.35;max-width:680px}
  .report-head-actions{min-width:390px;max-width:520px;flex:0 1 520px}
  .report-search-modern{height:40px;border-radius:10px}
  .report-search-modern input{height:36px;font-size:13px}
  .report-explorer{grid-template-columns:190px minmax(0,1fr);gap:12px}
  .report-categories{padding:7px;border-radius:12px}
  .report-categories button{grid-template-columns:24px 1fr auto;padding:7px 7px;font-size:12px;border-radius:8px}
  .report-categories button>span{width:23px;height:23px;font-size:12px}
  .report-categories button>b{min-width:21px;padding:1px 5px;font-size:9px}
  .report-cat-sep{margin:5px 4px}
  .report-browser{border-radius:12px}
  .report-browser-title{padding:10px 14px}
  .report-browser-title h3{font-size:14px;margin:0}
  .report-browser-title>div>span,.report-tip{font-size:10px}
  .report-list{grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;gap:1px 3px}
  .report-row{grid-template-columns:32px minmax(0,1fr) 25px 12px;gap:7px;padding:7px 7px;min-height:52px;border-radius:8px}
  .report-row-icon{width:30px;height:30px;border-radius:8px;font-size:12px}
  .report-row-copy b{font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .report-row-copy span{font-size:9.5px;margin-top:2px}
  .report-row-group{display:none}
  .report-fav{font-size:16px!important;padding:2px!important}
  .report-row-open{font-size:18px}
}
@media(min-width:1180px) and (max-height:820px){
  .report-explorer-head p{display:none}
  .report-explorer-head{margin-bottom:8px}
  .report-browser-title{padding:8px 12px}
  .report-categories button{padding-top:6px;padding-bottom:6px}
  .report-row{min-height:48px;padding-top:5px;padding-bottom:5px}
}
/* v5.10.66 searchable report filters */
.report-toolbar .report-combo{min-width:260px;background:#fff}
@media(max-width:760px){.report-toolbar .report-combo{width:100%;min-width:0}}

/* v5.10.66 — Finance Report Explorer balanced workspace */
@media(min-width:1180px){
  .report-explorer-head{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);align-items:end;gap:22px;margin-bottom:10px}
  .report-head-actions{min-width:0!important;max-width:none!important;width:100%;justify-self:stretch}
  .report-search-modern{width:100%;box-sizing:border-box}
  .report-explorer{grid-template-columns:205px minmax(0,1fr);gap:14px;align-items:stretch}
  .report-categories{position:static;align-self:start}
  .report-browser{min-height:0;background:#fff}
  .report-browser-title{padding:9px 14px;background:linear-gradient(180deg,#fbfcfe 0%,#f7f9fc 100%)}
  .report-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 12px 12px;align-content:start}
  .report-row{min-height:58px;padding:8px 9px;background:#fbfcfe;border:1px solid #e7edf5;box-shadow:0 1px 2px rgba(16,35,61,.02)}
  .report-row:hover{background:#f3f8ff;border-color:#cbdcf2;box-shadow:0 4px 12px rgba(25,72,125,.07);transform:translateY(-1px)}
  .report-row-copy b{font-size:12.5px}.report-row-copy span{font-size:10px}
}
@media(min-width:1180px) and (max-height:900px){
  .report-explorer-head{margin-bottom:8px}.report-list{gap:5px;padding:8px 10px 10px}
  .report-row{min-height:52px;padding:6px 8px}.report-browser-title{padding:8px 12px}
}
@media(min-width:1500px){
  .report-explorer{grid-template-columns:220px minmax(0,1fr);gap:16px}
  .report-list{grid-template-columns:repeat(3,minmax(250px,1fr));gap:8px 10px;padding:12px 14px 14px}
  .report-row{min-height:60px}
}


/* v5.10.67 — Accountant collaboration center */
.accountant-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.accountant-hero h2{margin:2px 0 4px;font-size:27px}.accountant-hero p{margin:0;color:#66758a}.acct-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.acct-kpis>div{background:#fff;border:1px solid #dce5f0;border-radius:13px;padding:13px 14px}.acct-kpis span,.acct-kpis small{display:block;color:#718096;font-size:11px}.acct-kpis b{display:block;font-size:22px;margin:3px 0}.acct-section{background:#fff;border:1px solid #dce5f0;border-radius:14px;padding:16px;margin-bottom:14px}.acct-section h3{margin:0 0 8px}.acct-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.acct-check{border:1px solid #e1e8f1;border-radius:12px;padding:12px;background:#fbfcfe}.acct-check>div{display:flex;justify-content:space-between;gap:8px;align-items:start}.acct-check p{font-size:12px;color:#65758a;min-height:48px}.acct-check form{display:grid;gap:7px}.acct-check textarea{min-height:58px}.acct-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.acct-thread-list{display:grid;gap:7px}.acct-thread-list a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #e3e9f1;border-radius:10px;text-decoration:none;color:#10233d}.acct-thread-list small{color:#748399}.acct-chat{max-width:1000px}.acct-msg{max-width:75%;padding:10px 12px;background:#f2f5f9;border-radius:12px;margin:8px 0}.acct-msg.mine{margin-left:auto;background:#e9f3ff}.acct-msg p{margin:4px 0}.acct-msg small{color:#78879a}.acct-reply{display:grid;grid-template-columns:1fr 170px auto;gap:8px;margin-top:12px}.acct-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.acct-flow>div{position:relative;border:1px solid #dfe7f1;border-radius:11px;padding:12px;background:#f8fbff}.acct-flow b,.acct-flow span{display:block}.acct-flow span{font-size:11px;color:#718096;margin-top:4px}.acct-changelog{display:grid;grid-template-columns:90px 1fr;gap:8px 12px}.accountant-guide{max-width:980px;margin:auto;background:#fff;border:1px solid #dce5f0;border-radius:16px;padding:28px}.accountant-guide h1{font-size:28px}.accountant-guide h2{margin-top:24px;font-size:19px}.accountant-guide li{margin:7px 0}.good{color:#17814b}.bad{color:#b42318}
@media(max-width:1100px){.acct-kpis{grid-template-columns:repeat(3,1fr)}.acct-check-grid{grid-template-columns:repeat(2,1fr)}.acct-flow{grid-template-columns:1fr 1fr}.acct-columns{grid-template-columns:1fr}}
@media(max-width:700px){.accountant-hero{align-items:flex-start;flex-direction:column}.acct-kpis,.acct-check-grid{grid-template-columns:1fr}.acct-reply{grid-template-columns:1fr}.acct-flow{grid-template-columns:1fr}.acct-thread-list a{grid-template-columns:1fr}.acct-msg{max-width:92%}}
@media print{.accountant-guide{border:0;box-shadow:none;padding:0}.no-print{display:none!important}}

/* v5.10.71 — Accountant Center changelog version picker */
.acct-changelog-picker{display:flex;align-items:center;gap:12px;margin:10px 0}.acct-changelog-picker label{font-weight:700}.acct-changelog-picker select{min-width:180px;max-width:280px}.acct-change-detail{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:16px;border:1px solid #dce5ef;border-radius:14px;background:#f8fafc}.acct-change-detail b{font-size:1.05rem}.acct-change-detail span{line-height:1.5}@media(max-width:700px){.acct-changelog-picker{align-items:stretch;flex-direction:column}.acct-changelog-picker select{max-width:none;width:100%}.acct-change-detail{grid-template-columns:1fr;gap:6px}}


/* v5.10.74 — Bank statements UI polish */
.bank-statements-page{overflow:hidden}
.bank-statement-head{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:4px 0 22px;border-bottom:1px solid var(--line,#dfe5ee)}
.bank-statement-intro{max-width:720px}.bank-statement-intro .eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#718096;margin-bottom:8px}.bank-statement-intro h2{font-size:27px;margin:0 0 6px}.bank-statement-intro p{margin:0;font-size:15px;line-height:1.5}
.bank-statement-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.bank-statement-actions .button{min-height:58px;padding:9px 15px;border-radius:13px;display:flex;align-items:center;gap:11px;text-decoration:none;box-shadow:0 5px 16px rgba(15,35,65,.08);transition:transform .16s ease,box-shadow .16s ease}.bank-statement-actions .button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,35,65,.13)}
.bank-statement-actions .button span:last-child{display:flex;flex-direction:column;line-height:1.18}.bank-statement-actions .button b{font-size:14px}.bank-statement-actions .button small{font-size:10.5px;opacity:.72;margin-top:4px;font-weight:500}.bank-btn-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:20px;font-weight:800;background:rgba(255,255,255,.16);flex:0 0 34px}.bank-manual-btn .bank-btn-icon{background:#edf2f8;color:#17345b}.bank-import-btn{background:#0f2748!important;color:#fff!important;border-color:#0f2748!important}.bank-manual-btn{background:#fff!important;color:#10213d!important;border:1px solid #d9e2ee!important}
.bank-statement-search{padding:18px 0 8px}.bank-search-form{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap}.bank-search-input{height:46px;width:min(520px,100%);display:flex;align-items:center;gap:9px;border:1px solid #d5dfeb;border-radius:12px;background:#fff;padding:0 13px;box-shadow:0 2px 8px rgba(15,35,65,.035)}.bank-search-input:focus-within{border-color:#7f9abb;box-shadow:0 0 0 3px rgba(30,74,124,.08)}.bank-search-input>span{font-size:20px;color:#73839a}.bank-search-input input{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;height:auto!important;width:100%!important;min-width:0!important}.bank-search-btn,.bank-reset-btn{height:46px!important;border-radius:11px!important;padding:0 18px!important;font-weight:750!important}.bank-search-btn{background:#10213d!important}.bank-statements-page .table-scroll{margin-top:10px;border:1px solid #e0e7f0;border-radius:13px;overflow:auto}.bank-statements-page table{margin:0}.bank-statements-page thead th{background:#f7f9fc;color:#506078;font-size:11px;letter-spacing:.035em;text-transform:uppercase}.bank-statements-page tbody td{padding-top:14px;padding-bottom:14px}
@media(max-width:980px){.bank-statement-head{align-items:flex-start;flex-direction:column}.bank-statement-actions{width:100%;justify-content:flex-start}.bank-statement-actions .button{flex:1 1 220px}}
@media(max-width:640px){.bank-statement-head{gap:18px}.bank-statement-actions{display:grid;grid-template-columns:1fr}.bank-statement-actions .button{width:100%}.bank-search-form{display:grid!important;grid-template-columns:1fr 1fr}.bank-search-input{grid-column:1/-1;width:100%}.bank-search-btn,.bank-reset-btn{width:100%;text-align:center}.bank-statement-intro h2{font-size:23px}}

/* v5.10.90 AQMC unified brand */
.brand-v51090{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:12px 10px!important}.brand-v51090 img{grid-column:1/-1;width:145px;max-width:100%;height:auto;display:block;margin:0 auto 5px;background:#fff;border-radius:6px;padding:3px}.brand-v51090 strong{font-size:18px;color:#fff}.brand-v51090 span{grid-column:1/2;font-size:9px}.brand-v51090 em{grid-column:2/3;grid-row:2/4}.aqmc-doc-logo{display:block;width:52mm;max-width:100%;height:auto}.aqmc-doc-company{display:flex;gap:6mm;align-items:flex-start}.aqmc-doc-meta{font-size:8.5pt;line-height:1.35}.aqmc-doc-meta b{font-weight:800}@media(max-width:760px){.brand-v51090 img{width:118px}}


/* v5.10.92 — compact AQMC document header */
.sales-print-v238 .sp238-brandrow{display:flex;align-items:flex-start;gap:24px;min-width:0}
.sales-print-v238 .sp238-brandrow .aqmc-print-logo{width:300px;max-width:48%;height:auto;max-height:105px;object-fit:contain;object-position:left top;flex:0 0 auto;margin:0!important}
.sales-print-v238 .sp238-companydata{flex:1;min-width:220px;padding-top:3px;font-size:12px;line-height:1.42}
.sales-print-v238 .sp238-companydata .ids{margin-top:7px;padding-top:7px;gap:12px}
@media print{
 .sales-print-v238 .sp238-brandrow{display:flex!important;align-items:flex-start!important;gap:5mm!important}
 .sales-print-v238 .sp238-brandrow .aqmc-print-logo{display:block!important;visibility:visible!important;width:52mm!important;max-width:52mm!important;height:auto!important;max-height:18mm!important;flex:0 0 52mm!important;margin:0!important}
 .sales-print-v238 .sp238-companydata{display:block!important;flex:1!important;min-width:0!important;padding-top:0!important;font-size:7.6pt!important;line-height:1.28!important}
 .sales-print-v238 .sp238-companydata .ids{display:flex!important;margin-top:1.2mm!important;padding-top:1.2mm!important;gap:3mm!important}
}