.mobile-nav{display:none}.product-line{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #29415e;padding:12px 0}.product-line>span{flex:1;min-width:0}.product-line small{display:block;margin-top:4px}.qty{max-width:70px;padding:9px;background:#0a1b30;color:#fff;border:1px solid #395574;border-radius:8px}.total-row{padding-top:18px}.sidebar nav button{padding:11px 12px}@media(max-width:760px){.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:18;display:grid;grid-template-columns:repeat(5,1fr);background:#0c1e32;border-top:1px solid #35516b;padding:7px 4px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0006}.mobile-nav button{background:transparent;color:#d8e8f8;border:0;font-size:21px;padding:3px 0}.mobile-nav small{font-size:10px;display:block;margin-top:2px}.shell main{padding-bottom:100px}.topbar #menu{display:none}.sidebar{z-index:30}.product-line{flex-wrap:wrap;gap:8px}.product-line>span{flex-basis:100%}#toast{bottom:85px}.topbar .primary{margin-left:auto}}
.invoice-actions{margin:0 auto 20px;max-width:850px}.invoice-modern{max-width:850px;margin:auto;background:#fff;color:#172536;border-radius:14px;padding:35px 38px;box-shadow:0 10px 35px #0003;font-size:13px}.inv-top,.inv-info,.inv-bottom,.inv-footer{display:flex;justify-content:space-between;gap:25px}.inv-top{align-items:center}.inv-brand{display:flex;align-items:center;gap:15px}.inv-brand img{width:65px;height:65px;object-fit:contain}.inv-brand h2{font-size:25px;margin:0 0 4px;color:#122b49}.inv-brand span{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#718196}.inv-type{text-align:right}.inv-type strong{display:block;font-size:17px;color:#1268a9;letter-spacing:.5px}.inv-type small{display:block;margin-top:8px;color:#526478}.inv-rule{height:2px;background:#146baf;margin:23px 0 26px}.inv-info{margin-bottom:22px}.inv-info small,.inv-device small{display:block;color:#728093;letter-spacing:1px;font-weight:700;font-size:10px}.inv-info h3{font-size:15px;margin:9px 0 4px}.inv-info p{margin:0;color:#718196}.inv-device{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f1f6fb;border:1px solid #e1eaf3;border-radius:9px;padding:16px;margin-bottom:23px}.inv-device b{display:block;margin-top:7px}.inv-tablewrap{overflow-x:auto}.inv-table{width:100%;border-collapse:collapse}.inv-table thead{background:#162e46;color:#fff}.inv-table th{padding:13px 10px;text-align:left;font-size:10px;letter-spacing:.7px}.inv-table td{padding:15px 10px;border-bottom:1px solid #e4ebf2}.invoice-modern .right{text-align:right}.inv-bottom{margin-top:30px;align-items:flex-start}.inv-note{max-width:260px;color:#607186;line-height:1.5}.inv-note b{color:#223d56}.inv-note p{margin:6px 0}.inv-totals{width:280px;max-width:100%}.inv-totals>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.inv-totals span{color:#61748a}.inv-totals .inv-grand{margin:6px 0;padding:13px;background:#eaf4fd;border-radius:7px;font-size:16px}.inv-grand span,.inv-grand strong{color:#153d68}.inv-footer{margin-top:40px;border-top:1px solid #dfe7f0;padding-top:16px;color:#718196;font-size:10px}@media(max-width:600px){.invoice-modern{padding:22px 15px}.inv-top{align-items:flex-start}.inv-brand img{height:44px;width:44px}.inv-brand h2{font-size:18px}.inv-type strong{font-size:12px}.inv-bottom{flex-direction:column-reverse}.inv-totals{width:100%}.inv-device{grid-template-columns:1fr}.inv-table th,.inv-table td{padding:11px 6px;font-size:11px}.invoice-actions button{flex:1 1 100%}}@media print{@page{size:A4;margin:12mm}.invoice-modern{padding:0;max-width:none;width:100%;border-radius:0;box-shadow:none;position:absolute;top:0;left:0;page-break-inside:auto}.inv-table tr,.inv-bottom,.inv-device{break-inside:avoid}.mobile-nav{display:none!important}}
.smart-form{max-width:1100px;margin:auto}.smart-card{background:#11243b;border:1px solid #28415e;border-radius:16px;padding:22px;margin-bottom:14px}.smart-cardhead{display:flex;align-items:center;gap:13px;margin-bottom:18px}.smart-step{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:11px;background:#106cb0;color:#fff;font-weight:800}.smart-cardhead h2{margin:0 0 3px;font-size:17px}.smart-cardhead p{margin:0;color:#9eb2cc;font-size:12px}.smart-context{background:#163e51;border:1px solid #23627c;border-radius:9px;padding:10px 13px;margin-top:7px}.smart-context button{margin-left:10px}.smart-faultfield{max-width:500px}.fault-options,.fault-selected{display:flex;gap:8px;flex-wrap:wrap}.fault-chip,.selected-chip{border:1px solid #3d6582;background:#15334f;color:#dceeff;border-radius:999px;padding:10px 13px;font-size:12px}.fault-chip:hover{background:#205276}.fault-selected{margin-top:14px;padding-top:12px;border-top:1px solid #2a415e}.selected-chip{background:#1174ab;border-color:#29a9dc;color:white}.selected-chip span{font-weight:800;margin-left:5px}.smart-price{max-width:300px}.smart-more{border-top:1px solid #294765;padding-top:17px}.smart-more summary{cursor:pointer;color:#d6e8ff;font-weight:650;padding-bottom:10px}.smart-more summary span{font-weight:400;color:#8eaccb;margin-left:8px}.smart-more[open] summary{margin-bottom:10px}.accessory-check{border:1px solid #3d6582;background:#15334f;padding:10px;border-radius:9px;font-size:12px}.smart-savebar{position:sticky;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#102842;border:1px solid #3b668d;border-radius:12px;padding:13px 18px;box-shadow:0 5px 25px #0006;z-index:5}@media(max-width:760px){.smart-card{padding:15px}.smart-savebar{bottom:79px}.smart-savebar .muted{font-size:10px}.smart-savebar button{white-space:nowrap}.fault-chip{padding:9px 11px}}
.tech-jobhead{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0e2b47;border-radius:12px;padding:17px;margin-bottom:16px}.tech-jobhead small{color:#8daac5;font-size:10px;letter-spacing:1px}.tech-jobhead h2{margin:5px 0}.tech-jobhead p{margin:0;color:#9fb7d0}.tech-pricing{background:#10263d;border:1px solid #28415e;border-radius:12px;padding:20px}.tech-pricing h3{font-size:17px}.tech-pricing .grid2{margin-top:14px}.tech-pricing .actions{margin-top:18px}@media(max-width:760px){.topbar #menu{display:block}.tech-pricing{padding:14px}.tech-jobhead{align-items:flex-start;flex-direction:column}}
.sidebar nav button[hidden]{display:none!important}
.smart-autocomplete{position:relative}.smart-suggest-list{position:absolute;top:100%;left:0;right:0;z-index:12;background:#173754;border:1px solid #3b6387;border-radius:9px;box-shadow:0 12px 24px #0008;max-height:210px;overflow:auto}.smart-suggest-list[hidden],#faultOptions[hidden]{display:none!important}.smart-suggest-list button{display:block;width:100%;background:transparent;border:0;color:#e4f2ff;text-align:left;padding:12px}.smart-suggest-list button:hover{background:#23577d}
.receiving-tools{margin:0 0 20px}.receipt-slip .slip-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf5fc;border:1px solid #d8e7f4;border-radius:10px;padding:22px;margin-bottom:22px}.slip-banner small{color:#256392;font-size:10px;letter-spacing:1px;font-weight:700}.slip-banner h2{margin:8px 0;font-size:22px;color:#183c5e}.slip-banner p{color:#677d8e;margin:0}.slip-status{font-size:11px;background:#dcf7ea;color:#17744b;border-radius:30px;padding:9px 13px;font-weight:800}.slip-section{margin:18px 0}.slip-section-title{font-size:11px;letter-spacing:.8px;color:#256392;font-weight:800;border-bottom:1px solid #dce7ef;padding-bottom:9px;margin-bottom:12px}.slip-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.slip-info-cell{border:1px solid #e0e9f2;background:#f7fafc;border-radius:8px;padding:12px;min-height:70px}.slip-info-cell small{font-size:9px;color:#6b7f91;display:block;font-weight:750;letter-spacing:.7px;margin-bottom:8px}.slip-info-cell strong{font-size:12px;color:#182f47;overflow-wrap:anywhere}.slip-bottom{margin-top:22px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;background:#edf5fc;border-radius:10px;padding:20px}.slip-bottom small{font-size:10px;color:#667e90;font-weight:750;display:block}.slip-bottom strong{font-size:25px;color:#155d9a;display:block;margin:8px 0}.slip-bottom p{font-size:10px;color:#637d90;max-width:320px;margin:0}.slip-sign{min-width:170px;text-align:center;color:#728395;font-size:10px}.slip-signline{height:25px;border-bottom:1px solid #718699}@media(max-width:600px){.slip-info-grid{grid-template-columns:1fr}.receipt-slip .slip-banner{align-items:flex-start;flex-direction:column}.slip-bottom{align-items:stretch;flex-direction:column}.slip-sign{align-self:flex-end}}@media print{.receipt-slip{page-break-inside:auto}.slip-section,.slip-info-cell,.slip-bottom{break-inside:avoid}}
.history-count{font-size:12px;color:#94b4d2;margin:13px 0}.history-card{border:1px solid #345778;background:#0c2137;border-radius:14px;padding:20px;margin-bottom:16px}.history-cardhead{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:20px}.history-cardhead small{font-size:11px;color:#9eb8d3}.history-cardhead h2{margin:6px 0}.history-cardhead p{margin:0;color:#a8bfd5}.history-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.history-columns>section{border:1px solid #2a4968;border-radius:12px;padding:15px;background:#112b46}.history-columns h3{font-size:14px;margin:0 0 13px;color:#e7f3ff}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.history-datum{border:1px solid #2b4b68;border-radius:8px;padding:11px;min-width:0;background:#0b2036}.history-datum small{display:block;color:#8caccb;font-size:10px;letter-spacing:.4px;margin-bottom:7px}.history-datum strong{display:block;font-size:12px;color:#edf6ff;font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap}.history-notes{padding:14px;background:#132b44;border-radius:10px;margin-top:14px}.history-notes p{white-space:pre-wrap;color:#b8cbe0;margin-bottom:0}.history-extra{margin:15px 0;color:#cbdcf0}.history-extra summary{cursor:pointer}.history-extra .history-grid{margin-top:12px}.history-actions{margin-top:20px}@media(max-width:900px){.history-columns{grid-template-columns:1fr}}@media(max-width:600px){.history-card{padding:12px}.history-grid{grid-template-columns:1fr}.history-cardhead{flex-direction:column}.history-actions button{flex:1 1 100%}}
.mobile-more-panel{display:none}.mobile-more-panel[hidden]{display:none!important}@media(max-width:760px){.topbar #menu{display:none!important}.mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));z-index:45}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:49px;border-radius:8px}.mobile-nav button small{font-weight:600}.mobile-more-panel{display:block;position:fixed;left:10px;right:10px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:44;background:#102b46;border:1px solid #3b6488;border-radius:16px;padding:16px;box-shadow:0 12px 35px #0009}.mobile-more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#e5f3ff;font-size:16px}.mobile-more-head button{background:#224765;border:0;color:white;border-radius:8px;padding:4px 12px;font-size:23px}.mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-more-grid button{border:1px solid #315b7a;background:#193b58;border-radius:10px;color:#eaf5ff;min-height:66px;text-align:left;padding:12px;display:flex;align-items:center;gap:10px}.mobile-more-grid span{font-size:12px}.topbar .primary{margin-left:auto}}@media print{.mobile-more-panel{display:none!important}}
