/* ===== app.css ===== */
:root{--ink:#142039;--muted:#6d7890;--line:#e6eaf2;--bg:#f5f7fb;--panel:#fff;--nav:#071a33;--blue:#1769ff;--blue2:#0b4dcc;--cyan:#20b7d8;--green:#0fa968;--amber:#d78700;--red:#dc3d4a;--radius:16px;--shadow:0 12px 30px rgba(21,35,70,.08)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{background:linear-gradient(180deg,#06172c,#0a2344);color:#dce7fb;padding:22px 14px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:18px}.brand small{display:block;font-size:10px;font-weight:600;color:#9fb2d2}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#2d88ff,#63d0ff);color:#04162b;font-weight:900;letter-spacing:-1px}.sidebar nav{display:grid;gap:7px}.navlink{color:#cbd8ed;text-decoration:none;padding:11px 13px;border-radius:10px;font-weight:650;font-size:14px}.navlink:hover,.navlink.active{background:linear-gradient(90deg,#155ed5,#236fff);color:white;box-shadow:0 8px 20px rgba(20,99,230,.22)}.side-foot{margin-top:auto;font-size:12px;color:#aebddb;padding:12px}.status-dot{display:inline-block;width:8px;height:8px;background:#41d78b;border-radius:50%;margin-right:6px}.main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.muted{color:var(--muted)}.topbar .muted{font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.pill{background:#eef4ff;color:#285aab;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}.btn{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#fff;color:var(--ink);font-weight:750}.btn:hover{transform:translateY(-1px)}.btn.primary{border-color:#1769ff;background:linear-gradient(180deg,#2775ff,#0c55df);color:white;box-shadow:0 7px 16px rgba(23,105,255,.2)}.btn.secondary{border-color:#dbe5fb;background:#f5f8ff;color:#1e59ba}.btn.ghost{background:#fff}.btn.small{padding:7px 10px;font-size:12px}.btn.wide{width:100%}.btn.grow{flex:1}.flash{margin:16px 24px;padding:12px 14px;border-radius:10px}.flash.success{background:#eafaf2;color:#087648}.flash.danger{background:#fff0f1;color:#a82431}.flash ul{margin:6px 0 0}.page{padding:24px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-title h1{margin:0;font-size:24px}.page-title p{margin:5px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article,.panel,.mini-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stats article{padding:18px}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;margin-top:9px;font-size:25px}.panel{margin-top:18px;padding:20px}.counter-page{display:grid;grid-template-columns:minmax(430px,42%) minmax(520px,58%);gap:14px;padding:14px;align-items:start}.entry-panel,.device-panel{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.entry-panel{padding:18px}.device-panel{padding:18px;position:sticky;top:86px;max-height:calc(100vh - 102px);overflow:auto}.panel-head,.device-head,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h1,.device-head h2{margin:2px 0 3px}.panel-head p,.device-head p{margin:0;color:var(--muted);font-size:12px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.13em;color:#1769ff}.segmented{display:flex;background:#edf2fa;border-radius:10px;padding:3px}.segmented input{display:none}.segmented span{display:block;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:750}.segmented input:checked+span{background:#fff;color:#125bd8;box-shadow:0 2px 8px rgba(40,60,100,.12)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.form-grid label,.filterbar label,.login-card label{font-size:12px;font-weight:750;color:#3a4761}.form-grid input,.form-grid select,.form-grid textarea,.search-row input,.filterbar input,.login-card input{width:100%;margin-top:6px;border:1px solid #dce3ef;background:#fff;border-radius:9px;padding:10px 11px;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.search-row input:focus,.login-card input:focus{border-color:#6ea2ff;box-shadow:0 0 0 3px rgba(23,105,255,.1)}.span-2{grid-column:span 2}.checkline{display:flex;align-items:center;gap:8px;padding-top:22px}.checkline input{width:auto;margin:0}.section-title{margin:18px 0 8px}.section-title h2,.section-title h3{margin:0;font-size:14px}.parts-lines{min-height:62px;border:1px dashed #d4dceb;border-radius:12px;padding:8px}.part-line{display:grid;grid-template-columns:1fr 64px 80px 32px;gap:7px;align-items:center;padding:7px;border-bottom:1px solid #eef1f6}.part-line:last-child{border-bottom:0}.part-line input{width:100%;padding:7px;border:1px solid #dce3ef;border-radius:7px}.part-line button{border:0;background:#fff0f2;color:#c53240;border-radius:7px;height:30px}.money-grid{grid-template-columns:repeat(4,1fr)}.counter-actions{display:flex;gap:9px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}.type-tabs,.brand-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.type-tabs button,.brand-tabs button{border:1px solid #dce3ef;background:#fff;border-radius:10px;padding:9px 12px;color:#42506a;font-weight:750;font-size:12px}.type-tabs button.active,.brand-tabs button.active{background:#eff5ff;border-color:#6b9cff;color:#0c59d4}.search-row{display:flex;align-items:center;gap:10px;margin:12px 0}.search-row input{margin:0}.search-row span{white-space:nowrap;color:var(--muted);font-size:11px}.device-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px}.device-card{background:#fff;border:1px solid #e2e7f0;border-radius:13px;padding:10px;text-align:left;color:var(--ink);min-height:145px;transition:.15s}.device-card:hover{border-color:#8bb2ff;box-shadow:0 8px 18px rgba(40,80,160,.09);transform:translateY(-2px)}.device-card.selected{border:2px solid #1769ff;background:#f6f9ff}.device-card.hidden{display:none}.device-art{height:67px;display:grid;place-items:center;color:#365b98}.device-art svg{height:62px}.device-art img{max-height:62px;max-width:75px;object-fit:contain}.device-card strong,.device-card small,.available{display:block}.device-card strong{font-size:12px}.device-card small{color:var(--muted);font-size:10px;margin-top:2px}.available{color:var(--green);font-size:10px;font-weight:800;margin-top:6px}.lower-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:13px}.mini-panel{padding:13px;box-shadow:none}.part-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.part-chip{border:1px solid #e2e7f0;background:#fff;border-radius:9px;padding:8px;text-align:left}.part-chip:hover{border-color:#5b95ff}.part-chip span,.part-chip small{display:block}.part-chip span{font-weight:750;font-size:11px}.part-chip small{font-size:9px;color:var(--green);margin-top:3px}.selection-box{padding:12px;border:1px dashed #dbe2ef;border-radius:10px}.selection-box strong{display:block}.view-switch{background:#1769ff;color:#fff;border-radius:9px;padding:7px 10px}.login-page{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 15% 15%,#dfeaff,transparent 36%),#f6f8fc}.login-card{width:min(430px,calc(100% - 30px));background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:28px;display:grid;gap:16px}.login-logo{display:flex;align-items:center;gap:12px}.login-logo h1{font-size:21px;margin:0}.login-logo p{margin:3px 0 0;color:var(--muted);font-size:12px}.check{display:flex;align-items:center;gap:7px}.check input{width:auto;margin:0}.tiny{font-size:10px;text-align:center}.receipt-wrap{padding:24px}.receipt-toolbar{max-width:800px;margin:0 auto 12px;display:flex;justify-content:space-between}.receipt{max-width:800px;margin:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:32px}.receipt header,.receipt-customer{display:flex;justify-content:space-between;gap:20px}.receipt header{border-bottom:2px solid var(--ink);padding-bottom:18px}.receipt header h1{margin:0}.receipt-number{text-align:right;display:grid}.receipt-customer{padding:18px 0}.receipt-customer div{display:grid;gap:3px}.receipt table,.table-wrap table{width:100%;border-collapse:collapse}.receipt th,.receipt td,.table-wrap th,.table-wrap td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.totals{margin-left:auto;width:300px;padding-top:18px}.totals div{display:flex;justify-content:space-between;padding:7px}.totals .grand{font-size:18px;border-top:2px solid var(--ink)}.receipt footer{text-align:center;color:var(--muted);margin-top:30px}.filterbar{display:flex;gap:10px;align-items:end;background:#fff;border:1px solid var(--line);padding:14px;border-radius:12px;margin-bottom:14px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.actions{display:flex;gap:6px}
@media(max-width:1180px){.counter-page{grid-template-columns:1fr}.device-panel{position:static;max-height:none}.device-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:12px}.brand{justify-content:center}.sidebar nav{grid-template-columns:repeat(4,1fr);overflow:auto}.navlink{text-align:center;white-space:nowrap}.side-foot{display:none}.topbar{position:static}.counter-page{padding:8px}.device-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:1fr 1fr}.money-grid{grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr}.top-actions .pill{display:none}}@media(max-width:560px){.sidebar nav{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 12px}.entry-panel,.device-panel{border-radius:12px;padding:12px}.panel-head,.device-head{align-items:flex-start;flex-direction:column}.form-grid,.money-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.device-grid{grid-template-columns:repeat(2,1fr)}.part-list{grid-template-columns:1fr}.counter-actions{flex-wrap:wrap}.counter-actions .grow{flex-basis:100%}.stats{grid-template-columns:1fr}.receipt{padding:18px}.receipt header,.receipt-customer{flex-direction:column}.receipt-number{text-align:left}.receipt table{font-size:10px}.totals{width:100%}}
@media print{.sidebar,.topbar,.receipt-toolbar,.flash{display:none!important}.shell{display:block}.main{width:100%}.receipt-wrap{padding:0}.receipt{box-shadow:none;border:0;max-width:none}.counter-page{display:block}.device-panel{display:none}.entry-panel{box-shadow:none;border:0}}

.inline-form{display:flex;gap:6px;min-width:280px}.inline-form input{width:90px;border:1px solid var(--line);border-radius:8px;padding:7px}.inline-form input[name=note]{width:150px}.text-danger{color:var(--red)}.grow{flex:1}details.panel summary{cursor:pointer}details.panel[open] summary{margin-bottom:10px}.table-wrap a{color:#155ed5;font-weight:700;text-decoration:none}.table-wrap select{border:1px solid var(--line);border-radius:7px;padding:6px;background:#fff}

.pill{text-decoration:none}.narrow{max-width:700px}.one-col{grid-template-columns:1fr}

/* FixPro v2: shop portals, repair-first picker and branded invoices */
.top-shop{min-width:0}.top-shop strong{display:block}.top-shop .muted{max-width:720px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repair-options-panel{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfcff}.repair-count{font-size:11px;font-weight:800;color:#245fb9;background:#edf4ff;padding:6px 8px;border-radius:999px}.repair-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.repair-option{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;padding:10px;border:1px solid #e0e6f1;background:#fff;border-radius:11px;min-height:72px}.repair-option:hover{border-color:#76a6ff;box-shadow:0 7px 16px rgba(34,82,160,.08)}.repair-option.disabled{opacity:.58;cursor:not-allowed}.repair-option-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#edf4ff,#e3f7ff);color:#1769ff;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.04em}.repair-option-copy,.repair-option-meta{display:grid;gap:3px}.repair-option-copy strong{font-size:11px}.repair-option-copy small,.repair-option-meta small{font-size:9px;color:var(--muted)}.repair-option-meta{text-align:right}.repair-option-meta strong{font-size:11px}.stock-ok{color:var(--green)!important}.stock-low{color:var(--amber)!important}.stock-out{color:var(--red)!important}.empty-state{grid-column:1/-1;border:1px dashed #d8e0ed;border-radius:11px;padding:20px;display:grid;gap:5px;text-align:center;color:var(--muted)}.empty-state strong{color:#33415d}.danger-state{background:#fff7f8}.policy-box{margin-top:14px;border:1px solid #e6d8b5;background:#fffaf0;border-radius:11px;padding:11px 13px;font-size:11px;color:#594c31}.policy-box summary{font-weight:800;cursor:pointer}.policy-box div{margin-top:9px;line-height:1.6}.policy-check{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:11px;color:#4c5870}.policy-check strong{color:var(--red)}.policy-check input{width:auto}.profile-grid{margin-top:14px}.profile-grid textarea{width:100%;margin-top:6px;border:1px solid #dce3ef;background:#fff;border-radius:9px;padding:10px 11px;color:var(--ink);outline:none}.form-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.invite-banner{display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,2fr) auto;align-items:center;gap:12px;background:#ecf8f2;border:1px solid #b9e5cf;border-radius:14px;padding:14px;margin-bottom:16px}.invite-banner div{display:grid;gap:3px}.invite-banner span{font-size:11px;color:#4d6d60}.invite-banner input{width:100%;border:1px solid #c9ded3;border-radius:9px;padding:10px;background:#fff;color:#274b3a}.portal-table td small{display:block;color:var(--muted);margin-top:3px}.status-chip{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850}.status-chip.ok{background:#e6f8ef;color:#07834c}.status-chip.low{background:#fff3d9;color:#9a6500}.status-chip.out{background:#ffedef;color:#b22d3a}.portal-owner-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-owner-card h3{margin:4px 0}.portal-owner-card p{margin:0;color:var(--muted)}.narrow-wide{max-width:1120px;margin:0 auto}.invite-shop-card{display:grid;gap:4px;background:#f6f8fc;border:1px solid var(--line);border-radius:10px;padding:12px}.invite-shop-card span,.invite-shop-card small{color:var(--muted)}.invoice-v2 header{align-items:flex-start}.invoice-branding{display:flex;gap:14px;align-items:flex-start;max-width:66%}.invoice-logo{width:66px;height:66px;object-fit:contain;border:1px solid var(--line);border-radius:12px;padding:5px}.invoice-branding h1{font-size:23px;margin-bottom:4px}.invoice-branding p{font-size:11px;line-height:1.5;color:var(--muted);margin:5px 0}.invoice-contact{display:grid;gap:2px;font-size:10px;color:#5c6980}.invoice-policy{margin-top:24px;padding:16px;border:1px solid #ead9ad;background:#fffaf0;border-radius:10px}.invoice-policy h3{font-size:13px;margin:0 0 7px}.invoice-policy p{font-size:10px;line-height:1.55;color:#5c5139;margin:0}.invoice-policy small{display:block;margin-top:8px;color:#7a6a45}.receipt-customer span{font-size:11px;color:var(--muted)}
@media(max-width:820px){.repair-option-grid{grid-template-columns:1fr}.invite-banner{grid-template-columns:1fr}.portal-owner-card{align-items:flex-start;flex-direction:column}.top-shop .muted{max-width:430px}.invoice-branding{max-width:100%}}
@media(max-width:560px){.top-shop .muted{max-width:220px}.repair-option{grid-template-columns:34px 1fr}.repair-option-meta{grid-column:2;text-align:left}.invoice-branding{flex-direction:column}.invoice-logo{width:54px;height:54px}}
@media print{.invoice-policy{break-inside:avoid}.invoice-v2{font-size:11px}.invoice-contact{font-size:9px}}

/* FixPro v2.1: live multi-shop analytics */
.analytics-page{display:grid;gap:16px}.analytics-page .panel{margin-top:0}.analytics-title{margin-bottom:0}.analytics-filters{margin:0;flex-wrap:wrap}.analytics-filters label{min-width:148px}.analytics-filters select{width:100%;margin-top:6px;border:1px solid #dce3ef;background:#fff;border-radius:9px;padding:10px 11px;color:var(--ink)}.custom-date-field{display:none}.analytics-filters.custom-range .custom-date-field{display:block}.stats-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stats article small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.trend-note.positive{color:var(--green)}.trend-note.negative{color:var(--red)}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:16px}.chart-panel,.payment-panel{min-height:350px}.chart-legend{display:flex;gap:16px;font-size:11px;font-weight:750;color:var(--muted)}.chart-legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.legend-sales:before{background:#1769ff}.legend-repairs:before{background:#20b7d8}.line-chart{position:relative;min-height:270px;margin-top:10px;border-radius:13px;background:linear-gradient(180deg,#fbfdff,#f7faff);overflow:hidden}.line-chart.tall{min-height:330px}.line-chart svg{display:block;width:100%;height:100%;min-height:270px}.chart-empty{display:grid;place-items:center;min-height:270px;color:var(--muted);font-size:12px}.axis-label{font-size:9px;fill:#8390a8}.grid-line{stroke:#e8edf5;stroke-width:1}.chart-line-sales{fill:none;stroke:#1769ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line-repairs{fill:none;stroke:#20b7d8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area-sales{fill:rgba(23,105,255,.08)}.chart-point-sales{fill:#1769ff}.chart-point-repairs{fill:#20b7d8}.payment-visual{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin-top:18px}.donut-chart{width:140px;height:140px;display:grid;place-items:center;margin:auto}.donut-chart.large{width:160px;height:160px}.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-track{fill:none;stroke:#edf1f7;stroke-width:16}.donut-segment{fill:none;stroke-width:16}.donut-center{position:absolute}.payment-legend{display:grid;gap:4px}.payment-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef1f6}.payment-row:last-child{border-bottom:0}.payment-row>div{display:grid;gap:2px}.payment-row small{color:var(--muted);font-size:10px}.payment-value{text-align:right}.shop-performance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.shop-performance-card{text-decoration:none;color:var(--ink);border:1px solid var(--line);background:#fbfcff;border-radius:13px;padding:13px;display:grid;gap:8px}.shop-performance-card:hover{border-color:#8eb5ff;box-shadow:0 8px 18px rgba(24,91,200,.08)}.shop-performance-card>div:first-child{display:grid;gap:2px}.shop-performance-card small{font-size:10px;color:var(--muted)}.performance-track{height:7px;border-radius:999px;background:#e9eef7;overflow:hidden}.performance-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1769ff,#20b7d8)}.live-badge{display:inline-flex;align-items:center;gap:7px;background:#eaf8f1;color:#0c7f4e;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.live-badge i{width:7px;height:7px;background:#10b56c;border-radius:50%;box-shadow:0 0 0 4px rgba(16,181,108,.12)}.live-badge.stale{background:#fff2dc;color:#8d6200}.live-badge.stale i{background:#d58b00}.analytics-table{box-shadow:none;border-radius:11px}.type-chip{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.type-chip.sale{background:#eaf2ff;color:#1257c9}.type-chip.repair{background:#e7f9f6;color:#087d69}.reports-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr)}
@media(max-width:1280px){.stats-5{grid-template-columns:repeat(3,1fr)}.shop-performance-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.analytics-grid,.reports-grid{grid-template-columns:1fr}.payment-visual{grid-template-columns:170px 1fr}}
@media(max-width:820px){.stats-5{grid-template-columns:1fr 1fr}.analytics-filters{align-items:stretch}.analytics-filters label,.analytics-filters .btn{flex:1 1 180px}.shop-performance-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.stats-5{grid-template-columns:1fr}.payment-visual{grid-template-columns:1fr}.shop-performance-grid{grid-template-columns:1fr}.analytics-title{align-items:flex-start;flex-direction:column;gap:12px}.analytics-title .btn{width:100%}.line-chart,.line-chart svg,.chart-empty{min-height:230px}}
.balance-due{color:var(--red);font-weight:800}

/* v2.2 profile, branding and inclusive-GST UI */
.brand-shop-logo{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff;padding:3px;border:1px solid rgba(255,255,255,.18)}
.user-pill{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);padding:5px 9px;border:1px solid var(--line);border-radius:12px;background:#fff}
.user-pill>span:last-child{display:grid;gap:1px;line-height:1.1}.user-pill strong{font-size:12px}.user-pill small{font-size:9px;color:var(--muted)}
.profile-avatar{width:32px;height:32px;border-radius:10px;object-fit:cover;border:1px solid #dce3ef;background:#edf4ff}
.profile-avatar.initials{display:grid;place-items:center;font-size:10px;font-weight:900;color:#1769ff}.profile-avatar.large{width:76px;height:76px;border-radius:18px;font-size:18px}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px}.profile-card{margin-top:0}.profile-identity{display:flex;align-items:center;gap:15px;margin-bottom:18px}.profile-identity h2{margin:3px 0}.profile-identity p{margin:0;color:var(--muted);font-size:12px}.field-help{display:block;margin-top:5px;color:var(--muted);font-weight:500}
.logo-preview{display:flex;align-items:center;gap:12px;margin-top:7px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafcff}.logo-preview img{width:54px;height:54px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid var(--line);padding:4px}.logo-preview span{font-size:10px;color:var(--muted)}
.gst-card{grid-column:span 2;border:1px solid #b9dfca;background:#f1fbf6;border-radius:12px;padding:13px;display:grid;gap:7px}.gst-card .gst-toggle{display:flex;align-items:center;gap:9px;font-weight:850;color:#17603f}.gst-card .gst-toggle input{width:auto;margin:0}.gst-card p{margin:0;font-size:11px;line-height:1.55;color:#4e6a5b}.gst-example{font-size:11px;font-weight:800;color:#17603f}
.price-entry{display:grid;grid-template-columns:1fr 78px 116px 32px;gap:7px;align-items:center;padding:7px;border-bottom:1px solid #eef1f6}.price-entry:last-child{border-bottom:0}.price-entry input{width:100%;padding:8px;border:1px solid #dce3ef;border-radius:7px}.price-entry .charge-field{position:relative}.price-entry .charge-field span{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:12px;color:#758198}.price-entry .charge-field input{padding-left:22px}.price-entry button{border:0;background:#fff0f2;color:#c53240;border-radius:7px;height:32px}.repair-option-meta.no-price strong{font-size:10px;color:#4e5e78}.counter-tax-summary{margin-top:14px;border:1px solid #dbe8df;background:#f7fcf9;border-radius:13px;padding:13px;display:grid;gap:7px}.counter-tax-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.counter-tax-summary>div.total{border-top:1px solid #dbe8df;padding-top:8px;font-size:15px}.counter-tax-summary .gst-note{display:block;font-size:10px;color:#54705f}.tax-readonly{background:#f4f7fb!important;color:#4c5c74!important}
.policy-meta{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 0}.policy-meta span{font-size:9px;font-weight:800;background:#f1f4f9;color:#5c6980;border-radius:999px;padding:4px 7px}
@media(max-width:820px){.profile-layout{grid-template-columns:1fr}.user-pill>span:last-child{display:none}}
@media(max-width:560px){.gst-card{grid-column:auto}.price-entry{grid-template-columns:1fr 72px 100px 32px}.user-pill{padding:4px}.profile-avatar{width:30px;height:30px}}

/* FixPro v2.3: admin-only database and system health */
.system-health-page{display:grid;gap:16px}.health-title{margin-bottom:0}.health-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border-radius:18px;padding:20px 22px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.health-hero.healthy{border-color:#b9dfca;background:linear-gradient(135deg,#f4fcf7,#fff)}.health-hero.unhealthy{border-color:#f1c8cc;background:linear-gradient(135deg,#fff4f5,#fff)}.health-hero h2{margin:2px 0 4px;font-size:24px}.health-hero p{margin:0;color:var(--muted);font-size:12px}.health-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e9f8f0}.health-icon span{width:18px;height:18px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(15,169,104,.12)}.unhealthy .health-icon{background:#fff0f2}.unhealthy .health-icon span{background:var(--red);box-shadow:0 0 0 7px rgba(220,61,74,.12)}.health-checked{display:grid;text-align:right;gap:3px}.health-checked span{font-size:10px;color:var(--muted)}.health-checked strong{font-size:12px}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.health-card{margin-top:0}.health-badge{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:6px 8px}.health-badge.ok{background:#e9f8f0;color:#087648}.health-badge.warn{background:#fff4db;color:#8c6200}.health-badge.bad{background:#fff0f1;color:#a82431}.health-list{display:grid;margin:12px 0 0}.health-list div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #eef1f6}.health-list div:last-child{border-bottom:0}.health-list dt{color:var(--muted);font-size:11px}.health-list dd{margin:0;font-size:12px;font-weight:800;text-align:right;word-break:break-word}.health-note{margin-top:12px;border-radius:10px;padding:10px 12px;font-size:11px}.health-note.warn{background:#fff8e9;color:#795500;border:1px solid #f1dfae}.terminal-check,.security-reminder{margin-top:0}.terminal-check p,.security-reminder p{margin:8px 0;color:var(--muted);font-size:12px;line-height:1.55}.terminal-check>code{display:block;background:#071a33;color:#eaf2ff;border-radius:10px;padding:13px 14px;overflow:auto;font-size:11px}.security-reminder{border-left:4px solid #1769ff}.security-reminder code{font-size:11px}
@media(max-width:820px){.health-grid{grid-template-columns:1fr}.health-hero{grid-template-columns:auto 1fr}.health-checked{grid-column:1/-1;text-align:left;padding-left:64px}}
@media(max-width:560px){.health-hero{grid-template-columns:1fr}.health-checked{padding-left:0}.health-title{align-items:flex-start;flex-direction:column;gap:12px}.health-title .btn{width:100%}.health-list div{align-items:flex-start;flex-direction:column;gap:4px}.health-list dd{text-align:left}}

/* ========================================================================== */
/* FixPro v2.5 — professional top navigation + device-first counter           */
/* ========================================================================== */
:root{
    --v25-navy:#071a33;--v25-navy-2:#0b2342;--v25-blue:#246bfe;--v25-indigo:#5b5cf6;
    --v25-cyan:#10b8c8;--v25-mint:#13a56f;--v25-orange:#f59e0b;--v25-purple:#8b5cf6;
    --v25-soft:#f4f7fb;--v25-card:#ffffff;--v25-border:#dde5f0;--v25-text:#0e1c34;
    --v25-muted:#68768e;--v25-shadow:0 12px 34px rgba(15,35,70,.08);--v25-shadow-hover:0 16px 38px rgba(23,73,155,.14);
}
html{background:var(--v25-soft)}body{background:linear-gradient(180deg,#f8fbff 0,#f4f7fb 230px,#f4f7fb 100%);color:var(--v25-text)}
.shell-topnav{display:block;min-height:100vh}.main-topnav{min-width:0;min-height:calc(100vh - 118px)}
.app-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:saturate(150%) blur(16px);border-bottom:1px solid var(--v25-border);box-shadow:0 4px 16px rgba(18,42,82,.04)}
.app-header-main{height:68px;display:flex;align-items:center;gap:24px;padding:0 clamp(14px,2.2vw,34px);max-width:1920px;margin:auto}
.brand-horizontal{min-width:max-content;color:var(--v25-text);font-size:17px;gap:11px}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:16px;letter-spacing:-.02em}.brand-copy small{margin-top:5px;color:#7b8aa3;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.brand-horizontal .brand-shop-logo{border-color:#dce5f1}.brand-horizontal .brandmark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#1466ef,#5bc9ff);color:white;display:flex;gap:1px;box-shadow:0 8px 20px rgba(31,111,236,.2)}.brand-horizontal .brandmark span:first-child{font-weight:950}.brand-horizontal .brandmark span:last-child{font-weight:700;opacity:.82}
.header-shop-context{margin-left:auto;min-width:0;display:grid;line-height:1.15;text-align:right}.header-shop-context .context-kicker{font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--v25-blue)}.header-shop-context strong{font-size:12px;margin-top:2px}.header-shop-context small{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--v25-muted);font-size:9px;margin-top:2px}
.header-actions{display:flex;align-items:center;gap:9px}.quick-entry{display:flex;align-items:center;gap:7px;text-decoration:none;color:white;background:linear-gradient(135deg,var(--v25-blue),#4f55e7);border-radius:11px;padding:9px 12px;font-size:11px;font-weight:850;box-shadow:0 8px 20px rgba(36,107,254,.2)}.quick-entry span{font-size:17px;line-height:10px}.quick-entry:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(36,107,254,.25)}
.mobile-nav-toggle{display:none;width:40px;height:38px;border:1px solid var(--v25-border);border-radius:11px;background:#fff;padding:9px}.mobile-nav-toggle span{display:block;height:2px;background:#1d3557;margin:4px 0;border-radius:2px;transition:.18s}.signout-form .btn{padding:8px 11px;font-size:11px}
.app-nav{height:50px;border-top:1px solid #edf1f6;background:#fff}.nav-scroller{height:100%;display:flex;align-items:center;gap:3px;overflow-x:auto;padding:0 clamp(14px,2.2vw,34px);max-width:1920px;margin:auto;scrollbar-width:none}.nav-scroller::-webkit-scrollbar{display:none}.top-navlink{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:10px;text-decoration:none;color:#53627a;font-size:10.5px;font-weight:800;white-space:nowrap;border:1px solid transparent;transition:.16s}.top-navlink:hover{color:#164fb8;background:#f2f6ff;border-color:#e1e9fa;transform:translateY(-1px)}.top-navlink.active{color:#0f56d6;background:linear-gradient(180deg,#eef5ff,#e8f1ff);border-color:#cfe0ff;box-shadow:inset 0 -2px 0 var(--v25-blue)}.top-navlink.admin-link{color:#66549a}.top-navlink.admin-link.active{color:#6c43c5;background:#f4efff;border-color:#e3d8ff;box-shadow:inset 0 -2px 0 #7c55d8}.nav-icon{width:17px;height:17px;display:grid;place-items:center}.nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.top-navlink:hover .nav-icon{transform:translateY(-1px) rotate(-2deg)}
.main-topnav>.flash{max-width:1640px;margin:14px auto;padding-left:18px;padding-right:18px}.page{max-width:1680px;margin:0 auto;padding:22px clamp(12px,2vw,28px)}

/* Counter shell */
.counter-page-v25{max-width:1880px;margin:0 auto;display:grid;grid-template-columns:minmax(410px,41%) minmax(620px,59%);gap:16px;padding:16px clamp(10px,1.25vw,20px) 26px;align-items:start}.counter-entry-card,.device-catalog-v25{border:1px solid #dfe6f1;border-radius:20px;box-shadow:var(--v25-shadow);background:rgba(255,255,255,.98)}.counter-entry-card{padding:20px;overflow:visible}.device-catalog-v25{padding:20px;position:sticky;top:132px;max-height:calc(100vh - 146px);overflow:auto;scrollbar-color:#b8c5d8 transparent;scrollbar-width:thin}.device-catalog-v25::-webkit-scrollbar{width:7px}.device-catalog-v25::-webkit-scrollbar-thumb{background:#c0ccdc;border-radius:99px}
.counter-form-head h1,.catalog-head h2{font-size:25px;letter-spacing:-.035em;margin:4px 0}.counter-form-head p,.catalog-head p{font-size:11px;line-height:1.5}.counter-state-badge{display:flex;align-items:center;gap:7px;border-radius:999px;background:#edfbf5;color:#08794c;border:1px solid #cceedd;padding:7px 10px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.counter-state-badge span{width:7px;height:7px;border-radius:50%;background:#14b874;box-shadow:0 0 0 4px rgba(20,184,116,.12);animation:v25status 2.4s ease-in-out infinite}@keyframes v25status{0%,100%{box-shadow:0 0 0 4px rgba(20,184,116,.10)}50%{box-shadow:0 0 0 7px rgba(20,184,116,.04)}}
.entry-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.entry-mode-option{position:relative;border:1px solid #dfe6f1;border-radius:14px;padding:11px;display:flex;align-items:center;gap:10px;background:#fbfcfe;cursor:pointer;transition:.16s}.entry-mode-option input{position:absolute;opacity:0;pointer-events:none}.entry-mode-option>span:last-child{display:grid;gap:2px}.entry-mode-option strong{font-size:11px}.entry-mode-option small{font-size:8.5px;color:#7a889e}.entry-mode-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:#2562c8}.entry-mode-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.entry-mode-option:has(input:checked){border-color:#91b7ff;background:linear-gradient(135deg,#f3f8ff,#fff);box-shadow:0 7px 18px rgba(39,100,210,.08)}.repair-mode:has(input:checked) .entry-mode-icon{color:white;background:linear-gradient(135deg,#246bfe,#5c5af2)}.sale-mode:has(input:checked) .entry-mode-icon{color:white;background:linear-gradient(135deg,#0ba97a,#1fc7b7)}
.form-section-label{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid #edf1f6}.form-section-label>span{width:28px;height:28px;border-radius:9px;background:#f0f5ff;color:#1c5ed2;display:grid;place-items:center;font-size:9px;font-weight:950}.form-section-label>div{display:grid}.form-section-label strong{font-size:11px}.form-section-label small{font-size:8.5px;color:var(--v25-muted);margin-top:1px}.compact-grid{margin-top:12px}.compact-grid label,.money-grid label{font-size:10.5px}.compact-grid input,.compact-grid select,.compact-grid textarea,.money-grid input,.money-grid select{border-radius:10px;padding:10px 11px;border-color:#d8e1ee;background:#fcfdff}.compact-grid input:hover,.compact-grid select:hover,.money-grid input:hover,.money-grid select:hover{border-color:#b8c9df}.money-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.selected-lines-title{margin-top:11px}.selected-lines{background:#fbfdff;border-style:solid;border-color:#e1e8f2;min-height:68px}.price-entry{grid-template-columns:minmax(0,1fr) 58px 132px 32px!important;padding:9px 7px!important;gap:7px!important}.price-entry.service-line{grid-template-columns:minmax(0,1fr) 0 132px 32px!important}.price-entry.service-line>[data-qty]{display:none}.line-description{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.line-description strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-description small{grid-column:1/-1;margin-top:3px;font-size:8.5px}.line-kind{font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:3px 5px;border-radius:5px}.service-kind{color:#6d45bf;background:#f1ebff}.stock-kind{color:#087f5b;background:#e8f9f2}.price-entry .charge-field input{font-size:10px}.counter-tax-summary{background:linear-gradient(135deg,#f7fcf9,#fbfffd);border-color:#d6eadf}.receipt-check{border:1px solid #dfe6f1;background:#fafcff;border-radius:10px;padding:10px!important;margin-top:6px;align-self:end}.receipt-check span{font-size:10px}.counter-actions{position:sticky;bottom:0;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);z-index:5;margin-left:-20px;margin-right:-20px;margin-bottom:-20px;padding:14px 20px 18px;border-radius:0 0 20px 20px}.counter-actions .btn{font-size:10px}.counter-actions .btn.primary span{font-size:15px;margin-left:5px}

/* Device catalogue */
.catalog-head{padding-bottom:4px}.catalog-stat{min-width:82px;border-radius:13px;padding:10px 12px;background:linear-gradient(135deg,#edf4ff,#f5f1ff);border:1px solid #dce6fb;text-align:center}.catalog-stat strong{display:block;font-size:18px;color:#225ed1}.catalog-stat span{display:block;font-size:7.5px;color:#728099;text-transform:uppercase;font-weight:850;letter-spacing:.07em;margin-top:1px}.type-tabs-v25{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:13px}.type-tabs-v25 button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:9px 7px;border-radius:12px;background:#fbfcfe;border:1px solid #dfe6f1}.type-tabs-v25 button>span:last-child{display:grid;text-align:left;font-size:9px;line-height:1.05}.type-tabs-v25 button small{font-size:7.5px;color:#8994a7;margin-top:3px}.type-tabs-v25 button.active{background:linear-gradient(135deg,#edf5ff,#f6f4ff);color:#1655c4;border-color:#96b9ff;box-shadow:0 6px 16px rgba(44,102,210,.08)}.type-icon{position:relative;width:24px;height:24px;display:inline-block;color:#41658f}.phone-icon:before,.tablet-icon:before{content:"";position:absolute;border:2px solid currentColor;border-radius:5px;inset:2px 6px}.phone-icon:after,.tablet-icon:after{content:"";position:absolute;width:4px;height:2px;border-radius:2px;background:currentColor;bottom:4px;left:10px}.tablet-icon:before{inset:2px 4px;border-radius:4px}.laptop-icon:before{content:"";position:absolute;left:3px;right:3px;top:3px;height:13px;border:2px solid currentColor;border-radius:3px}.laptop-icon:after{content:"";position:absolute;left:1px;right:1px;bottom:3px;height:3px;background:currentColor;border-radius:0 0 4px 4px}.watch-icon:before{content:"";position:absolute;left:6px;right:6px;top:5px;bottom:5px;border:2px solid currentColor;border-radius:6px}.watch-icon:after{content:"";position:absolute;left:9px;right:9px;top:0;bottom:0;border-top:4px solid currentColor;border-bottom:4px solid currentColor}.accessory-icon:before{content:"";position:absolute;width:9px;height:13px;border:2px solid currentColor;border-radius:3px;left:3px;top:5px}.accessory-icon:after{content:"";position:absolute;width:8px;height:8px;border:2px solid currentColor;border-radius:50%;right:2px;top:3px;box-shadow:0 10px 0 -2px currentColor}
.catalog-filter-block{margin-top:12px}.filter-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.filter-label-row strong{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#43536d}.filter-label-row span{font-size:8px;color:#8995a8}.brand-tabs-v25{margin-top:0;display:flex;gap:5px;flex-wrap:wrap}.brand-tabs-v25 button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:9px;font-size:8.5px}.brand-tabs-v25 button[hidden]{display:none}.brand-dot{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;font-size:7px;font-weight:950;background:#edf2f8;color:#5a6a83}.brand-tabs-v25 button.active .brand-dot{background:currentColor;color:white}.brand-tabs-v25 button.active .brand-dot::first-letter{color:white}.brand-apple{background:#172033!important;color:#fff!important}.brand-samsung{background:#1260c9!important;color:#fff!important}.brand-google{background:#4f7df1!important;color:#fff!important}.brand-oppo{background:#0d9d62!important;color:#fff!important}.brand-vivo{background:#3d77e8!important;color:#fff!important}.brand-xiaomi{background:#f07d16!important;color:#fff!important}.brand-oneplus{background:#e73737!important;color:#fff!important}.brand-realme{background:#f6c516!important;color:#493b00!important}.brand-motorola{background:#2d75d6!important;color:#fff!important}.brand-huawei{background:#d94149!important;color:#fff!important}.brand-nokia{background:#3152a6!important;color:#fff!important}.brand-sony{background:#2d3748!important;color:#fff!important}.brand-dell{background:#2087c8!important;color:#fff!important}.brand-hp{background:#1685c0!important;color:#fff!important}.brand-lenovo{background:#e44545!important;color:#fff!important}.brand-asus{background:#405d8b!important;color:#fff!important}.brand-acer{background:#77a72e!important;color:#fff!important}.brand-microsoft{background:#5b6b7b!important;color:#fff!important}.brand-universal{background:#6b7280!important;color:#fff!important}
.series-filter-block{margin-top:9px}.series-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.series-tabs::-webkit-scrollbar{display:none}.series-tabs button{white-space:nowrap;border:1px solid #e1e7f0;border-radius:8px;background:#fff;color:#637087;padding:6px 8px;font-size:8px;font-weight:750}.series-tabs button.active{background:#101f38;color:white;border-color:#101f38}.catalog-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 100px 105px auto;gap:7px;align-items:center;margin:12px 0 9px}.catalog-search{position:relative}.catalog-search span{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid #8a97aa;border-radius:50%}.catalog-search span:after{content:"";position:absolute;width:5px;height:2px;background:#8a97aa;right:-4px;bottom:-2px;transform:rotate(45deg);border-radius:2px}.catalog-search input,.catalog-toolbar select{width:100%;height:38px;border:1px solid #dce4ef;border-radius:10px;background:#fff;font-size:9.5px;color:#33425a;outline:none}.catalog-search input{padding:0 12px 0 32px}.catalog-toolbar select{padding:0 8px}.catalog-search input:focus,.catalog-toolbar select:focus{border-color:#7ba8fb;box-shadow:0 0 0 3px rgba(36,107,254,.08)}.catalog-count{font-size:8.5px;color:#6e7c92;font-weight:800;white-space:nowrap;text-align:right}
.device-grid-v25{display:grid;grid-template-columns:repeat(4,minmax(128px,1fr));gap:8px;align-items:stretch}.device-card-v25{--accent:#3769b3;--accent2:#72a1e5;position:relative;min-height:190px;padding:10px;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid #dfe6f0;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;content-visibility:auto;contain-intrinsic-size:150px 190px}.device-card-v25:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.65}.device-card-v25:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 42%,#dfe6f0);box-shadow:var(--v25-shadow-hover)}.device-card-v25.selected{border:2px solid var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,white),#fff);box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 14%,transparent)}.device-card-v25.hidden{display:none}.brand-card-apple{--accent:#1d2939;--accent2:#7b8798}.brand-card-samsung{--accent:#1260c9;--accent2:#5ea7ff}.brand-card-google{--accent:#4285f4;--accent2:#34a853}.brand-card-oppo{--accent:#0a9a61;--accent2:#45c98c}.brand-card-vivo{--accent:#3977e8;--accent2:#70a8ff}.brand-card-xiaomi{--accent:#ed7a16;--accent2:#ffb24f}.brand-card-oneplus{--accent:#e63b3b;--accent2:#ff7777}.brand-card-realme{--accent:#dda900;--accent2:#ffd73d}.brand-card-motorola{--accent:#3375d5;--accent2:#6aaaff}.brand-card-huawei{--accent:#d74750;--accent2:#f7868d}.brand-card-nokia{--accent:#3157ae;--accent2:#6789d7}.brand-card-sony{--accent:#313d52;--accent2:#7d8ba2}.brand-card-asus{--accent:#445e92;--accent2:#6a91cf}.brand-card-dell{--accent:#1684c3;--accent2:#55afe2}.brand-card-hp{--accent:#1388c5;--accent2:#5cb9e6}.brand-card-lenovo{--accent:#dc4545;--accent2:#f48383}.brand-card-acer{--accent:#6e9e2d;--accent2:#9dc95d}.brand-card-microsoft{--accent:#4d6174;--accent2:#8da0b3}.brand-card-universal{--accent:#636b78;--accent2:#9ba4b1}
.device-visual{height:105px;display:grid;place-items:center;position:relative;margin-bottom:7px;border-radius:12px;background:radial-gradient(circle at 25% 10%,color-mix(in srgb,var(--accent2) 18%,white),transparent 50%),linear-gradient(145deg,#f6f9fd,#eef3f9)}.device-visual img{max-width:88%;max-height:96px;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(12,28,55,.12))}.phone-back,.phone-front{position:absolute;width:42px;height:78px;border-radius:10px;box-shadow:0 9px 14px rgba(20,35,65,.15)}.phone-back{left:calc(50% - 31px);top:13px;background:linear-gradient(145deg,var(--accent2),var(--accent));border:1px solid color-mix(in srgb,var(--accent) 80%,black)}.phone-front{left:calc(50% - 8px);top:8px;background:#101827;border:2px solid #24344d;transform:rotate(4deg)}.phone-front:before{content:"";position:absolute;inset:4px;border-radius:7px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent2) 80%,#dff7ff),color-mix(in srgb,var(--accent) 80%,#342b87));opacity:.95}.phone-front i{position:absolute;width:12px;height:3px;border-radius:3px;background:#0f172a;top:7px;left:13px;z-index:2}.phone-back i{position:absolute;width:10px;height:10px;border-radius:50%;background:#172033;border:2px solid rgba(255,255,255,.45);top:8px;left:7px}.phone-back i:nth-child(2){top:21px}.phone-back b{position:absolute;width:8px;height:8px;border-radius:50%;background:#172033;border:2px solid rgba(255,255,255,.45);top:8px;left:20px}.tablet-body{width:70px;height:88px;border:4px solid #263b59;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent2) 70%,white),var(--accent));box-shadow:0 8px 14px rgba(15,30,60,.14);position:relative}.tablet-body:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#dae5f2;top:3px;left:29px}.tablet-body i{position:absolute;inset:5px;border-radius:5px;background:linear-gradient(160deg,rgba(255,255,255,.3),rgba(255,255,255,.02))}.laptop-screen{width:92px;height:62px;border:4px solid #253955;border-radius:6px 6px 2px 2px;background:linear-gradient(145deg,var(--accent2),var(--accent));position:absolute;top:17px;box-shadow:0 8px 16px rgba(14,28,55,.13)}.laptop-screen i{position:absolute;inset:5px;background:linear-gradient(145deg,rgba(255,255,255,.33),rgba(255,255,255,.02));border-radius:2px}.laptop-base{position:absolute;width:110px;height:8px;top:79px;background:#344760;border-radius:2px 2px 8px 8px;box-shadow:0 7px 10px rgba(15,30,55,.12)}.watch-strap{position:absolute;width:27px;height:94px;background:linear-gradient(180deg,var(--accent2),var(--accent));border-radius:10px;top:5px}.watch-face{position:absolute;width:57px;height:61px;border:4px solid #263c5b;background:#101827;border-radius:17px;box-shadow:0 8px 15px rgba(14,28,52,.16)}.watch-face i{position:absolute;inset:5px;border-radius:10px;background:radial-gradient(circle at 65% 35%,var(--accent2),var(--accent) 55%,#15223a 100%)}.accessory-shape{width:72px;height:72px;border-radius:24px;background:linear-gradient(145deg,var(--accent2),var(--accent));box-shadow:0 8px 16px rgba(20,35,60,.16);position:relative}.accessory-shape i{position:absolute;width:19px;height:30px;border:4px solid white;border-radius:8px;left:14px;top:18px}.accessory-shape b{position:absolute;width:23px;height:23px;border:4px solid white;border-radius:50%;right:10px;top:11px;box-shadow:0 25px 0 -5px rgba(255,255,255,.85)}
.device-card-copy{display:grid;gap:2px;min-height:35px}.device-card-copy strong{font-size:10.5px;line-height:1.25;color:#15223a}.device-card-copy small{font-size:8px;color:#79869a}.device-select-text{margin-top:auto;padding-top:6px;display:flex!important;align-items:center;justify-content:space-between;color:var(--accent)!important;font-size:8.5px!important;font-weight:900!important}.device-select-text b{font-size:13px}.device-card-v25.selected .device-select-text{color:#0b8a5b!important}.catalog-empty{padding:28px;text-align:center;border:1px dashed #cfd9e7;border-radius:14px;background:#fbfdff;color:#64748b}.catalog-empty strong,.catalog-empty span{display:block}.catalog-empty strong{color:#26364f;font-size:12px}.catalog-empty span{font-size:9px;margin-top:4px}

/* Repair options */
.repair-options-v25{margin-top:14px;padding-top:13px;border-top:1px solid #e8edf4}.repair-count{font-size:8.5px;color:#43617f;background:#edf4fb;border-radius:999px;padding:5px 7px;font-weight:850}.repair-option-grid{display:grid;gap:10px}.option-group{border:1px solid #e1e7f0;border-radius:14px;background:#fbfcfe;padding:10px}.option-group-services{background:linear-gradient(145deg,#fbf9ff,#fcfdff);border-color:#e4dcf5}.option-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.option-group-title>div{display:grid}.option-group-title strong{font-size:9.5px}.option-group-title small{font-size:7.5px;color:#7d899d;margin-top:2px}.option-group-title>span{font-size:8px;font-weight:900;color:#65758d;background:#edf1f6;padding:4px 6px;border-radius:999px}.service-shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.service-shortcut{border:1px solid #e2def0;background:white;border-radius:10px;min-height:54px;padding:7px;display:grid;grid-template-columns:28px 1fr 14px;align-items:center;gap:6px;text-align:left;color:#28364e;transition:.15s}.service-shortcut:hover{border-color:#b9a6e8;box-shadow:0 6px 14px rgba(97,68,165,.08);transform:translateY(-1px)}.service-shortcut>span:nth-child(2){display:grid;min-width:0}.service-shortcut strong{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-shortcut small{font-size:7px;color:#8993a5;margin-top:2px}.service-shortcut>b{font-size:14px;color:#7653c7}.service-glyph{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:900;background:#f0eaff;color:#6a48bc}.group-battery{background:#eaf9f1;color:#098353}.group-charging{background:#fff5df;color:#a56600}.group-camera{background:#edf3ff;color:#315fc4}.group-audio{background:#e9f8fb;color:#087d91}.group-board{background:#fff0f2;color:#b13245}.group-diagnostic{background:#edf4ff;color:#1e5dbc}.group-software,.group-data{background:#f1f3f7;color:#55647b}.stock-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.repair-option{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:7px;border:1px solid #e0e7ef;background:white;border-radius:10px;padding:8px;text-align:left;min-width:0}.repair-option:hover:not(:disabled){border-color:#80b7a1;box-shadow:0 5px 12px rgba(32,120,90,.06)}.repair-option-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#e9f8f2;color:#087a55;font-size:8px;font-weight:900}.repair-option-copy{display:grid;min-width:0}.repair-option-copy strong{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repair-option-copy small,.repair-option-meta small{font-size:7px;color:#8793a6}.repair-option-meta{text-align:right;display:grid;gap:2px}.repair-option-meta strong{font-size:7.5px;color:#55647a}.repair-option.disabled{opacity:.48;cursor:not-allowed}.stock-ok{color:#087a55!important}.stock-low{color:#b57400!important}.stock-out{color:#b83648!important}.stock-empty{display:grid;gap:3px;padding:13px;border:1px dashed #ccd7e5;border-radius:10px;background:#fff}.stock-empty strong{font-size:9px;color:#42516a}.stock-empty span{font-size:8px;line-height:1.45;color:#7d899c}.illustrated-empty{padding:22px!important}.empty-tool{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#edf4ff,#f1edff);position:relative;margin-bottom:5px}.empty-tool:before{content:"";position:absolute;width:5px;height:23px;border-radius:3px;background:#5f6ee7;left:17px;top:7px;transform:rotate(35deg)}.empty-tool:after{content:"";position:absolute;width:13px;height:13px;border:4px solid #5f6ee7;border-radius:50%;left:4px;top:3px;border-right-color:transparent}.selection-box-v25{margin-top:9px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;background:#f8fbff;border-style:solid}.selection-box-v25>span:nth-child(2){display:grid}.selection-box-v25 strong{font-size:9.5px}.selection-box-v25 small{font-size:7.5px}.selection-box-v25>b{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#087b53;background:#e9f8f1;padding:5px 7px;border-radius:999px}.selection-mini-art{width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,var(--accent2,#77a3dd),var(--accent,#3468b2));position:relative}.selection-mini-art:after{content:"";position:absolute;inset:6px 9px;border:2px solid white;border-radius:4px}

/* Responsive behaviour */
@media(max-width:1440px){.header-shop-context small{max-width:210px}.top-navlink{padding:0 8px;font-size:9.5px}.device-grid-v25{grid-template-columns:repeat(3,minmax(135px,1fr))}.service-shortcut-grid{grid-template-columns:1fr 1fr}.counter-page-v25{grid-template-columns:minmax(390px,40%) minmax(560px,60%)}}
@media(max-width:1180px){.counter-page-v25{grid-template-columns:1fr;max-width:1120px}.device-catalog-v25{position:static;max-height:none}.device-grid-v25{grid-template-columns:repeat(4,minmax(135px,1fr))}.counter-actions{position:static}.header-shop-context{display:none}.nav-scroller{padding-right:12px}}
@media(max-width:900px){.app-header-main{height:62px;padding:0 12px}.brand-copy small{display:none}.quick-entry{display:none}.signout-form{display:none}.mobile-nav-toggle{display:block}.app-nav{display:none;height:auto;border-top:1px solid #e8edf5;box-shadow:0 12px 22px rgba(18,38,70,.08)}body.nav-open .app-nav{display:block}.nav-scroller{display:grid;grid-template-columns:repeat(3,1fr);padding:9px 12px;height:auto;overflow:visible}.top-navlink{height:42px;justify-content:flex-start;padding:0 10px}.top-navlink.admin-link{background:#fbf9ff}.user-pill>span:last-child{display:none}.main-topnav{min-height:calc(100vh - 62px)}.counter-page-v25{padding:10px}.device-grid-v25{grid-template-columns:repeat(3,minmax(130px,1fr))}.catalog-toolbar{grid-template-columns:minmax(180px,1fr) 92px 100px}.catalog-count{grid-column:1/-1;text-align:left}.type-tabs-v25{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto;padding-bottom:2px}.type-tabs-v25 button{min-width:108px}.money-grid{grid-template-columns:1fr 1fr}}
@media(max-width:660px){.app-header-main{gap:8px}.brand-horizontal .brandmark,.brand-shop-logo{width:35px;height:35px}.brand-copy strong{font-size:14px}.nav-scroller{grid-template-columns:1fr 1fr}.counter-entry-card,.device-catalog-v25{padding:14px;border-radius:16px}.counter-form-head h1,.catalog-head h2{font-size:21px}.counter-state-badge{display:none}.entry-mode-switch{grid-template-columns:1fr}.form-grid.compact-grid,.money-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.catalog-head{align-items:flex-start}.catalog-stat{min-width:70px}.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/-1}.catalog-count{grid-column:auto;align-self:center}.device-grid-v25{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.device-card-v25{min-height:170px;padding:8px}.device-visual{height:88px}.phone-back,.phone-front{transform:scale(.88)}.phone-front{transform:scale(.88) rotate(4deg)}.service-shortcut-grid,.stock-option-grid{grid-template-columns:1fr}.price-entry,.price-entry.service-line{grid-template-columns:minmax(0,1fr) 0 116px 30px!important}.price-entry.stock-line{grid-template-columns:minmax(0,1fr) 52px 116px 30px!important}.counter-actions{display:grid;grid-template-columns:1fr 1fr;margin-left:-14px;margin-right:-14px;margin-bottom:-14px;padding:12px 14px 14px}.counter-actions .grow{grid-column:1/-1}.filter-label-row span{display:none}}
@media(max-width:390px){.device-grid-v25{grid-template-columns:1fr 1fr}.device-card-copy strong{font-size:9.5px}.device-card-v25{min-height:160px}.device-visual{height:78px}.top-navlink{font-size:9px}.user-pill{display:none}.catalog-toolbar{grid-template-columns:1fr}.catalog-search,.catalog-count{grid-column:auto}.type-tabs-v25{grid-template-columns:repeat(5,98px)}}

/* v2.5 Device Catalog management */
.catalog-admin-title h1{margin:4px 0 2px;font-size:28px;letter-spacing:-.035em}.catalog-admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.catalog-admin-stats article{background:#fff;border:1px solid #dfe6f1;border-radius:14px;padding:13px 15px;box-shadow:0 8px 22px rgba(15,35,70,.05)}.catalog-admin-stats span{display:block;font-size:9px;color:#718097;text-transform:uppercase;font-weight:850;letter-spacing:.06em}.catalog-admin-stats strong{display:block;font-size:22px;margin-top:4px}.catalog-admin-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start}.catalog-add-panel{position:sticky;top:132px;margin:0}.catalog-add-panel h2{margin:5px 0 2px;font-size:19px}.catalog-add-panel>p{font-size:10px;line-height:1.5}.catalog-add-form{display:grid;gap:10px;margin-top:14px}.catalog-add-form label{font-size:9.5px;font-weight:800;color:#40516b}.catalog-add-form label small{font-weight:600;color:#8290a4}.catalog-add-form input,.catalog-add-form select,.catalog-admin-filter input,.catalog-admin-filter select{width:100%;margin-top:5px;border:1px solid #d7e0ec;border-radius:9px;background:#fcfdff;padding:9px 10px;color:#16243c}.catalog-form-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-library{min-width:0}.catalog-admin-filter{display:grid;grid-template-columns:minmax(220px,1fr) 130px 150px auto auto;gap:8px;align-items:end;background:#fff;border:1px solid #dfe6f1;border-radius:14px;padding:10px;box-shadow:0 8px 22px rgba(15,35,70,.04);margin-bottom:10px}.catalog-admin-filter input,.catalog-admin-filter select{margin:0}.catalog-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(175px,1fr));gap:9px}.catalog-admin-card{background:#fff;border:1px solid #e0e7f0;border-radius:15px;padding:9px;display:grid;grid-template-rows:112px auto auto;min-width:0;box-shadow:0 7px 18px rgba(25,48,85,.045);transition:.16s}.catalog-admin-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(25,67,140,.09);border-color:#c8d8ef}.catalog-admin-card.device-disabled{opacity:.55}.catalog-admin-art{height:112px;border-radius:11px;background:linear-gradient(145deg,#f8fbff,#eef3f9);display:grid;place-items:center;overflow:hidden;position:relative}.catalog-admin-art>img{width:100%;height:100%;object-fit:contain;padding:8px}.catalog-admin-art .device-visual{height:100px;width:120px}.catalog-admin-copy{display:grid;gap:2px;padding:8px 2px 7px}.catalog-admin-copy>strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-admin-copy>small{font-size:8px;color:#7c899c}.catalog-admin-badge{font-size:7px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#285baf}.source-note{color:#9aa5b4!important}.catalog-admin-actions{display:flex;align-items:center;gap:6px;border-top:1px solid #edf1f5;padding-top:8px}.device-image-form{flex:1}.upload-mini{display:block;text-align:center;border:1px solid #d5e1f0;border-radius:8px;padding:6px 7px;color:#2059b1;font-size:8px;font-weight:850;cursor:pointer;background:#f7faff}.upload-mini:hover{border-color:#8bb2ff;background:#eef5ff}.upload-mini input{display:none}.catalog-pagination{margin-top:14px}.catalog-pagination nav{display:flex;justify-content:center}.catalog-pagination svg{width:16px}.catalog-pagination p{font-size:9px}.catalog-pagination span,.catalog-pagination a{font-size:9px}
@media(max-width:1300px){.catalog-admin-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.catalog-admin-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:960px){.catalog-admin-layout{grid-template-columns:1fr}.catalog-add-panel{position:static}.catalog-admin-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.catalog-admin-filter{grid-template-columns:1fr 1fr}.catalog-admin-filter input{grid-column:1/-1}.catalog-admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.catalog-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-admin-filter{grid-template-columns:1fr}.catalog-admin-filter input{grid-column:auto}.catalog-admin-stats{grid-template-columns:1fr 1fr}.catalog-admin-card{grid-template-rows:94px auto auto}.catalog-admin-art{height:94px}.catalog-admin-art .device-visual{transform:scale(.8)}}

/* Deliberate micro-interaction: active navigation icons breathe softly instead of distracting blinking. */
.top-navlink.active .nav-icon{animation:v25IconBreath 3.8s ease-in-out infinite}@keyframes v25IconBreath{0%,100%{filter:none;transform:translateY(0)}50%{filter:drop-shadow(0 0 4px rgba(36,107,254,.28));transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.top-navlink.active .nav-icon,.counter-state-badge span{animation:none!important}.top-navlink,.device-card-v25,.service-shortcut{transition:none!important}}

/* FixPro v2.6 shop-branding system */
.shop-brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:middle}.shop-brand-mark img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:7px}.brand-size-sm{width:82px;height:38px}.brand-size-md{width:104px;height:48px}.brand-size-lg{width:132px;height:60px}.brand-size-xl{width:178px;height:82px}.shop-text-logo{width:100%;height:100%;min-width:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 9px;background:linear-gradient(145deg,#07131e,#0b2235 62%,#06101a);border:2px solid #35546e;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(111,203,255,.09),0 5px 13px rgba(9,29,50,.15);overflow:hidden}.shop-text-logo strong{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:10px;line-height:1.08;letter-spacing:.035em;font-weight:950;color:#9edfff;text-shadow:0 1px 0 #000}.brand-size-md .shop-text-logo strong{font-size:12px}.brand-size-lg .shop-text-logo strong{font-size:14px}.brand-size-xl .shop-text-logo strong{font-size:18px}.shop-text-logo small{display:block;margin-top:2px;font-size:8px;line-height:1;letter-spacing:.15em;font-weight:950;color:#ff8b13}.brand-size-lg .shop-text-logo small{font-size:10px}.brand-size-xl .shop-text-logo small{font-size:12px}
.header-shop-brand{height:46px;display:flex;align-items:center;gap:8px;padding:4px 9px 4px 5px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dfe7f2;border-radius:12px;box-shadow:0 5px 14px rgba(28,53,88,.06)}.header-shop-brand .brand-size-sm{width:76px;height:34px}.header-shop-brand-copy{display:grid;max-width:132px;line-height:1.05}.header-shop-brand-copy small{color:#8190a7;font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.header-shop-brand-copy strong{margin-top:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-brand{padding-right:8px}
.login-page-branded{display:block;background:radial-gradient(circle at 8% 10%,rgba(58,141,255,.18),transparent 33%),radial-gradient(circle at 89% 84%,rgba(255,142,34,.11),transparent 28%),linear-gradient(135deg,#eef5ff,#f8f9fc 58%,#fff9f2);padding:28px}.login-stage{width:min(980px,100%);min-height:calc(100vh - 56px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:34px}.login-brand-panel{position:relative;overflow:hidden;min-height:510px;border-radius:28px;padding:46px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#06192e,#0b2c4d 62%,#123b5d);box-shadow:0 25px 60px rgba(14,42,75,.2);color:#fff}.login-brand-panel:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-120px;top:-100px;background:radial-gradient(circle,rgba(58,185,255,.32),rgba(58,185,255,0) 68%)}.login-brand-panel:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;left:-100px;bottom:-90px;background:radial-gradient(circle,rgba(255,141,31,.22),rgba(255,141,31,0) 68%)}.login-default-brand{position:relative;z-index:1;background:#fff;border-radius:12px;padding:5px;box-shadow:0 10px 28px rgba(0,0,0,.2)}.login-brand-copy{position:relative;z-index:1;margin-top:30px;max-width:480px}.login-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#7ad3ff}.login-brand-copy h1{font-size:42px;line-height:1.02;letter-spacing:-.045em;margin:10px 0 14px}.login-brand-copy p{font-size:14px;line-height:1.7;color:#c9d9eb;margin:0}.login-trust-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.login-trust-row span{font-size:9px;font-weight:800;letter-spacing:.04em;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07);color:#eaf5ff}.login-card-v26{width:100%;padding:32px;border-radius:22px;box-shadow:0 20px 50px rgba(32,49,79,.12)}.login-product-head{display:flex;align-items:center;gap:12px;margin-bottom:2px}.login-product-head .brandmark{width:44px;height:44px;color:white}.login-product-head h2{margin:0;font-size:22px;letter-spacing:-.025em}.login-product-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.portal-invite-brand{display:flex;align-items:center;gap:14px}.portal-invite-brand h1{margin:0;font-size:20px}.portal-invite-brand p{margin:4px 0 0;color:var(--muted);font-size:11px}
.branding-settings{border:1px solid #dfe7f1;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f7faff);padding:16px;margin-top:2px}.branding-settings-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.branding-settings-head h3{margin:4px 0 4px;font-size:16px}.branding-settings-head p{margin:0;max-width:660px;color:var(--muted);font-size:11px;line-height:1.55}.brand-preview-card{min-width:160px;display:flex;justify-content:center;align-items:center;padding:10px;border:1px solid #e2e8f1;background:#fff;border-radius:12px;box-shadow:0 8px 22px rgba(28,52,87,.06)}.branding-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.branding-choice{display:flex!important;align-items:flex-start;gap:9px;padding:12px;border:1px solid #dfe6f0;border-radius:12px;background:#fff;cursor:pointer}.branding-choice:has(input:checked){border-color:#5d94f5;background:#f2f7ff;box-shadow:0 0 0 2px rgba(32,104,239,.06)}.branding-choice input{width:auto!important;margin:2px 0 0!important}.branding-choice span{display:grid}.branding-choice strong{font-size:12px}.branding-choice small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}.branding-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.branding-detail-grid>label{display:block}.invoice-brand-mark{margin-right:2px}.invoice-branding{align-items:center}.invoice-branding .brand-size-lg{min-width:132px}
@media(max-width:1120px){.header-shop-brand-copy{display:none}.header-shop-brand{padding-right:5px}.header-shop-context{display:none}.login-stage{grid-template-columns:1fr minmax(340px,.85fr)}.login-brand-panel{padding:36px}.login-brand-copy h1{font-size:34px}}
@media(max-width:820px){.login-page-branded{padding:16px}.login-stage{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 32px);gap:14px}.login-brand-panel{width:min(520px,100%);min-height:auto;padding:22px;border-radius:20px}.login-default-brand{width:132px;height:60px}.login-brand-copy{margin-top:16px}.login-brand-copy h1{font-size:25px;margin:7px 0 8px}.login-brand-copy p{font-size:11px}.login-trust-row{margin-top:14px}.login-card-v26{width:min(520px,100%);padding:24px}.branding-mode-grid{grid-template-columns:1fr}.branding-detail-grid{grid-template-columns:1fr}.branding-settings-head{align-items:flex-start}.brand-preview-card{min-width:145px}.header-shop-brand{display:none}}
@media(max-width:560px){.login-brand-panel{display:none}.login-card-v26{border-radius:18px}.branding-settings-head{display:grid}.brand-preview-card{justify-self:start}.brand-size-lg{width:115px;height:52px}}
@media print{.shop-text-logo{background:#07131e!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.shop-text-logo strong{color:#7ed4ff!important}.shop-text-logo small{color:#ff8b13!important}}
.portal-shop-brand-cell{display:flex;align-items:center;gap:10px;min-width:210px}.portal-shop-brand-cell>div{display:grid}.portal-shop-brand-cell strong{font-size:12px}.portal-shop-brand-cell small{margin-top:3px;color:var(--muted);font-size:9px}.portal-shop-brand-cell .brand-size-sm{width:70px;height:34px;flex:0 0 70px}
.login-card-brand{width:82px;height:38px;padding:2px;border-radius:8px;background:#fff}.login-card-brand img{border-radius:6px}.login-product-head{padding-bottom:3px;border-bottom:1px solid #edf1f7;margin-bottom:2px;padding-bottom:14px}

/* FixPro v2.7 — MyTouch Mobile Care brand integration */
.app-page{background:linear-gradient(180deg,#f6f9fe 0,#f4f7fb 52%,#f8fafc 100%);min-height:100vh}.shell-topnav{position:relative;isolation:isolate;min-height:100vh}.main-topnav{position:relative;z-index:2}.page-brand-watermark{position:fixed;right:2.2vw;bottom:1.7vh;z-index:0;pointer-events:none;user-select:none;opacity:.035;filter:saturate(.8);transform:rotate(-1.2deg)}.page-brand-watermark .shop-brand-mark{width:min(650px,45vw)!important;height:min(220px,16vw)!important}.page-brand-watermark img{width:100%;height:100%;object-fit:contain}.page-brand-watermark .shop-text-logo{background:transparent;border:0;box-shadow:none}.page-brand-watermark .shop-text-logo strong{font-size:44px;color:#173d79;text-shadow:none}.page-brand-watermark .shop-text-logo small{font-size:20px;color:#ff750d}
.app-header{z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(210,220,235,.9);box-shadow:0 8px 28px rgba(32,58,94,.065)}.header-shop-brand{min-width:206px;height:52px;padding:5px 10px 5px 7px;border-color:#d9e2ee;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 7px 18px rgba(27,52,88,.075)}.header-shop-brand .brand-size-sm{width:142px;height:40px}.header-shop-brand .shop-brand-mark img{border-radius:6px}.header-shop-brand-copy{max-width:115px}.header-shop-brand-copy small{font-size:7px}.header-shop-brand-copy strong{font-size:9px}.platform-brand .brandmark{box-shadow:0 8px 20px rgba(30,105,239,.18)}
.brand-size-sm{width:130px;height:44px}.brand-size-md{width:180px;height:60px}.brand-size-lg{width:250px;height:84px}.brand-size-xl{width:390px;height:132px}.brand-size-watermark{width:650px;height:220px}.shop-brand-mark img{object-fit:contain;background:transparent;border-radius:8px}
.panel,.stat,.report-card,.counter-left,.counter-browser,.catalog-card,.health-card{position:relative;z-index:1;background:rgba(255,255,255,.965)}
.login-page-branded{position:relative;overflow-x:hidden;background:radial-gradient(circle at 8% 12%,rgba(39,111,226,.16),transparent 34%),radial-gradient(circle at 92% 82%,rgba(255,119,13,.12),transparent 28%),linear-gradient(135deg,#edf4ff,#f8fafe 56%,#fff9f3)}.login-page-watermark{position:fixed;right:-7vw;bottom:-4vh;opacity:.035;pointer-events:none;user-select:none;transform:rotate(-5deg);z-index:0}.login-page-watermark .shop-brand-mark{width:min(850px,58vw)!important;height:min(285px,20vw)!important}.login-stage{position:relative;z-index:2}.login-brand-panel{background:radial-gradient(circle at 85% 12%,rgba(37,137,255,.27),transparent 32%),linear-gradient(145deg,#06152a,#082b50 58%,#0e4169);border:1px solid rgba(148,197,255,.14)}.login-default-brand{width:min(400px,100%);height:132px;padding:10px 12px;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.65);box-shadow:0 18px 38px rgba(0,0,0,.18)}.login-default-brand img{width:100%;height:100%;object-fit:contain}.login-product-head .login-card-brand{width:145px;height:50px}.login-product-head{align-items:center}.login-product-head h2{font-size:20px}.login-product-head p{font-size:10px}.login-kicker{color:#8cdaff}.login-brand-copy h1{max-width:610px}.login-trust-row span{background:rgba(255,255,255,.09)}
@media(max-width:1180px){.header-shop-brand{min-width:155px}.header-shop-brand .brand-size-sm{width:135px}.header-shop-brand-copy{display:none}.page-brand-watermark{opacity:.026}.page-brand-watermark .shop-brand-mark{width:470px!important;height:160px!important}}
@media(max-width:820px){.page-brand-watermark{right:-8vw;bottom:2vh;opacity:.022}.page-brand-watermark .shop-brand-mark{width:390px!important;height:130px!important}.brand-size-xl{width:280px;height:94px}.login-default-brand{width:280px;height:94px}.login-page-watermark{opacity:.025}.login-product-head .login-card-brand{width:120px;height:42px}}
@media(max-width:560px){.page-brand-watermark{display:none}.login-page-watermark{display:none}.login-card-v26{background:rgba(255,255,255,.985)}.login-product-head .login-card-brand{width:112px;height:38px}}

/* ========================================================================== */
/* FixPro v2.8 — dual-theme operations UI                                    */
/* ========================================================================== */
:root{
  --v28-blue:#1677ff;--v28-cyan:#05c8df;--v28-violet:#8b5cf6;--v28-orange:#f58825;
  --v28-yellow:#f6bf26;--v28-green:#18c78b;--v28-danger:#ff5a68;
}
body[data-theme="light"]{
  --ink:#10203a;--muted:#6b7890;--line:#dfe6f1;--bg:#f5f8fc;--panel:#fff;
  --nav:#ffffff;--v25-soft:#f5f8fc;--v25-card:#fff;--v25-border:#dfe6f1;
  --v25-text:#10203a;--v25-muted:#6b7890;--theme-panel:#fff;--theme-panel-2:#f9fbfe;
  --theme-input:#fff;--theme-input-border:#d8e2ef;--theme-header:rgba(255,255,255,.97);
  --theme-shadow:0 14px 34px rgba(20,45,80,.08);--theme-grid:#e7edf6;--theme-soft:#eef4fb;
  color-scheme:light;
}
body[data-theme="dark"]{
  --ink:#f4f8ff;--muted:#91a3bf;--line:#17345b;--bg:#020b19;--panel:#07182d;
  --nav:#030b18;--v25-soft:#020b19;--v25-card:#07182d;--v25-border:#17345b;
  --v25-text:#f4f8ff;--v25-muted:#91a3bf;--theme-panel:#07182d;--theme-panel-2:#081c35;
  --theme-input:#071b33;--theme-input-border:#1a3a64;--theme-header:rgba(2,10,24,.965);
  --theme-shadow:0 18px 42px rgba(0,0,0,.32);--theme-grid:#153052;--theme-soft:#0b2039;
  color-scheme:dark;
}
html:has(body[data-theme="dark"]){background:#020b19}
body.app-page[data-theme="dark"]{
  background:
    radial-gradient(circle at 74% -12%,rgba(28,102,255,.17),transparent 27%),
    radial-gradient(circle at 7% 18%,rgba(0,202,221,.08),transparent 24%),
    linear-gradient(180deg,#020918 0,#031126 42%,#020b19 100%);
  color:var(--ink);
}
body.app-page[data-theme="light"]{
  background:linear-gradient(180deg,#f9fbff 0,#f4f7fb 230px,#f5f8fc 100%);
  color:var(--ink);
}

/* Header / brand */
.app-header-v28{position:sticky;top:0;z-index:90;background:var(--theme-header)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;backdrop-filter:blur(18px) saturate(150%)}
.app-header-v28 .app-header-main{height:76px;gap:20px;max-width:1960px}
.network-brand-link{display:flex;align-items:center;gap:12px;min-width:255px;text-decoration:none;color:var(--ink)}
.network-header-brand{width:198px!important;height:54px!important;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.network-header-brand img{width:100%;height:100%;object-fit:contain;object-position:left center;background:#fff;border-radius:9px;padding:3px 6px}
.network-brand-caption{display:none;line-height:1.1}.network-brand-caption strong{font-size:12px}.network-brand-caption small{display:block;color:var(--muted);font-size:8px;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}
.header-control-copy{margin-left:auto;display:grid;text-align:right;line-height:1.1;min-width:210px}.header-control-copy .context-kicker{color:#4c8dff;font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.header-control-copy strong{font-size:12px;margin-top:3px}.header-control-copy small{font-size:8px;color:var(--muted);margin-top:3px;white-space:nowrap}
.app-header-v28 .header-actions{gap:8px}.app-header-v28 .quick-entry{background:linear-gradient(135deg,#0871ff,#1d4fe8);border:1px solid rgba(86,151,255,.38);box-shadow:0 0 0 1px rgba(16,111,255,.08),0 10px 28px rgba(8,101,255,.25)}
.app-header-v28 .quick-entry:hover{box-shadow:0 0 0 1px rgba(16,111,255,.14),0 14px 34px rgba(8,101,255,.34)}
.app-header-v28 .user-pill{background:var(--theme-panel)!important;border-color:var(--line)!important;color:var(--ink)!important;min-height:46px}
.app-header-v28 .user-pill small{color:var(--muted)!important}.app-header-v28 .profile-avatar.initials{background:linear-gradient(145deg,#1b74ff,#5567ff);color:white}
.app-header-v28 .btn.ghost{background:var(--theme-panel)!important;border-color:var(--line)!important;color:var(--ink)!important}.btn.compact{padding:8px 11px}
.theme-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--theme-panel);box-shadow:0 5px 16px rgba(0,0,0,.06)}
.theme-choice{border:0;background:transparent;color:var(--muted);height:34px;padding:0 8px;border-radius:9px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:850}.theme-choice.active{color:#fff;background:linear-gradient(135deg,#156eff,#5359f6);box-shadow:0 5px 14px rgba(24,105,255,.25)}.theme-glyph{font-size:12px;line-height:1}.theme-choice-label{font-size:9px}
body[data-theme="light"] .theme-choice[data-theme-choice="light"].active{color:#10203a;background:linear-gradient(180deg,#fff,#edf4ff);box-shadow:inset 0 0 0 1px #cfdcf0,0 4px 12px rgba(29,70,120,.09)}
.app-header-v28 .mobile-nav-toggle{background:var(--theme-panel);border-color:var(--line)}.app-header-v28 .mobile-nav-toggle span{background:var(--ink)}

.app-header-v28 .app-nav{height:48px;background:var(--theme-header)!important;border-top:1px solid var(--line)!important;border-bottom:0!important}.app-header-v28 .top-navlink{color:var(--muted);height:38px}.app-header-v28 .top-navlink:hover{color:#67a4ff;background:rgba(31,109,255,.08);border-color:rgba(49,120,255,.18)}.app-header-v28 .top-navlink.active{color:#31a0ff;background:rgba(21,105,255,.12);border-color:rgba(48,127,255,.22);box-shadow:inset 0 -2px 0 #1681ff}.app-header-v28 .top-navlink.admin-link{color:#9b8bd0}.app-header-v28 .top-navlink.admin-link.active{color:#b79dff;background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.24);box-shadow:inset 0 -2px 0 #8b5cf6}
body[data-theme="dark"] .app-header-v28 .nav-icon{filter:drop-shadow(0 0 5px rgba(49,145,255,.08))}

/* Shared surfaces */
body[data-theme] .panel,body[data-theme] .mini-panel,body[data-theme] .table-wrap,body[data-theme] .filterbar,body[data-theme] .entry-panel,body[data-theme] .device-panel,body[data-theme] .counter-entry-card,body[data-theme] .device-catalog-v25,body[data-theme] .catalog-card,body[data-theme] .health-card,body[data-theme] .report-card,body[data-theme] .profile-card,body[data-theme] .branding-settings{background:var(--theme-panel)!important;border-color:var(--line)!important;color:var(--ink);box-shadow:var(--theme-shadow)}
body[data-theme="dark"] .panel,body[data-theme="dark"] .filterbar,body[data-theme="dark"] .counter-entry-card,body[data-theme="dark"] .device-catalog-v25{background:linear-gradient(155deg,rgba(8,27,52,.98),rgba(5,21,42,.98))!important}
body[data-theme] .muted,body[data-theme] .field-help,body[data-theme] .source-note{color:var(--muted)!important}
body[data-theme] .page-title p,body[data-theme] .panel-head p,body[data-theme] .device-head p{color:var(--muted)}
body[data-theme] .form-grid label,body[data-theme] .filterbar label,body[data-theme] .login-card label{color:var(--ink)}
body[data-theme] input,body[data-theme] select,body[data-theme] textarea,body[data-theme] .search-row input{background:var(--theme-input)!important;border-color:var(--theme-input-border)!important;color:var(--ink)!important}
body[data-theme] input::placeholder,body[data-theme] textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}
body[data-theme] input:focus,body[data-theme] select:focus,body[data-theme] textarea:focus{border-color:#287eff!important;box-shadow:0 0 0 3px rgba(28,120,255,.15)!important}
body[data-theme] .btn{background:var(--theme-panel);border-color:var(--line);color:var(--ink)}
body[data-theme] .btn.primary{color:white;background:linear-gradient(135deg,#1277ff,#174fe1);border-color:#2f80ff;box-shadow:0 9px 22px rgba(20,103,255,.25)}
body[data-theme] .btn.secondary{color:#4e91ff;background:rgba(28,113,255,.09);border-color:rgba(55,130,255,.25)}
body[data-theme] .btn.ghost{background:var(--theme-panel);color:var(--ink);border-color:var(--line)}
body[data-theme] .table-wrap th,body[data-theme] .table-wrap td{border-color:var(--line);color:var(--ink)}body[data-theme] .table-wrap th{color:var(--muted)}
body[data-theme="dark"] .table-wrap tbody tr:hover{background:rgba(29,103,210,.08)}
body[data-theme] .flash.success{background:rgba(20,191,128,.12);color:#36d79d;border:1px solid rgba(41,202,145,.2)}body[data-theme] .flash.danger{background:rgba(255,75,91,.12);color:#ff7d88;border:1px solid rgba(255,91,105,.2)}

/* Dashboard matching the selected dark operations preview */
.dashboard-v28{max-width:1900px;padding-top:24px}.dashboard-v28 .analytics-title{align-items:flex-end;margin-bottom:16px}.dashboard-v28 .analytics-title h1{font-size:29px;letter-spacing:-.035em}.dashboard-v28 .analytics-title .eyebrow{color:#2a8cff}.dashboard-v28 .analytics-filters{border-radius:14px;padding:10px 12px;gap:10px}.dashboard-v28 .analytics-filters label{min-width:190px}.dashboard-v28 .analytics-filters select,.dashboard-v28 .analytics-filters input{margin-top:5px}
.metric-grid-v28{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}.metric-grid-v28 .metric-card{position:relative;min-height:108px;padding:15px 15px 13px 66px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--theme-panel);box-shadow:var(--theme-shadow)}
.metric-card .metric-icon{position:absolute;left:15px;top:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.metric-card .metric-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.metric-card .metric-copy>span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.metric-card .metric-copy>strong{font-size:22px;margin:6px 0 3px}.metric-card .metric-copy>small{font-size:8.5px;color:var(--muted)}.metric-card .metric-spark{position:absolute;right:13px;bottom:14px;width:66px;height:18px;opacity:.8;background:linear-gradient(155deg,transparent 42%,currentColor 43% 47%,transparent 48% 55%,currentColor 56% 60%,transparent 61%);clip-path:polygon(0 60%,15% 35%,30% 58%,48% 18%,63% 50%,78% 30%,100% 48%,100% 100%,0 100%)}
.metric-revenue{color:#2e8fff!important}.metric-revenue .metric-icon{background:rgba(25,115,255,.15);box-shadow:0 0 24px rgba(31,119,255,.18)}.metric-payments{color:#08d0cf!important}.metric-payments .metric-icon{background:rgba(0,204,203,.14);box-shadow:0 0 24px rgba(0,207,207,.15)}.metric-sales{color:#a56bff!important}.metric-sales .metric-icon{background:rgba(139,92,246,.15);box-shadow:0 0 24px rgba(139,92,246,.16)}.metric-repairs{color:#ff8a2c!important}.metric-repairs .metric-icon{background:rgba(245,126,28,.15);box-shadow:0 0 24px rgba(245,126,28,.15)}.metric-stock{color:#f4c22b!important}.metric-stock .metric-icon{background:rgba(246,191,38,.14);box-shadow:0 0 24px rgba(246,191,38,.15)}.metric-card .metric-copy strong{color:var(--ink)}.metric-card .metric-copy small{color:var(--muted)!important}.metric-card .trend-note.positive{color:#24d59b!important}.metric-card .trend-note.negative{color:#ff6c79!important}
body[data-theme="dark"] .metric-grid-v28 .metric-card{background:linear-gradient(150deg,#071c35,#06162b)!important;border-color:#17406d;box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)}
body[data-theme="dark"] .metric-grid-v28 .metric-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 10%,currentColor,transparent 34%);opacity:.025}
.dashboard-v28 .analytics-grid{gap:12px}.dashboard-v28 .chart-panel,.dashboard-v28 .payment-panel{min-height:315px;border-radius:15px}.dashboard-v28 .section-title h2{font-size:13px}.dashboard-v28 .section-title small{font-size:9px}.dashboard-v28 .line-chart{min-height:245px}.dashboard-v28 .chart-legend{font-size:9px}
body[data-theme="dark"] .line-chart .grid-line{stroke:#163351!important}body[data-theme="dark"] .line-chart .axis-label{fill:#8298b8!important}body[data-theme="light"] .line-chart .grid-line{stroke:#e5ebf4!important}body[data-theme="light"] .line-chart .axis-label{fill:#71809a!important}.chart-line-sales{stroke:#1682ff!important}.chart-line-repairs{stroke:#08cbd0!important}.chart-point-sales{fill:#1682ff!important}.chart-point-repairs{fill:#08cbd0!important}
body[data-theme="dark"] .donut-track{stroke:#143052!important}.payment-row{border-color:var(--line)!important}
.dashboard-v28 .live-panel{border-radius:15px}.dashboard-v28 .live-badge{background:rgba(18,199,141,.12);color:#26d99e;border-color:rgba(31,205,148,.22)}

/* Existing operational pages become theme-aware */
body[data-theme="dark"] .counter-entry-card,body[data-theme="dark"] .device-catalog-v25{border-color:#183a61!important}.counter-entry-card .eyebrow,.device-catalog-v25 .eyebrow{color:#318eff}.device-card-v25{background:var(--theme-panel-2)!important;border-color:var(--line)!important;color:var(--ink)!important}.device-card-v25 strong{color:var(--ink)}.device-card-v25 small{color:var(--muted)}body[data-theme="dark"] .device-card-v25{box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}body[data-theme="dark"] .device-card-v25:hover{box-shadow:0 13px 28px rgba(0,0,0,.26)}
body[data-theme] .type-tabs button,body[data-theme] .brand-tabs button,body[data-theme] .catalog-chip,body[data-theme] .service-shortcut,body[data-theme] .stock-option,body[data-theme] .part-chip{background:var(--theme-panel-2)!important;border-color:var(--line)!important;color:var(--ink)!important}body[data-theme] .type-tabs button.active,body[data-theme] .brand-tabs button.active{background:rgba(30,111,255,.14)!important;border-color:#347dff!important;color:#55a1ff!important}
body[data-theme="dark"] .counter-actions{background:rgba(4,16,33,.96)!important;border-color:#183859}.counter-tax-summary{background:var(--theme-panel-2)!important;border-color:var(--line)!important}.selection-box,.parts-lines,.selected-lines{background:var(--theme-panel-2)!important;border-color:var(--line)!important}.part-line{border-color:var(--line)!important}
body[data-theme] .segmented{background:var(--theme-soft)}body[data-theme] .segmented input:checked+span{background:var(--theme-panel);color:#4994ff}
body[data-theme] .branding-choice,body[data-theme] .brand-preview-card,body[data-theme] .upload-mini{background:var(--theme-panel-2)!important;border-color:var(--line)!important;color:var(--ink)!important}.branding-choice:has(input:checked){background:rgba(32,112,255,.1)!important;border-color:#367eff!important}

/* Profile appearance selector */
.appearance-card{min-height:250px}.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.appearance-option{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:13px;text-align:left;padding:12px;border:1px solid var(--line);background:var(--theme-panel-2);color:var(--ink);border-radius:14px}.appearance-option.active{border-color:#2f7cff;box-shadow:0 0 0 2px rgba(35,119,255,.10)}.appearance-option>span:last-child{display:grid}.appearance-option strong{font-size:12px}.appearance-option small{font-size:8.5px;color:var(--muted);margin-top:4px}.appearance-preview{height:64px;border-radius:10px;border:1px solid rgba(127,154,190,.25);display:grid;grid-template-columns:18px 1fr 1fr;grid-template-rows:15px 1fr 1fr;gap:4px;padding:6px;overflow:hidden}.appearance-preview i,.appearance-preview b{display:block;border-radius:4px}.appearance-preview i:first-child{grid-row:1/-1}.appearance-preview i:nth-child(2){grid-column:2/-1}.appearance-preview b{grid-column:2/-1}.preview-dark{background:#031126}.preview-dark i{background:#0b2444}.preview-dark i:nth-child(2){background:#126dff}.preview-dark i:nth-child(3){background:#0f335a}.preview-dark b{background:#091e38}.preview-light{background:#f5f8fc}.preview-light i{background:#e1e8f3}.preview-light i:nth-child(2){background:#2b75ff}.preview-light i:nth-child(3){background:#fff}.preview-light b{background:#fff}

/* Watermark adapts to theme */
body[data-theme="dark"] .page-brand-watermark{opacity:.018;filter:saturate(.65) brightness(1.35)}body[data-theme="light"] .page-brand-watermark{opacity:.028}

/* Responsive */
@media(max-width:1450px){.network-brand-link{min-width:205px}.network-header-brand{width:165px!important}.header-control-copy small{display:none}.theme-choice-label{display:none}.theme-choice{width:34px;justify-content:center}.metric-grid-v28{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:4px}.metric-grid-v28 .metric-card{min-width:180px}}
@media(max-width:1080px){.header-control-copy{display:none}.network-brand-link{margin-right:auto}.app-header-v28 .app-header-main{gap:8px}.network-header-brand{width:150px!important}.theme-switch{margin-left:auto}.dashboard-v28 .analytics-filters{display:grid;grid-template-columns:1fr 1fr auto auto}.dashboard-v28 .analytics-filters label{min-width:0}}
@media(max-width:900px){.app-header-v28 .app-header-main{height:64px}.network-brand-link{min-width:auto}.network-header-brand{width:132px!important;height:42px!important}.theme-switch{display:flex}.app-header-v28 .app-nav{display:none}.nav-open .app-header-v28 .app-nav{display:block;background:var(--theme-header)!important}.nav-open .nav-scroller{grid-template-columns:repeat(3,1fr)}.app-header-v28 .top-navlink.admin-link{background:transparent}.metric-grid-v28{grid-template-columns:repeat(2,1fr);overflow:visible}.metric-grid-v28 .metric-card{min-width:0}.dashboard-v28 .analytics-grid{grid-template-columns:1fr}.dashboard-v28 .analytics-filters{grid-template-columns:1fr 1fr}.dashboard-v28 .analytics-filters .btn{align-self:end}.profile-layout{grid-template-columns:1fr!important}}
@media(max-width:620px){.network-header-brand{width:112px!important}.app-header-v28 .user-pill{display:none}.app-header-v28 .theme-switch{margin-left:auto}.app-header-v28 .signout-form{display:none}.nav-open .nav-scroller{grid-template-columns:1fr 1fr}.dashboard-v28{padding:14px 10px}.dashboard-v28 .analytics-title{align-items:flex-start}.dashboard-v28 .analytics-title h1{font-size:23px}.dashboard-v28 .analytics-title .btn{display:none}.dashboard-v28 .analytics-filters{grid-template-columns:1fr}.metric-grid-v28{grid-template-columns:1fr 1fr;gap:8px}.metric-grid-v28 .metric-card{padding:12px 9px 11px 52px;min-height:96px}.metric-card .metric-icon{left:10px;top:16px;width:32px;height:32px}.metric-card .metric-copy>strong{font-size:18px}.metric-card .metric-spark{display:none}.appearance-options{grid-template-columns:1fr}.appearance-option{grid-template-columns:90px 1fr}}
@media(max-width:390px){.metric-grid-v28{grid-template-columns:1fr}.theme-switch{padding:2px}.theme-choice{width:30px;height:30px}.network-header-brand{width:100px!important}.nav-open .nav-scroller{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.theme-choice,.metric-card,.appearance-option{transition:none!important}}
/* v2.8 login appearance */
.login-theme-switch{position:fixed;right:22px;top:20px;z-index:10}.login-page-branded[data-theme="dark"]{background:radial-gradient(circle at 12% 10%,rgba(21,110,255,.20),transparent 31%),radial-gradient(circle at 87% 82%,rgba(0,210,225,.08),transparent 27%),linear-gradient(140deg,#020914,#06162c 60%,#020b19);color:#f4f8ff}.login-page-branded[data-theme="dark"] .login-brand-panel{background:radial-gradient(circle at 82% 11%,rgba(18,120,255,.28),transparent 33%),linear-gradient(145deg,#020b19,#061b35 58%,#08284b);border-color:#173d68}.login-page-branded[data-theme="dark"] .login-card-v26{background:linear-gradient(155deg,#071b33,#06162a);border-color:#193b62;color:#f4f8ff;box-shadow:0 24px 58px rgba(0,0,0,.34)}.login-page-branded[data-theme="dark"] .login-card-v26 input{background:#071c35!important;border-color:#1a3c66!important;color:#f4f8ff!important}.login-page-branded[data-theme="dark"] .login-product-head{border-color:#173657}.login-page-branded[data-theme="dark"] .login-product-head p,.login-page-branded[data-theme="dark"] .muted{color:#91a3bf!important}.login-page-branded[data-theme="light"]{background:radial-gradient(circle at 8% 12%,rgba(39,111,226,.16),transparent 34%),radial-gradient(circle at 92% 82%,rgba(255,119,13,.12),transparent 28%),linear-gradient(135deg,#edf4ff,#f8fafe 56%,#fff9f3);color:#10203a}.login-page-branded[data-theme="light"] .login-card-v26{background:#fff;color:#10203a}.login-page-branded[data-theme="light"] .login-card-v26 input{background:#fff!important;color:#10203a!important}@media(max-width:560px){.login-theme-switch{right:12px;top:10px}}
/* v2.8 dashboard insight row */
.ops-insight-grid{display:grid;grid-template-columns:1.2fr .9fr .95fr;gap:12px;margin-top:12px}.ops-card{margin-top:0!important;min-height:235px;border-radius:15px}.ops-card .section-title{margin-top:0}.ops-card-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.ops-card-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.ops-card-icon.blue{background:rgba(28,119,255,.13);color:#3b92ff}.ops-card-icon.violet{background:rgba(139,92,246,.13);color:#ad86ff}.ops-card-icon.amber{background:rgba(246,191,38,.13);color:#f7c93d}.ops-list{display:grid;margin-top:11px}.ops-list-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line)}.ops-list-row:first-child{border-top:0}.ops-list-row>div{display:grid;min-width:0}.ops-list-row strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-list-row small{font-size:8px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-list-value{text-align:right}.ops-list-value strong{font-size:9.5px}.activity-dot,.stock-dot{width:9px;height:9px;border-radius:50%;justify-self:center}.activity-dot.sale{background:#16cfa5;box-shadow:0 0 0 5px rgba(22,207,165,.09)}.activity-dot.repair{background:#2585ff;box-shadow:0 0 0 5px rgba(37,133,255,.09)}.stock-dot{background:#f6bf26;box-shadow:0 0 0 5px rgba(246,191,38,.09)}.service-rank{width:20px;height:20px;border-radius:7px;background:rgba(139,92,246,.12);color:#a984ff;display:grid;place-items:center;font-size:8px;font-weight:900}.ops-empty{min-height:150px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);gap:5px}.ops-empty strong{color:var(--ink);font-size:11px}.ops-empty small{font-size:8.5px;max-width:220px;line-height:1.45}.empty-repair-art,.empty-stock-art{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin-bottom:5px}.empty-repair-art{background:rgba(54,116,255,.08);color:#4b8dff}.empty-stock-art{background:rgba(246,191,38,.09);color:#f4bf24}.empty-repair-art svg,.empty-stock-art svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5}.ops-empty.good strong{font-size:15px}body[data-theme="dark"] .ops-card{background:linear-gradient(155deg,#071b34,#06162a)!important;border-color:#173a61!important}@media(max-width:1050px){.ops-insight-grid{grid-template-columns:1fr 1fr}.low-stock-card{grid-column:1/-1}}@media(max-width:680px){.ops-insight-grid{grid-template-columns:1fr}.low-stock-card{grid-column:auto}.ops-card{min-height:auto}}
body[data-theme="dark"] .line-chart{background:linear-gradient(180deg,#071b33,#06162a)!important}body[data-theme="light"] .line-chart{background:linear-gradient(180deg,#fbfdff,#f7faff)!important}body[data-theme] .shop-performance-card{background:var(--theme-panel-2)!important;border-color:var(--line)!important;color:var(--ink)!important}body[data-theme="dark"] .performance-track{background:#102b4a!important}body[data-theme] .payment-row{border-color:var(--line)!important}body[data-theme="dark"] .type-chip.sale{background:rgba(36,117,255,.15);color:#6aa8ff}body[data-theme="dark"] .type-chip.repair{background:rgba(10,203,208,.14);color:#4ee0df}body[data-theme="dark"] .analytics-table{background:transparent!important}.dashboard-v28 .legend-sales:before{background:#1682ff}.dashboard-v28 .legend-repairs:before{background:#08cbd0}

/* =========================================================
   FixPro v2.9 — model intelligence, catalogue control & mobile UX
   Bespoke interface layer; no external UI/icon library required.
   ========================================================= */
:root{--v29-blue:#1682ff;--v29-cyan:#09cbd3;--v29-violet:#875df6;--v29-orange:#ff8a22;--v29-pink:#ff4e86;--v29-green:#12c886;--v29-yellow:#f7c63b}
.count-pill{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(22,130,255,.13);color:#4d9aff;font-size:10px;margin-left:4px}.catalog-title-actions,.model-manager-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.catalog-stats-v29 article{position:relative;overflow:hidden}.catalog-stats-v29 article:after{content:"";position:absolute;inset:auto -18px -28px auto;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,rgba(22,130,255,.14),transparent 68%)}.catalog-stats-v29 article small{display:block;color:var(--muted);font-size:9px;margin-top:5px}
.catalog-discovery{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 18px!important;position:relative;overflow:hidden}.catalog-discovery:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-150px;top:-190px;background:radial-gradient(circle,rgba(9,203,211,.13),transparent 68%);pointer-events:none}.catalog-discovery-copy{display:flex;align-items:flex-start;gap:15px}.catalog-discovery-copy h2{margin:4px 0 5px;font-size:18px}.catalog-discovery-copy p{margin:0;max-width:850px;color:var(--muted);font-size:11px;line-height:1.6}.discovery-orb{flex:0 0 46px;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,rgba(22,130,255,.2),rgba(9,203,211,.12));border:1px solid rgba(76,155,255,.3);position:relative;box-shadow:inset 0 0 18px rgba(23,123,255,.09)}.discovery-orb:before,.discovery-orb:after,.discovery-orb i,.discovery-orb b{content:"";position:absolute;border-radius:50%}.discovery-orb:before{width:8px;height:8px;background:#26a0ff;left:18px;top:18px;box-shadow:0 0 13px #1682ff}.discovery-orb:after{inset:8px;border:1px solid rgba(62,170,255,.44)}.discovery-orb i{inset:3px;border:1px dashed rgba(8,204,210,.34)}.discovery-orb b{width:5px;height:5px;background:#16d5bb;right:7px;top:10px;animation:catalogRadar 3.4s ease-in-out infinite}.discovery-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--muted);font-size:9px}.discovery-meta>span{padding:5px 8px;border-radius:999px;background:var(--theme-soft);border:1px solid var(--line)}.status-chip.ok{color:#11b77c!important}.status-chip.warn{color:#e9a520!important}.catalog-discovery-actions{display:flex;flex-direction:column;gap:8px;min-width:190px}.discovery-run-strip{grid-column:1/-1;display:flex;gap:8px;overflow-x:auto;padding-top:10px;border-top:1px solid var(--line)}.discovery-run-strip span{white-space:nowrap;padding:6px 8px;background:var(--theme-soft);border-radius:8px;color:var(--muted);font-size:8.5px}.discovery-run-strip b{margin-right:5px;color:var(--ink)}
.compact-check{padding-top:0!important}.catalog-add-note{margin-top:12px;padding:11px;border:1px dashed var(--line);border-radius:11px;display:grid;gap:4px;background:var(--theme-soft)}.catalog-add-note strong{font-size:10px}.catalog-add-note span{font-size:8.5px;color:var(--muted);line-height:1.5}.catalog-filter-v29{display:grid!important;grid-template-columns:minmax(230px,1.5fr) minmax(120px,.7fr) minmax(140px,.8fr) auto auto;align-items:end}.catalog-filter-v29 label{display:grid;gap:5px;font-size:9px;font-weight:800;color:var(--muted)}.catalog-filter-v29 input,.catalog-filter-v29 select{margin:0!important}.model-card-main{display:grid;grid-template-columns:100px minmax(0,1fr);text-decoration:none;color:inherit;min-width:0}.model-control-card{padding:0!important;overflow:hidden}.model-control-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(4,27,58,.14)}.model-control-card .catalog-admin-art{min-height:112px;border-radius:0}.model-control-card .catalog-admin-copy{padding:14px 12px}.model-counts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.model-counts span{font-size:7.5px!important;padding:4px 6px;border-radius:999px;background:var(--theme-soft);border:1px solid var(--line);color:var(--muted)!important}.model-actions-v29{padding:9px 10px;border-top:1px solid var(--line);display:flex!important;flex-wrap:wrap;gap:6px;background:color-mix(in srgb,var(--theme-panel-2) 88%,transparent)}.model-actions-v29 form{margin-left:auto}
.model-manager-title{align-items:flex-start}.model-hero{margin-top:0!important;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:160px;overflow:hidden;position:relative}.model-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-160px;top:-180px;background:radial-gradient(circle,rgba(24,132,255,.16),transparent 68%)}.model-hero-art{height:120px;display:grid;place-items:center}.model-hero-art img{max-width:130px;max-height:118px;object-fit:contain}.model-hero-art .device-visual{transform:scale(1.35)}.model-hero-copy{display:grid;gap:5px;position:relative;z-index:1}.model-hero-copy>span{font-size:9px;color:var(--v29-cyan);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.model-hero-copy>strong{font-size:25px}.model-hero-copy>small{color:var(--muted)}.model-image-upload{position:relative;z-index:2}.model-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.model-config-card{margin-top:14px!important}.model-config-card h2,.model-options-panel h2,.model-parts-panel h2{margin:4px 0 5px;font-size:17px}.model-option-total{font-size:9px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.model-option-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:8px;margin-top:14px}.model-option-tile{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:72px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--theme-panel-2);overflow:hidden}.model-option-tile:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#2c83ff}.model-option-tile.tier-advanced:after{background:var(--v29-violet)}.model-option-tile.custom:after{background:var(--v29-orange)}.model-option-tile.inactive{opacity:.5}.model-option-tile>div{display:grid;min-width:0}.model-option-tile strong{font-size:9px;line-height:1.25}.model-option-tile small{font-size:7.5px;color:var(--muted);margin-top:4px}.model-option-tile>b{font-size:7px;color:#65a8ff;text-transform:uppercase}.model-option-glyph{width:32px;height:32px;border-radius:10px;background:rgba(23,126,255,.11);display:grid;place-items:center;position:relative}.model-option-glyph:before{content:"";width:12px;height:12px;border:2px solid currentColor;border-radius:4px;color:#4d9aff}.model-option-glyph.group-battery:before{border-radius:3px;width:15px;height:9px}.model-option-glyph.group-camera:before{border-radius:50%}.model-option-glyph.group-board:before{border-style:dashed;transform:rotate(45deg)}.mini-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);font-size:7px;padding:5px 7px;border-radius:7px}.model-part-list{display:grid;gap:7px;margin-top:13px}.model-part-list>article{display:grid;grid-template-columns:minmax(200px,1fr) 1.4fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);background:var(--theme-panel-2);border-radius:11px}.model-part-list>article>div:first-child{display:grid}.model-part-list strong{font-size:9.5px}.model-part-list small{font-size:8px;color:var(--muted);margin-top:3px}.part-shop-chips{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.part-shop-chips span{font-size:7.5px;padding:5px 7px;border-radius:999px;background:var(--theme-soft);border:1px solid var(--line)}.part-shop-chips b{color:#45a4ff;margin-left:3px}
/* Repair option presentation */.advanced-service-group{border-top:1px solid var(--line);padding-top:10px}.advanced-service-group>summary{cursor:pointer;list-style:none}.advanced-service-group>summary::-webkit-details-marker{display:none}.advanced-service-group>summary:after{content:"+";font-size:18px;color:#5aa0ff;margin-left:auto}.advanced-service-group[open]>summary:after{content:"−"}.service-shortcut.tier-advanced{border-style:dashed}.service-shortcut.tier-custom{border-color:rgba(255,138,34,.35)}.service-shortcut.tier-custom .service-glyph{box-shadow:0 0 0 1px rgba(255,138,34,.18) inset}.service-glyph.group-haptics{color:#bc7bff}.service-glyph.group-sensor{color:#44a5ff}.service-glyph.group-connectivity{color:#14c7c2}.service-glyph.group-input{color:#ff9d35}.service-glyph.group-other{color:#aebad0}
/* Hand-finished motion: quiet active state, never flashing content */.top-navlink.active .nav-icon svg,.mobile-quick-dock .active svg{animation:navIconBreath 2.8s ease-in-out infinite}.metric-card .metric-icon{animation:metricFloat 5s ease-in-out infinite}.metric-card:nth-child(2) .metric-icon{animation-delay:.35s}.metric-card:nth-child(3) .metric-icon{animation-delay:.7s}.metric-card:nth-child(4) .metric-icon{animation-delay:1.05s}.metric-card:nth-child(5) .metric-icon{animation-delay:1.4s}@keyframes navIconBreath{0%,100%{filter:drop-shadow(0 0 0 transparent);transform:translateY(0)}50%{filter:drop-shadow(0 0 5px rgba(35,136,255,.65));transform:translateY(-1px)}}@keyframes metricFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes catalogRadar{0%,100%{transform:translate(0,0);opacity:.7}50%{transform:translate(-22px,20px);opacity:1}}
/* Mobile quick dock */.mobile-quick-dock{display:none}.mobile-quick-dock svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-quick-dock>a,.mobile-quick-dock>button{color:var(--muted);text-decoration:none;border:0;background:none}.dock-more{display:flex;gap:2px}.dock-more i{width:4px;height:4px;background:currentColor;border-radius:50%}
@media(max-width:1180px){.catalog-admin-layout{grid-template-columns:300px minmax(0,1fr)!important}.model-option-grid{grid-template-columns:repeat(3,1fr)}.catalog-filter-v29{grid-template-columns:1fr 1fr 1fr auto}.catalog-filter-v29 .btn.ghost{display:none}}
@media(max-width:900px){.catalog-discovery{grid-template-columns:1fr}.catalog-discovery-actions{flex-direction:row;min-width:0}.catalog-admin-layout{grid-template-columns:1fr!important}.catalog-add-panel{position:static!important}.catalog-filter-v29{grid-template-columns:1fr 1fr}.catalog-filter-v29 .filter-search{grid-column:1/-1}.model-manager-grid{grid-template-columns:1fr}.model-option-grid{grid-template-columns:repeat(2,1fr)}.model-hero{grid-template-columns:110px 1fr}.model-image-upload{grid-column:1/-1}.model-part-list>article{grid-template-columns:1fr}.part-shop-chips{justify-content:flex-start}}
@media(max-width:700px){body.app-page{padding-bottom:70px}.mobile-quick-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:80;min-height:56px;padding:5px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--theme-header) 94%,transparent);box-shadow:0 15px 35px rgba(0,0,0,.2);backdrop-filter:blur(18px)}.mobile-quick-dock>a,.mobile-quick-dock>button{display:grid;place-items:center;align-content:center;gap:3px;border-radius:12px;min-height:46px}.mobile-quick-dock small{font-size:7.5px;font-weight:800}.mobile-quick-dock .active,.mobile-quick-dock .mobile-dock-primary{color:#fff;background:linear-gradient(145deg,#167cff,#1258e7)}.catalog-admin-title,.model-manager-title{display:grid;gap:10px}.catalog-title-actions,.model-manager-actions{width:100%}.catalog-title-actions .btn,.model-manager-actions .btn{flex:1;text-align:center}.catalog-admin-stats{grid-template-columns:1fr 1fr!important}.catalog-discovery{padding:14px!important}.catalog-discovery-copy{gap:10px}.discovery-orb{width:38px;height:38px;flex-basis:38px}.catalog-discovery-actions{display:grid;grid-template-columns:1fr}.catalog-filter-v29{grid-template-columns:1fr}.catalog-filter-v29 .filter-search{grid-column:auto}.catalog-grid-v29{grid-template-columns:1fr!important}.model-card-main{grid-template-columns:92px 1fr}.model-option-grid{grid-template-columns:1fr}.model-hero{grid-template-columns:90px 1fr;padding:14px!important}.model-hero-art{height:90px}.model-hero-copy>strong{font-size:18px}.model-config-card .form-grid{grid-template-columns:1fr}.model-config-card .span-2{grid-column:auto}.counter-page{grid-template-columns:1fr!important;padding:8px!important}.entry-panel,.device-panel{border-radius:14px!important}.device-panel{position:static!important;max-height:none!important}.device-grid-v25{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-shortcut-grid,.stock-option-grid{grid-template-columns:1fr!important}.brand-tabs-v25,.series-tabs{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:4px}.brand-tabs-v25 button,.series-tabs button{white-space:nowrap}.catalog-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}.catalog-search{grid-column:1/-1}.counter-actions{position:sticky;bottom:64px;z-index:22;padding:8px;background:color-mix(in srgb,var(--theme-panel) 94%,transparent);border-radius:12px;backdrop-filter:blur(12px)}}
@media(max-width:430px){.catalog-admin-stats{grid-template-columns:1fr 1fr!important}.catalog-admin-stats article:last-child{grid-column:1/-1}.model-card-main{grid-template-columns:78px 1fr}.model-control-card .catalog-admin-art{min-height:100px}.model-actions-v29 .btn{flex:1;text-align:center}.device-grid-v25{grid-template-columns:1fr 1fr!important;gap:7px!important}.device-card-v25{min-height:150px!important;padding:9px!important}.catalog-toolbar{grid-template-columns:1fr!important}.catalog-search{grid-column:auto}.money-grid,.compact-grid{grid-template-columns:1fr!important}.compact-grid .span-2{grid-column:auto}.model-part-list>article{padding:9px}}
@media(prefers-reduced-motion:reduce){.top-navlink.active .nav-icon svg,.mobile-quick-dock .active svg,.metric-card .metric-icon,.discovery-orb b{animation:none!important}}
.catalog-review-page .table-sub{display:block;color:var(--muted);font-size:8px;margin-top:3px}.confidence-pill,.mini-data-pill{display:inline-block;border:1px solid var(--line);background:var(--theme-soft);border-radius:999px;padding:4px 6px;font-size:7.5px}.confidence-pill{color:#58a4ff;font-weight:900}.mini-data-pill{margin:2px;color:var(--muted)}
.inline-stock-action{display:inline-flex;margin-top:8px;padding:6px 9px;border-radius:8px;background:rgba(22,130,255,.12);border:1px solid rgba(55,140,255,.28);color:#55a3ff;text-decoration:none;font-size:8px;font-weight:900}
.discovery-source-manager{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.discovery-source-manager>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:9px}.discovery-source-manager>summary::-webkit-details-marker{display:none}.discovery-source-manager>summary span{color:var(--muted);font-size:8px}.source-manager-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:12px;margin-top:12px}.source-add-form{display:grid;gap:8px;padding:12px;background:var(--theme-soft);border:1px solid var(--line);border-radius:12px}.source-add-form label{display:grid;gap:5px;font-size:8px;font-weight:800}.source-add-form input{width:100%;border:1px solid var(--line);background:var(--theme-panel);color:var(--ink);border-radius:8px;padding:9px}.source-add-form small{font-weight:500;color:var(--muted)}.source-list{display:grid;gap:7px;align-content:start}.source-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--theme-panel-2)}.source-row.paused{opacity:.58}.source-row>div{display:grid;min-width:0}.source-row strong{font-size:9px}.source-row small,.source-row span{font-size:7.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.source-empty{padding:14px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);font-size:8.5px}@media(max-width:760px){.source-manager-grid{grid-template-columns:1fr}}
.option-stock-link{font-size:7px;font-weight:900;color:#62a8ff;text-decoration:none;padding:5px 6px;border:1px solid rgba(74,151,255,.25);border-radius:7px;background:rgba(39,129,255,.08);white-space:nowrap}.option-tile-actions{display:grid;gap:4px;justify-items:end}.model-option-tile>a.option-stock-link{position:relative;z-index:2}

/* ============================================================
   FixPro v3.0 — production polish, SMTP console & responsive UX
   ============================================================ */
.flash.warning{border-color:color-mix(in srgb,#f59e0b 46%,var(--line));background:color-mix(in srgb,#f59e0b 11%,var(--theme-panel));color:var(--ink)}
.flash.warning:before{content:"!";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;background:#f59e0b;color:#101828;font-weight:950}

:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--theme-blue,#2f7cff) 45%,transparent);outline-offset:2px}
:where(input,select,textarea,button){font:inherit}
:where(input,select,textarea){max-width:100%}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.panel,.card,.metric-card{min-width:0}
.page-title>div,.section-title>div{min-width:0}
.page-title h1,.section-title h2{overflow-wrap:anywhere}

/* Dedicated administrator SMTP console. */
.smtp-settings-page{max-width:1500px;margin:0 auto}
.smtp-title{align-items:center;gap:20px}
.smtp-title p{max-width:760px;line-height:1.6}
.smtp-status-pill{min-width:218px;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);box-shadow:var(--theme-shadow);flex:0 0 auto}
.smtp-status-pill i{width:12px;height:12px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 5px rgba(148,163,184,.11)}
.smtp-status-pill.connected i{background:#16c784;box-shadow:0 0 0 5px rgba(22,199,132,.13),0 0 18px rgba(22,199,132,.24)}
.smtp-status-pill.attention i{background:#f5a524;box-shadow:0 0 0 5px rgba(245,165,36,.13)}
.smtp-status-pill span{display:grid;gap:2px;min-width:0}.smtp-status-pill strong{font-size:11px}.smtp-status-pill small{font-size:8px;color:var(--muted)}
.smtp-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.62fr);gap:14px;align-items:start}
.smtp-config-card,.smtp-test-card,.smtp-help-card,.smtp-security-card{position:relative;overflow:hidden}
.smtp-config-card:after{content:"";position:absolute;right:-80px;top:-80px;width:190px;height:190px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--theme-blue,#2f7cff) 11%,transparent),transparent 68%)}
.smtp-config-card>.section-title,.smtp-config-card>form{position:relative;z-index:1}
.smtp-enable-row{padding:10px 12px;margin:12px 0;border:1px solid color-mix(in srgb,#25c98c 22%,var(--line));border-radius:12px;background:color-mix(in srgb,#25c98c 6%,var(--theme-panel-2))}
.switch-row{display:flex!important;align-items:flex-start!important;gap:10px!important;cursor:pointer}.switch-row>input[type=checkbox]{width:18px!important;height:18px!important;flex:0 0 auto;margin-top:1px;accent-color:#16c784}.switch-row>span{display:grid;gap:3px}.switch-row strong{font-size:10px}.switch-row small{font-size:8px;color:var(--muted);font-weight:500}
.smtp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.smtp-grid label{display:grid;align-content:start;gap:5px}.smtp-grid label>small{font-size:7.8px;line-height:1.45;color:var(--muted);font-weight:500}.smtp-grid code,.smtp-help-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#55a4ff;background:color-mix(in srgb,#3287ff 9%,var(--theme-panel-2));border:1px solid color-mix(in srgb,#3287ff 17%,var(--line));border-radius:5px;padding:1px 4px}
.smtp-grid .optional{font-size:7px;color:var(--muted);font-weight:700}.smtp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.smtp-actions .muted{font-size:8px}
.smtp-side-stack{display:grid;gap:14px}.smtp-test-card{display:grid;gap:12px}.smtp-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#4e9cff;background:linear-gradient(145deg,rgba(41,132,255,.18),rgba(87,61,225,.08));border:1px solid rgba(65,145,255,.22)}.smtp-card-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.smtp-test-card h2{margin:4px 0 4px;font-size:17px}.smtp-test-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.smtp-test-form{display:grid;gap:9px}.smtp-test-form label{display:grid;gap:5px}.smtp-test-form .btn{width:100%}
.smtp-last-test{display:grid;gap:3px;padding:10px;border-radius:10px;border:1px solid var(--line);font-size:8px}.smtp-last-test.success{border-color:rgba(22,199,132,.28);background:rgba(22,199,132,.07)}.smtp-last-test.failed{border-color:rgba(244,63,94,.26);background:rgba(244,63,94,.07)}.smtp-last-test span,.smtp-last-test small{color:var(--muted);overflow-wrap:anywhere}
.smtp-help-list{margin:4px 0 9px;display:grid}.smtp-help-list>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.smtp-help-list>div:last-child{border-bottom:0}.smtp-help-list dt{font-size:8px;color:var(--muted)}.smtp-help-list dd{margin:0;font-size:8.5px;font-weight:800;overflow-wrap:anywhere}.smtp-help-card>p{font-size:8px;line-height:1.55}.smtp-security-card{border-color:rgba(92,156,255,.25)!important;background:linear-gradient(145deg,color-mix(in srgb,#277cff 7%,var(--theme-panel)),var(--theme-panel))!important}.smtp-security-card strong{font-size:10px}.smtp-security-card p{margin:5px 0 0;font-size:8px;line-height:1.55;color:var(--muted)}

/* Keep every navigation item accessible without crushing the header. */
.nav-scroller{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.top-navlink{scroll-snap-align:start;min-width:max-content}.app-nav:after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--theme-panel,#fff))}.app-nav{position:relative}

/* Better touch sizes and readable forms on phones/tablets. */
@media(max-width:1100px){.smtp-layout{grid-template-columns:1fr}.smtp-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.smtp-test-card{grid-row:span 2}}
@media(max-width:900px){.app-nav:after{display:none}.smtp-title{align-items:flex-start}.smtp-status-pill{min-width:0}.top-navlink{min-height:44px}.nav-scroller{gap:6px}.page{padding-left:12px!important;padding-right:12px!important}}
@media(max-width:700px){
  body{padding-bottom:max(66px,env(safe-area-inset-bottom))}
  .page{padding:12px 10px!important}.page-title{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.page-title .btn{max-width:100%}
  .smtp-status-pill{width:100%}.smtp-side-stack{grid-template-columns:1fr}.smtp-test-card{grid-row:auto}.smtp-grid{grid-template-columns:1fr}.smtp-grid .span-2{grid-column:auto}.smtp-actions{display:grid}.smtp-actions .btn{width:100%}.smtp-config-card,.smtp-test-card,.smtp-help-card,.smtp-security-card{padding:14px!important}
  input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{min-height:44px;font-size:16px!important}textarea{min-height:92px}.btn,button{min-height:42px}.btn.compact{min-height:36px}
  .table-wrap table{min-width:690px}.table-wrap th,.table-wrap td{white-space:nowrap}.table-wrap td.wrap,.table-wrap .wrap{white-space:normal}
  .health-grid,.reports-grid,.analytics-grid,.profile-layout{gap:10px!important}
}
@media(max-width:430px){.smtp-help-list>div{grid-template-columns:1fr;gap:3px}.smtp-status-pill{padding:10px}.smtp-status-pill strong{font-size:10px}.smtp-title h1{font-size:24px}.mobile-quick-dock{padding-bottom:env(safe-area-inset-bottom)}}

/* Preserve user accessibility preferences. */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ========================================================================== */
/* FixPro v3.1 — unified counter, quick invoice lines and grouped navigation  */
/* ========================================================================== */
.counter-page-v31{grid-template-columns:minmax(520px,44%) minmax(650px,56%);gap:16px;padding:16px;max-width:1900px;margin:0 auto}
.counter-entry-v31,.device-catalog-v31{border-radius:20px!important;overflow:hidden}.counter-entry-v31{padding:22px}.counter-form-head-v31 h1{font-size:26px;letter-spacing:-.035em}.counter-form-head-v31 p{font-size:11px;line-height:1.5}
.counter-mode-pill{display:grid;grid-template-columns:9px auto;column-gap:8px;align-items:center;min-width:126px;padding:9px 11px;border-radius:13px;border:1px solid var(--line);background:var(--theme-panel-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.counter-mode-pill>span{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#1fcf8b;box-shadow:0 0 0 5px rgba(31,207,139,.08)}.counter-mode-pill strong{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.counter-mode-pill small{font-size:7.5px;color:var(--muted);margin-top:1px}.counter-mode-pill.repair>span{background:#2f86ff;box-shadow:0 0 0 5px rgba(47,134,255,.1)}
.unified-entry-note{display:flex;align-items:center;gap:11px;margin:16px 0 4px;padding:11px 13px;border:1px solid color-mix(in srgb,#2b7cff 22%,var(--line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,#257dff 9%,var(--theme-panel-2)),var(--theme-panel-2));color:var(--ink)}.unified-entry-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#277fff,#145ee7);color:#fff;font-size:20px;font-weight:500;box-shadow:0 8px 18px rgba(28,108,255,.2)}.unified-entry-note>div{display:grid}.unified-entry-note strong{font-size:9px}.unified-entry-note small{font-size:7.7px;line-height:1.45;color:var(--muted);margin-top:3px}
.repair-context-panel{margin-top:15px;padding:13px;border:1px solid color-mix(in srgb,#2784ff 25%,var(--line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,#2784ff 7%,var(--theme-panel-2)),var(--theme-panel-2))}.repair-context-panel[hidden]{display:none!important}.repair-context-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:2px}.repair-context-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.repair-context-head small{grid-column:2;color:var(--muted);font-size:7.5px;margin-top:2px}.repair-context-dot{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#2f86ff;box-shadow:0 0 0 5px rgba(47,134,255,.09)}
.manual-item-card{margin-top:12px;padding:13px;border:1px solid color-mix(in srgb,#13c6b7 26%,var(--line));border-radius:15px;background:linear-gradient(140deg,color-mix(in srgb,#11c7b6 6%,var(--theme-panel-2)),var(--theme-panel-2));position:relative;overflow:hidden}.manual-item-card:after{content:"";position:absolute;right:-55px;top:-70px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(43,145,255,.12),transparent 67%);pointer-events:none}.manual-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.manual-item-head>div{display:flex;align-items:center;gap:9px}.manual-item-head>div>div{display:grid}.manual-item-head strong{font-size:10px}.manual-item-head small{font-size:7.6px;color:var(--muted);line-height:1.45;margin-top:2px}.manual-item-plus{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#16c9a5,#1687e8);color:#fff;font-size:19px}.manual-item-security{font-size:7px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap;background:var(--theme-panel)}
.manual-item-composer{display:grid;grid-template-columns:105px minmax(180px,1fr) 70px 115px auto;gap:8px;align-items:end;margin-top:12px;position:relative;z-index:1}.manual-item-composer label{display:grid;gap:5px;font-size:8px;font-weight:800;color:var(--muted)}.manual-item-composer input,.manual-item-composer select{width:100%;min-height:40px;margin:0!important;padding:9px 10px!important;border-radius:9px!important}.manual-add-btn{min-height:40px;padding:9px 12px!important;white-space:nowrap}.manual-add-btn span{font-size:17px;vertical-align:-1px;margin-right:3px}.manual-item-error{margin:8px 0 0;color:#ff6b75;font-size:8px;font-weight:750}
.selected-lines-v31{min-height:72px;border-style:solid!important;padding:6px!important}.price-entry{display:grid;grid-template-columns:minmax(180px,1fr) 64px 138px 34px;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.price-entry:last-child{border-bottom:0}.line-description{min-width:0}.line-description strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.line-description small{display:block;margin-top:3px;font-size:7.2px}.line-kind{display:inline-block;margin-bottom:4px;padding:3px 6px;border-radius:999px;font-size:6.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.service-kind{background:rgba(92,91,255,.13);color:#8a86ff}.stock-kind{background:rgba(18,199,139,.12);color:#27c99a}.custom-kind{background:rgba(255,143,36,.12);color:#ff9c3d}.custom-kind.kind-service{background:rgba(124,92,255,.13);color:#9b84ff}.custom-kind.kind-other{background:rgba(80,149,255,.12);color:#65a3ff}.price-entry>input[data-qty]{width:64px;min-height:36px;border:1px solid var(--theme-input-border);border-radius:8px;background:var(--theme-input);color:var(--ink);padding:8px}.charge-field{display:flex!important;align-items:center;gap:5px;border:1px solid var(--theme-input-border);background:var(--theme-input);border-radius:8px;padding:0 8px!important;min-height:36px;color:var(--muted)}.charge-field input{border:0!important;box-shadow:none!important;margin:0!important;padding:7px 0!important;min-width:0;background:transparent!important}.remove-line{width:32px;height:32px;border:1px solid color-mix(in srgb,#ef5565 25%,var(--line));border-radius:9px;background:color-mix(in srgb,#ef5565 7%,var(--theme-panel-2));color:#f06c78;font-size:17px}.remove-line:hover{background:color-mix(in srgb,#ef5565 13%,var(--theme-panel-2))}
.money-grid-v31{margin-top:12px}.counter-actions-v31{border-radius:14px}.counter-actions-v31 .btn{min-height:42px}
.catalog-head-v31{align-items:flex-start}.catalog-head-v31 h2{font-size:23px;letter-spacing:-.025em}.catalog-head-actions{display:flex;align-items:stretch;gap:8px}.catalog-head-actions>*{min-height:58px}.catalog-stat{min-width:92px}.catalog-stock-button,.catalog-add-device{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--theme-panel-2);color:var(--ink);text-decoration:none;text-align:left}.catalog-stock-button:hover,.catalog-add-device:hover{border-color:#3b88ff;background:color-mix(in srgb,#2e82ff 8%,var(--theme-panel-2))}.catalog-stock-icon,.catalog-add-device>span:first-child{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(34,126,255,.12);color:#5ca1ff;font-weight:900}.catalog-head-actions span:last-child{display:grid}.catalog-head-actions strong{font-size:8.5px}.catalog-head-actions small{font-size:6.8px;color:var(--muted);margin-top:2px}
.device-finder-strip{display:grid;grid-template-columns:minmax(260px,1fr) 125px 125px;gap:8px;margin-top:14px}.catalog-search-v31{grid-column:auto!important}.device-finder-strip select,.device-finder-strip input{height:42px;border:1px solid var(--theme-input-border);background:var(--theme-input);color:var(--ink);border-radius:11px}.catalog-search-v31 input{margin:0!important;padding-left:36px!important}.catalog-search-v31{position:relative}.catalog-search-v31>span:before{content:"";position:absolute;left:13px;top:12px;width:12px;height:12px;border:2px solid #6681a6;border-radius:50%}.catalog-search-v31>span:after{content:"";position:absolute;left:24px;top:24px;width:7px;height:2px;background:#6681a6;transform:rotate(45deg);border-radius:2px}
.type-tabs-v31{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px!important;margin-top:10px!important}.type-tabs-v31 button{display:flex!important;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:8px!important;border-radius:12px!important}.type-tabs-v31 button>span:last-child{display:grid;text-align:left;font-size:8.5px}.type-tabs-v31 button small{font-size:6.8px;color:var(--muted);margin-top:1px}.catalog-filter-compact{margin-top:10px}.catalog-filter-compact .filter-label-row{margin-bottom:6px}.catalog-filter-compact .filter-label-row strong{font-size:7.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.catalog-filter-compact .filter-label-row span{font-size:7px;color:var(--muted)}.brand-tabs-v25,.series-tabs{gap:5px!important;margin-top:0!important}.brand-tabs-v25 button,.series-tabs button{padding:7px 9px!important;font-size:8px!important;border-radius:9px!important}.device-grid-v31{grid-template-columns:repeat(4,minmax(135px,1fr));gap:8px;max-height:390px;overflow:auto;padding:2px 3px 6px;scrollbar-width:thin}.device-grid-v31 .device-card-v25{min-height:158px}.selection-box-v31{margin-top:10px;display:flex;align-items:center;gap:8px;min-height:46px}.selection-box-v31>b{margin-left:auto;font-size:7px;padding:5px 7px;border-radius:999px;background:rgba(35,132,255,.12);color:#5ea2ff}.repair-options-v31{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.repair-options-v31 .section-title{margin-top:0}
/* Grouped desktop navigation */
.app-nav-v31{overflow:visible!important}.app-nav-v31:after{display:none!important}.app-nav-v31 .nav-scroller{overflow:visible!important;display:flex!important;align-items:center;gap:4px;max-width:100%;padding-right:12px}.nav-dropdown{position:relative;flex:0 0 auto}.nav-dropdown>summary{list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown .nav-chevron{font-size:10px;line-height:1;margin-left:2px;transition:transform .16s}.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}.nav-dropdown.active>summary{color:#54a0ff!important;background:rgba(32,112,255,.11)!important;border-color:rgba(53,130,255,.2)!important}.nav-dropdown.admin-dropdown.active>summary{color:#b79dff!important;background:rgba(139,92,246,.11)!important}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;width:285px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);box-shadow:0 18px 45px rgba(0,0,0,.24);display:grid;gap:4px}.nav-dropdown-menu>a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border-radius:10px;color:var(--ink);text-decoration:none;border:1px solid transparent}.nav-dropdown-menu>a:hover,.nav-dropdown-menu>a.active{background:var(--theme-soft);border-color:var(--line)}.nav-dropdown-menu>a>span:last-child{display:grid}.nav-dropdown-menu strong{font-size:8.5px}.nav-dropdown-menu small{font-size:6.8px;color:var(--muted);margin-top:2px}.nav-dropdown-menu .nav-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(41,126,255,.08)}.nav-dropdown-menu .nav-icon svg{width:17px;height:17px}.nav-dropdown-menu-admin{border-color:color-mix(in srgb,#8b5cf6 25%,var(--line))}
@media(max-width:1450px){.counter-page-v31{grid-template-columns:minmax(480px,46%) minmax(560px,54%)}.manual-item-composer{grid-template-columns:92px minmax(150px,1fr) 62px 105px}.manual-add-btn{grid-column:1/-1}.catalog-head-actions .catalog-add-device{display:none}.device-grid-v31{grid-template-columns:repeat(3,minmax(135px,1fr))}}
@media(max-width:1180px){.counter-page-v31{grid-template-columns:1fr}.device-catalog-v31{position:static!important;max-height:none!important}.device-grid-v31{max-height:460px;grid-template-columns:repeat(5,minmax(130px,1fr))}.catalog-head-actions .catalog-add-device{display:flex}.manual-item-composer{grid-template-columns:110px minmax(210px,1fr) 70px 120px auto}.manual-add-btn{grid-column:auto}}
@media(max-width:900px){.app-header-v28 .app-nav-v31{display:none}.nav-open .app-header-v28 .app-nav-v31{display:block;overflow:visible!important;height:auto!important;max-height:calc(100vh - 72px);overflow-y:auto!important;padding:8px}.nav-open .app-nav-v31 .nav-scroller{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;padding:0}.nav-open .app-nav-v31 .top-navlink{width:100%;justify-content:flex-start}.nav-dropdown{position:static}.nav-dropdown>summary{width:100%}.nav-dropdown-menu{position:static;width:100%;grid-column:1/-1;margin-top:5px;box-shadow:none;background:var(--theme-panel-2)}.nav-dropdown[open]{grid-column:1/-1}.nav-dropdown[open]>summary{margin-bottom:4px}.device-grid-v31{grid-template-columns:repeat(3,minmax(125px,1fr))}.manual-item-composer{grid-template-columns:100px minmax(170px,1fr) 65px 110px}.manual-add-btn{grid-column:1/-1}.catalog-head-v31{display:grid}.catalog-head-actions{width:100%}.catalog-head-actions>*{flex:1}.device-finder-strip{grid-template-columns:1fr 1fr}.catalog-search-v31{grid-column:1/-1!important}.type-tabs-v31{grid-template-columns:repeat(5,minmax(105px,1fr));overflow-x:auto}.price-entry{grid-template-columns:minmax(150px,1fr) 60px 125px 34px}}
@media(max-width:620px){.counter-page-v31{padding:8px!important}.counter-entry-v31,.device-catalog-v31{padding:14px!important}.counter-form-head-v31{align-items:flex-start}.counter-form-head-v31 h1{font-size:22px}.counter-mode-pill{min-width:105px}.unified-entry-note{align-items:flex-start}.form-grid.compact-grid{grid-template-columns:1fr!important}.form-grid.compact-grid .span-2{grid-column:auto}.manual-item-head{align-items:flex-start}.manual-item-security{display:none}.manual-item-composer{grid-template-columns:1fr 82px}.manual-kind,.manual-name{grid-column:1/-1}.manual-price{grid-column:1}.manual-add-btn{grid-column:1/-1;width:100%}.money-grid-v31{grid-template-columns:1fr 1fr!important}.price-entry{grid-template-columns:1fr 64px 34px;gap:6px}.price-entry .line-description{grid-column:1/-1}.charge-field{grid-column:1/2}.price-entry>input[data-qty]{grid-column:2}.remove-line{grid-column:3}.catalog-head-actions{display:grid;grid-template-columns:1fr 1fr}.catalog-stat{grid-column:1/-1;display:flex!important;align-items:baseline;gap:8px;min-height:42px!important}.catalog-stat strong{font-size:20px!important}.catalog-stock-button,.catalog-add-device{min-height:48px!important}.device-finder-strip{grid-template-columns:1fr 1fr}.type-tabs-v31{grid-template-columns:repeat(5,108px)}.device-grid-v31{grid-template-columns:repeat(2,minmax(125px,1fr));max-height:430px}.selection-box-v31{align-items:flex-start}.counter-actions-v31{display:grid!important;grid-template-columns:1fr 1fr;bottom:64px!important}.counter-actions-v31 .grow{grid-column:1/-1;grid-row:1}.repair-context-head{align-items:flex-start}.nav-open .app-nav-v31 .nav-scroller{grid-template-columns:1fr!important}.nav-dropdown[open]{grid-column:auto}.nav-dropdown-menu{grid-template-columns:1fr}}
@media(max-width:390px){.money-grid-v31{grid-template-columns:1fr!important}.device-grid-v31{grid-template-columns:1fr 1fr}.manual-item-composer{grid-template-columns:1fr}.manual-kind,.manual-name,.manual-price,.manual-qty,.manual-add-btn{grid-column:auto}.catalog-head-actions{grid-template-columns:1fr}.catalog-stat{grid-column:auto}.device-finder-strip{grid-template-columns:1fr}.catalog-search-v31{grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){.unified-entry-icon,.catalog-stock-icon,.manual-item-plus{animation:none!important}}
@media(min-width:1181px){.device-catalog-v31{position:sticky!important;top:122px!important;max-height:calc(100dvh - 138px)!important;overflow:auto!important}}


/* FixPro v3.2 — hand-finished counter and navigation refinement */
.counter-form-head-v31{margin-bottom:18px}.counter-form-head-v31+.form-section-label{margin-top:0}.unified-entry-note{display:none!important}
.invoice-workbench{margin-top:18px;padding:14px;border:1px solid color-mix(in srgb,#2a8cff 24%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,#109cff 7%,var(--theme-panel)),color-mix(in srgb,#00c7b2 5%,var(--theme-panel)));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.invoice-workbench-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,#6aaeff 18%,var(--line))}.invoice-workbench-title{display:flex;align-items:center;gap:11px;min-width:0}.invoice-workbench-title .section-number{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#137bff,#4d57f5);color:white;font-size:11px;font-weight:900;box-shadow:0 8px 22px rgba(27,111,255,.22)}.invoice-workbench-title>div{display:grid;gap:2px}.invoice-workbench-title .eyebrow{font-size:8px;letter-spacing:.13em;color:#38a0ff}.invoice-workbench-title strong{font-size:17px;letter-spacing:-.02em;color:var(--ink)}.invoice-workbench-title small{font-size:9px;color:var(--muted);line-height:1.35}.invoice-workbench-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid color-mix(in srgb,#22c987 30%,var(--line));background:color-mix(in srgb,#22c987 8%,var(--theme-panel-2));font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#41c990;white-space:nowrap}.invoice-workbench-badge i{width:7px;height:7px;border-radius:50%;background:#2bd692;box-shadow:0 0 0 4px rgba(43,214,146,.08)}
.manual-item-card-v32{margin:0!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.manual-item-card-v32 .manual-item-head{margin-bottom:8px}.manual-item-title{display:flex;align-items:center;gap:9px}.manual-item-card-v32 .manual-item-plus{width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#06b8b4,#1a8eff);box-shadow:0 8px 20px rgba(0,157,210,.2)}.manual-item-card-v32 .manual-item-security{font-size:7.5px;padding:6px 9px;background:color-mix(in srgb,#7591b8 8%,var(--theme-panel-2));border-color:var(--line)}
.manual-item-composer-v32{display:grid!important;grid-template-columns:105px minmax(220px,1.7fr) 68px 120px auto!important;gap:9px!important;align-items:end}.manual-item-composer-v32 label{font-size:8px;color:var(--muted);font-weight:800}.manual-item-composer-v32 input,.manual-item-composer-v32 select{height:42px!important;margin-top:5px!important;border-radius:11px!important;background:var(--theme-input)!important;border:1px solid var(--theme-input-border)!important;color:var(--ink)!important}.manual-add-btn-v32{height:42px!important;min-width:150px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:linear-gradient(135deg,#1683ff,#275cf3)!important;box-shadow:0 9px 24px rgba(24,105,255,.22)!important}.manual-add-btn-v32>span{font-size:20px;line-height:1}.manual-add-btn-v32>b{font-size:10px}

/* Navigation: deliberate color system, compact spacing, and restrained motion */
.app-nav-v31 .nav-scroller{gap:6px!important;padding-top:5px!important;padding-bottom:5px!important}.app-nav-v31 .top-navlink{position:relative;min-height:40px;padding:0 11px!important;border-radius:11px!important;font-size:10px!important;color:var(--muted)!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important}.app-nav-v31 .top-navlink .nav-icon{width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--nav-accent,#4994ff) 10%,transparent);color:var(--nav-accent,#4994ff);transition:.2s ease}.app-nav-v31 .top-navlink .nav-icon svg{width:15px;height:15px}.app-nav-v31 .top-navlink:hover{transform:translateY(-1px)!important;background:color-mix(in srgb,var(--nav-accent,#4994ff) 8%,var(--theme-panel-2))!important;border-color:color-mix(in srgb,var(--nav-accent,#4994ff) 24%,var(--line))!important;color:var(--ink)!important}.app-nav-v31 .top-navlink.active{background:color-mix(in srgb,var(--nav-accent,#4994ff) 12%,var(--theme-panel-2))!important;border-color:color-mix(in srgb,var(--nav-accent,#4994ff) 30%,var(--line))!important;color:var(--ink)!important;box-shadow:inset 0 -2px 0 var(--nav-accent,#4994ff)!important}.app-nav-v31 .top-navlink.active .nav-icon{background:var(--nav-accent,#4994ff);color:#fff;box-shadow:0 0 18px color-mix(in srgb,var(--nav-accent,#4994ff) 30%,transparent)}
.nav-dashboard{--nav-accent:#3b82f6}.nav-new{--nav-accent:#1d9bf0}.nav-sales{--nav-accent:#18b978}.nav-repairs{--nav-accent:#ff8a2a}.nav-customers{--nav-accent:#8b5cf6}.nav-inventory{--nav-accent:#00a9a5}.nav-reports{--nav-accent:#5b7cff}.nav-business{--nav-accent:#e3a51f}.nav-admin{--nav-accent:#a76df4}.app-nav-v31 .nav-dropdown>summary{color:var(--muted)!important}.app-nav-v31 .nav-dropdown.active>summary{color:var(--ink)!important}.app-nav-v31 .nav-dropdown-menu .nav-icon{color:var(--nav-accent,#6da0ff);background:color-mix(in srgb,var(--nav-accent,#6da0ff) 10%,var(--theme-panel-2))}
@keyframes navHumanPulse{0%,100%{transform:translateY(0);filter:none}50%{transform:translateY(-1px);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--nav-accent,#4c9bff) 42%,transparent))}}.app-nav-v31 .top-navlink.active .nav-icon svg{animation:navHumanPulse 3.2s ease-in-out infinite!important}

/* Device library aligned to the cleaner reference treatment */
.device-catalog-v31{border-radius:19px!important}.catalog-head-v31{padding-bottom:3px}.catalog-head-v31 h2{font-size:25px!important}.catalog-stat{background:linear-gradient(135deg,#0c2a68,#083b91)!important;border-color:#2e6ed1!important;color:#fff!important;box-shadow:0 10px 28px rgba(10,59,145,.18)}.catalog-stat strong,.catalog-stat small{color:#fff!important}.type-tabs-v31 button{background:var(--theme-panel-2)!important}.type-tabs-v31 button.active{background:linear-gradient(135deg,#0d3180,#0b5fdc)!important;color:#fff!important;border-color:#267dff!important;box-shadow:0 8px 24px rgba(15,100,225,.18)}.type-tabs-v31 button.active small{color:#b8d5ff!important}.brand-tabs-v25 button.active,.series-tabs button.active{background:#0d285e!important;color:#fff!important;border-color:#2f70d6!important}.catalog-filter-compact .filter-label-row{align-items:center}.catalog-filter-compact .filter-label-row a{font-size:7px;color:#3b91ff;text-decoration:none}

@media(max-width:1450px){.manual-item-composer-v32{grid-template-columns:92px minmax(180px,1fr) 62px 110px!important}.manual-add-btn-v32{grid-column:1/-1!important;width:100%}}
@media(max-width:1180px){.manual-item-composer-v32{grid-template-columns:105px minmax(220px,1fr) 68px 115px auto!important}.manual-add-btn-v32{grid-column:auto!important;width:auto}.app-nav-v31 .top-navlink{padding:0 9px!important}}
@media(max-width:900px){.invoice-workbench{padding:12px}.invoice-workbench-head{align-items:flex-start}.manual-item-composer-v32{grid-template-columns:100px minmax(170px,1fr) 65px 110px!important}.manual-add-btn-v32{grid-column:1/-1!important;width:100%}.app-nav-v31 .top-navlink{font-size:10px!important}.app-nav-v31 .top-navlink .nav-icon{width:27px;height:27px}}
@media(max-width:620px){.invoice-workbench-head{display:grid}.invoice-workbench-badge{width:max-content}.manual-item-composer-v32{grid-template-columns:1fr 80px!important}.manual-item-composer-v32 .manual-kind,.manual-item-composer-v32 .manual-name{grid-column:1/-1!important}.manual-item-composer-v32 .manual-price{grid-column:1}.manual-item-composer-v32 .manual-add-btn-v32{grid-column:1/-1!important}.invoice-workbench-title strong{font-size:15px}.invoice-workbench-title small{font-size:8.5px}}
@media(max-width:390px){.manual-item-composer-v32{grid-template-columns:1fr!important}.manual-item-composer-v32>*{grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){.app-nav-v31 .top-navlink.active .nav-icon svg{animation:none!important}}

/* ========================================================================== */
/* FixPro v3.3 — unified jobs, customer CRM and receipt delivery controls      */
/* ========================================================================== */
.nav-jobs{--nav-accent:#ff8a2a}.nav-jobs .nav-icon{background:linear-gradient(145deg,rgba(255,138,42,.16),rgba(45,121,255,.08))!important}
.return-customer-box{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid color-mix(in srgb,#2f8cff 18%,var(--line));border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,#2f8cff 5%,var(--theme-panel)),var(--theme-panel));color:var(--ink)}
.return-customer-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#227dff,#6757f5);color:#fff;font-size:17px;font-weight:900;box-shadow:0 7px 18px rgba(36,109,255,.18)}
.return-customer-box>div{display:grid;gap:2px}.return-customer-box strong{font-size:9px}.return-customer-box small{font-size:8px;color:var(--muted)}
.customer-lookup-grid{position:relative}.customer-lookup-grid input.autofilled{border-color:#21bd83!important;box-shadow:0 0 0 3px rgba(33,189,131,.08)!important}
.customer-lookup-results{position:relative;z-index:20;margin:-2px 0 12px;border:1px solid color-mix(in srgb,#3c8cff 24%,var(--line));border-radius:14px;background:var(--theme-panel);box-shadow:0 20px 45px rgba(2,14,35,.18);overflow:hidden}
.lookup-result-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid var(--line);background:color-mix(in srgb,#3186ff 5%,var(--theme-panel-2))}.lookup-result-head strong{font-size:9px}.lookup-result-head small{font-size:7.5px;color:var(--muted)}
.customer-match{width:100%;min-height:54px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 11px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.customer-match:last-child{border-bottom:0}.customer-match:hover{background:color-mix(in srgb,#3186ff 7%,var(--theme-panel-2))}.customer-match-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#187cff,#5b5cf4);color:#fff;font-weight:900}.customer-match>span:nth-child(2){display:grid;gap:2px}.customer-match strong{font-size:9px}.customer-match small{font-size:7.6px;color:var(--muted)}.customer-match em{font-size:7px;font-style:normal;font-weight:800;color:#39a1ff;padding:5px 7px;border-radius:999px;background:rgba(48,145,255,.08)}
.transactions-page .transaction-titlebar{margin-bottom:12px}.transaction-filters{align-items:end}.transaction-summary-strip{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.transaction-summary-strip>span{display:grid;gap:2px;min-width:120px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--theme-panel)}.transaction-summary-strip strong{font-size:11px}.transaction-summary-strip small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.record-number{display:block;font-weight:900}.record-kind{display:inline-flex;margin-top:4px;padding:3px 6px;border-radius:999px;font-size:6.8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.record-kind.repair{background:rgba(255,138,42,.12);color:#ff962f}.record-kind.sale{background:rgba(24,185,120,.12);color:#24bf83}.contact-stack{display:grid;gap:3px;min-width:140px}.contact-stack a{font-size:8px;text-decoration:none;color:var(--ink)}.contact-stack a:hover{color:#3c95ff}.status-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,#7787a1 9%,var(--theme-panel-2));border:1px solid var(--line);font-size:7px;font-weight:900}.status-pill.paid,.status-pill.completed{color:#23be82;background:rgba(35,190,130,.08);border-color:rgba(35,190,130,.18)}.status-pill.unpaid{color:#ff9d33;background:rgba(255,157,51,.08);border-color:rgba(255,157,51,.18)}.status-pill.part_paid{color:#50a2ff;background:rgba(80,162,255,.08);border-color:rgba(80,162,255,.18)}
.customer-command-card{margin:0 0 16px;padding:15px;border:1px solid color-mix(in srgb,#318bff 22%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,#277cff 5%,var(--theme-panel)),var(--theme-panel));box-shadow:0 13px 35px rgba(4,22,53,.07)}
.customer-command-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.customer-command-head h2{margin:3px 0 2px;font-size:19px}.customer-command-head p{margin:0;font-size:8.5px;color:var(--muted)}.customer-command-tags{display:flex;align-items:center;gap:7px}.customer-command-tags span,.customer-command-tags strong{padding:6px 9px;border-radius:999px;font-size:7.5px}.customer-command-tags span{background:rgba(255,138,42,.1);color:#ff963b}.customer-command-tags strong{background:rgba(48,135,255,.1);color:#4f9dff}.customer-command-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:14px;padding-top:13px}.customer-edit-form,.receipt-delivery-panel{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel-2)}.command-section-title{display:grid;gap:2px;margin-bottom:10px}.command-section-title strong{font-size:10px}.command-section-title small{font-size:7.5px;color:var(--muted)}.receipt-delivery-panel{display:grid;gap:12px}.receipt-delivery-panel form{display:grid;gap:9px}.delivery-history{display:grid;gap:7px;padding-top:10px;border-top:1px solid var(--line)}.delivery-history>strong{font-size:9px}.delivery-row{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px}.delivery-row>div{display:grid;gap:2px}.delivery-row b{font-size:7.7px}.delivery-row small{font-size:6.8px;color:var(--muted);line-height:1.4}.delivery-status{font-size:6.5px;padding:4px 6px;border-radius:999px;font-weight:900;text-transform:uppercase}.delivery-status.sent{background:rgba(25,190,127,.1);color:#28bf84}.delivery-status.failed{background:rgba(244,63,94,.1);color:#f05a72}.delivery-status.sending{background:rgba(58,145,255,.1);color:#4b9dff}.receipt-toolbar-v33{justify-content:space-between;gap:8px}.receipt-toolbar-left,.receipt-toolbar-right{display:flex;gap:7px;flex-wrap:wrap}.inline-customer-editor{position:relative}.inline-customer-editor>summary{list-style:none}.inline-customer-editor>summary::-webkit-details-marker{display:none}.inline-customer-editor[open]>form{position:absolute;right:0;z-index:30;width:min(350px,86vw);display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);box-shadow:0 18px 45px rgba(0,0,0,.2)}.inline-customer-editor form label{display:grid;gap:4px;font-size:7px}
@media(max-width:1050px){.customer-command-grid{grid-template-columns:1fr}.transaction-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-filters .grow{grid-column:1/-1}}
@media(max-width:700px){.customer-command-head{display:grid}.customer-command-tags{flex-wrap:wrap}.receipt-toolbar-v33{align-items:stretch}.receipt-toolbar-left,.receipt-toolbar-right{width:100%}.receipt-toolbar-v33 .btn{flex:1}.customer-command-card{padding:11px}.transaction-summary-strip>span{flex:1;min-width:100px}.customer-match{grid-template-columns:32px minmax(0,1fr)}.customer-match em{grid-column:2;width:max-content}.lookup-result-head{align-items:flex-start;display:grid}}
.transaction-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.transaction-row-actions form{margin:0}.transaction-row-actions .btn{white-space:nowrap}

/* v3.3 receipt/customer management refinement */
.receipt-action-center{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px;margin:0 0 16px}.receipt-action-customer,.receipt-email-card,.receipt-delivery-history{padding:15px;border:1px solid color-mix(in srgb,#318bff 18%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,#277cff 4%,var(--theme-panel)),var(--theme-panel));box-shadow:0 13px 35px rgba(4,22,53,.06)}.receipt-customer-edit-form{display:grid;gap:10px}.receipt-customer-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.receipt-customer-summary label,.receipt-customer-edit-form>label,.receipt-email-form label{display:grid;gap:5px}.receipt-email-card{display:grid;gap:12px}.receipt-email-card h3{margin:3px 0}.receipt-email-card p{margin:0;color:var(--muted);font-size:8.5px}.receipt-email-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.receipt-email-form>label:first-child{grid-column:1/-1}.receipt-email-form .check-line{display:flex;align-items:center;gap:7px;font-size:8px}.receipt-delivery-history{grid-column:1/-1;display:grid;gap:7px}.delivery-history-row{display:grid;grid-template-columns:75px minmax(180px,1fr) 130px;gap:9px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}.delivery-history-row strong{font-size:8px}.delivery-history-row small{font-size:7px;color:var(--muted)}.delivery-error{grid-column:2/-1;color:#f05a72!important}.delivery-status.queued{background:rgba(58,145,255,.1);color:#4b9dff}.delivery-status.sent{background:rgba(25,190,127,.1);color:#28bf84}.delivery-status.failed{background:rgba(244,63,94,.1);color:#f05a72}
@media(max-width:1000px){.receipt-action-center{grid-template-columns:1fr}.receipt-delivery-history{grid-column:auto}}
@media(max-width:700px){.receipt-customer-summary{grid-template-columns:1fr}.receipt-email-form{grid-template-columns:1fr}.receipt-email-form>label:first-child{grid-column:auto}.delivery-history-row{grid-template-columns:70px 1fr}.delivery-history-row>small{grid-column:2}}

/* ========================================================================== */
/* FixPro v3.4 — transaction detail, invoice editing and status system        */
/* ========================================================================== */
.transaction-detail-page{max-width:1700px;margin:0 auto}.transaction-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto 16px;max-width:1540px}.transaction-detail-head h1{margin:3px 0 7px;font-size:28px;letter-spacing:-.03em}.transaction-detail-head .back-link{display:inline-flex;margin-bottom:10px;color:var(--muted);font-size:9px;font-weight:850;text-decoration:none}.transaction-detail-head .back-link:hover{color:#2e88ff}.transaction-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.transaction-meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:8px}
.transaction-command-grid{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px}.transaction-command-card{padding:16px;border:1px solid color-mix(in srgb,#2d86ff 14%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,#2e83ff 3%,var(--theme-panel)),var(--theme-panel));box-shadow:0 13px 36px rgba(6,26,61,.07)}.command-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px}.command-card-head h2{font-size:17px;margin:3px 0 3px}.command-card-head p{margin:0;color:var(--muted);font-size:8px}.card-actions{display:flex;justify-content:flex-end}.customer-card-v34 .receipt-customer-summary{margin-top:0}.email-card-v34 .receipt-email-form{grid-template-columns:1fr}.email-card-v34 .receipt-email-form>label:first-child{grid-column:auto}.delivery-history-compact{border-top:1px solid var(--line);padding-top:9px}.delivery-history-compact summary{cursor:pointer;color:var(--muted);font-size:8px;font-weight:850}.delivery-history-compact>div{margin-top:6px}
.invoice-items-card{grid-column:1/-1}.item-manager-head{align-items:center}.invoice-total-chip{display:grid;gap:2px;min-width:130px;text-align:right;padding:8px 11px;border-radius:12px;background:rgba(34,128,255,.08);border:1px solid rgba(46,134,255,.18)}.invoice-total-chip small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.invoice-total-chip strong{font-size:18px}.invoice-add-row{display:grid;grid-template-columns:minmax(240px,1fr) 86px 145px auto;align-items:end;gap:8px;padding:11px;border:1px solid color-mix(in srgb,#16b8c8 25%,var(--line));border-radius:14px;background:color-mix(in srgb,#18c2cf 4%,var(--theme-panel-2))}.invoice-add-row label{display:grid;gap:5px;font-size:8px;font-weight:800}.invoice-add-row input{margin:0!important}.inline-warning{margin:9px 0;padding:9px 11px;border:1px solid rgba(255,165,45,.24);border-radius:10px;background:rgba(255,165,45,.08);color:#e99420;font-size:8px}
.invoice-item-list{margin-top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.invoice-item-list-head,.invoice-item-edit-row{display:grid;grid-template-columns:minmax(260px,1fr) 80px 145px 120px 155px;gap:8px;align-items:center}.invoice-item-list-head{padding:8px 11px;background:var(--theme-panel-2);color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.invoice-item-edit-row{padding:9px 11px;border-top:1px solid var(--line)}.invoice-item-edit-row:first-of-type{border-top:0}.invoice-item-edit-row input{margin:0!important;min-width:0;padding:8px 9px!important}.invoice-item-name{display:grid;gap:3px;min-width:0}.invoice-item-name small{font-size:6.7px;color:var(--muted)}.invoice-item-name>input{font-weight:780}.money-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--theme-input-border);border-radius:9px;background:var(--theme-input);overflow:hidden}.money-input span{padding-left:8px;color:var(--muted);font-size:9px}.money-input input{border:0!important;box-shadow:none!important;padding-left:5px!important}.invoice-item-actions{display:flex;gap:6px;align-items:center}.invoice-item-actions form{margin:0}.btn.danger-outline{color:#f05a6b;background:rgba(244,63,94,.06);border-color:rgba(244,63,94,.22)}.btn.danger-outline:hover{background:rgba(244,63,94,.11)}.locked-line{background:color-mix(in srgb,#8b5cf6 3%,var(--theme-panel-2))}.empty-invoice-items{padding:20px;text-align:center;color:var(--muted);font-size:9px}
.invoice-preview-v34{margin-top:18px}.invoice-preview-v34[hidden]{display:none}.transaction-detail-page>.invoice-preview-v34{max-width:900px}.transaction-detail-page .receipt{box-shadow:0 22px 50px rgba(6,25,54,.12)}
.job-status-badge,.payment-badge{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);font-size:7px;font-weight:900;white-space:nowrap}.job-status-badge i,.payment-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}
.job-status-badge.status-received,.job-status-select.status-received{color:#3b8fff;background:rgba(59,143,255,.09);border-color:rgba(59,143,255,.22)}.job-status-badge.status-diagnosing,.job-status-select.status-diagnosing{color:#9a6cff;background:rgba(154,108,255,.09);border-color:rgba(154,108,255,.23)}.job-status-badge.status-waiting_parts,.job-status-select.status-waiting_parts{color:#e99a1d;background:rgba(233,154,29,.09);border-color:rgba(233,154,29,.24)}.job-status-badge.status-in_progress,.job-status-select.status-in_progress{color:#13b6d2;background:rgba(19,182,210,.09);border-color:rgba(19,182,210,.24)}.job-status-badge.status-ready,.job-status-select.status-ready{color:#19b989;background:rgba(25,185,137,.09);border-color:rgba(25,185,137,.24)}.job-status-badge.status-completed,.job-status-select.status-completed{color:#20b86f;background:rgba(32,184,111,.09);border-color:rgba(32,184,111,.24)}.job-status-badge.status-cancelled,.job-status-select.status-cancelled{color:#ef5d6b;background:rgba(239,93,107,.09);border-color:rgba(239,93,107,.24)}
.job-status-select{appearance:none;-webkit-appearance:none;min-width:142px;padding:7px 30px 7px 10px!important;border-radius:999px!important;font-size:8px!important;font-weight:900!important;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%)!important;background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important;box-shadow:none!important}.status-form{margin:0}.payment-cell{display:grid;gap:4px;justify-items:start}.payment-cell small{font-size:7px;color:var(--muted)}.payment-badge.payment-paid{color:#17b779;background:rgba(23,183,121,.09);border-color:rgba(23,183,121,.23)}.payment-badge.payment-part_paid{color:#318dff;background:rgba(49,141,255,.09);border-color:rgba(49,141,255,.23)}.payment-badge.payment-unpaid{color:#e89521;background:rgba(232,149,33,.09);border-color:rgba(232,149,33,.23)}
@media(max-width:1000px){.transaction-command-grid{grid-template-columns:1fr}.invoice-items-card{grid-column:auto}.invoice-add-row{grid-template-columns:1fr 80px 130px}.invoice-add-row .btn{grid-column:1/-1}.invoice-item-list{overflow:auto}.invoice-item-list-head,.invoice-item-edit-row{min-width:820px}}
@media(max-width:700px){.transaction-detail-head{display:grid;align-items:start}.transaction-detail-actions{width:100%}.transaction-detail-actions .btn{flex:1}.transaction-command-card{padding:12px}.invoice-add-row{grid-template-columns:1fr 80px}.invoice-add-row .grow{grid-column:1/-1}.invoice-add-row .btn{grid-column:1/-1}.item-manager-head{align-items:flex-start}.invoice-total-chip{min-width:105px}.transaction-detail-page{padding-left:10px;padding-right:10px}.job-status-select{min-width:130px}}
@media print{.transaction-detail-head,.transaction-command-grid,.app-header,.app-header-v28,.mobile-quick-dock,.page-brand-watermark{display:none!important}.invoice-preview-v34[hidden]{display:block!important}.invoice-preview-v34{margin:0!important;border:0!important;box-shadow:none!important;max-width:none!important}.transaction-detail-page{padding:0!important;max-width:none!important}.receipt-wrap{padding:0!important}}

/* ========================================================================== */
/* FixPro v3.5 — hand-finished Sales & Repairs operations workspace            */
/* ========================================================================== */
.operations-ledger-page{max-width:1760px;margin:0 auto;padding:22px 24px 34px}.operations-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.operations-head h1{margin:3px 0 4px;font-size:29px;line-height:1.05;letter-spacing:-.035em}.operations-head p{margin:0;color:var(--muted);font-size:10px}.operations-new{min-width:120px}.operations-new span{font-size:17px;line-height:0}
.operations-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.operations-metric{position:relative;display:grid;gap:2px;min-height:88px;padding:14px 15px 12px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);box-shadow:0 7px 22px rgba(15,35,70,.045);overflow:hidden}.operations-metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--metric-accent,#468ef5)}.operations-metric span{color:var(--muted);font-size:7.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.operations-metric strong{font-size:22px;letter-spacing:-.025em}.operations-metric small{color:var(--muted);font-size:7.5px}.metric-all{--metric-accent:#4c8df6}.metric-repair{--metric-accent:#f08b38}.metric-sale{--metric-accent:#17ad78}.metric-value{--metric-accent:#7b65d8}
.operations-filterbar{display:grid;grid-template-columns:160px minmax(280px,1.5fr) 118px 132px 125px 135px auto auto;gap:8px;align-items:end;margin-bottom:13px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);box-shadow:0 8px 24px rgba(15,35,70,.045)}.operations-filterbar:not(:has(.filter-field:first-child select[name="shop_id"])){grid-template-columns:minmax(280px,1.5fr) 118px 132px 125px 135px auto auto}.filter-field{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:7.5px;font-weight:800}.filter-field input,.filter-field select{width:100%;height:39px;margin:0!important;padding:0 10px!important;border-radius:9px!important;background:var(--theme-input)!important;border:1px solid var(--theme-input-border)!important;color:var(--ink)!important;font-size:9px!important}.filter-search-wrap{position:relative;display:block}.filter-search-wrap>span{position:absolute;left:10px;top:50%;z-index:2;transform:translateY(-51%);font-size:16px;color:var(--muted);pointer-events:none}.filter-search-wrap input{padding-left:31px!important}.operations-filterbar .custom-date-field{display:none}.operations-filterbar:has(select[name="preset"] option[value="custom"]:checked) .custom-date-field{display:grid}.filter-apply,.filter-clear{height:39px;align-self:end}.filter-clear{padding-left:12px!important;padding-right:12px!important}
.operations-ledger{border:1px solid var(--line);border-radius:15px;background:var(--theme-panel);overflow:hidden;box-shadow:0 10px 30px rgba(14,36,73,.055)}.operations-ledger-head,.operations-record{display:grid;grid-template-columns:minmax(205px,1.15fr) minmax(190px,1fr) minmax(165px,.92fr) 105px minmax(150px,.82fr) 112px 142px;gap:12px;align-items:center}.operations-ledger-head{min-height:39px;padding:0 13px;border-bottom:1px solid var(--line);background:var(--theme-panel-2);color:var(--muted);font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.065em}.operations-record{position:relative;min-height:84px;padding:11px 13px;border-bottom:1px solid var(--line);transition:background .16s ease}.operations-record:last-child{border-bottom:0}.operations-record:hover{background:color-mix(in srgb,#5f91cc 3.5%,var(--theme-panel))}.operations-record:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:0 3px 3px 0;background:#e48a3b;opacity:.75}.operations-record.sale:before{background:#18ad79}
.record-identity,.record-customer{display:flex;align-items:center;gap:10px;min-width:0}.record-type-mark{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:color-mix(in srgb,#e58b3a 10%,var(--theme-panel-2));color:#df8335;border:1px solid color-mix(in srgb,#e58b3a 18%,var(--line))}.record-type-mark.sale{background:color-mix(in srgb,#18ad79 9%,var(--theme-panel-2));color:#17a875;border-color:color-mix(in srgb,#18ad79 18%,var(--line))}.record-type-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.record-identity>div,.record-customer>div,.record-device{display:grid;gap:3px;min-width:0}.record-number{font-size:9px;font-weight:900;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-number:hover{color:#398af0}.record-subline,.record-shop{font-size:7.2px;color:var(--muted)}.record-subline b{color:#d47c31;font-weight:850}.operations-record.sale .record-subline b{color:#169b6d}.record-avatar{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:50%;background:var(--theme-soft);border:1px solid var(--line);color:#4178b9;font-size:8px;font-weight:900}.record-customer strong,.record-device strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-customer span,.record-customer small,.record-device small,.record-value small,.record-payment small{font-size:7.3px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-value{display:grid;gap:3px}.record-value strong{font-size:11px}.record-payment{display:grid;gap:4px;justify-items:start}.record-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.record-actions form{margin:0}.record-action{height:31px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:7.8px;font-weight:850;text-decoration:none;cursor:pointer}.record-action:hover{border-color:#76a9e9;background:var(--theme-soft)}.record-action.primary{background:#166bea;border-color:#166bea;color:#fff}.record-action.primary:hover{background:#105ecf}
.status-control-v35{position:relative;display:inline-flex;align-items:center;min-width:138px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--theme-input);overflow:hidden}.status-dot{position:absolute;left:10px;z-index:2;width:7px;height:7px;border-radius:50%;background:currentColor;pointer-events:none}.job-status-select-v35{width:100%;height:100%;padding:0 27px 0 25px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font-size:8px!important;font-weight:800!important;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;background-position:calc(100% - 12px) 50%,calc(100% - 8px) 50%!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important}.status-dot.status-received{color:#3d89e8}.status-dot.status-diagnosing{color:#8b6ad6}.status-dot.status-waiting_parts{color:#d8952d}.status-dot.status-in_progress{color:#19a8bd}.status-dot.status-ready{color:#159f79}.status-dot.status-completed{color:#149d64}.status-dot.status-cancelled{color:#d95763}.status-text-line{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--theme-input);font-size:8px;font-weight:800}.status-text-line i{width:7px;height:7px;border-radius:50%;background:#159d64}.payment-badge-v35{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 8px;border-radius:8px;border:1px solid var(--line);font-size:7.5px;font-weight:850;background:var(--theme-panel-2);color:var(--ink)}.payment-badge-v35 i{width:7px;height:7px;border-radius:50%;background:currentColor}.payment-badge-v35.payment-paid{color:#138d60;border-color:color-mix(in srgb,#18a66f 25%,var(--line));background:color-mix(in srgb,#18a66f 6%,var(--theme-panel-2))}.payment-badge-v35.payment-part_paid{color:#367bc8;border-color:color-mix(in srgb,#4b8fd9 24%,var(--line));background:color-mix(in srgb,#4b8fd9 6%,var(--theme-panel-2))}.payment-badge-v35.payment-unpaid{color:#b67d24;border-color:color-mix(in srgb,#d39532 26%,var(--line));background:color-mix(in srgb,#d39532 6%,var(--theme-panel-2))}.operations-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:44px 16px;color:var(--muted)}.operations-empty>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px}.operations-empty svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.operations-empty strong{color:var(--ink);font-size:11px}.operations-empty p{margin:0;font-size:8.5px}.operations-pagination{margin-top:12px}

/* Transaction detail: quieter information hierarchy and edit-on-demand controls */
.transaction-workspace-page{max-width:1760px;margin:0 auto;padding:22px 24px 36px}.transaction-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;max-width:1600px;margin:0 auto 13px}.transaction-head-copy .back-link{display:inline-block;margin-bottom:9px;color:var(--muted);font-size:8px;font-weight:800;text-decoration:none}.transaction-head-copy .back-link:hover{color:#3c8ced}.record-title-row{display:flex;align-items:center;gap:10px}.record-title-row h1{margin:2px 0 0;font-size:26px;letter-spacing:-.035em}.record-title-row .record-type-mark{width:38px;height:38px;flex-basis:38px}.transaction-meta-line{margin-top:6px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:7.7px}.transaction-detail-actions{display:flex;gap:7px;flex-wrap:wrap}
.transaction-snapshot{max-width:1600px;margin:0 auto 12px;display:grid;grid-template-columns:1.2fr 1.2fr .78fr .8fr .72fr;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);overflow:hidden;box-shadow:0 8px 24px rgba(15,35,70,.045)}.transaction-snapshot>div{min-height:78px;padding:12px 14px;border-right:1px solid var(--line);display:grid;align-content:center;gap:3px;min-width:0}.transaction-snapshot>div:last-child{border-right:0}.snapshot-customer{grid-template-columns:auto 1fr;align-items:center!important;column-gap:10px!important}.snapshot-customer .record-avatar{grid-row:1/4}.transaction-snapshot small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.transaction-snapshot strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-snapshot span:not(.payment-badge-v35):not(.status-dot):not(.status-text-line){font-size:7.7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snapshot-status .status-control-v35{margin-top:1px}.snapshot-total strong{font-size:17px;letter-spacing:-.02em}
.transaction-workspace-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:12px}.workspace-panel{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);box-shadow:0 8px 24px rgba(15,35,70,.045)}.workspace-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:12px}.workspace-panel-head h2{margin:2px 0 2px;font-size:15px;letter-spacing:-.018em}.workspace-panel-head p{margin:0;color:var(--muted);font-size:7.8px}.small-text-action{height:29px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:7.5px;font-weight:850;cursor:pointer}.small-text-action:hover{background:var(--theme-soft);border-color:#78a8e4}.customer-read-grid{display:grid;grid-template-columns:1fr .85fr 1.2fr;gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden}.customer-read-grid>div{display:grid;gap:4px;min-height:60px;padding:10px 11px;border-right:1px solid var(--line);background:var(--theme-panel-2)}.customer-read-grid>div:last-child{border-right:0}.customer-read-grid small,.customer-note small{color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.customer-read-grid strong{font-size:9px;overflow-wrap:anywhere}.customer-note{margin-top:8px;padding:9px 10px;border-left:2px solid #8ba8cd;background:var(--theme-panel-2);border-radius:0 8px 8px 0}.customer-note p{margin:3px 0 0;color:var(--ink);font-size:8px;line-height:1.45}.customer-edit-workspace{display:grid;gap:9px}.customer-edit-grid{display:grid;grid-template-columns:1fr .85fr 1.2fr;gap:8px}.customer-edit-workspace label,.receipt-send-workspace label,.invoice-add-form-v35 label,.invoice-line-edit-form label{display:grid;gap:5px;color:var(--muted);font-size:7.5px;font-weight:800}.customer-edit-workspace input,.customer-edit-workspace textarea,.receipt-send-workspace input,.invoice-add-form-v35 input,.invoice-line-edit-form input{margin:0!important;background:var(--theme-input)!important;border:1px solid var(--theme-input-border)!important;color:var(--ink)!important;border-radius:9px!important}.workspace-form-actions{display:flex;justify-content:flex-end;gap:7px}.workspace-empty-note{padding:20px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:8.5px}
.receipt-send-workspace{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.receipt-send-workspace .check-line{grid-column:1/-1;display:flex;align-items:center;gap:7px;font-size:7.4px;font-weight:700}.receipt-send-workspace .check-line input{width:auto!important}.delivery-count{display:inline-flex;height:25px;align-items:center;padding:0 8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:7px;font-weight:800}.delivery-history-v35{margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.delivery-history-v35 summary{cursor:pointer;color:var(--muted);font-size:7.6px;font-weight:850}.delivery-history-list{display:grid;gap:6px;margin-top:8px}.delivery-history-item{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--theme-panel-2)}.delivery-history-item>div{display:grid;gap:2px}.delivery-history-item strong{font-size:7.8px}.delivery-history-item small{font-size:6.8px;color:var(--muted)}
.invoice-workspace-v35{grid-column:1/-1}.invoice-workspace-head{align-items:center}.invoice-head-actions{display:flex;align-items:center;gap:8px}.invoice-total-plain{display:grid;gap:1px;text-align:right}.invoice-total-plain small{color:var(--muted);font-size:6.8px;text-transform:uppercase;letter-spacing:.06em}.invoice-total-plain strong{font-size:16px}.invoice-add-drawer{margin-bottom:10px;padding:10px;border:1px solid color-mix(in srgb,#3c8be8 22%,var(--line));border-radius:10px;background:var(--theme-panel-2)}.invoice-add-form-v35{display:grid;grid-template-columns:minmax(240px,1fr) 75px 130px auto;gap:8px;align-items:end}.invoice-add-form-v35 .btn{height:38px}.invoice-lines-v35{border:1px solid var(--line);border-radius:11px;overflow:hidden}.invoice-lines-head,.invoice-line-v35{display:grid;grid-template-columns:minmax(250px,1fr) 70px 110px 110px 130px;gap:9px;align-items:center}.invoice-lines-head{min-height:34px;padding:0 11px;background:var(--theme-panel-2);color:var(--muted);font-size:6.8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.invoice-line-v35{min-height:58px;padding:8px 11px;border-top:1px solid var(--line)}.invoice-line-v35:nth-child(2){border-top:0}.invoice-line-v35.locked{background:color-mix(in srgb,#758bb1 3%,var(--theme-panel-2))}.invoice-line-name{display:grid;gap:3px;min-width:0}.invoice-line-name strong{font-size:8.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-line-name small{font-size:6.8px;color:var(--muted)}.invoice-line-v35>span,.invoice-line-v35>strong{font-size:8.5px}.invoice-line-actions{display:flex;justify-content:flex-end;gap:5px}.invoice-line-actions form{margin:0}.line-action{height:28px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);font-size:7.2px;font-weight:850;cursor:pointer}.line-action:hover{background:var(--theme-soft)}.line-action.danger{color:#c84d58}.line-action.danger:hover{border-color:#df8e96;background:color-mix(in srgb,#d95361 5%,var(--theme-panel-2))}.line-locked{color:var(--muted)!important;font-size:7px!important;text-align:right}.invoice-line-editor-v35{padding:9px 11px;border-top:1px solid var(--line);background:color-mix(in srgb,#3b86df 3%,var(--theme-panel-2))}.invoice-line-edit-form{display:grid;grid-template-columns:minmax(220px,1fr) 75px 130px auto auto;gap:8px;align-items:end}.invoice-line-edit-form .btn{height:36px}.invoice-preview-v34{scroll-margin-top:125px}

body[data-theme="dark"] .operations-metric,body[data-theme="dark"] .operations-filterbar,body[data-theme="dark"] .operations-ledger,body[data-theme="dark"] .transaction-snapshot,body[data-theme="dark"] .workspace-panel{box-shadow:0 8px 24px rgba(0,0,0,.14)}body[data-theme="dark"] .record-avatar{color:#8bbcf8}body[data-theme="dark"] .record-action.primary{background:#1974ee;border-color:#1974ee}.nav-jobs{--nav-accent:#dd8337!important}

@media(max-width:1500px){.operations-filterbar{grid-template-columns:145px minmax(240px,1.4fr) 105px 120px 112px 120px auto}.operations-filterbar:not(:has(.filter-field:first-child select[name="shop_id"])){grid-template-columns:minmax(240px,1.4fr) 105px 120px 112px 120px auto}.filter-clear{grid-column:auto}.operations-ledger-head,.operations-record{grid-template-columns:minmax(190px,1.05fr) minmax(175px,.95fr) minmax(150px,.85fr) 95px 145px 105px 125px}}
@media(max-width:1180px){.operations-filterbar,.operations-filterbar:not(:has(.filter-field:first-child select[name="shop_id"])){grid-template-columns:repeat(3,minmax(0,1fr))}.operations-filterbar .search-field{grid-column:span 2}.operations-filterbar .filter-apply,.operations-filterbar .filter-clear{width:100%}.operations-ledger-head{display:none}.operations-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;background:transparent;border:0;box-shadow:none}.operations-record{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding:14px;border:1px solid var(--line)!important;border-radius:13px;background:var(--theme-panel)}.operations-record:before{top:12px;bottom:12px}.record-identity{grid-column:1/-1;padding-bottom:9px;border-bottom:1px solid var(--line)}.record-actions{grid-column:1/-1;justify-content:flex-start;padding-top:3px}.record-actions .record-action,.record-actions form{flex:1}.record-actions form .record-action{width:100%}.record-device strong,.record-customer strong{white-space:normal}.transaction-snapshot{grid-template-columns:1fr 1fr 1fr}.transaction-snapshot>div:nth-child(3){border-right:0}.transaction-snapshot>div:nth-child(n+4){border-top:1px solid var(--line)}.transaction-workspace-grid{grid-template-columns:1fr}.invoice-workspace-v35{grid-column:auto}}
@media(max-width:820px){.operations-ledger-page,.transaction-workspace-page{padding:15px 12px 85px}.operations-head,.transaction-workspace-head{align-items:flex-start}.operations-metrics{grid-template-columns:1fr 1fr}.operations-filterbar,.operations-filterbar:not(:has(.filter-field:first-child select[name="shop_id"])){grid-template-columns:1fr 1fr}.operations-filterbar .search-field{grid-column:1/-1}.operations-ledger{grid-template-columns:1fr}.transaction-snapshot{grid-template-columns:1fr 1fr}.transaction-snapshot>div{border-top:1px solid var(--line)!important;border-right:1px solid var(--line)}.transaction-snapshot>div:nth-child(-n+2){border-top:0!important}.transaction-snapshot>div:nth-child(2n){border-right:0}.transaction-snapshot>div:last-child{grid-column:1/-1;border-right:0}.customer-read-grid,.customer-edit-grid{grid-template-columns:1fr}.customer-read-grid>div{border-right:0;border-bottom:1px solid var(--line)}.customer-read-grid>div:last-child{border-bottom:0}.invoice-add-form-v35{grid-template-columns:1fr 80px 120px}.invoice-add-form-v35 .grow{grid-column:1/-1}.invoice-add-form-v35 .btn{grid-column:1/-1}.invoice-lines-v35{overflow:auto}.invoice-lines-head,.invoice-line-v35{min-width:720px}.invoice-line-editor-v35{overflow:auto}.invoice-line-edit-form{min-width:720px}}
@media(max-width:560px){.operations-head,.transaction-workspace-head{display:grid}.operations-head .btn,.transaction-detail-actions{width:100%}.transaction-detail-actions .btn{flex:1}.operations-metrics{grid-template-columns:1fr 1fr}.operations-metric{min-height:76px;padding:11px}.operations-metric strong{font-size:18px}.operations-filterbar,.operations-filterbar:not(:has(.filter-field:first-child select[name="shop_id"])){grid-template-columns:1fr}.operations-filterbar .search-field{grid-column:auto}.operations-record{grid-template-columns:1fr}.record-identity,.record-actions{grid-column:auto}.record-customer,.record-device,.record-value,.record-status,.record-payment{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:7px}.record-customer:before,.record-device:before,.record-value:before,.record-status:before,.record-payment:before{content:attr(data-label);color:var(--muted);font-size:6.8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.record-customer .record-avatar{display:none}.record-customer>div,.record-device{display:contents}.record-actions{display:flex}.transaction-snapshot{grid-template-columns:1fr}.transaction-snapshot>div{border-right:0!important;border-top:1px solid var(--line)!important}.transaction-snapshot>div:first-child{border-top:0!important}.transaction-snapshot>div:last-child{grid-column:auto}.workspace-panel{padding:12px}.workspace-panel-head{display:grid}.receipt-send-workspace{grid-template-columns:1fr}.receipt-send-workspace .check-line{grid-column:auto}.invoice-head-actions{width:100%;justify-content:space-between}.invoice-workspace-head{display:grid}.invoice-add-form-v35{grid-template-columns:1fr 78px}.invoice-add-form-v35 .grow,.invoice-add-form-v35 .btn{grid-column:1/-1}.invoice-add-form-v35 label:nth-child(3){grid-column:1}.record-title-row h1{font-size:21px}}
@media print{.transaction-workspace-head,.transaction-snapshot,.transaction-workspace-grid,.app-header,.app-header-v28,.mobile-quick-dock,.page-brand-watermark{display:none!important}.transaction-workspace-page{padding:0!important;max-width:none!important}.invoice-preview-v34[hidden]{display:block!important}.invoice-preview-v34{margin:0!important;max-width:none!important;border:0!important;box-shadow:none!important}.receipt-wrap{padding:0!important}}
.operations-filterbar.custom-range .custom-date-field{display:grid}

/* FixPro v3.6 — device intake checklist */
.intake-checklist-card{margin-top:14px;border:1px solid color-mix(in srgb,#2f86ff 22%,var(--line));border-radius:14px;background:var(--theme-panel);overflow:hidden}.intake-checklist-card>summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;cursor:pointer;background:linear-gradient(90deg,color-mix(in srgb,#2f86ff 7%,var(--theme-panel-2)),var(--theme-panel-2));border-bottom:1px solid transparent}.intake-checklist-card[open]>summary{border-bottom-color:var(--line)}.intake-checklist-card>summary::-webkit-details-marker{display:none}.intake-summary-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eaf4ff;color:#1472e6;font-size:15px;font-weight:900}.intake-checklist-card>summary>span:nth-child(2){display:grid;gap:2px}.intake-checklist-card>summary strong{font-size:10px}.intake-checklist-card>summary small{font-size:7.5px;color:var(--muted)}.intake-checklist-card>summary em{font-style:normal;font-size:6.8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#ecf8f2;color:#168d61;border:1px solid #b8e7d4}.intake-checklist-body{padding:13px}
.intake-field-groups{display:grid;gap:12px}.intake-field-group{display:grid;gap:9px}.intake-field-group+.intake-field-group{padding-top:12px;border-top:1px solid var(--line)}.intake-group-title{display:flex;align-items:center;gap:9px}.intake-group-title>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--theme-soft);color:#2f86ff;font-size:7px;font-weight:900}.intake-group-title>div{display:grid;gap:1px}.intake-group-title strong{font-size:9px}.intake-group-title small{font-size:7px;color:var(--muted)}.intake-grid{display:grid;gap:8px}.intake-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.intake-grid.tests{grid-template-columns:repeat(4,minmax(0,1fr))}.intake-grid label,.intake-notes{display:grid;gap:4px;color:var(--muted);font-size:7px;font-weight:850}.intake-grid select,.intake-grid input,.intake-notes textarea,.intake-accessories>input{margin:0!important;min-height:36px;background:var(--theme-input)!important;border:1px solid var(--theme-input-border)!important;color:var(--ink)!important;border-radius:9px!important;font-size:8.5px!important}.field-help{font-size:6.6px!important;color:var(--muted)!important;font-weight:600!important}.intake-accessories{margin:0;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--theme-panel-2)}.intake-accessories legend{padding:0 5px;color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.intake-check-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.intake-check-grid label{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--theme-panel);font-size:7.5px;font-weight:800;color:var(--ink);cursor:pointer}.intake-check-grid input{accent-color:#2479ed}.intake-notes textarea{min-height:58px!important;resize:vertical}
.intake-workspace-v36{grid-column:1/-1}.intake-workspace-head{align-items:center}.intake-recorded-meta{font-size:7px;color:var(--muted);white-space:nowrap}.intake-read-summary{display:grid;grid-template-columns:.8fr 1.55fr 1fr;gap:10px}.intake-read-summary>section{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--theme-panel-2)}.intake-read-summary>section>strong{display:block;margin-bottom:8px;font-size:8.5px}.intake-read-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.intake-read-grid>div,.intake-risk-row>span{display:grid;gap:2px}.intake-read-grid small,.intake-risk-row small,.intake-accessory-line>small{font-size:6.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:850}.intake-read-grid span,.intake-risk-row>span{font-size:7.8px;font-weight:800}.intake-test-list{display:flex;flex-wrap:wrap;gap:6px}.intake-test-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;border:1px solid var(--line);background:var(--theme-panel);font-size:6.9px;font-weight:800}.intake-test-chip i{width:6px;height:6px;border-radius:50%;background:#9aa8bb}.intake-test-chip.test-pass i{background:#18b779}.intake-test-chip.test-fail i{background:#e14e5a}.intake-test-chip.test-not_applicable i{background:#8b7ed8}.intake-risk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.intake-accessory-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:9px}.intake-accessory-line>span{padding:4px 6px;border-radius:6px;background:var(--theme-panel);border:1px solid var(--line);font-size:6.8px;font-weight:750}.intake-read-notes{margin:9px 0 0;padding:8px 9px;border-left:2px solid #5b91db;border-radius:0 7px 7px 0;background:var(--theme-panel);font-size:7.5px;line-height:1.45}.intake-empty-note{display:grid!important;gap:3px}.intake-empty-note strong{color:var(--ink);font-size:9px}.intake-edit-details{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}.intake-edit-details>summary{width:max-content;cursor:pointer;color:#1d6fd7;font-size:7.5px;font-weight:900}.intake-edit-form{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--theme-panel-2)}
body[data-theme="dark"] .intake-summary-icon{background:rgba(38,126,237,.14);color:#7db7ff}body[data-theme="dark"] .intake-checklist-card>summary em{background:rgba(31,182,124,.1);color:#70d6b0;border-color:rgba(49,193,139,.25)}
@media(max-width:1180px){.intake-grid.tests{grid-template-columns:repeat(3,minmax(0,1fr))}.intake-read-summary{grid-template-columns:1fr 1fr}.intake-read-summary>section:last-child{grid-column:1/-1}}
@media(max-width:760px){.intake-grid.three,.intake-grid.tests{grid-template-columns:1fr 1fr}.intake-read-summary{grid-template-columns:1fr}.intake-read-summary>section:last-child{grid-column:auto}.intake-recorded-meta{white-space:normal}.intake-checklist-card>summary{grid-template-columns:auto 1fr}.intake-checklist-card>summary em{display:none}}
@media(max-width:520px){.intake-grid.three,.intake-grid.tests,.intake-read-grid,.intake-risk-row{grid-template-columns:1fr}.intake-check-grid{display:grid;grid-template-columns:1fr 1fr}.intake-check-grid label{min-height:36px}.intake-edit-form{padding:9px}}
.record-intake-mark{display:inline-flex;align-items:center;margin-left:5px;padding:2px 5px;border-radius:999px;background:#eaf7f1;color:#13845a;border:1px solid #bee7d5;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.02em}body[data-theme="dark"] .record-intake-mark{background:rgba(30,180,123,.1);color:#75dab5;border-color:rgba(55,196,145,.22)}

/* ========================================================================== */
/* FixPro v3.8 — MyTouch operations dashboard + refined application shell      */
/* ========================================================================== */

/* Header: restrained business layout inspired by the approved reference. */
.app-header-v28{box-shadow:0 1px 0 rgba(18,38,70,.04)!important;backdrop-filter:blur(16px) saturate(135%)!important}
.app-header-v28 .app-header-main{height:82px!important;padding:0 clamp(20px,2.2vw,38px)!important;gap:12px!important}
.network-brand-link{min-width:230px!important;margin-right:auto}
.network-header-brand{width:215px!important;height:56px!important}
.network-header-brand img{background:transparent!important;border-radius:0!important;padding:0!important}
.header-context-card{margin-left:0!important;min-width:185px!important;display:grid!important;grid-template-columns:36px 1fr;gap:9px;align-items:center;text-align:left!important;line-height:1.1;padding:6px 9px;border:1px solid var(--line);border-radius:12px;background:var(--theme-panel)}
.header-context-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#2678e8;background:color-mix(in srgb,#2678e8 7%,var(--theme-panel));border:1px solid color-mix(in srgb,#2678e8 15%,var(--line))}
.header-context-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.header-context-text{display:grid;gap:2px;min-width:0}.header-context-text .context-kicker{font-size:8px!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!important;font-weight:750!important}.header-context-text strong{font-size:11px!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-header-v28 .header-actions{gap:8px!important}
.app-header-v28 .quick-entry{height:44px;padding:0 15px!important;border-radius:10px!important;font-size:10px!important;box-shadow:0 7px 18px rgba(23,105,255,.16)!important;white-space:nowrap}
.app-header-v28 .quick-entry-new{background:linear-gradient(180deg,#1d7bff,#0d62eb)!important}
.app-header-v28 .quick-entry-repair{background:linear-gradient(180deg,#1678fa,#0758d7)!important}
.header-action-plus{font-size:19px!important;line-height:1!important}.header-action-icon{width:17px;height:17px;display:grid;place-items:center}.header-action-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-header-v28 .theme-switch{height:44px;padding:3px!important;border-radius:11px!important;box-shadow:none!important}
.app-header-v28 .theme-choice{height:36px!important;min-width:58px;padding:0 10px!important;border-radius:8px!important;font-size:9px!important}
.app-header-v28 .theme-choice.active{box-shadow:none!important}
.app-header-v28 .user-pill{min-height:44px!important;padding:4px 8px!important;border-color:transparent!important;background:transparent!important}
.app-header-v28 .user-pill:hover{border-color:var(--line)!important;background:var(--theme-panel-2)!important}
.app-header-v28 .profile-avatar{width:36px!important;height:36px!important}
.app-header-v28 .user-pill strong{font-size:10px!important}.app-header-v28 .user-pill small{font-size:7.5px!important}.user-pill-chevron{font-size:9px;color:var(--muted)}
.signout-button{height:42px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:10px!important}
.app-header-v28 .app-nav{height:58px!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.app-nav-v31 .nav-scroller{height:100%!important;gap:8px!important;padding:0 clamp(20px,2.2vw,38px)!important}
.app-nav-v31 .top-navlink{height:46px!important;min-height:46px!important;padding:0 12px!important;border-radius:0!important;border:0!important;background:transparent!important;font-size:10.5px!important;color:var(--muted)!important;box-shadow:none!important}
.app-nav-v31 .top-navlink .nav-icon{width:28px!important;height:28px!important;border-radius:8px!important;background:transparent!important;color:currentColor!important}
.app-nav-v31 .top-navlink .nav-icon svg{width:18px!important;height:18px!important}
.app-nav-v31 .top-navlink:hover{transform:none!important;color:#1769ee!important;background:transparent!important}
.app-nav-v31 .top-navlink.active{color:#1268ec!important;background:transparent!important;box-shadow:inset 0 -3px 0 #1769ff!important}
.app-nav-v31 .top-navlink.active .nav-icon{background:color-mix(in srgb,#1769ff 9%,var(--theme-panel))!important;color:#1769ff!important;box-shadow:none!important}
.app-nav-v31 .top-navlink.active .nav-icon svg{animation:none!important}
.app-nav-v31 .nav-dropdown.active>summary{background:transparent!important;border:0!important;box-shadow:inset 0 -3px 0 var(--nav-accent,#1769ff)!important}
body[data-theme="dark"] .app-nav-v31 .top-navlink{color:#a6b3c8!important}body[data-theme="dark"] .app-nav-v31 .top-navlink:hover,body[data-theme="dark"] .app-nav-v31 .top-navlink.active{color:#4c9cff!important}

/* Dashboard: the approved two-theme operations interface. */
body:has(.dashboard-v38) .page-brand-watermark{display:none!important}
.dashboard-v38{max-width:none!important;padding:0 22px 22px!important;overflow:hidden}
.dashboard-hero-v38{min-height:172px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,680px);align-items:center;gap:18px;padding:24px 10px 6px;position:relative}
.dashboard-hero-copy-v38{position:relative;z-index:2}.dashboard-hero-copy-v38 .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:10px}.dashboard-hero-copy-v38 h1{margin:0;font-size:31px;line-height:1.08;letter-spacing:-.04em}.dashboard-hero-copy-v38 p{display:flex;align-items:center;gap:8px;margin:13px 0 0;color:var(--muted);font-size:10px}.dashboard-hero-copy-v38 p i{font-style:normal;color:color-mix(in srgb,var(--muted) 40%,transparent)}.dashboard-date-icon{font-size:11px;color:#6c7f99}
.dashboard-shop-art-v38{height:170px;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;pointer-events:none}.dashboard-shop-art-v38 svg{width:min(680px,100%);height:100%;overflow:visible}
.hero-skyline{fill:color-mix(in srgb,#79a8dd 12%,transparent);stroke:color-mix(in srgb,#7ca9d9 13%,transparent);stroke-width:1.4}.hero-cloud{fill:color-mix(in srgb,#8cb4e7 11%,transparent)}.hero-shop{stroke-linejoin:round}.shop-shadow{fill:rgba(34,76,128,.07);stroke:none}.shop-body{fill:color-mix(in srgb,#e7eff9 76%,var(--theme-panel));stroke:color-mix(in srgb,#9ab2cf 42%,var(--line));stroke-width:1.3}.shop-roof{fill:color-mix(in srgb,#d8e5f4 82%,var(--theme-panel));stroke:color-mix(in srgb,#9ab2cf 48%,var(--line));stroke-width:1.3}.shop-sign{fill:#1769e9;stroke:#5fa1ff;stroke-width:1.2}.hero-shop text{fill:white;font-size:10px;font-weight:900;letter-spacing:.06em;font-family:Inter,ui-sans-serif,system-ui}.shop-awning{fill:#fff;stroke:#73a6df;stroke-width:1.2}.shop-stripes{stroke:#1f70d8;stroke-width:8;stroke-linecap:butt}.shop-window{fill:color-mix(in srgb,#6fb7f4 25%,var(--theme-panel));stroke:#679bd3;stroke-width:1.2}.shop-door{fill:color-mix(in srgb,#398bd4 20%,var(--theme-panel));stroke:#5c92c9;stroke-width:1.2}.shop-glow{fill:rgba(47,143,232,.13);stroke:none}.hero-plant{fill:none;stroke:#58a67d;stroke-width:3;stroke-linecap:round}.plant-pot{fill:#a98d78;stroke:none}.hero-phone>rect:first-child{fill:color-mix(in srgb,#6f8fb7 12%,var(--theme-panel));stroke:#6f8fb7;stroke-width:2}.hero-phone>rect:nth-child(2){fill:color-mix(in srgb,#9bc3ee 8%,var(--theme-panel));stroke:#80a8d0;stroke-width:1}.phone-wrench{fill:none;stroke:#4e86cf;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
body[data-theme="dark"] .hero-skyline{fill:rgba(35,95,160,.13);stroke:rgba(54,118,191,.12)}body[data-theme="dark"] .hero-cloud{fill:rgba(70,123,183,.10)}body[data-theme="dark"] .shop-body{fill:#111d2d;stroke:#27466a}body[data-theme="dark"] .shop-roof{fill:#16243a;stroke:#32537a}body[data-theme="dark"] .shop-window{fill:#0c2748;stroke:#2870b7}body[data-theme="dark"] .shop-door{fill:#0c2748;stroke:#2870b7}body[data-theme="dark"] .shop-awning{fill:#0c1c31;stroke:#2672ce}body[data-theme="dark"] .shop-stripes{stroke:#1977ef}body[data-theme="dark"] .shop-sign{fill:#071f4d;stroke:#1481ff;filter:drop-shadow(0 0 7px rgba(26,121,255,.35))}body[data-theme="dark"] .hero-phone>rect:first-child{fill:#071629;stroke:#507bac}body[data-theme="dark"] .hero-phone>rect:nth-child(2){fill:#06172a;stroke:#285b92}body[data-theme="dark"] .phone-wrench{stroke:#3392ff;filter:drop-shadow(0 0 4px rgba(48,146,255,.35))}

.dashboard-filter-v38{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto auto;align-items:end;gap:14px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);box-shadow:0 5px 18px rgba(15,40,80,.035);margin-bottom:14px}.dashboard-filter-field-v38{display:grid;gap:6px}.dashboard-filter-field-v38>span:first-child,.dashboard-filter-date-v38>span:first-child{font-size:8px;font-weight:850;color:var(--ink)}.dashboard-filter-control-v38{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:44px}.dashboard-filter-control-v38>b{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,#1682ff 7%,var(--theme-panel));color:#1769ec;font-size:14px;font-weight:800}.dashboard-filter-control-v38 select{height:44px!important;margin:0!important;padding-left:10px!important;border-radius:9px!important}.dashboard-filter-date-v38{display:none}.dashboard-filter-v38.custom-range{grid-template-columns:minmax(190px,1fr) minmax(180px,.8fr) 150px 150px auto auto}.dashboard-filter-v38.custom-range .dashboard-filter-date-v38{display:grid;gap:6px}.dashboard-filter-date-v38 input{height:44px!important;margin:0!important}.dashboard-apply-v38,.dashboard-report-v38{height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap}

.dashboard-metrics-v38{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.dashboard-metric-v38{--metric-accent:#1769ff;min-height:110px;position:relative;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);overflow:hidden;box-shadow:0 6px 20px rgba(18,42,78,.035)}.metric-icon-v38{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--metric-accent);background:color-mix(in srgb,var(--metric-accent) 9%,var(--theme-panel));border:1px solid color-mix(in srgb,var(--metric-accent) 12%,var(--line))}.metric-icon-v38 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dashboard-metric-v38>div{display:grid;gap:4px;min-width:0}.dashboard-metric-v38 small{font-size:7.3px;letter-spacing:.07em;color:var(--muted);font-weight:850}.dashboard-metric-v38 strong{font-size:20px;line-height:1.05;letter-spacing:-.02em}.dashboard-metric-v38 em{font-size:7.5px;color:var(--muted);font-style:normal}.dashboard-metric-v38 em.positive{color:#12a867}.dashboard-metric-v38 em.negative{color:#d65f69}.metric-line-v38{position:absolute;right:15px;bottom:17px;width:50px;height:17px;border-bottom:2px solid var(--metric-accent);transform:skewY(-14deg);opacity:.9}.metric-line-v38:before,.metric-line-v38:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--metric-accent)}.metric-line-v38:before{left:12px;bottom:-3px}.metric-line-v38:after{right:3px;bottom:-3px}.metric-revenue{--metric-accent:#2478ef}.metric-payments{--metric-accent:#19af75}.metric-sales{--metric-accent:#8a4edc}.metric-repairs{--metric-accent:#f18b24}.metric-stock{--metric-accent:#e8ad16}

.dashboard-insights-v38{display:grid;grid-template-columns:1.03fr 1.28fr 1.18fr 1.18fr;gap:12px}.dashboard-insight-card-v38{min-height:260px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);box-shadow:0 6px 20px rgba(18,42,78,.035);padding:0 15px 14px;overflow:hidden}.dashboard-insight-card-v38>header{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.dashboard-insight-card-v38 h2{margin:0;font-size:10.5px;letter-spacing:-.01em}.dashboard-insight-card-v38 header a{font-size:7.5px;color:#1769ed;text-decoration:none;font-weight:750}.dashboard-insight-card-v38 header a:hover{text-decoration:underline}.dashboard-empty-v38{min-height:178px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;color:var(--muted)}.dashboard-empty-v38 strong{font-size:10px;color:var(--ink)}.dashboard-empty-v38 small{font-size:8px}
.dashboard-activity-list-v38{display:grid}.dashboard-activity-row-v38{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.dashboard-activity-row-v38:last-child{border-bottom:0}.dashboard-activity-icon-v38{width:28px;height:28px;border-radius:9px;display:grid;place-items:center}.dashboard-activity-icon-v38 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.dashboard-activity-icon-v38.repair{color:#e48627;background:color-mix(in srgb,#ef902a 10%,var(--theme-panel))}.dashboard-activity-icon-v38.sale{color:#159c69;background:color-mix(in srgb,#1ab075 9%,var(--theme-panel))}.dashboard-activity-row-v38>span:nth-child(2){display:grid;min-width:0;gap:2px}.dashboard-activity-row-v38 strong{font-size:8.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-activity-row-v38 small{font-size:7.2px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-activity-row-v38 time{font-size:7.2px;color:var(--muted)}
.dashboard-shop-table-v38{display:grid}.dashboard-shop-head-v38,.dashboard-shop-row-v38{display:grid;grid-template-columns:minmax(120px,1.5fr) 1fr .75fr .9fr;align-items:center;gap:8px}.dashboard-shop-head-v38{min-height:33px;color:var(--muted);font-size:6.8px;border-bottom:1px solid var(--line)}.dashboard-shop-row-v38{min-height:37px;border-bottom:1px solid var(--line);font-size:7.8px;color:var(--ink);text-decoration:none}.dashboard-shop-row-v38:last-child{border-bottom:0}.dashboard-shop-row-v38>span:first-child{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-shop-row-v38 strong{font-size:7.8px}.shop-rank-v38{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--theme-soft);color:var(--muted);font-size:7px}.shop-rank-v38.rank-1{background:#f6b91c;color:white}.shop-rank-v38.rank-2{background:#95a2b5;color:white}.shop-rank-v38.rank-3{background:#d78731;color:white}
.repair-status-body-v38{min-height:202px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px}.repair-donut-wrap-v38{width:142px;height:142px;position:relative;margin:auto}.repair-donut-v38{width:142px;height:142px}.repair-donut-v38 svg{width:100%;height:100%}.repair-donut-center-v38{position:absolute;inset:0;display:grid;place-items:center;align-content:center;pointer-events:none}.repair-donut-center-v38 strong{font-size:19px}.repair-donut-center-v38 span{font-size:8px;color:var(--muted);margin-top:2px}.repair-status-legend-v38{display:grid;gap:10px}.repair-status-legend-v38>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:7.6px}.repair-status-legend-v38>div>span{display:flex;align-items:center;gap:7px;color:var(--muted)}.repair-status-legend-v38 strong{font-size:7.4px}.status-color-v38{width:8px;height:8px;border-radius:50%;display:inline-block}.status-color-v38.new{background:#1871f2}.status-color-v38.progress{background:#1ab378}.status-color-v38.ready{background:#f19a1b}.status-color-v38.completed{background:#7c4ed8}.status-color-v38.cancelled{background:#8090a5}
.dashboard-trend-chart-v38{height:190px!important;min-height:190px!important;padding:4px 0 0!important;background:transparent!important;border:0!important}.dashboard-trend-chart-v38 svg{height:190px!important;width:100%}.chart-line-total{fill:none;stroke:#1769ff;stroke-width:3}.chart-point-total{fill:var(--theme-panel);stroke:#1769ff;stroke-width:2}.trend-legend-v38{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:7.2px}.trend-legend-v38 i{width:20px;height:2px;background:#1769ff;position:relative}.trend-legend-v38 i:after{content:"";position:absolute;left:8px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--theme-panel);border:2px solid #1769ff}.dashboard-footnote-v38{text-align:center;color:var(--muted);font-size:7.5px;padding:18px 0 2px}

body[data-theme="dark"] .dashboard-filter-v38,body[data-theme="dark"] .dashboard-metric-v38,body[data-theme="dark"] .dashboard-insight-card-v38{background:linear-gradient(180deg,#07182c,#061426)!important;border-color:#183453!important;box-shadow:0 8px 24px rgba(0,0,0,.14)}body[data-theme="dark"] .dashboard-shop-art-v38:before{content:"";position:absolute;inset:12px 0 0 18%;background:radial-gradient(circle at 60% 50%,rgba(25,91,170,.16),transparent 55%);pointer-events:none}.dashboard-shop-art-v38{position:relative}.dashboard-shop-art-v38 svg{position:relative;z-index:1}body[data-theme="dark"] .metric-line-v38{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--metric-accent) 25%,transparent))}body[data-theme="dark"] .dashboard-trend-chart-v38 .grid-line{stroke:#17314e!important}body[data-theme="dark"] .dashboard-trend-chart-v38 .axis-label{fill:#7f91aa!important}body[data-theme="dark"] .chart-point-total{fill:#061426}

@media(max-width:1450px){.app-header-v28 .quick-entry-repair{display:none}.header-context-card{min-width:170px!important}.dashboard-insights-v38{grid-template-columns:1fr 1.25fr 1fr}.sales-trend-v38{grid-column:1/-1;min-height:270px}.dashboard-trend-chart-v38{height:205px!important}.dashboard-trend-chart-v38 svg{height:205px!important}}
@media(max-width:1180px){.header-context-card{display:none!important}.dashboard-hero-v38{grid-template-columns:1fr 480px}.dashboard-metrics-v38{grid-template-columns:repeat(3,1fr)}.dashboard-insights-v38{grid-template-columns:1fr 1fr}.sales-trend-v38{grid-column:auto}.dashboard-filter-v38{grid-template-columns:1fr 1fr auto auto}}
@media(max-width:900px){.app-header-v28 .app-header-main{height:66px!important;padding:0 12px!important}.network-header-brand{width:148px!important;height:44px!important}.app-header-v28 .quick-entry{display:none!important}.app-header-v28 .theme-switch{margin-left:auto}.app-header-v28 .app-nav{height:auto!important}.dashboard-v38{padding:0 12px 80px!important}.dashboard-hero-v38{grid-template-columns:1fr;min-height:auto;padding-top:18px}.dashboard-shop-art-v38{height:125px;justify-content:center}.dashboard-hero-copy-v38 h1{font-size:26px}.dashboard-filter-v38{grid-template-columns:1fr 1fr}.dashboard-filter-v38 .dashboard-apply-v38,.dashboard-filter-v38 .dashboard-report-v38{width:100%}.dashboard-filter-v38.custom-range{grid-template-columns:1fr 1fr}.dashboard-metrics-v38{grid-template-columns:1fr 1fr}.dashboard-insights-v38{grid-template-columns:1fr}.sales-trend-v38{grid-column:auto}.dashboard-insight-card-v38{min-height:auto}.dashboard-shop-table-v38{overflow:auto}.dashboard-shop-head-v38,.dashboard-shop-row-v38{min-width:560px}}
@media(max-width:620px){.app-header-v28 .theme-switch{display:none!important}.network-header-brand{width:132px!important}.dashboard-hero-copy-v38 p{align-items:flex-start;line-height:1.5}.dashboard-shop-art-v38{height:100px}.dashboard-filter-v38,.dashboard-filter-v38.custom-range{grid-template-columns:1fr}.dashboard-metrics-v38{grid-template-columns:1fr 1fr;gap:8px}.dashboard-metric-v38{min-height:98px;grid-template-columns:34px 1fr;padding:11px}.metric-icon-v38{width:32px;height:32px;border-radius:10px}.metric-icon-v38 svg{width:17px;height:17px}.dashboard-metric-v38 strong{font-size:17px}.metric-line-v38{display:none}.repair-status-body-v38{grid-template-columns:120px 1fr}.repair-donut-wrap-v38,.repair-donut-v38{width:112px;height:112px}.dashboard-insight-card-v38{padding-left:12px;padding-right:12px}}
@media(max-width:390px){.dashboard-metrics-v38{grid-template-columns:1fr}.dashboard-hero-copy-v38 h1{font-size:23px}.dashboard-shop-art-v38{display:none}.repair-status-body-v38{grid-template-columns:1fr}.repair-status-legend-v38{padding:0 8px 8px}}
@media(prefers-reduced-motion:reduce){.dashboard-metric-v38,.dashboard-activity-row-v38,.dashboard-shop-row-v38{transition:none!important}}
.app-header-v28 .user-pill-copy{display:grid!important;gap:2px;line-height:1.1}.app-header-v28 .user-pill-chevron{display:inline-block!important;line-height:1!important}
@media(max-width:820px){.app-header-v28 .user-pill-copy{display:none!important}.app-header-v28 .user-pill-chevron{display:none!important}}

/* ========================================================================== */
/* FixPro v3.8 — full-site MyTouch visual system                              */
/* ========================================================================== */
body.ui-v38{
  --v38-blue:#176fff;--v38-blue-2:#0b5ae8;--v38-cyan:#16b8d4;--v38-green:#17b978;
  --v38-violet:#7f5ce8;--v38-orange:#f18a2b;--v38-amber:#e6a313;--v38-red:#e45b66;
  --v38-radius:16px;--v38-radius-sm:11px;--v38-max:1600px;
  letter-spacing:-.008em;
}
body.ui-v38[data-theme="light"]{--v38-surface:#fff;--v38-surface-2:#f8fbff;--v38-surface-3:#f1f6fc;--v38-border:#dce6f2;--v38-shadow:0 14px 38px rgba(24,51,88,.075);--v38-shadow-soft:0 7px 22px rgba(24,51,88,.055)}
body.ui-v38[data-theme="dark"]{--v38-surface:#07172a;--v38-surface-2:#091d35;--v38-surface-3:#0c233f;--v38-border:#193957;--v38-shadow:0 18px 48px rgba(0,0,0,.27);--v38-shadow-soft:0 9px 28px rgba(0,0,0,.2)}
body.ui-v38 .main-topnav{min-height:calc(100vh - 132px);background:transparent}
body.ui-v38 .page,body.ui-v38 .ui-page-v38{width:min(var(--v38-max),calc(100% - 36px));margin:0 auto;padding:26px 0 72px}
body.ui-v38 .narrow-wide{max-width:1280px}
body.ui-v38 .page-brand-watermark{opacity:.018}
body.ui-v38[data-theme="dark"] .page-brand-watermark{opacity:.026;filter:saturate(.7)}

/* Global header — follows approved two-row MyTouch reference */
body.ui-v38 .app-header-v28{box-shadow:none!important;border-bottom:1px solid var(--v38-border)!important}
body.ui-v38 .app-header-main{height:78px!important;padding:0 clamp(18px,2.1vw,38px)!important;max-width:none!important;margin:0 auto;display:grid!important;grid-template-columns:minmax(170px,1fr) auto auto!important;gap:18px!important}
body.ui-v38 .network-brand-link{min-width:0!important;width:max-content}
body.ui-v38 .network-header-brand .shop-brand-mark{width:190px!important;max-width:20vw;height:55px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.ui-v38 .network-header-brand img{object-fit:contain!important;object-position:left center!important}
body.ui-v38 .v38-brand-caption{display:none!important}
body.ui-v38 .header-context-card{justify-self:end;min-height:50px;padding:7px 12px!important;border:1px solid var(--v38-border);border-radius:13px;background:var(--v38-surface);box-shadow:var(--v38-shadow-soft)}
body.ui-v38 .header-context-icon{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--v38-blue) 8%,var(--v38-surface-2));color:var(--v38-blue);display:grid;place-items:center}
body.ui-v38 .header-context-icon svg{width:18px;height:18px}
body.ui-v38 .context-kicker{font-size:8px!important;color:var(--muted);font-weight:750;text-transform:none;letter-spacing:0}
body.ui-v38 .header-context-text strong{font-size:13px}
body.ui-v38 .header-actions{gap:9px!important}
body.ui-v38 .quick-entry{min-height:44px;padding:0 17px;border-radius:11px!important;box-shadow:0 8px 19px rgba(23,111,255,.2)!important;font-size:12px!important}
body.ui-v38 .quick-entry-repair{background:linear-gradient(180deg,#1681ff,#0d64ef)!important}
body.ui-v38 .theme-switch{min-height:43px;border-radius:11px!important;box-shadow:none!important}
body.ui-v38 .theme-choice{min-height:35px;padding:0 10px!important;border-radius:8px!important}
body.ui-v38 .user-pill{min-height:44px!important;border-radius:12px!important;box-shadow:none!important}
body.ui-v38 .signout-button{min-height:44px;border-radius:11px!important}
body.ui-v38 .app-nav-v31{padding:0 clamp(18px,2.1vw,38px)!important;min-height:55px!important;border-top:1px solid color-mix(in srgb,var(--v38-border) 72%,transparent);background:color-mix(in srgb,var(--theme-header) 98%,transparent)!important}
body.ui-v38 .nav-scroller{max-width:none!important;gap:14px!important;min-height:55px;align-items:stretch}
body.ui-v38 .top-navlink{min-height:55px!important;padding:0 11px!important;border-radius:0!important;gap:8px!important;color:color-mix(in srgb,var(--ink) 69%,var(--muted))!important;font-size:11px!important;font-weight:720!important;position:relative}
body.ui-v38 .top-navlink .nav-icon{width:30px;height:30px;border-radius:9px;background:transparent!important;border:0!important}
body.ui-v38 .top-navlink .nav-icon svg{width:19px;height:19px}
body.ui-v38 .top-navlink.active{background:transparent!important;color:var(--v38-blue)!important;box-shadow:none!important}
body.ui-v38 .top-navlink.active:after,body.ui-v38 .nav-dropdown.active>summary:after{content:"";position:absolute;left:7px;right:7px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--v38-blue);box-shadow:0 -2px 10px rgba(23,111,255,.24)}
body.ui-v38 .top-navlink.active .nav-icon{background:color-mix(in srgb,var(--v38-blue) 10%,var(--v38-surface))!important}
body.ui-v38 .nav-dropdown-menu{top:52px!important;border-color:var(--v38-border)!important;border-radius:14px!important;background:var(--v38-surface)!important;box-shadow:0 18px 50px rgba(0,0,0,.16)!important;padding:8px!important}
body.ui-v38 .nav-dropdown-menu a{border-radius:10px!important}

/* Universal page heading */
body.ui-v38 .page-title-v38,body.ui-v38 .page-title{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 20px;padding:8px 2px 6px;overflow:visible}
body.ui-v38 .page-title-v38:after,body.ui-v38 .page-title:after{content:"";position:absolute;right:0;top:-18px;width:280px;height:105px;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--v38-blue) 8%,transparent),transparent 68%);opacity:.7}
body.ui-v38 .page-title h1{font-size:clamp(25px,2.2vw,34px)!important;line-height:1.05;margin:4px 0 7px!important;letter-spacing:-.035em}
body.ui-v38 .page-title p{font-size:12px!important;margin:0!important;max-width:760px;line-height:1.55}
body.ui-v38 .page-title .eyebrow,body.ui-v38 .eyebrow{font-size:9px!important;letter-spacing:.115em!important;color:var(--v38-blue)!important}
body.ui-v38 .page-title-actions-v38{display:flex;gap:8px;align-items:center;position:relative;z-index:2}

/* Buttons and fields — restrained, human-sized */
body.ui-v38 .btn{min-height:39px;border-radius:10px!important;padding:8px 13px!important;font-size:10px!important;font-weight:780!important;letter-spacing:-.01em;box-shadow:none;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}
body.ui-v38 .btn:hover{transform:translateY(-1px)}
body.ui-v38 .btn.primary{background:linear-gradient(180deg,#1980ff,#0c61e8)!important;border-color:#176eef!important;box-shadow:0 8px 18px rgba(23,111,255,.16)!important;color:#fff!important}
body.ui-v38 .btn.secondary{background:color-mix(in srgb,var(--v38-blue) 7%,var(--v38-surface))!important;border-color:color-mix(in srgb,var(--v38-blue) 24%,var(--v38-border))!important;color:color-mix(in srgb,var(--v38-blue) 82%,var(--ink))!important}
body.ui-v38 .btn.ghost{background:var(--v38-surface)!important;border-color:var(--v38-border)!important}
body.ui-v38 input,body.ui-v38 select,body.ui-v38 textarea{border:1px solid var(--theme-input-border)!important;background:var(--theme-input)!important;color:var(--ink)!important;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
body.ui-v38 input:focus,body.ui-v38 select:focus,body.ui-v38 textarea:focus{border-color:color-mix(in srgb,var(--v38-blue) 58%,var(--theme-input-border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--v38-blue) 10%,transparent)!important;outline:none!important}
body.ui-v38 label{color:color-mix(in srgb,var(--ink) 82%,var(--muted))}
body.ui-v38 .field-help,body.ui-v38 label small{color:var(--muted)}

/* Universal cards / filters / tables */
body.ui-v38 .panel,body.ui-v38 .filterbar,body.ui-v38 .table-wrap,body.ui-v38 .data-card-v38,body.ui-v38 .stats article{border:1px solid var(--v38-border)!important;background:var(--v38-surface)!important;border-radius:var(--v38-radius)!important;box-shadow:var(--v38-shadow-soft)!important}
body.ui-v38 .panel{padding:18px!important;margin-top:15px!important}
body.ui-v38 .filterbar-v38,body.ui-v38 .filterbar{padding:13px!important;gap:10px!important;border-radius:14px!important;margin-bottom:14px!important;align-items:end}
body.ui-v38 .filterbar label{font-size:9px!important;font-weight:780!important}
body.ui-v38 .filterbar input,body.ui-v38 .filterbar select{min-height:40px;margin-top:5px!important;padding:9px 10px!important}
body.ui-v38 .table-wrap{overflow:auto!important}
body.ui-v38 .table-wrap table{min-width:720px}
body.ui-v38 .table-wrap th{height:42px;padding:10px 13px!important;background:var(--v38-surface-2);font-size:8px!important;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);font-weight:850}
body.ui-v38 .table-wrap td{padding:12px 13px!important;font-size:9.5px!important;border-bottom:1px solid var(--v38-border)!important;vertical-align:middle}
body.ui-v38 .table-wrap tbody tr:last-child td{border-bottom:0!important}
body.ui-v38 .table-wrap tbody tr:hover{background:color-mix(in srgb,var(--v38-blue) 2.8%,var(--v38-surface))}
body.ui-v38 .section-title h2,body.ui-v38 .section-title h3{font-size:14px!important;letter-spacing:-.02em}

.data-card-v38{overflow:hidden}.data-card-head-v38{min-height:62px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--v38-border);background:linear-gradient(180deg,var(--v38-surface),color-mix(in srgb,var(--v38-surface-2) 60%,var(--v38-surface)))}.data-card-head-v38>div{display:grid;gap:3px}.data-card-head-v38 strong{font-size:12px}.data-card-head-v38 span{font-size:8.5px;color:var(--muted)}.count-badge-v38{padding:5px 8px;border:1px solid var(--v38-border);background:var(--v38-surface-2);border-radius:999px;font-size:8px!important;font-weight:800;color:var(--muted)!important;white-space:nowrap}

/* KPI cards used across business pages */
.page-kpis-v38{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.page-kpis-v38 article{min-height:92px;padding:14px 15px;display:flex;align-items:center;gap:12px;border:1px solid var(--v38-border);border-radius:15px;background:var(--v38-surface);box-shadow:var(--v38-shadow-soft)}.page-kpis-v38 article>div{display:grid;gap:2px;min-width:0}.page-kpis-v38 small{font-size:7.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:850}.page-kpis-v38 strong{font-size:20px;line-height:1.12;white-space:nowrap}.page-kpis-v38 article>div>span{font-size:7.8px;color:var(--muted)}.kpi-icon-v38{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;font-size:16px;font-weight:900}.kpi-icon-v38 svg{width:21px;height:21px}.kpi-icon-v38.blue{background:color-mix(in srgb,var(--v38-blue) 11%,var(--v38-surface));color:var(--v38-blue)}.kpi-icon-v38.green{background:color-mix(in srgb,var(--v38-green) 12%,var(--v38-surface));color:var(--v38-green)}.kpi-icon-v38.violet{background:color-mix(in srgb,var(--v38-violet) 12%,var(--v38-surface));color:var(--v38-violet)}.kpi-icon-v38.amber{background:color-mix(in srgb,var(--v38-amber) 13%,var(--v38-surface));color:var(--v38-amber)}.kpi-icon-v38.red{background:color-mix(in srgb,var(--v38-red) 11%,var(--v38-surface));color:var(--v38-red)}.compact-kpis-v38{grid-template-columns:repeat(3,minmax(0,260px));justify-content:start}

/* Forms */
.form-grid-v38{gap:12px!important}.form-grid-v38 label{font-size:9px!important}.form-grid-v38 input,.form-grid-v38 select,.form-grid-v38 textarea{min-height:40px!important;margin-top:5px!important;padding:9px 10px!important;font-size:10px!important}.form-actions-v38{display:flex;justify-content:flex-end;align-items:center;gap:8px}.panel-form-v38{padding:16px;margin:0!important;background:var(--v38-surface)}
.collapsible-card-v38{margin:0 0 14px!important}.collapsible-card-v38>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;background:var(--v38-surface)}.collapsible-card-v38>summary::-webkit-details-marker{display:none}.collapsible-card-v38>summary>div{display:flex;align-items:center;gap:10px}.collapsible-card-v38>summary>div>span:last-child{display:grid;gap:2px}.collapsible-card-v38>summary strong{font-size:11px}.collapsible-card-v38>summary small{font-size:8px;color:var(--muted)}.summary-icon-v38{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--v38-blue) 10%,var(--v38-surface));color:var(--v38-blue);font-weight:900}.summary-chevron-v38{color:var(--muted);transition:transform .15s}.collapsible-card-v38[open] .summary-chevron-v38{transform:rotate(180deg)}.collapsible-card-v38[open]>summary{border-bottom:1px solid var(--v38-border)}
.field-with-icon-v38{position:relative;display:block}.field-with-icon-v38>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);z-index:2;color:var(--muted);font-size:15px}.field-with-icon-v38 input{padding-left:34px!important}
.empty-state-v38{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;padding:24px;color:var(--muted)}.empty-state-v38>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--v38-surface-3);color:var(--v38-blue)}.empty-state-v38 svg{width:22px}.empty-state-v38 strong{font-size:12px;color:var(--ink)}.empty-state-v38 p{margin:0;font-size:9px}

/* Customers */
.customer-list-v38{display:grid}.customer-row-v38{display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(150px,.8fr) minmax(210px,1.15fr) 80px 120px auto;align-items:center;gap:14px;padding:12px 15px;border-bottom:1px solid var(--v38-border)}.customer-row-v38:last-child{border-bottom:0}.customer-row-v38:hover{background:color-mix(in srgb,var(--v38-blue) 2.7%,var(--v38-surface))}.customer-identity-v38{display:flex;align-items:center;gap:10px;min-width:0}.customer-avatar-v38{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--v38-blue) 11%,var(--v38-surface)),color-mix(in srgb,var(--v38-violet) 9%,var(--v38-surface)));border:1px solid var(--v38-border);color:var(--v38-blue);font-size:10px;font-weight:900}.customer-identity-v38>div,.customer-contact-v38,.customer-stat-v38{display:grid;gap:2px;min-width:0}.customer-row-v38 small{font-size:7.5px;color:var(--muted)}.customer-row-v38 strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-profile-grid-v38{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:14px;margin-bottom:14px}.customer-contact-card-v38 .form-grid{margin:0;padding:15px}.customer-summary-v38{display:grid;place-items:center;align-content:center;text-align:center;padding:22px}.customer-avatar-large-v38{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,var(--v38-blue),#654ff1);color:#fff;font-size:24px;font-weight:900;box-shadow:0 12px 25px rgba(23,111,255,.18)}.customer-summary-v38 h2{margin:10px 0 6px;font-size:19px}.summary-list-v38{display:grid;width:100%;margin:16px 0 0}.summary-list-v38 div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid var(--v38-border);font-size:8.5px}.summary-list-v38 dt{color:var(--muted)}.summary-list-v38 dd{margin:0;font-weight:780;text-align:right}.status-chip-v38{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 8px;border-radius:999px;border:1px solid currentColor;font-size:7.5px;font-weight:850}.status-chip-v38:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-ready{color:#178b64;background:color-mix(in srgb,#20b47c 8%,var(--v38-surface))}.status-cancelled{color:#c94c5a;background:color-mix(in srgb,#dc5663 8%,var(--v38-surface))}.history-list-v38{display:grid}.history-row-v38{display:grid;grid-template-columns:70px minmax(0,1fr) 100px 145px 24px;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--v38-border);text-decoration:none;color:var(--ink)}.history-row-v38:last-child{border-bottom:0}.history-row-v38:hover{background:color-mix(in srgb,var(--v38-blue) 3%,var(--v38-surface))}.history-kind-v38{justify-self:start;padding:5px 7px;border-radius:8px;font-size:7.5px;font-weight:850}.history-kind-v38.repair{background:color-mix(in srgb,var(--v38-orange) 11%,var(--v38-surface));color:var(--v38-orange)}.history-kind-v38.sale{background:color-mix(in srgb,var(--v38-violet) 11%,var(--v38-surface));color:var(--v38-violet)}.history-row-v38>div{display:grid;gap:2px}.history-row-v38 strong{font-size:9.5px}.history-row-v38 small{font-size:7.5px;color:var(--muted)}.history-arrow-v38{color:var(--v38-blue);font-weight:900}

/* Inventory */
.inventory-list-v38{display:grid}.inventory-row-v38{position:relative;display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(110px,.7fr) 100px 110px 90px auto;align-items:center;gap:14px;padding:12px 15px;border-bottom:1px solid var(--v38-border)}.inventory-row-v38:last-child{border-bottom:0}.inventory-row-v38:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--v38-green)}.inventory-row-v38.stock-low:before{background:var(--v38-amber)}.inventory-row-v38.stock-out:before{background:var(--v38-red)}.inventory-product-v38{display:flex;align-items:center;gap:10px;min-width:0}.inventory-icon-v38{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--v38-blue) 8%,var(--v38-surface));color:var(--v38-blue);font-size:8px;font-weight:900}.inventory-product-v38>div,.inventory-row-v38>div:not(.inventory-product-v38){display:grid;gap:2px;min-width:0}.inventory-row-v38 small{font-size:7.3px;color:var(--muted)}.inventory-row-v38 strong{font-size:9.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-number-v38{font-size:15px!important}.stock-state-v38{width:max-content;font-size:6.8px;padding:3px 5px;border-radius:999px}.stock-state-v38.ok{color:#168861;background:color-mix(in srgb,var(--v38-green) 10%,var(--v38-surface))}.stock-state-v38.low{color:#b47b0b;background:color-mix(in srgb,var(--v38-amber) 10%,var(--v38-surface))}.stock-state-v38.out{color:#c94a58;background:color-mix(in srgb,var(--v38-red) 9%,var(--v38-surface))}.stock-adjust-v38{position:relative}.stock-adjust-v38>summary{list-style:none}.stock-adjust-v38>summary::-webkit-details-marker{display:none}.stock-adjust-v38[open] form{display:grid}.stock-adjust-v38 form{position:absolute;right:0;top:43px;z-index:12;width:280px;padding:10px;display:none;gap:7px;border:1px solid var(--v38-border);border-radius:12px;background:var(--v38-surface);box-shadow:0 18px 45px rgba(0,0,0,.15)}.stock-adjust-v38 input{min-height:36px;padding:7px 9px!important;font-size:9px!important}

/* Team / expenses */
.team-list-v38{display:grid}.team-row-v38{display:grid;grid-template-columns:42px minmax(220px,1.4fr) 120px 105px auto;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--v38-border)}.team-row-v38:last-child{border-bottom:0}.team-name-v38{display:grid;gap:2px}.team-name-v38 strong{font-size:10px}.team-name-v38 small{font-size:8px;color:var(--muted)}.role-chip-v38{width:max-content;padding:5px 8px;border-radius:8px;background:var(--v38-surface-3);color:var(--muted);font-size:7.5px;font-weight:800}.role-technician{color:var(--v38-orange);background:color-mix(in srgb,var(--v38-orange) 9%,var(--v38-surface))}.role-manager{color:var(--v38-violet);background:color-mix(in srgb,var(--v38-violet) 9%,var(--v38-surface))}.team-actions-v38{justify-self:end}.simple-ledger-v38{display:grid}.simple-ledger-v38 article{display:grid;grid-template-columns:72px minmax(0,1fr) 120px;align-items:center;gap:14px;padding:12px 15px;border-bottom:1px solid var(--v38-border)}.simple-ledger-v38 article:last-child{border-bottom:0}.ledger-date-v38{font-size:8px;color:var(--muted);font-weight:800}.simple-ledger-v38 article>div{display:grid;gap:2px}.simple-ledger-v38 strong{font-size:10px}.simple-ledger-v38 small{font-size:8px;color:var(--muted)}.ledger-amount-v38{text-align:right;font-size:13px!important}.expense-entry-v38{display:grid!important;grid-template-columns:180px minmax(250px,1fr) 140px 150px auto}

/* Existing application pages inherit the new composition */
body.ui-v38 .analytics-page .stats,body.ui-v38 .catalog-admin-stats{gap:12px!important}
body.ui-v38 .analytics-page .stats article,body.ui-v38 .catalog-admin-stats article{min-height:92px;padding:14px 15px!important;border-radius:15px!important}
body.ui-v38 .analytics-grid>article,body.ui-v38 .smtp-layout .panel,body.ui-v38 .health-grid .panel,body.ui-v38 .model-manager-page .panel,body.ui-v38 .catalog-admin-page .panel{border-radius:15px!important;box-shadow:var(--v38-shadow-soft)!important}
body.ui-v38 .health-hero{border-radius:17px!important;box-shadow:var(--v38-shadow-soft)!important}
body.ui-v38 .smtp-status-pill{border-radius:13px!important}
body.ui-v38 .profile-layout .panel,body.ui-v38 .shop-profile-page-v38 .panel,body.ui-v38 .shop-edit-page-v38 .panel{border-radius:16px!important}
body.ui-v38 .portal-table td,body.ui-v38 .catalog-review-page td{vertical-align:middle}
body.ui-v38 .invite-banner{border-radius:15px!important;box-shadow:var(--v38-shadow-soft)!important}

/* Sales & Repairs */
body.ui-v38 .operations-ledger-page{width:min(var(--v38-max),calc(100% - 36px));padding:26px 0 72px!important}
body.ui-v38 .operations-head{margin-bottom:16px!important}
body.ui-v38 .operations-head h1{font-size:32px!important;letter-spacing:-.035em}
body.ui-v38 .operations-metrics{gap:12px!important}.operations-metric{border-radius:15px!important;background:var(--v38-surface)!important;border-color:var(--v38-border)!important;box-shadow:var(--v38-shadow-soft)!important;min-height:94px!important}.operations-filterbar{border-radius:15px!important;background:var(--v38-surface)!important;box-shadow:var(--v38-shadow-soft)!important}.operations-ledger{border-radius:16px!important;background:var(--v38-surface)!important;border-color:var(--v38-border)!important;box-shadow:var(--v38-shadow-soft)!important}.operations-ledger-head{background:var(--v38-surface-2)!important}.operations-record{background:var(--v38-surface)!important;border-color:var(--v38-border)!important}

/* Receipt / transaction workspace */
body.ui-v38 .transaction-workspace-page{width:min(var(--v38-max),calc(100% - 36px));padding:24px 0 72px!important}.transaction-snapshot,.workspace-panel,.invoice-workspace-v35{border-radius:15px!important;background:var(--v38-surface)!important;border-color:var(--v38-border)!important;box-shadow:var(--v38-shadow-soft)!important}.transaction-snapshot>div{background:transparent!important}.customer-read-grid,.invoice-lines-v35{border-color:var(--v38-border)!important;border-radius:12px!important;overflow:hidden}.invoice-line-v35{background:var(--v38-surface)!important;border-color:var(--v38-border)!important}.receipt-send-workspace input{min-height:40px!important}

/* New Entry */
body.ui-v38 .counter-page-v38{width:min(1760px,calc(100% - 24px));margin:0 auto;padding:18px 0 76px!important;gap:14px!important}.counter-page-v38 .entry-panel,.counter-page-v38 .device-panel{border-radius:18px!important;background:var(--v38-surface)!important;border-color:var(--v38-border)!important;box-shadow:var(--v38-shadow-soft)!important}.counter-page-v38 .device-panel{top:151px!important}.counter-page-v38 .counter-entry-card,.counter-page-v38 .device-catalog-v25{background:transparent!important;box-shadow:none!important;border:0!important}.counter-page-v38 .manual-item-card-v32,.counter-page-v38 .intake-checklist-card,.counter-page-v38 .counter-tax-summary{border-radius:13px!important}.counter-page-v38 .device-card-v25{border-radius:13px!important}.counter-page-v38 .device-card-v25.selected{box-shadow:0 0 0 1px var(--v38-blue),0 10px 24px rgba(23,111,255,.1)!important}

/* Repair option board + screen protector grouping */
body.ui-v38 .option-group{border-radius:14px!important}.service-shortcut{min-height:64px!important;border-radius:12px!important}.service-glyph.group-protector{color:#476eff!important;background:color-mix(in srgb,#6d73ff 10%,var(--v38-surface))!important}.protector-service-group{border-color:color-mix(in srgb,#6d73ff 26%,var(--v38-border))!important;background:linear-gradient(180deg,color-mix(in srgb,#6d73ff 4%,var(--v38-surface)),var(--v38-surface))!important}.protector-service-group .option-group-title>div>strong{color:color-mix(in srgb,#6d73ff 82%,var(--ink))}.protector-service-grid .service-shortcut{border-color:color-mix(in srgb,#6d73ff 20%,var(--v38-border))!important}

/* Dark theme detail */
body.ui-v38[data-theme="dark"] .app-header-v28,body.ui-v38[data-theme="dark"] .app-nav-v31{background:rgba(2,11,25,.96)!important}
body.ui-v38[data-theme="dark"] .page-title-v38:after{background:radial-gradient(ellipse at center,rgba(27,113,255,.14),transparent 68%)}
body.ui-v38[data-theme="dark"] .data-card-head-v38{background:linear-gradient(180deg,#091c33,#07182d)}
body.ui-v38[data-theme="dark"] .operations-ledger-head,body.ui-v38[data-theme="dark"] .table-wrap th{background:#091d35!important}
body.ui-v38[data-theme="dark"] .btn.ghost{background:#081a30!important}
body.ui-v38[data-theme="dark"] .stock-adjust-v38 form{background:#081a30}

/* Responsive full-site behavior */
@media(max-width:1250px){
 body.ui-v38 .app-header-main{grid-template-columns:minmax(160px,1fr) auto!important}.header-context-card{display:none!important}.network-header-brand .shop-brand-mark{max-width:170px!important}.page-kpis-v38{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-row-v38{grid-template-columns:minmax(210px,1.4fr) 140px minmax(190px,1fr) 70px auto}.customer-row-v38 .customer-stat-v38:nth-of-type(4){display:none}.inventory-row-v38{grid-template-columns:minmax(220px,1.4fr) 110px 90px 100px auto}.inventory-row-v38>div:nth-of-type(5){display:none}.expense-entry-v38{grid-template-columns:160px minmax(220px,1fr) 130px 145px auto!important}
}
@media(max-width:980px){
 body.ui-v38 .page,body.ui-v38 .ui-page-v38{width:min(100% - 24px,var(--v38-max));padding-top:18px}.page-title-v38,.page-title{align-items:flex-start!important}.page-title-v38:after,.page-title:after{display:none}.customer-profile-grid-v38{grid-template-columns:1fr}.customer-summary-v38{grid-template-columns:auto 1fr;place-items:start;text-align:left}.customer-summary-v38 .summary-list-v38{grid-column:1/-1}.customer-row-v38{grid-template-columns:minmax(200px,1.2fr) minmax(160px,1fr) 70px auto}.customer-row-v38 .customer-contact-v38:nth-of-type(3){display:none}.inventory-row-v38{grid-template-columns:minmax(210px,1.5fr) 110px 100px auto}.inventory-row-v38>div:nth-of-type(3){display:none}.team-row-v38{grid-template-columns:42px minmax(190px,1fr) 100px auto}.team-row-v38>.status-chip-v38{display:none}.expense-entry-v38{grid-template-columns:1fr 1fr!important}.expense-entry-v38 .grow{grid-column:1/-1}.expense-entry-v38 .btn{width:100%}.app-header-main{grid-template-columns:1fr auto!important}.quick-entry-repair{display:none!important}
}
@media(max-width:760px){
 body.ui-v38 .app-header-main{height:66px!important;padding:0 12px!important}.network-header-brand .shop-brand-mark{width:135px!important;height:42px!important}.header-actions{gap:5px!important}.header-actions .quick-entry-new,.header-actions .theme-switch,.header-actions .user-pill,.header-actions .signout-form{display:none!important}.mobile-nav-toggle{display:flex!important}.app-nav-v31{padding:0 8px!important}.nav-scroller{gap:5px!important}.page-kpis-v38,.compact-kpis-v38{grid-template-columns:1fr 1fr!important}.page-kpis-v38 article{min-height:82px;padding:11px}.page-kpis-v38 strong{font-size:17px}.kpi-icon-v38{width:36px;height:36px;flex-basis:36px}.customer-row-v38{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px}.customer-row-v38 .customer-contact-v38,.customer-row-v38 .customer-stat-v38{grid-column:1}.customer-row-v38 .customer-contact-v38:nth-of-type(3){display:grid}.customer-row-v38>a{grid-column:2;grid-row:1/4;align-self:center}.history-row-v38{grid-template-columns:58px minmax(0,1fr) 80px 20px}.history-row-v38>small{display:none}.inventory-row-v38{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px}.inventory-row-v38>div:not(.inventory-product-v38){display:none}.inventory-row-v38 .inventory-product-v38{grid-column:1}.stock-adjust-v38{grid-column:2}.inventory-product-v38:after{content:"Stock " attr(data-stock);display:none}.stock-adjust-v38 form{position:fixed;left:12px;right:12px;bottom:78px;top:auto;width:auto}.team-row-v38{grid-template-columns:38px minmax(0,1fr) auto}.team-row-v38 .role-chip-v38{grid-column:2}.team-actions-v38{grid-column:3;grid-row:1/3}.simple-ledger-v38 article{grid-template-columns:54px minmax(0,1fr) 90px}.expense-entry-v38{grid-template-columns:1fr!important}.expense-entry-v38 .grow{grid-column:auto}.form-grid-v38,.panel-form-v38{grid-template-columns:1fr!important}.form-grid-v38 .span-2,.panel-form-v38 .span-2{grid-column:auto!important}.page-title-actions-v38{width:100%;flex-wrap:wrap}.page-title-actions-v38 .btn{flex:1;text-align:center}.page-title-v38,.page-title{display:grid!important;gap:10px!important}.transaction-workspace-page,.operations-ledger-page{width:calc(100% - 20px)!important}.counter-page-v38{width:calc(100% - 12px)!important}
}
@media(max-width:480px){.page-kpis-v38,.compact-kpis-v38{grid-template-columns:1fr!important}.customer-row-v38 .customer-contact-v38:nth-of-type(3){display:none}.simple-ledger-v38 article{grid-template-columns:48px minmax(0,1fr);}.ledger-amount-v38{grid-column:2;text-align:left}.data-card-head-v38{align-items:flex-start}.count-badge-v38{display:none}.customer-summary-v38{display:grid;grid-template-columns:1fr;place-items:center;text-align:center}.customer-summary-v38 .summary-list-v38{grid-column:auto}.history-row-v38{grid-template-columns:54px minmax(0,1fr) 20px}.history-row-v38>strong:nth-of-type(2){display:none}}
body.ui-v38-login .login-stage{max-width:1180px!important;gap:26px!important}
body.ui-v38-login .login-brand-panel,body.ui-v38-login .login-card{border-radius:20px!important}
body.ui-v38-login .login-card{box-shadow:0 20px 60px rgba(5,25,55,.16)!important}
body.ui-v38-login .login-card input{min-height:44px;border-radius:10px!important}
body.ui-v38-login .btn{min-height:43px;border-radius:10px!important}
/* v3.8 settings / admin pages */
.form-section-break-v38{display:flex;align-items:center;gap:10px;margin:4px 0 2px;padding:10px 0;border-bottom:1px solid var(--v38-border)}.form-section-break-v38>div{display:grid;gap:2px}.form-section-break-v38 strong{font-size:11px}.form-section-break-v38 small{font-size:8px;color:var(--muted)}.form-section-icon-v38{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--v38-blue) 9%,var(--v38-surface));color:var(--v38-blue);font-size:7px;font-weight:900}
.profile-grid-v38{margin-top:0!important}.profile-grid-v38>label{padding:0 2px}.profile-grid-v38 .gst-card{grid-column:1/-1;border-radius:13px!important;background:var(--v38-surface-2)!important;border-color:var(--v38-border)!important}.profile-grid-v38 .branding-settings{border-radius:14px!important;background:var(--v38-surface-2)!important;border-color:var(--v38-border)!important;box-shadow:none!important}.branding-mode-grid{gap:9px!important}.branding-choice{border-radius:12px!important}.brand-preview-card{border-radius:12px!important}
.shops-page-v38 .portal-table{margin-top:14px}.shops-page-v38 details.panel{padding:0!important;overflow:hidden}.shops-page-v38 details.panel>summary{padding:15px 17px;cursor:pointer;list-style:none}.shops-page-v38 details.panel>summary::-webkit-details-marker{display:none}.shops-page-v38 details.panel[open]>summary{border-bottom:1px solid var(--v38-border)}.shops-page-v38 details.panel>form{padding:17px}.portal-shop-brand-cell{align-items:center!important}.portal-owner-card{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center;gap:12px}
.smtp-page-v38 .smtp-layout{gap:14px!important}.smtp-page-v38 .smtp-config-card{padding:19px!important}.smtp-page-v38 .smtp-side-stack{gap:14px!important}.smtp-page-v38 .smtp-card-icon{width:42px!important;height:42px!important;border-radius:13px!important}.smtp-page-v38 .smtp-last-test{border-radius:11px!important}.smtp-help-list>div{padding:9px 0!important}.smtp-actions{border-top:1px solid var(--v38-border);padding-top:14px!important}
.health-page-v38 .health-grid{gap:14px!important}.health-page-v38 .health-hero{margin-top:0!important}.health-page-v38 .health-list>div{padding:9px 0!important}.health-page-v38 .terminal-check code{display:block;padding:10px 12px;border-radius:10px;background:var(--v38-surface-3);border:1px solid var(--v38-border);overflow:auto}
.catalog-page-v38 .catalog-admin-stats article{box-shadow:var(--v38-shadow-soft)!important}.catalog-page-v38 .catalog-discovery{margin-top:14px!important}.catalog-page-v38 .catalog-admin-layout{gap:14px!important}.catalog-page-v38 .catalog-add-panel{top:150px!important}.catalog-page-v38 .model-control-card{border-radius:14px!important;box-shadow:var(--v38-shadow-soft)!important}.model-page-v38 .model-hero,.model-page-v38 .model-config-card,.model-page-v38 .model-options-panel,.model-page-v38 .model-parts-panel{border-radius:15px!important}.catalog-review-v38 .table-wrap{margin-top:14px}
.reports-page-v38 .analytics-filters{margin-top:0}.reports-page-v38 .stats-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.reports-page-v38 .analytics-grid{gap:14px!important}.reports-page-v38 .chart-panel,.reports-page-v38 .payment-panel{min-height:320px}.reports-page-v38 .analytics-table{box-shadow:none!important}
.profile-page-v38 .profile-layout{gap:14px!important}.profile-page-v38 .profile-card,.profile-page-v38 .appearance-card{margin-top:0!important}.profile-page-v38 .appearance-option{border-radius:13px!important}
@media(max-width:900px){.reports-page-v38 .stats-5{grid-template-columns:repeat(2,1fr)}.portal-owner-card{grid-template-columns:1fr!important}.portal-owner-card form .btn{width:100%}.smtp-page-v38 .smtp-layout{grid-template-columns:1fr!important}}
@media(max-width:560px){.reports-page-v38 .stats-5{grid-template-columns:1fr}.profile-grid-v38 .form-section-break-v38{grid-column:auto}.form-section-break-v38.span-2{grid-column:auto!important}}
.repair-option-tabs-v38{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 11px}.repair-option-tabs-v38 button{min-height:58px;padding:8px 10px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;border:1px solid var(--v38-border);border-radius:12px;background:var(--v38-surface);color:var(--ink)}.repair-option-tabs-v38 button>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--v38-surface-3);color:var(--v38-blue);font-size:14px}.repair-option-tabs-v38 button>b{font-size:8px;line-height:1.25}.repair-option-tabs-v38 button>small{font-size:7px;color:var(--muted);font-weight:800}.repair-option-tabs-v38 button.active{border-color:color-mix(in srgb,var(--v38-blue) 72%,var(--v38-border));background:color-mix(in srgb,var(--v38-blue) 5%,var(--v38-surface));box-shadow:0 5px 14px rgba(23,111,255,.08)}.repair-option-tabs-v38 button.active>span{background:linear-gradient(145deg,#2b86ff,#1165ec);color:#fff}.repair-option-tabs-v38 button[data-option-filter="protector"]>span{color:#6b5ee8}.repair-option-tabs-v38 button[data-option-filter="stock"]>span{color:var(--v38-amber)}
@media(max-width:1150px){.repair-option-tabs-v38{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.repair-option-tabs-v38{display:flex;overflow-x:auto;padding-bottom:4px}.repair-option-tabs-v38 button{min-width:165px}}

/* ========================================================================== */
/* FixPro v3.9 — readable, hand-finished MyTouch workspace                    */
/* ========================================================================== */
body.ui-v39{
  --v39-blue:#0f6fff;
  --v39-blue-2:#075ce6;
  --v39-ink:#10213b;
  --v39-muted:#66758d;
  --v39-border:#d9e4f1;
  --v39-radius:18px;
  --v39-shadow:0 12px 34px rgba(27,55,92,.075);
  font-size:15px;
  letter-spacing:-.005em;
}
body.ui-v39[data-theme="dark"]{
  --v39-ink:#edf5ff;
  --v39-muted:#9bacc4;
  --v39-border:#1d3b59;
  --v39-shadow:0 14px 38px rgba(0,0,0,.25);
}
body.ui-v39 .main-topnav{min-height:calc(100vh - 144px)}
body.ui-v39 .page,body.ui-v39 .ui-page-v38{width:min(1680px,calc(100% - 44px));padding:34px 0 84px}
body.ui-v39 .eyebrow{font-size:11px!important;line-height:1.2!important;letter-spacing:.12em!important;font-weight:900!important}
body.ui-v39 .muted{font-size:12px}

/* Header and navigation */
body.ui-v39 .app-header-main{height:88px!important;padding:0 clamp(24px,2.4vw,46px)!important;gap:16px!important}
body.ui-v39 .network-header-brand .shop-brand-mark{width:205px!important;max-width:22vw!important;height:60px!important}
body.ui-v39 .header-context-card{min-width:205px!important;min-height:54px!important;padding:8px 13px!important;border-radius:14px!important}
body.ui-v39 .context-kicker{font-size:10px!important}
body.ui-v39 .header-context-text strong{font-size:14px!important}
body.ui-v39 .quick-entry{min-height:48px!important;padding:0 19px!important;border-radius:12px!important;font-size:13px!important;font-weight:800!important}
body.ui-v39 .theme-switch{min-height:47px!important}
body.ui-v39 .theme-choice{min-height:39px!important;font-size:11px!important}
body.ui-v39 .user-pill{min-height:48px!important}
body.ui-v39 .user-pill strong{font-size:13px!important}
body.ui-v39 .user-pill small{font-size:10px!important}
body.ui-v39 .signout-button{min-height:46px!important;font-size:12px!important}
body.ui-v39 .app-nav-v31{min-height:62px!important;padding:0 clamp(24px,2.4vw,46px)!important}
body.ui-v39 .nav-scroller{min-height:62px!important;gap:20px!important}
body.ui-v39 .top-navlink{min-height:62px!important;font-size:13px!important;font-weight:760!important;padding:0 12px!important;gap:9px!important}
body.ui-v39 .top-navlink .nav-icon{width:32px!important;height:32px!important}
body.ui-v39 .top-navlink .nav-icon svg{width:20px!important;height:20px!important}
body.ui-v39 .nav-dropdown-menu a strong{font-size:12px!important}
body.ui-v39 .nav-dropdown-menu a small{font-size:10px!important}

/* Universal typography, cards, controls */
body.ui-v39 .page-title,body.ui-v39 .page-title-v38{margin-bottom:24px!important;padding-top:4px!important}
body.ui-v39 .page-title h1{font-size:clamp(31px,2.35vw,42px)!important;line-height:1.03!important;margin:7px 0 8px!important}
body.ui-v39 .page-title p{font-size:14px!important;line-height:1.55!important;color:var(--v39-muted)!important}
body.ui-v39 .btn{min-height:43px!important;padding:9px 15px!important;border-radius:11px!important;font-size:12.5px!important;font-weight:800!important}
body.ui-v39 .btn.small{min-height:36px!important;font-size:11.5px!important;padding:7px 12px!important}
body.ui-v39 label{font-size:12px!important;font-weight:760!important;line-height:1.35!important}
body.ui-v39 input,body.ui-v39 select,body.ui-v39 textarea{font-size:14px!important;min-height:46px!important;padding:10px 12px!important;border-radius:11px!important}
body.ui-v39 textarea{line-height:1.5!important}
body.ui-v39 .panel,body.ui-v39 .filterbar,body.ui-v39 .table-wrap,body.ui-v39 .data-card-v38{border-radius:var(--v39-radius)!important;box-shadow:var(--v39-shadow)!important}
body.ui-v39 .data-card-head-v38{min-height:72px!important;padding:16px 19px!important}
body.ui-v39 .data-card-head-v38 strong{font-size:15px!important}
body.ui-v39 .data-card-head-v38 span{font-size:11px!important;line-height:1.45!important}
body.ui-v39 .count-badge-v38{font-size:10px!important;padding:6px 9px!important}
body.ui-v39 .form-grid-v38 label{font-size:12px!important}
body.ui-v39 .form-grid-v38 input,body.ui-v39 .form-grid-v38 select,body.ui-v39 .form-grid-v38 textarea{font-size:14px!important;min-height:46px!important;padding:10px 12px!important}
body.ui-v39 .empty-state-v38 strong{font-size:15px!important}
body.ui-v39 .empty-state-v38 p{font-size:12px!important}

/* Shared KPI cards */
body.ui-v39 .page-kpis-v38{gap:16px!important;margin-bottom:18px!important}
body.ui-v39 .page-kpis-v38 article{min-height:118px!important;padding:18px 20px!important;border-radius:17px!important;gap:15px!important}
body.ui-v39 .kpi-icon-v38{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:15px!important;font-size:20px!important}
body.ui-v39 .kpi-icon-v38 svg{width:25px!important;height:25px!important}
body.ui-v39 .page-kpis-v38 small{font-size:10px!important;letter-spacing:.08em!important}
body.ui-v39 .page-kpis-v38 strong{font-size:25px!important}
body.ui-v39 .page-kpis-v38 article>div>span{font-size:11px!important;line-height:1.4!important}

/* Dashboard readability */
body.ui-v39 .dashboard-v38{padding:0 30px 30px!important}
body.ui-v39 .dashboard-hero-v38{min-height:194px!important;padding-top:28px!important}
body.ui-v39 .dashboard-hero-copy-v38 .eyebrow{font-size:11px!important}
body.ui-v39 .dashboard-hero-copy-v38 h1{font-size:38px!important}
body.ui-v39 .dashboard-hero-copy-v38 p{font-size:13px!important;line-height:1.5!important}
body.ui-v39 .dashboard-filter-v38{padding:17px 20px!important;border-radius:16px!important}
body.ui-v39 .dashboard-filter-field-v38>span:first-child,body.ui-v39 .dashboard-filter-date-v38>span:first-child{font-size:11px!important}
body.ui-v39 .dashboard-filter-control-v38 select{font-size:13px!important}
body.ui-v39 .dashboard-metrics-v38{gap:15px!important;margin-bottom:15px!important}
body.ui-v39 .dashboard-metric-v38{min-height:126px!important;padding:17px 18px!important;grid-template-columns:50px 1fr!important;gap:14px!important;border-radius:16px!important}
body.ui-v39 .metric-icon-v38{width:48px!important;height:48px!important;border-radius:15px!important}
body.ui-v39 .dashboard-metric-v38 small{font-size:9.5px!important}
body.ui-v39 .dashboard-metric-v38 strong{font-size:25px!important}
body.ui-v39 .dashboard-metric-v38 em{font-size:10.5px!important}
body.ui-v39 .dashboard-insights-v38{gap:15px!important}
body.ui-v39 .dashboard-insight-card-v38{min-height:294px!important;border-radius:16px!important;padding:0 18px 18px!important}
body.ui-v39 .dashboard-insight-card-v38>header{min-height:58px!important}
body.ui-v39 .dashboard-insight-card-v38 h2{font-size:14px!important}
body.ui-v39 .dashboard-insight-card-v38 header a{font-size:10.5px!important}
body.ui-v39 .dashboard-activity-row-v38 strong,body.ui-v39 .dashboard-shop-row-v38 strong{font-size:11.5px!important}
body.ui-v39 .dashboard-activity-row-v38 small,body.ui-v39 .dashboard-shop-row-v38 small{font-size:10px!important}
body.ui-v39 .repair-status-legend-v38 li{font-size:10.5px!important}
body.ui-v39 .sales-chart-axis-v38,body.ui-v39 .sales-chart-labels-v38{font-size:9.5px!important}

/* New Entry — approved split counter + device browser reference */
body.ui-v39 .counter-page-v39{width:min(1780px,calc(100% - 34px))!important;grid-template-columns:minmax(540px,48%) minmax(620px,52%)!important;gap:20px!important;padding:24px 0 86px!important}
body.ui-v39 .counter-page-v39 .entry-panel,body.ui-v39 .counter-page-v39 .device-panel{padding:24px!important;border-radius:20px!important;box-shadow:var(--v39-shadow)!important}
body.ui-v39 .counter-page-v39 .device-panel{top:166px!important;max-height:calc(100vh - 188px)!important;display:flex;flex-direction:column;overflow:auto!important}
body.ui-v39 .counter-form-head-v39{margin-bottom:18px!important;align-items:flex-start!important}
body.ui-v39 .counter-form-head-v39 h1{font-size:32px!important;line-height:1.05!important;margin:7px 0 7px!important;letter-spacing:-.035em!important}
body.ui-v39 .counter-form-head-v39 p{font-size:13px!important;line-height:1.5!important;max-width:620px}
body.ui-v39 .counter-mode-pill{min-width:138px!important;min-height:58px!important;padding:10px 13px!important;border-radius:14px!important;display:grid!important;grid-template-columns:12px 1fr!important;align-items:center!important;column-gap:8px!important}
body.ui-v39 .counter-mode-pill>span{width:10px!important;height:10px!important;border-radius:50%!important;background:#18ba79!important;box-shadow:0 0 0 6px rgba(24,186,121,.10)!important}
body.ui-v39 .counter-mode-pill strong{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
body.ui-v39 .counter-mode-pill small{font-size:10px!important;line-height:1.3!important}
body.ui-v39 .form-section-label{margin-top:15px!important;padding:15px 0 10px!important;gap:11px!important}
body.ui-v39 .form-section-label>span{width:34px!important;height:34px!important;border-radius:10px!important;font-size:11px!important}
body.ui-v39 .form-section-label strong{font-size:14px!important}
body.ui-v39 .form-section-label small{font-size:10.5px!important}
body.ui-v39 .return-customer-box{padding:12px 14px!important;border-radius:13px!important;margin:6px 0 12px!important}
body.ui-v39 .return-customer-box strong{font-size:12px!important}
body.ui-v39 .return-customer-box small{font-size:10.5px!important;line-height:1.45!important}
body.ui-v39 .counter-page-v39 .form-grid{gap:13px!important;margin-top:12px!important}
body.ui-v39 .counter-page-v39 .form-grid label{font-size:12px!important}
body.ui-v39 .counter-page-v39 .form-grid input,body.ui-v39 .counter-page-v39 .form-grid select,body.ui-v39 .counter-page-v39 .form-grid textarea{min-height:48px!important;font-size:14px!important;padding:11px 13px!important}
body.ui-v39 .invoice-workbench{margin-top:20px!important;border-top:1px solid var(--v39-border);padding-top:18px!important}
body.ui-v39 .invoice-workbench-title strong{font-size:17px!important}
body.ui-v39 .invoice-workbench-title small{font-size:10.5px!important}
body.ui-v39 .manual-item-card-v32{padding:15px!important;border-radius:15px!important}
body.ui-v39 .manual-item-title strong{font-size:13px!important}
body.ui-v39 .manual-item-title small{font-size:10px!important}
body.ui-v39 .manual-item-composer-v32 label{font-size:10.5px!important}
body.ui-v39 .manual-item-composer-v32 input,body.ui-v39 .manual-item-composer-v32 select{font-size:13px!important;min-height:45px!important}
body.ui-v39 .selected-lines-title h2{font-size:17px!important}
body.ui-v39 .selected-lines-title small{font-size:11px!important}
body.ui-v39 .part-line{font-size:12px!important}
body.ui-v39 .counter-tax-summary{font-size:12px!important}
body.ui-v39 .counter-tax-summary .grand strong{font-size:20px!important}
body.ui-v39 .counter-actions-v31{gap:10px!important;padding-top:18px!important}

/* Re-order right catalogue to match approved reference */
body.ui-v39 .device-catalog-v39>.catalog-head{order:1}
body.ui-v39 .device-catalog-v39>.type-tabs{order:2}
body.ui-v39 .device-catalog-v39>.catalog-filter-block:not(.series-filter-block){order:3}
body.ui-v39 .device-catalog-v39>.series-filter-block{order:4}
body.ui-v39 .device-catalog-v39>.device-finder-strip{order:5}
body.ui-v39 .device-catalog-v39>.device-grid{order:6}
body.ui-v39 .device-catalog-v39>.catalog-empty{order:7}
body.ui-v39 .device-catalog-v39>.selection-box{order:8}
body.ui-v39 .device-catalog-v39>.repair-options-panel{order:9}
body.ui-v39 .catalog-head-v31{align-items:flex-start!important;margin-bottom:18px!important}
body.ui-v39 .catalog-head-v31 h2{font-size:31px!important;line-height:1.06!important;margin:7px 0!important;letter-spacing:-.035em!important}
body.ui-v39 .catalog-head-v31 p{font-size:13px!important;line-height:1.5!important;max-width:650px}
body.ui-v39 .catalog-head-actions{gap:9px!important}
body.ui-v39 .catalog-stat{min-width:104px!important;min-height:72px!important;border-radius:15px!important;padding:12px!important}
body.ui-v39 .catalog-stat strong{font-size:23px!important}
body.ui-v39 .catalog-stat span{font-size:9px!important}
body.ui-v39 .catalog-stock-button,body.ui-v39 .catalog-add-device{min-height:72px!important;border-radius:14px!important;padding:10px 12px!important}
body.ui-v39 .catalog-stock-button strong,body.ui-v39 .catalog-add-device strong{font-size:11px!important}
body.ui-v39 .catalog-stock-button small,body.ui-v39 .catalog-add-device small{font-size:9px!important}
body.ui-v39 .type-tabs-v31{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:2px 0 18px!important}
body.ui-v39 .type-tabs-v31 button{min-height:62px!important;border-radius:13px!important;padding:9px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:12px!important}
body.ui-v39 .type-tabs-v31 button span>small{font-size:9px!important;margin-top:2px!important}
body.ui-v39 .catalog-filter-compact{margin-bottom:13px!important}
body.ui-v39 .filter-label-row{margin-bottom:8px!important}
body.ui-v39 .filter-label-row strong{font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.ui-v39 .filter-label-row span{font-size:9.5px!important}
body.ui-v39 .brand-tabs-v25{gap:7px!important;margin:0!important}
body.ui-v39 .brand-tabs-v25 button{min-height:38px!important;border-radius:10px!important;padding:6px 10px!important;font-size:10.5px!important}
body.ui-v39 .brand-dot{width:23px!important;height:23px!important;font-size:9px!important}
body.ui-v39 .series-tabs{gap:7px!important}
body.ui-v39 .series-tabs button{min-height:35px!important;padding:6px 10px!important;font-size:10px!important;border-radius:9px!important}
body.ui-v39 .device-finder-strip{display:grid!important;grid-template-columns:minmax(0,1fr) 135px 145px!important;gap:9px!important;margin:8px 0 15px!important}
body.ui-v39 .catalog-search-v31 input{min-height:48px!important;font-size:13px!important}
body.ui-v39 .device-finder-strip select{min-height:48px!important;font-size:12px!important}
body.ui-v39 .device-grid-v31{grid-template-columns:repeat(4,minmax(145px,1fr))!important;gap:12px!important}
body.ui-v39 .device-card-v25{min-height:205px!important;padding:13px!important;border-radius:15px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--v39-blue) 3%,var(--v38-surface)),var(--v38-surface))!important}
body.ui-v39 .device-visual{height:112px!important;border-radius:13px!important;background:color-mix(in srgb,#6fa7e8 10%,var(--v38-surface-2))!important}
body.ui-v39 .device-card-copy strong{font-size:13px!important;line-height:1.25!important;margin-top:7px!important}
body.ui-v39 .device-card-copy small{font-size:10px!important}
body.ui-v39 .device-select-text{font-size:10.5px!important;margin-top:7px!important}
body.ui-v39 .selection-box-v31{margin-top:14px!important;font-size:12px!important}
body.ui-v39 .repair-options-v31 .section-title h3{font-size:17px!important}
body.ui-v39 .repair-options-v31 .section-title small{font-size:11px!important}
body.ui-v39 .service-shortcut{min-height:74px!important}
body.ui-v39 .service-shortcut strong{font-size:12px!important}
body.ui-v39 .service-shortcut small{font-size:9.5px!important}

/* Sales & Repairs — readable operations table */
body.ui-v39 .operations-ledger-page{width:min(1680px,calc(100% - 44px))!important;padding:34px 0 84px!important}
body.ui-v39 .operations-head{margin-bottom:22px!important}
body.ui-v39 .operations-head h1{font-size:38px!important;margin:7px 0 6px!important}
body.ui-v39 .operations-head p{font-size:13px!important}
body.ui-v39 .operations-metrics{gap:15px!important;margin-bottom:16px!important}
body.ui-v39 .operations-metric{min-height:116px!important;padding:19px 20px 17px!important;border-radius:17px!important}
body.ui-v39 .operations-metric span{font-size:9.5px!important}
body.ui-v39 .operations-metric strong{font-size:27px!important;margin-top:2px!important}
body.ui-v39 .operations-metric small{font-size:10.5px!important}
body.ui-v39 .operations-filterbar{grid-template-columns:165px minmax(300px,1.7fr) 115px 140px 130px 140px auto auto!important;gap:10px!important;padding:15px!important;border-radius:16px!important;margin-bottom:16px!important}
body.ui-v39 .operations-filterbar:not(:has(.filter-field:first-child select[name="shop_id"])){grid-template-columns:minmax(300px,1.7fr) 115px 140px 130px 140px auto auto!important}
body.ui-v39 .filter-field{font-size:10.5px!important;gap:6px!important}
body.ui-v39 .filter-field input,body.ui-v39 .filter-field select{height:44px!important;font-size:12px!important;padding:0 11px!important}
body.ui-v39 .operations-ledger{border-radius:17px!important}
body.ui-v39 .operations-ledger-head,body.ui-v39 .operations-record{grid-template-columns:minmax(220px,1.25fr) minmax(190px,1fr) minmax(180px,1fr) 88px 110px minmax(150px,.85fr) 110px 165px!important;gap:13px!important}
body.ui-v39 .operations-ledger-head{min-height:48px!important;padding:0 16px!important;font-size:9.5px!important}
body.ui-v39 .operations-record{min-height:100px!important;padding:14px 16px!important}
body.ui-v39 .record-type-mark{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:12px!important}
body.ui-v39 .record-number{font-size:12px!important}
body.ui-v39 .record-subline,body.ui-v39 .record-shop{font-size:9.5px!important}
body.ui-v39 .record-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:10px!important}
body.ui-v39 .record-customer strong,body.ui-v39 .record-device strong{font-size:12px!important}
body.ui-v39 .record-customer span,body.ui-v39 .record-customer small,body.ui-v39 .record-device small,body.ui-v39 .record-value small,body.ui-v39 .record-payment small{font-size:9.5px!important;line-height:1.35!important}
body.ui-v39 .record-value strong{font-size:14px!important}
body.ui-v39 .record-kind-chip{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 10px;border-radius:8px;font-size:10px;font-weight:850;background:color-mix(in srgb,var(--v39-blue) 8%,var(--v38-surface));color:var(--v39-blue);border:1px solid color-mix(in srgb,var(--v39-blue) 18%,var(--v39-border))}
body.ui-v39 .record-kind-chip.sale{color:#16986a;background:color-mix(in srgb,#18ad79 8%,var(--v38-surface));border-color:color-mix(in srgb,#18ad79 20%,var(--v39-border))}
body.ui-v39 .status-control-v35{min-width:142px!important;height:38px!important;border-radius:10px!important}
body.ui-v39 .job-status-select-v35{font-size:10.5px!important}
body.ui-v39 .payment-badge-v35{min-height:31px!important;padding:0 10px!important;font-size:10px!important;border-radius:9px!important}
body.ui-v39 .record-action{height:38px!important;padding:0 12px!important;border-radius:9px!important;font-size:10.5px!important}

/* Repair / sale detail — approved transaction workspace */
body.ui-v39 .transaction-workspace-page{width:min(1680px,calc(100% - 44px))!important;padding:32px 0 84px!important}
body.ui-v39 .transaction-workspace-head{max-width:none!important;margin-bottom:18px!important;align-items:flex-end!important}
body.ui-v39 .transaction-head-copy .back-link{font-size:11px!important;margin-bottom:12px!important}
body.ui-v39 .record-title-row h1{font-size:37px!important;margin-top:5px!important}
body.ui-v39 .transaction-meta-line{font-size:10.5px!important;margin-top:9px!important}
body.ui-v39 .transaction-detail-actions{gap:9px!important}
body.ui-v39 .transaction-snapshot{max-width:none!important;margin-bottom:16px!important;border-radius:17px!important;box-shadow:var(--v39-shadow)!important}
body.ui-v39 .transaction-snapshot>div{min-height:112px!important;padding:17px 18px!important;gap:5px!important}
body.ui-v39 .transaction-snapshot small{font-size:9.5px!important}
body.ui-v39 .transaction-snapshot strong{font-size:13px!important}
body.ui-v39 .transaction-snapshot span:not(.payment-badge-v35):not(.status-dot):not(.status-text-line){font-size:10.5px!important}
body.ui-v39 .snapshot-total strong{font-size:25px!important}
body.ui-v39 .transaction-workspace-grid{max-width:none!important;gap:16px!important;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important}
body.ui-v39 .workspace-panel{padding:20px!important;border-radius:18px!important;box-shadow:var(--v39-shadow)!important}
body.ui-v39 .workspace-panel-head{margin-bottom:16px!important}
body.ui-v39 .workspace-panel-head h2{font-size:20px!important;margin:5px 0 4px!important}
body.ui-v39 .workspace-panel-head p{font-size:11px!important;line-height:1.45!important}
body.ui-v39 .small-text-action{height:36px!important;font-size:10.5px!important;border-radius:9px!important}
body.ui-v39 .customer-read-grid>div{min-height:78px!important;padding:13px 14px!important}
body.ui-v39 .customer-read-grid small,body.ui-v39 .customer-note small{font-size:9px!important}
body.ui-v39 .customer-read-grid strong{font-size:12px!important}
body.ui-v39 .customer-note p{font-size:11px!important}
body.ui-v39 .customer-edit-workspace label,body.ui-v39 .receipt-send-workspace label,body.ui-v39 .invoice-add-form-v35 label,body.ui-v39 .invoice-line-edit-form label{font-size:10.5px!important}
body.ui-v39 .receipt-send-workspace{gap:10px!important}
body.ui-v39 .receipt-send-workspace .check-line{font-size:10.5px!important}
body.ui-v39 .delivery-count{font-size:9.5px!important}
body.ui-v39 .delivery-history-v35 summary{font-size:10.5px!important}
body.ui-v39 .delivery-history-item strong{font-size:10.5px!important}
body.ui-v39 .delivery-history-item small{font-size:9px!important}
body.ui-v39 .invoice-total-plain small{font-size:9px!important}
body.ui-v39 .invoice-total-plain strong{font-size:23px!important}
body.ui-v39 .invoice-lines-head,body.ui-v39 .invoice-line-v35{grid-template-columns:minmax(300px,1fr) 80px 130px 130px 150px!important;gap:11px!important}
body.ui-v39 .invoice-lines-head{min-height:44px!important;padding:0 14px!important;font-size:9.5px!important}
body.ui-v39 .invoice-line-v35{min-height:76px!important;padding:11px 14px!important}
body.ui-v39 .invoice-line-name strong{font-size:12px!important}
body.ui-v39 .invoice-line-name small{font-size:9px!important}
body.ui-v39 .invoice-line-v35>span,body.ui-v39 .invoice-line-v35>strong{font-size:11.5px!important}
body.ui-v39 .line-action{height:34px!important;padding:0 11px!important;font-size:10px!important}
body.ui-v39 .intake-workspace-v36{grid-column:1/-1!important}
body.ui-v39 .invoice-workspace-v35{grid-column:1/-1!important}

/* Customer directory / profile */
body.ui-v39 .customers-page-v39 .customer-kpis-v38{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.ui-v39 .customer-list-head-v39,body.ui-v39 .customer-row-v38{display:grid;grid-template-columns:minmax(240px,1.25fr) minmax(170px,.8fr) minmax(270px,1.2fr) 90px 135px 120px;align-items:center;gap:16px}
body.ui-v39 .customer-list-head-v39{min-height:46px;padding:0 18px;background:var(--v38-surface-2);border-bottom:1px solid var(--v39-border);color:var(--v39-muted);font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
body.ui-v39 .customer-row-v38{padding:16px 18px!important}
body.ui-v39 .customer-avatar-v38{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:12px!important}
body.ui-v39 .customer-row-v38 small{font-size:9.5px!important}
body.ui-v39 .customer-row-v38 strong{font-size:12px!important}
body.ui-v39 .customer-profile-grid-v38{gap:18px!important;grid-template-columns:minmax(0,1.65fr) minmax(330px,.65fr)!important}
body.ui-v39 .customer-contact-card-v38 .form-grid{padding:20px!important;gap:14px!important}
body.ui-v39 .customer-summary-v38{padding:30px!important}
body.ui-v39 .customer-avatar-large-v38{width:82px!important;height:82px!important;border-radius:24px!important;font-size:31px!important}
body.ui-v39 .customer-summary-v38 h2{font-size:25px!important;margin:13px 0 8px!important}
body.ui-v39 .status-chip-v38{font-size:10px!important;padding:6px 10px!important}
body.ui-v39 .summary-list-v38{margin-top:22px!important}
body.ui-v39 .summary-list-v38 div{padding:11px 0!important;font-size:11px!important}
body.ui-v39 .history-row-v38{grid-template-columns:86px minmax(0,1fr) 110px 170px 28px!important;padding:15px 18px!important}
body.ui-v39 .history-kind-v38{font-size:10px!important;padding:6px 9px!important}
body.ui-v39 .history-row-v38 strong{font-size:12px!important}
body.ui-v39 .history-row-v38 small{font-size:9.5px!important}

/* Remaining page families — remove tiny text from v3.8 */
body.ui-v39 .inventory-row-v38 small,body.ui-v39 .team-row-v38 small,body.ui-v39 .simple-ledger-v38 small{font-size:9.5px!important}
body.ui-v39 .inventory-row-v38 strong,body.ui-v39 .team-row-v38 strong,body.ui-v39 .simple-ledger-v38 strong{font-size:12px!important}
body.ui-v39 .inventory-icon-v38{width:44px!important;height:44px!important}
body.ui-v39 .inventory-row-v38{min-height:76px!important;padding:15px 18px!important}
body.ui-v39 .team-row-v38{min-height:72px!important;padding:14px 18px!important}
body.ui-v39 .role-chip-v38,body.ui-v39 .stock-state-v38{font-size:9px!important}
body.ui-v39 .form-section-break-v38 strong{font-size:14px!important}
body.ui-v39 .form-section-break-v38 small{font-size:10.5px!important}
body.ui-v39 .form-section-icon-v38{width:38px!important;height:38px!important;font-size:10px!important}
body.ui-v39 .smtp-page-v38,body.ui-v39 .health-page-v38,body.ui-v39 .catalog-page-v38,body.ui-v39 .reports-page-v38,body.ui-v39 .profile-page-v38{font-size:13px}
body.ui-v39 .smtp-help-list,body.ui-v39 .health-list,body.ui-v39 .catalog-admin-layout,body.ui-v39 .analytics-table{font-size:12px}

/* Responsive */
@media(max-width:1320px){
  body.ui-v39 .counter-page-v39{grid-template-columns:1fr!important}
  body.ui-v39 .counter-page-v39 .device-panel{position:static!important;max-height:none!important}
  body.ui-v39 .operations-ledger-head,body.ui-v39 .operations-record{grid-template-columns:minmax(210px,1.2fr) minmax(170px,1fr) minmax(160px,1fr) 80px 100px 140px 105px 150px!important}
}
@media(max-width:1100px){
  body.ui-v39 .app-header-main{height:auto!important;min-height:78px!important;grid-template-columns:1fr auto!important}
  body.ui-v39 .header-context-card{display:none!important}
  body.ui-v39 .quick-entry-repair{display:none!important}
  body.ui-v39 .dashboard-metrics-v38{grid-template-columns:repeat(3,1fr)!important}
  body.ui-v39 .dashboard-insights-v38{grid-template-columns:1fr 1fr!important}
  body.ui-v39 .operations-ledger-head{display:none!important}
  body.ui-v39 .operations-ledger{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:12px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  body.ui-v39 .operations-record{display:grid!important;grid-template-columns:1fr 1fr!important;gap:13px!important;border:1px solid var(--v39-border)!important;border-radius:16px!important;min-height:0!important}
  body.ui-v39 .record-identity{grid-column:1/-1!important;border-bottom:1px solid var(--v39-border);padding-bottom:10px}
  body.ui-v39 .record-actions{grid-column:1/-1!important;justify-content:flex-start!important}
  body.ui-v39 .record-actions>*{flex:1!important}
  body.ui-v39 .record-actions form .record-action{width:100%!important}
  body.ui-v39 .transaction-workspace-grid{grid-template-columns:1fr!important}
  body.ui-v39 .customer-profile-grid-v38{grid-template-columns:1fr!important}
}
@media(max-width:820px){
  body.ui-v39 .page,body.ui-v39 .ui-page-v38,body.ui-v39 .operations-ledger-page,body.ui-v39 .transaction-workspace-page{width:calc(100% - 22px)!important;padding-top:20px!important}
  body.ui-v39 .network-header-brand .shop-brand-mark{width:145px!important;max-width:none!important}
  body.ui-v39 .dashboard-v38{padding-left:12px!important;padding-right:12px!important}
  body.ui-v39 .dashboard-hero-v38{grid-template-columns:1fr!important;min-height:auto!important;padding-top:20px!important}
  body.ui-v39 .dashboard-shop-art-v38{height:120px!important}
  body.ui-v39 .dashboard-metrics-v38{grid-template-columns:1fr 1fr!important}
  body.ui-v39 .dashboard-insights-v38{grid-template-columns:1fr!important}
  body.ui-v39 .operations-metrics{grid-template-columns:1fr 1fr!important}
  body.ui-v39 .operations-filterbar,body.ui-v39 .operations-filterbar:not(:has(.filter-field:first-child select[name="shop_id"])){grid-template-columns:1fr 1fr!important}
  body.ui-v39 .operations-filterbar .search-field{grid-column:1/-1!important}
  body.ui-v39 .operations-ledger{grid-template-columns:1fr!important}
  body.ui-v39 .transaction-snapshot{grid-template-columns:1fr 1fr!important}
  body.ui-v39 .transaction-snapshot>div{border-top:1px solid var(--v39-border)!important}
  body.ui-v39 .transaction-snapshot>div:nth-child(-n+2){border-top:0!important}
  body.ui-v39 .transaction-snapshot>div:last-child{grid-column:1/-1!important}
  body.ui-v39 .customer-list-head-v39{display:none!important}
  body.ui-v39 .customer-row-v38{grid-template-columns:1fr auto!important;gap:12px!important}
  body.ui-v39 .customer-row-v38 .customer-contact-v38,body.ui-v39 .customer-row-v38 .customer-stat-v38{grid-column:1!important}
  body.ui-v39 .customer-row-v38>a{grid-column:2!important;grid-row:1/5!important}
  body.ui-v39 .type-tabs-v31{display:flex!important;overflow-x:auto!important;justify-content:flex-start!important}
  body.ui-v39 .type-tabs-v31 button{min-width:145px!important}
  body.ui-v39 .device-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-v39 .device-finder-strip{grid-template-columns:1fr 1fr!important}
  body.ui-v39 .catalog-search-v31{grid-column:1/-1!important}
}
@media(max-width:540px){
  body.ui-v39{font-size:14px}
  body.ui-v39 .page-title h1{font-size:29px!important}
  body.ui-v39 .page-kpis-v38,body.ui-v39 .customers-page-v39 .customer-kpis-v38{grid-template-columns:1fr!important}
  body.ui-v39 .dashboard-metrics-v38,body.ui-v39 .operations-metrics{grid-template-columns:1fr!important}
  body.ui-v39 .operations-filterbar,body.ui-v39 .operations-filterbar:not(:has(.filter-field:first-child select[name="shop_id"])){grid-template-columns:1fr!important}
  body.ui-v39 .transaction-snapshot{grid-template-columns:1fr!important}
  body.ui-v39 .transaction-snapshot>div{border-right:0!important;border-top:1px solid var(--v39-border)!important}
  body.ui-v39 .transaction-snapshot>div:first-child{border-top:0!important}
  body.ui-v39 .device-grid-v31{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.ui-v39 .device-card-v25{min-height:180px!important;padding:10px!important}
  body.ui-v39 .device-visual{height:96px!important}
  body.ui-v39 .device-finder-strip{grid-template-columns:1fr!important}
  body.ui-v39 .catalog-search-v31{grid-column:auto!important}
  body.ui-v39 .invoice-lines-v35{overflow:auto!important}
  body.ui-v39 .invoice-lines-head,body.ui-v39 .invoice-line-v35{min-width:760px!important}
  body.ui-v39 .history-row-v38{grid-template-columns:70px minmax(0,1fr) 26px!important}
  body.ui-v39 .history-row-v38>strong:nth-of-type(2),body.ui-v39 .history-row-v38>small{display:none!important}
}

/* --------------------------------------------------------------------------
   FixPro v3.9.1 — New Entry device browser sizing hotfix
   The v3.9 right-hand catalogue is a flex column inside a viewport-height
   sticky panel. Without an explicit no-shrink rule, the device grid can be
   compressed to only a few pixels when brand/series filters take more space.
   Keep each catalogue section at its natural height and let the intended
   device-grid/outer-panel scroll areas handle overflow instead.
   -------------------------------------------------------------------------- */
body.ui-v39 .device-catalog-v39 > * {
    flex-shrink: 0 !important;
}

body.ui-v39 .device-catalog-v39 > .device-grid-v31 {
    flex: 0 0 auto !important;
    width: 100%;
    max-height: 390px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start;
    scrollbar-gutter: stable;
}

@media (max-width: 1180px) {
    body.ui-v39 .device-catalog-v39 > .device-grid-v31 {
        max-height: 460px;
    }
}

@media (max-width: 620px) {
    body.ui-v39 .device-catalog-v39 > .device-grid-v31 {
        max-height: 430px;
    }
}

/* --------------------------------------------------------------------------
   FixPro v3.9.2 — approved device/service library refinement
   Matches the supplied professional catalogue + repair-options references
   while preserving the v3.9 counter workflow and live inventory behaviour.
   -------------------------------------------------------------------------- */
body.ui-v39 .device-catalog-v39 > .catalog-head-v392{order:1}
body.ui-v39 .device-catalog-v39 > .type-tabs-v392{order:2}
body.ui-v39 .device-catalog-v39 > .catalog-brand-block-v392{order:3}
body.ui-v39 .device-catalog-v39 > .catalog-series-block-v392{order:4}
body.ui-v39 .device-catalog-v39 > .device-finder-strip-v392{order:5}
body.ui-v39 .device-catalog-v39 > .catalog-utility-row-v392{order:6}
body.ui-v39 .device-catalog-v39 > .device-grid-v31{order:7}
body.ui-v39 .device-catalog-v39 > .catalog-empty{order:8}
body.ui-v39 .device-catalog-v39 > .selection-box{order:9}
body.ui-v39 .device-catalog-v39 > .repair-options-v392{order:10}

body.ui-v39 .catalog-head-v392{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 230px!important;
  gap:24px!important;
  align-items:center!important;
  padding:2px 0 2px!important;
  margin-bottom:16px!important;
}
body.ui-v39 .catalog-title-v392{min-width:0}
body.ui-v39 .catalog-head-v392 h2{font-size:31px!important;line-height:1.04!important;margin:6px 0 8px!important;letter-spacing:-.04em!important}
body.ui-v39 .catalog-head-v392 p{max-width:660px!important;margin:0!important;font-size:12.5px!important;color:var(--muted)!important}
body.ui-v39 .catalog-model-stat-v392{
  position:relative;
  min-height:82px;
  padding:14px 78px 12px 38px;
  display:grid;
  align-content:center;
  border:1px solid color-mix(in srgb,#1774ff 55%,var(--v38-border));
  border-radius:14px;
  background:
    radial-gradient(circle at 82% 50%,rgba(52,135,255,.24),transparent 31%),
    linear-gradient(135deg,#0a347f 0%,#07349a 50%,#06256e 100%);
  color:#fff;
  box-shadow:0 12px 28px rgba(10,61,154,.20);
  clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);
  overflow:hidden;
}
body.ui-v39 .catalog-model-stat-v392:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 0 28%,rgba(255,255,255,.075) 28.3%,transparent 29.2% 100%);
  pointer-events:none;
}
body.ui-v39 .catalog-model-total-v392{font-size:31px;font-weight:900;line-height:1;letter-spacing:.02em;color:#fff}
body.ui-v39 .catalog-model-label-v392{font-size:8.5px;font-weight:850;letter-spacing:.1em;color:#bcd5ff;margin-top:6px}
body.ui-v39 .catalog-stack-mark-v392{position:absolute;right:24px;top:21px;width:44px;height:42px;filter:drop-shadow(0 7px 13px rgba(0,0,0,.18))}
body.ui-v39 .catalog-stack-mark-v392 i{position:absolute;left:7px;width:28px;height:18px;border:2px solid #5fa2ff;background:rgba(14,74,177,.72);transform:rotate(30deg) skewX(-28deg);border-radius:4px}
body.ui-v39 .catalog-stack-mark-v392 i:nth-child(1){top:1px;opacity:.55}
body.ui-v39 .catalog-stack-mark-v392 i:nth-child(2){top:9px;opacity:.72}
body.ui-v39 .catalog-stack-mark-v392 i:nth-child(3){top:17px;background:#1677ff;border-color:#b6d4ff;box-shadow:0 0 18px rgba(53,134,255,.45)}

body.ui-v39 .type-tabs-v392{margin:0 0 18px!important;gap:10px!important}
body.ui-v39 .type-tabs-v392 button{
  justify-content:flex-start!important;
  min-height:62px!important;
  padding:10px 13px!important;
  border:1px solid var(--v38-border)!important;
  background:var(--v38-surface)!important;
  box-shadow:0 5px 15px rgba(20,48,83,.025)!important;
}
body.ui-v39 .type-tabs-v392 button.active{
  background:linear-gradient(135deg,#0d3687,#0759d6)!important;
  border-color:#1e75ff!important;
  box-shadow:0 9px 22px rgba(15,91,211,.22)!important;
}
body.ui-v39 .type-tabs-v392 button>span:last-child{display:flex;align-items:center;gap:8px;min-width:0;font-weight:820}
body.ui-v39 .type-tabs-v392 button>span:last-child small{
  min-width:24px;height:22px;padding:0 6px;border-radius:7px;display:inline-grid;place-items:center;
  background:color-mix(in srgb,var(--v38-blue) 7%,var(--v38-surface-2));
  color:var(--muted);font-size:8px!important;font-weight:900;
}
body.ui-v39 .type-tabs-v392 button.active>span:last-child small{background:rgba(255,255,255,.10)!important;color:#dbe9ff!important}
body.ui-v39 .type-tabs-v392 .type-icon{width:31px!important;height:31px!important;flex:0 0 31px}

body.ui-v39 .catalog-brand-block-v392{margin-bottom:13px!important}
body.ui-v39 .filter-label-row-v392{align-items:flex-end!important}
body.ui-v39 .catalog-filter-meta-v392{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
body.ui-v39 .catalog-filter-meta-v392>a{font-size:9px!important;font-weight:750;color:var(--v38-blue)!important;text-decoration:none!important;white-space:nowrap}
body.ui-v39 .catalog-filter-meta-v392>a:hover{text-decoration:underline!important}
body.ui-v39 .brand-tabs-v392{gap:7px!important}
body.ui-v39 .brand-tabs-v392 button{
  min-height:38px!important;padding:6px 10px!important;border-radius:9px!important;
  background:var(--v38-surface)!important;border:1px solid var(--v38-border)!important;
  color:var(--ink)!important;font-size:10px!important;font-weight:720!important;
}
body.ui-v39 .brand-tabs-v392 button:hover{border-color:color-mix(in srgb,var(--v38-blue) 42%,var(--v38-border))!important}
body.ui-v39 .brand-tabs-v392 button.active{
  background:color-mix(in srgb,var(--v38-blue) 5%,var(--v38-surface))!important;
  border-color:#2979ff!important;color:#236ee9!important;
  box-shadow:0 5px 14px rgba(34,111,235,.08)!important;
}
body.ui-v39 .brand-tabs-v392 button.active .brand-dot{color:#fff!important}
body.ui-v39 .brand-tabs-v392 .brand-all{background:#2477f5!important;color:#fff!important;font-size:11px!important}
body.ui-v39 .catalog-series-block-v392{margin-bottom:10px!important}
body.ui-v39 .series-tabs-v392{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:1px 2px 5px!important;scrollbar-width:thin}
body.ui-v39 .series-tabs-v392 button{white-space:nowrap!important;background:var(--v38-surface)!important;border:1px solid var(--v38-border)!important;color:var(--ink)!important}
body.ui-v39 .series-tabs-v392 button.active{background:#0d2f70!important;border-color:#2d78ed!important;color:#fff!important}

body.ui-v39 .device-finder-strip-v392{margin:5px 0 10px!important}
body.ui-v39 .catalog-utility-row-v392{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 12px}
body.ui-v39 .catalog-stock-button-v392,body.ui-v39 .catalog-add-device-v392{
  width:auto!important;min-height:38px!important;padding:6px 10px!important;border-radius:9px!important;
  display:inline-flex!important;align-items:center!important;gap:7px!important;box-shadow:none!important;
}
body.ui-v39 .catalog-stock-button-v392 strong,body.ui-v39 .catalog-add-device-v392 strong{font-size:9.5px!important}
body.ui-v39 .catalog-stock-button-v392 small,body.ui-v39 .catalog-add-device-v392 small{display:none!important}
body.ui-v39 .catalog-stock-button-v392{background:color-mix(in srgb,#18a36b 6%,var(--v38-surface))!important;border:1px solid color-mix(in srgb,#18a36b 25%,var(--v38-border))!important;color:color-mix(in srgb,#0f8b5b 82%,var(--ink))!important}
body.ui-v39 .catalog-add-device-v392{background:color-mix(in srgb,var(--v38-blue) 6%,var(--v38-surface))!important;border:1px solid color-mix(in srgb,var(--v38-blue) 25%,var(--v38-border))!important;color:var(--v38-blue)!important;text-decoration:none!important}

body.ui-v39 .repair-options-v392{padding-top:15px!important;margin-top:14px!important}
body.ui-v39 .repair-library-title-v392{
  display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;
  margin-bottom:18px;padding:0 2px 2px;
}
body.ui-v39 .repair-library-icon-v392{
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  color:#0d4fa5;background:linear-gradient(145deg,#e9f2ff,#f6f9ff);
  border:1px solid #dce9fb;box-shadow:0 7px 18px rgba(24,76,145,.08)
}
body.ui-v39[data-theme="dark"] .repair-library-icon-v392{background:linear-gradient(145deg,#0d2c4f,#10233d);border-color:#20466d;color:#62a4ff}
body.ui-v39 .repair-library-icon-v392 svg{width:27px;height:27px}
body.ui-v39 .repair-library-title-v392 h3{font-size:21px!important;line-height:1.12!important;margin:0 0 5px!important;letter-spacing:-.025em!important;color:var(--ink)}
body.ui-v39 .repair-library-title-v392 small{font-size:11.5px!important;line-height:1.35!important}
body.ui-v39 .repair-count-v392{align-self:start;margin-top:3px;padding:8px 13px!important;background:color-mix(in srgb,var(--v38-blue) 8%,var(--v38-surface-2))!important;border:1px solid color-mix(in srgb,var(--v38-blue) 11%,var(--v38-border));color:color-mix(in srgb,#0d4a9f 78%,var(--ink))!important;font-size:11px!important}

body.ui-v39 .repair-option-grid{gap:18px!important}
body.ui-v39 .repair-service-board-v392{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
body.ui-v39 .service-family-v392{
  padding:14px 15px 16px!important;border-radius:16px!important;background:var(--v38-surface)!important;
  box-shadow:0 9px 23px rgba(27,55,92,.045)!important;overflow:hidden;
}
body.ui-v39 .service-family-common-v392{border:1px solid var(--v38-border)!important;border-top:4px solid #176cff!important}
body.ui-v39 .service-family-advanced-v392{border:1px solid var(--v38-border)!important;border-top:4px solid #7955d9!important;background:linear-gradient(180deg,color-mix(in srgb,#7a5cdb 2.6%,var(--v38-surface)),var(--v38-surface))!important}
body.ui-v39 .service-family-head-v392,body.ui-v39 .stock-family-head-v392{margin:0 0 14px!important}
body.ui-v39 .service-family-title-v392{display:flex!important;align-items:center;gap:10px!important;min-width:0}
body.ui-v39 .service-family-title-v392>span:last-child{display:grid;min-width:0}
body.ui-v39 .service-family-title-v392 strong{font-size:13px!important;line-height:1.2!important;color:var(--ink)}
body.ui-v39 .service-family-title-v392 small{font-size:9.5px!important;line-height:1.35!important;color:var(--muted)!important;margin-top:4px!important}
body.ui-v39 .service-family-icon-v392{
  width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;
  font-size:19px;font-weight:850;color:#176cff;background:color-mix(in srgb,#176cff 7%,var(--v38-surface-2));
  border:1px solid color-mix(in srgb,#176cff 16%,var(--v38-border));
}
body.ui-v39 .service-family-advanced-v392 .service-family-icon-v392{color:#7451d1;background:color-mix(in srgb,#7451d1 7%,var(--v38-surface-2));border-color:color-mix(in srgb,#7451d1 18%,var(--v38-border))}
body.ui-v39 .service-family-count-v392{
  min-width:37px;height:37px;padding:0 8px!important;display:grid!important;place-items:center!important;
  border-radius:14px!important;background:color-mix(in srgb,#176cff 8%,var(--v38-surface-2))!important;
  color:#176cff!important;font-size:13px!important;font-weight:900!important;
}
body.ui-v39 .service-family-advanced-v392 .service-family-count-v392{background:color-mix(in srgb,#7451d1 8%,var(--v38-surface-2))!important;color:#7451d1!important}
body.ui-v39 .service-shortcut-grid-v392{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
body.ui-v39 .service-shortcut-v392{
  min-height:82px!important;padding:9px 9px!important;grid-template-columns:39px minmax(0,1fr) 24px!important;gap:8px!important;
  border-radius:13px!important;border:1px solid var(--v38-border)!important;background:var(--v38-surface)!important;color:var(--ink)!important;
  box-shadow:0 3px 10px rgba(25,53,88,.025)!important;
}
body.ui-v39 .service-shortcut-v392:hover{border-color:color-mix(in srgb,var(--v38-blue) 32%,var(--v38-border))!important;box-shadow:0 8px 20px rgba(38,82,140,.08)!important}
body.ui-v39 .service-shortcut-v392 .service-glyph{width:38px!important;height:38px!important;border-radius:12px!important;font-size:17px!important}
body.ui-v39 .service-shortcut-copy-v392{display:grid;min-width:0}
body.ui-v39 .service-shortcut-copy-v392 strong{font-size:10.8px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
body.ui-v39 .service-shortcut-copy-v392 small{font-size:8.3px!important;line-height:1.32!important;margin-top:4px!important;color:var(--muted)!important}
body.ui-v39 .service-add-v392{
  width:23px;height:23px;border-radius:8px;display:grid;place-items:center;
  border:1px solid var(--v38-border);background:var(--v38-surface-2);color:#66758d!important;
  font-size:16px!important;line-height:1;font-weight:650!important;
}

body.ui-v39 .option-group-stock-v392{padding:17px 18px!important;border-radius:16px!important;background:var(--v38-surface)!important;border:1px solid var(--v38-border)!important;box-shadow:0 8px 22px rgba(24,52,88,.04)!important}
body.ui-v39 .stock-family-icon-v392{color:#176cff;background:color-mix(in srgb,#176cff 7%,var(--v38-surface-2))}
body.ui-v39 .stock-family-count-v392{color:#6b7890!important;background:var(--v38-surface-2)!important}
body.ui-v39 .stock-option-grid-v392{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body.ui-v39 .stock-empty-v392{min-height:78px;place-content:center;padding:15px 18px!important;border-radius:13px!important;text-align:center;background:color-mix(in srgb,var(--v38-blue) 1.6%,var(--v38-surface))!important}
body.ui-v39 .stock-empty-v392 strong{font-size:11px!important}
body.ui-v39 .stock-empty-v392 span{font-size:9.5px!important}
body.ui-v39 .protector-addons-v392{padding:0!important;border:1px solid var(--v38-border)!important;border-radius:15px!important;background:var(--v38-surface)!important;overflow:hidden}
body.ui-v39 .protector-addons-summary-v392{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer}
body.ui-v39 .protector-addons-summary-v392::-webkit-details-marker{display:none}
body.ui-v39 .protector-addons-summary-v392>span{display:grid}
body.ui-v39 .protector-addons-summary-v392 strong{font-size:11px}
body.ui-v39 .protector-addons-summary-v392 small{font-size:9px;color:var(--muted);margin-top:2px}
body.ui-v39 .protector-addons-summary-v392>b{min-width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,#6d73ff 8%,var(--v38-surface-2));color:#656ce7;font-size:10px}
body.ui-v39 .protector-addons-v392[open] .protector-addons-summary-v392{border-bottom:1px solid var(--v38-border)}
body.ui-v39 .protector-service-grid-v392{padding:13px 15px 15px}

@media(max-width:1500px){
  body.ui-v39 .service-shortcut-grid-v392{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1320px){
  body.ui-v39 .service-shortcut-grid-v392{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.ui-v39 .catalog-head-v392{grid-template-columns:1fr 210px!important}
  body.ui-v39 .repair-service-board-v392{grid-template-columns:1fr}
  body.ui-v39 .service-shortcut-grid-v392{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body.ui-v39 .catalog-head-v392{grid-template-columns:1fr!important}
  body.ui-v39 .catalog-model-stat-v392{width:100%;max-width:330px;justify-self:start}
  body.ui-v39 .catalog-filter-meta-v392 #deviceCount{display:none!important}
  body.ui-v39 .catalog-utility-row-v392{justify-content:flex-start}
  body.ui-v39 .repair-library-title-v392{grid-template-columns:46px minmax(0,1fr);gap:10px}
  body.ui-v39 .repair-library-icon-v392{width:46px;height:46px;border-radius:13px}
  body.ui-v39 .repair-count-v392{grid-column:2;justify-self:start;margin:0}
  body.ui-v39 .service-shortcut-grid-v392{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-v39 .stock-option-grid-v392{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  body.ui-v39 .catalog-head-v392 h2{font-size:26px!important}
  body.ui-v39 .service-shortcut-grid-v392{grid-template-columns:1fr!important}
  body.ui-v39 .service-shortcut-v392{min-height:72px!important}
}

/* --------------------------------------------------------------------------
   FixPro v3.9.4 — responsive New Entry / repair library hardening
   Keeps the approved professional design, but removes nested half-width grids
   that crushed service cards on 1024–1320px screens. Every workbench section
   now owns the full available width before it creates its own columns.
   -------------------------------------------------------------------------- */
body.ui-v39 .counter-page-v39,
body.ui-v39 .counter-page-v39 > *,
body.ui-v39 .device-catalog-v39,
body.ui-v39 .repair-options-v392,
body.ui-v39 .repair-option-grid,
body.ui-v39 .repair-option-grid > *,
body.ui-v39 .repair-service-board-v392,
body.ui-v39 .service-family-v392,
body.ui-v39 .option-group-stock-v392,
body.ui-v39 .manual-item-card-v32,
body.ui-v39 .manual-item-composer-v32,
body.ui-v39 .manual-item-composer-v32 > * {
  min-width:0!important;
  max-width:100%;
  box-sizing:border-box;
}

/* The outer repair grid must be one full-width stack. The service board itself
   is responsible for the two professional service columns. */
body.ui-v39 .repair-option-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  width:100%!important;
  overflow:visible!important;
}
body.ui-v39 .repair-service-board-v392{
  width:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
body.ui-v39 .service-family-v392,
body.ui-v39 .option-group-stock-v392,
body.ui-v39 .protector-addons-v392{
  width:100%!important;
}
body.ui-v39 .service-family-head-v392,
body.ui-v39 .stock-family-head-v392{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body.ui-v39 .service-family-title-v392{
  flex:1 1 auto!important;
}
body.ui-v39 .service-family-title-v392 strong,
body.ui-v39 .service-family-title-v392 small,
body.ui-v39 .service-shortcut-copy-v392 strong,
body.ui-v39 .service-shortcut-copy-v392 small{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Professional service cards: never collapse into icon-only slivers. */
body.ui-v39 .service-shortcut-grid-v392{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(150px,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
body.ui-v39 .service-shortcut-v392{
  width:100%!important;
  min-width:0!important;
  min-height:88px!important;
  grid-template-columns:42px minmax(0,1fr) 28px!important;
  align-items:center!important;
  padding:11px!important;
}
body.ui-v39 .service-shortcut-v392 .service-glyph{
  width:40px!important;
  height:40px!important;
}
body.ui-v39 .service-add-v392{
  width:27px!important;
  height:27px!important;
  justify-self:end;
}

/* Physical inventory always sits below the service board, never as a narrow
   third column. */
body.ui-v39 .option-group-stock-v392{
  margin:0!important;
}
body.ui-v39 .stock-option-grid-v392{
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
}
body.ui-v39 .stock-empty-v392{
  width:100%!important;
  min-height:112px!important;
}

/* Quick add: predictable tracks with no clipped button. */
body.ui-v39 .manual-item-composer-v32{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(115px,.8fr) minmax(240px,2fr) minmax(84px,.55fr) minmax(130px,.8fr) minmax(150px,auto)!important;
  gap:10px!important;
  align-items:end!important;
}
body.ui-v39 .manual-item-composer-v32 label{
  min-width:0!important;
}
body.ui-v39 .manual-item-composer-v32 input,
body.ui-v39 .manual-item-composer-v32 select,
body.ui-v39 .manual-add-btn-v32{
  width:100%!important;
  min-width:0!important;
}
body.ui-v39 .manual-add-btn-v32{
  min-width:150px!important;
}

/* Tablet / small desktop: full-width catalogue, readable two-card service rows. */
@media(max-width:1320px){
  body.ui-v39 .counter-page-v39{
    width:min(1180px,calc(100% - 28px))!important;
  }
  body.ui-v39 .counter-page-v39 .device-panel{
    overflow:visible!important;
  }
  body.ui-v39 .device-catalog-v39{
    overflow:visible!important;
  }
  body.ui-v39 .repair-options-v392{
    overflow:visible!important;
  }
  body.ui-v39 .service-shortcut-grid-v392{
    grid-template-columns:repeat(2,minmax(170px,1fr))!important;
  }
  body.ui-v39 .manual-item-composer-v32{
    grid-template-columns:140px minmax(260px,1fr) 90px 140px!important;
  }
  body.ui-v39 .manual-add-btn-v32{
    grid-column:1/-1!important;
    width:100%!important;
  }
}

/* Medium tablets: stack the two service families; keep two cards per row. */
@media(max-width:900px){
  body.ui-v39 .counter-page-v39{
    width:calc(100% - 20px)!important;
    padding-top:14px!important;
  }
  body.ui-v39 .counter-page-v39 .entry-panel,
  body.ui-v39 .counter-page-v39 .device-panel{
    padding:18px!important;
    border-radius:17px!important;
  }
  body.ui-v39 .repair-service-board-v392{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.ui-v39 .service-shortcut-grid-v392{
    grid-template-columns:repeat(2,minmax(150px,1fr))!important;
  }
  body.ui-v39 .stock-option-grid-v392{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.ui-v39 .manual-item-composer-v32{
    grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr)!important;
  }
  body.ui-v39 .manual-item-composer-v32 .manual-name{
    grid-column:1/-1!important;
  }
  body.ui-v39 .manual-item-composer-v32 .manual-qty,
  body.ui-v39 .manual-item-composer-v32 .manual-price{
    grid-column:auto!important;
  }
  body.ui-v39 .manual-item-composer-v32 .manual-add-btn-v32{
    grid-column:1/-1!important;
  }
  body.ui-v39 .repair-library-title-v392{
    grid-template-columns:48px minmax(0,1fr) auto!important;
  }
}

/* Phones / narrow tablets: single-column forms and cards, no horizontal scroll. */
@media(max-width:620px){
  body.ui-v39 .counter-page-v39{
    width:calc(100% - 12px)!important;
    padding:8px 0 82px!important;
  }
  body.ui-v39 .counter-page-v39 .entry-panel,
  body.ui-v39 .counter-page-v39 .device-panel{
    padding:14px!important;
    border-radius:14px!important;
  }
  body.ui-v39 .repair-options-v392{
    padding:12px!important;
  }
  body.ui-v39 .repair-library-title-v392{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:10px!important;
  }
  body.ui-v39 .repair-count-v392{
    grid-column:2!important;
    justify-self:start!important;
  }
  body.ui-v39 .service-family-v392,
  body.ui-v39 .option-group-stock-v392{
    padding:12px!important;
    border-radius:14px!important;
  }
  body.ui-v39 .service-shortcut-grid-v392{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.ui-v39 .service-shortcut-v392{
    min-height:76px!important;
    grid-template-columns:40px minmax(0,1fr) 28px!important;
  }
  body.ui-v39 .manual-item-composer-v32{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.ui-v39 .manual-item-composer-v32 > *{
    grid-column:1!important;
  }
  body.ui-v39 .manual-add-btn-v32{
    min-width:0!important;
  }
  body.ui-v39 .manual-item-head,
  body.ui-v39 .selected-lines-title{
    align-items:flex-start!important;
    gap:10px!important;
  }
}

@media(max-width:420px){
  body.ui-v39 .counter-form-head-v39 h1{font-size:26px!important}
  body.ui-v39 .repair-library-title-v392 h3{font-size:18px!important}
  body.ui-v39 .service-family-head-v392,
  body.ui-v39 .stock-family-head-v392{
    gap:8px!important;
  }
  body.ui-v39 .service-family-title-v392 strong{font-size:12px!important}
  body.ui-v39 .service-family-title-v392 small{font-size:9px!important}
}

/* --------------------------------------------------------------------------
   FixPro v3.9.5 — unified Device Parts library
   One professional, responsive part grid replaces the split common/advanced
   repair columns. Physical shop stock remains inside the same workbench card.
   -------------------------------------------------------------------------- */
body.ui-v39 .counter-page-v39 .device-panel{
  position:relative!important;
  top:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
body.ui-v39 .repair-options-v392,
body.ui-v39 .repair-option-grid{
  overflow:visible!important;
}
body.ui-v39 .device-parts-panel-v395{
  width:100%!important;
  min-width:0!important;
  padding:16px!important;
  border:1px solid var(--v38-border)!important;
  border-top:4px solid #176cff!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,color-mix(in srgb,#176cff 1.6%,var(--v38-surface)),var(--v38-surface))!important;
  box-shadow:0 10px 26px rgba(26,55,94,.045)!important;
}
body.ui-v39 .device-parts-grid-v395{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
body.ui-v39 .device-part-card-v395{
  width:100%!important;
  min-width:0!important;
  min-height:78px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 30px!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid color-mix(in srgb,#176cff 10%,var(--v38-border))!important;
  border-style:solid!important;
  border-radius:14px!important;
  background:var(--v38-surface)!important;
  color:var(--ink)!important;
  box-shadow:0 3px 11px rgba(28,57,96,.025)!important;
  transform:none!important;
}
body.ui-v39 .device-part-card-v395:hover{
  border-color:color-mix(in srgb,#176cff 42%,var(--v38-border))!important;
  box-shadow:0 8px 22px rgba(30,78,145,.09)!important;
  transform:translateY(-1px)!important;
}
body.ui-v39 .device-part-icon-v395{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
}
body.ui-v39 .device-part-icon-v395 svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.ui-v39 .device-part-copy-v395{
  display:grid!important;
  min-width:0!important;
  align-content:center!important;
}
body.ui-v39 .device-part-copy-v395 strong{
  margin:0!important;
  color:var(--ink)!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-overflow:clip!important;
}
body.ui-v39 .device-part-copy-v395 small{
  margin-top:4px!important;
  color:var(--muted)!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.ui-v39 .device-part-add-v395{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  border:1px solid color-mix(in srgb,#176cff 18%,var(--v38-border))!important;
  background:color-mix(in srgb,#176cff 4%,var(--v38-surface-2))!important;
  color:#176cff!important;
  font-size:17px!important;
  font-weight:650!important;
}
body.ui-v39 .device-part-card-v395:hover .device-part-add-v395{
  background:#176cff!important;
  border-color:#176cff!important;
  color:#fff!important;
}

/* Pastel icon families — consistent with the device/brand library language. */
body.ui-v39 .device-part-icon-v395.group-display,
body.ui-v39 .device-part-icon-v395.group-protector{background:color-mix(in srgb,#8267ee 10%,var(--v38-surface-2))!important;color:#7757dc!important}
body.ui-v39 .device-part-icon-v395.group-battery{background:color-mix(in srgb,#14a868 10%,var(--v38-surface-2))!important;color:#079254!important}
body.ui-v39 .device-part-icon-v395.group-charging{background:color-mix(in srgb,#f0a000 12%,var(--v38-surface-2))!important;color:#b87700!important}
body.ui-v39 .device-part-icon-v395.group-camera{background:color-mix(in srgb,#176cff 9%,var(--v38-surface-2))!important;color:#176cff!important}
body.ui-v39 .device-part-icon-v395.group-audio{background:color-mix(in srgb,#11a9c5 10%,var(--v38-surface-2))!important;color:#0792a7!important}
body.ui-v39 .device-part-icon-v395.group-board{background:color-mix(in srgb,#e34859 10%,var(--v38-surface-2))!important;color:#cc3346!important}
body.ui-v39 .device-part-icon-v395.group-haptics{background:color-mix(in srgb,#7a58e2 10%,var(--v38-surface-2))!important;color:#7550d4!important}
body.ui-v39 .device-part-icon-v395.group-sensor{background:color-mix(in srgb,#3385ff 9%,var(--v38-surface-2))!important;color:#2678ed!important}
body.ui-v39 .device-part-icon-v395.group-connectivity{background:color-mix(in srgb,#13a875 9%,var(--v38-surface-2))!important;color:#07885f!important}
body.ui-v39 .device-part-icon-v395.group-software,
body.ui-v39 .device-part-icon-v395.group-data,
body.ui-v39 .device-part-icon-v395.group-diagnostic{background:color-mix(in srgb,#52647f 8%,var(--v38-surface-2))!important;color:#52647f!important}

body.ui-v39 .device-stock-block-v395{
  margin-top:16px!important;
  padding-top:15px!important;
  border-top:1px solid var(--v38-border)!important;
}
body.ui-v39 .device-stock-head-v395{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
body.ui-v39 .device-stock-head-v395>span{display:grid!important;min-width:0!important}
body.ui-v39 .device-stock-head-v395 strong{font-size:12px!important;color:var(--ink)!important}
body.ui-v39 .device-stock-head-v395 small{margin-top:3px!important;font-size:9px!important;color:var(--muted)!important}
body.ui-v39 .device-stock-head-v395>b{
  min-width:31px!important;height:31px!important;padding:0 8px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;background:var(--v38-surface-2)!important;color:var(--muted)!important;font-size:10px!important;
}
body.ui-v39 .device-stock-grid-v395{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:9px!important;
}
body.ui-v39 .device-stock-empty-v395{
  margin-top:14px!important;
  min-height:42px!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-top:1px solid var(--v38-border)!important;
  color:var(--muted)!important;
  font-size:9px!important;
}
body.ui-v39 .device-stock-empty-v395 .inline-stock-action{white-space:nowrap!important}

@media(max-width:760px){
  body.ui-v39 .device-parts-panel-v395{padding:12px!important;border-radius:15px!important}
  body.ui-v39 .device-parts-grid-v395{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.ui-v39 .device-part-card-v395{min-height:74px!important;grid-template-columns:40px minmax(0,1fr) 28px!important;padding:9px!important;gap:8px!important}
  body.ui-v39 .device-part-icon-v395{width:38px!important;height:38px!important}
  body.ui-v39 .device-part-icon-v395 svg{width:20px!important;height:20px!important}
  body.ui-v39 .device-stock-grid-v395{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:500px){
  body.ui-v39 .device-parts-grid-v395{grid-template-columns:minmax(0,1fr)!important}
  body.ui-v39 .device-part-card-v395{min-height:72px!important}
  body.ui-v39 .device-stock-empty-v395{align-items:flex-start!important;flex-direction:column!important}
}

/* --------------------------------------------------------------------------
   FixPro v3.9.6 — Quick Add responsive composer
   The New Entry page is a two-pane desktop layout, so viewport breakpoints do
   not reliably describe the actual width available to the invoice workbench.
   Use a component/container breakpoint instead: the Add to invoice action is
   always visible at 100% browser zoom and reflows beneath the fields whenever
   the Quick Add card itself becomes too narrow for a five-column row.
   -------------------------------------------------------------------------- */
body.ui-v39 .manual-item-card-v32{
  container-type:inline-size!important;
  container-name:fixproQuickAdd;
  overflow:visible!important;
}
body.ui-v39 .manual-item-composer-v32{
  display:grid!important;
  grid-template-columns:
    minmax(90px,.72fr)
    minmax(150px,1.55fr)
    minmax(64px,.50fr)
    minmax(105px,.82fr)
    minmax(124px,.96fr)!important;
  gap:8px!important;
  align-items:end!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
body.ui-v39 .manual-item-composer-v32 > *,
body.ui-v39 .manual-item-composer-v32 label,
body.ui-v39 .manual-item-composer-v32 input,
body.ui-v39 .manual-item-composer-v32 select,
body.ui-v39 .manual-item-composer-v32 .manual-add-btn-v32{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.ui-v39 .manual-item-composer-v32 input,
body.ui-v39 .manual-item-composer-v32 select,
body.ui-v39 .manual-item-composer-v32 .manual-add-btn-v32{
  width:100%!important;
}
body.ui-v39 .manual-item-composer-v32 .manual-add-btn-v32{
  grid-column:auto!important;
  min-width:0!important;
  padding:9px 10px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
body.ui-v39 .manual-item-composer-v32 .manual-add-btn-v32 b{
  white-space:nowrap!important;
}

/* The left New Entry pane is normally ~650–780px wide on a laptop at 100%.
   At that component width, keep the four data fields on one line and give the
   primary action its own full-width row instead of clipping it off-screen. */
@container fixproQuickAdd (max-width:800px){
  body.ui-v39 .manual-item-composer-v32{
    grid-template-columns:100px minmax(0,1fr) 72px 118px!important;
  }
  body.ui-v39 .manual-item-composer-v32 .manual-add-btn-v32{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:44px!important;
  }
}

/* Small tablets: preserve comfortable controls rather than squeezing all four
   fields into one row. */
@container fixproQuickAdd (max-width:560px){
  body.ui-v39 .manual-item-composer-v32{
    grid-template-columns:minmax(105px,.75fr) minmax(0,1.25fr)!important;
  }
  body.ui-v39 .manual-item-composer-v32 .manual-kind{grid-column:1!important}
  body.ui-v39 .manual-item-composer-v32 .manual-name{grid-column:2!important}
  body.ui-v39 .manual-item-composer-v32 .manual-qty{grid-column:1!important}
  body.ui-v39 .manual-item-composer-v32 .manual-price{grid-column:2!important}
  body.ui-v39 .manual-item-composer-v32 .manual-add-btn-v32{grid-column:1/-1!important}
}

/* Phones: one control per row. */
@container fixproQuickAdd (max-width:390px){
  body.ui-v39 .manual-item-composer-v32{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.ui-v39 .manual-item-composer-v32 > *{
    grid-column:1!important;
  }
}

/* --------------------------------------------------------------------------
   FixPro v3.9.7 — professional invoice lines
   Selected repairs/parts are presented as stable card rows with a clear icon,
   item name, editable price, calculated line total and remove action. The
   component responds to the invoice column width (not the whole viewport), so
   it stays clean at 100% browser zoom in the split New Entry workspace.
   -------------------------------------------------------------------------- */
body.ui-v39 .selected-lines-v31{
  container-type:inline-size!important;
  container-name:fixproInvoiceLines;
  display:grid!important;
  gap:10px!important;
  min-height:78px!important;
  padding:10px!important;
  border:1px solid var(--v38-border)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--v38-surface-2) 88%,transparent)!important;
  overflow:visible!important;
}
body.ui-v39 .selected-lines-v31 .empty-parts{
  margin:0!important;
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  border:1px dashed color-mix(in srgb,#7f9bc4 32%,var(--v38-border))!important;
  border-radius:13px!important;
  background:var(--theme-panel)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  text-align:center!important;
}
body.ui-v39 .selected-lines-v31 .price-entry{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 82px 142px auto!important;
  gap:12px!important;
  align-items:center!important;
  min-width:0!important;
  padding:13px 14px!important;
  border:1px solid color-mix(in srgb,#7da6de 20%,var(--v38-border))!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,color-mix(in srgb,#4c8dff 2.5%,var(--theme-panel)),var(--theme-panel))!important;
  box-shadow:0 8px 22px rgba(15,35,70,.055)!important;
}
body.ui-v39 .selected-lines-v31 .price-entry.service-line{
  grid-template-columns:minmax(0,1fr) 154px auto!important;
}
body.ui-v39 .selected-lines-v31 .price-entry:last-child{
  border-bottom:1px solid color-mix(in srgb,#7da6de 20%,var(--v38-border))!important;
}
body.ui-v39 .selected-lines-v31 .line-description{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  min-width:0!important;
}
body.ui-v39 .selected-lines-v31 .invoice-line-icon{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 46px!important;
  border:1px solid color-mix(in srgb,#5c8fd7 16%,var(--v38-border))!important;
  border-radius:13px!important;
  background:color-mix(in srgb,#5f8fff 8%,var(--v38-surface-2))!important;
  color:#3478dd!important;
}
body.ui-v39 .selected-lines-v31 .invoice-line-icon svg{
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.ui-v39 .selected-lines-v31 .service-line-icon.group-battery{background:color-mix(in srgb,#15a969 10%,var(--v38-surface-2))!important;color:#079254!important}
body.ui-v39 .selected-lines-v31 .service-line-icon.group-charging{background:color-mix(in srgb,#f0a000 12%,var(--v38-surface-2))!important;color:#b87700!important}
body.ui-v39 .selected-lines-v31 .service-line-icon.group-camera{background:color-mix(in srgb,#176cff 9%,var(--v38-surface-2))!important;color:#176cff!important}
body.ui-v39 .selected-lines-v31 .service-line-icon.group-audio{background:color-mix(in srgb,#11a9c5 10%,var(--v38-surface-2))!important;color:#0792a7!important}
body.ui-v39 .selected-lines-v31 .service-line-icon.group-board{background:color-mix(in srgb,#e34859 10%,var(--v38-surface-2))!important;color:#cc3346!important}
body.ui-v39 .selected-lines-v31 .service-line-icon.group-display,
body.ui-v39 .selected-lines-v31 .service-line-icon.group-protector{background:color-mix(in srgb,#8267ee 10%,var(--v38-surface-2))!important;color:#7757dc!important}
body.ui-v39 .selected-lines-v31 .service-line-icon.group-connectivity{background:color-mix(in srgb,#13a875 9%,var(--v38-surface-2))!important;color:#07885f!important}
body.ui-v39 .selected-lines-v31 .stock-line-icon{background:color-mix(in srgb,#15a970 9%,var(--v38-surface-2))!important;color:#0a8e63!important}
body.ui-v39 .selected-lines-v31 .custom-line-icon.kind-service{background:color-mix(in srgb,#7d61ec 10%,var(--v38-surface-2))!important;color:#7355da!important}
body.ui-v39 .selected-lines-v31 .custom-line-icon.kind-other{background:color-mix(in srgb,#4c91ff 9%,var(--v38-surface-2))!important;color:#337bdc!important}
body.ui-v39 .selected-lines-v31 .line-text{
  display:block!important;
  min-width:0!important;
}
body.ui-v39 .selected-lines-v31 .line-kind{
  display:inline-flex!important;
  align-items:center!important;
  min-height:20px!important;
  margin:0 0 5px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.ui-v39 .selected-lines-v31 .line-description strong{
  display:block!important;
  margin:0!important;
  color:var(--ink)!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:850!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.ui-v39 .selected-lines-v31 .line-description small{
  display:block!important;
  margin:4px 0 0!important;
  color:var(--muted)!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}
body.ui-v39 .selected-lines-v31 .line-editor-field{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
}
body.ui-v39 .selected-lines-v31 .line-editor-field>small,
body.ui-v39 .selected-lines-v31 .line-total-chip small{
  margin:0!important;
  color:var(--muted)!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
body.ui-v39 .selected-lines-v31 .line-qty-field input{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid var(--theme-input-border)!important;
  border-radius:11px!important;
  background:var(--theme-input)!important;
  color:var(--ink)!important;
  font-size:13px!important;
  font-weight:750!important;
  text-align:center!important;
  box-shadow:none!important;
}
body.ui-v39 .selected-lines-v31 .charge-field.line-price-field{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink)!important;
}
body.ui-v39 .selected-lines-v31 .charge-field.line-price-field>span{
  position:absolute!important;
  left:12px!important;
  top:auto!important;
  bottom:13px!important;
  transform:none!important;
  z-index:2!important;
  color:var(--muted)!important;
  font-size:13px!important;
  font-weight:850!important;
}
body.ui-v39 .selected-lines-v31 .charge-field.line-price-field input{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:9px 10px 9px 27px!important;
  border:1px solid var(--theme-input-border)!important;
  border-radius:11px!important;
  background:var(--theme-input)!important;
  color:var(--ink)!important;
  font-size:13px!important;
  font-weight:750!important;
  box-shadow:none!important;
}
body.ui-v39 .selected-lines-v31 input[type="number"]{-moz-appearance:textfield}
body.ui-v39 .selected-lines-v31 input[type="number"]::-webkit-inner-spin-button,
body.ui-v39 .selected-lines-v31 input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body.ui-v39 .selected-lines-v31 .line-tail{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:max-content!important;
}
body.ui-v39 .selected-lines-v31 .line-total-chip{
  min-width:106px!important;
  min-height:58px!important;
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  padding:8px 11px!important;
  border:1px solid color-mix(in srgb,#367fff 18%,var(--v38-border))!important;
  border-radius:11px!important;
  background:color-mix(in srgb,#367fff 5%,var(--v38-surface-2))!important;
}
body.ui-v39 .selected-lines-v31 .line-total-chip strong{
  color:var(--ink)!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
body.ui-v39 .selected-lines-v31 .remove-line{
  width:42px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  align-self:flex-end!important;
  margin:0!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,#e45a69 26%,var(--v38-border))!important;
  border-radius:11px!important;
  background:color-mix(in srgb,#e45a69 7%,var(--theme-panel))!important;
  color:#dd5363!important;
  font-size:21px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.ui-v39 .selected-lines-v31 .remove-line:hover{
  border-color:color-mix(in srgb,#e45a69 46%,var(--v38-border))!important;
  background:color-mix(in srgb,#e45a69 12%,var(--theme-panel))!important;
}

@container fixproInvoiceLines (max-width:620px){
  body.ui-v39 .selected-lines-v31 .price-entry,
  body.ui-v39 .selected-lines-v31 .price-entry.service-line{
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:10px!important;
  }
  body.ui-v39 .selected-lines-v31 .line-description{grid-column:1/-1!important}
  body.ui-v39 .selected-lines-v31 .service-line .line-price-field{grid-column:1/-1!important}
  body.ui-v39 .selected-lines-v31 .line-tail{
    grid-column:1/-1!important;
    justify-content:space-between!important;
    min-width:0!important;
  }
  body.ui-v39 .selected-lines-v31 .line-total-chip{flex:1 1 auto!important;min-width:0!important}
}
@container fixproInvoiceLines (max-width:420px){
  body.ui-v39 .selected-lines-v31 .price-entry,
  body.ui-v39 .selected-lines-v31 .price-entry.service-line{
    grid-template-columns:minmax(0,1fr)!important;
    padding:12px!important;
  }
  body.ui-v39 .selected-lines-v31 .line-description,
  body.ui-v39 .selected-lines-v31 .line-qty-field,
  body.ui-v39 .selected-lines-v31 .line-price-field,
  body.ui-v39 .selected-lines-v31 .line-tail{grid-column:1!important}
  body.ui-v39 .selected-lines-v31 .line-tail{min-width:0!important}
}

/* --------------------------------------------------------------------------
   FixPro v3.9.8 — simplified device finder + contextual Device Parts panel
   - Series/year/sort controls were intentionally removed from the counter.
   - The device search is now the single focused finder control.
   - Device Parts stays out of the way until a device (or explicit shop-stock
     action) needs the panel.
   -------------------------------------------------------------------------- */
body.ui-v39 .device-catalog-v39 > .device-finder-strip-v398{order:4!important}
body.ui-v39 .device-catalog-v39 > .catalog-utility-row-v392{order:5!important}
body.ui-v39 .device-catalog-v39 > .device-grid-v31{order:6!important}
body.ui-v39 .device-catalog-v39 > .catalog-empty{order:7!important}
body.ui-v39 .device-catalog-v39 > .selection-box{order:8!important}
body.ui-v39 .device-catalog-v39 > .repair-options-v392{order:9!important}

body.ui-v39 .device-finder-strip-v398{
  display:block!important;
  width:100%!important;
  margin:14px 0 12px!important;
}
body.ui-v39 .device-search-pro-v398{
  position:relative!important;
  width:100%!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:0!important;
  padding:5px 8px 5px 7px!important;
  border:1px solid color-mix(in srgb,var(--v38-blue) 18%,var(--v38-border))!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,var(--v38-surface),color-mix(in srgb,var(--v38-blue) 1.8%,var(--v38-surface-2)))!important;
  box-shadow:0 8px 24px rgba(24,62,118,.055)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.ui-v39 .device-search-pro-v398:focus-within{
  border-color:#3b82f6!important;
  box-shadow:0 0 0 4px color-mix(in srgb,#3b82f6 11%,transparent),0 10px 26px rgba(32,92,177,.10)!important;
}
body.ui-v39 .device-search-icon-v398{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--v38-blue) 14%,var(--v38-border))!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--v38-blue) 6%,var(--v38-surface-2))!important;
  color:#3978d5!important;
}
body.ui-v39 .device-search-icon-v398 svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.ui-v39 .device-search-pro-v398 input{
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  font-size:13.5px!important;
  font-weight:700!important;
  letter-spacing:-.005em!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
body.ui-v39 .device-search-pro-v398 input::placeholder{
  color:color-mix(in srgb,var(--muted) 82%,transparent)!important;
  font-weight:650!important;
}
body.ui-v39 .device-search-pro-v398 input::-webkit-search-cancel-button{-webkit-appearance:none!important}
body.ui-v39 .device-search-clear-v398{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid var(--v38-border)!important;
  border-radius:9px!important;
  background:var(--v38-surface-2)!important;
  color:var(--muted)!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
body.ui-v39 .device-search-clear-v398:hover{
  border-color:color-mix(in srgb,var(--v38-blue) 32%,var(--v38-border))!important;
  background:color-mix(in srgb,var(--v38-blue) 6%,var(--v38-surface-2))!important;
  color:var(--v38-blue)!important;
}
body.ui-v39 .device-search-clear-v398[hidden]{display:none!important}

body.ui-v39 .repair-options-panel-v398[hidden]{display:none!important}
body.ui-v39 .repair-options-panel-v398:not([hidden]){
  animation:fixproPartsReveal .18s ease-out both;
}
@keyframes fixproPartsReveal{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:620px){
  body.ui-v39 .device-search-pro-v398{
    min-height:54px!important;
    grid-template-columns:43px minmax(0,1fr) 34px!important;
    border-radius:14px!important;
  }
  body.ui-v39 .device-search-icon-v398{width:34px!important;height:34px!important;border-radius:10px!important}
  body.ui-v39 .device-search-pro-v398 input{height:42px!important;font-size:12.5px!important;padding:0 9px!important}
  body.ui-v39 .device-search-clear-v398{width:30px!important;height:30px!important}
}

/* --------------------------------------------------------------------------
   FixPro v4.0.6 — professional multi-payment workflow
   -------------------------------------------------------------------------- */
body.ui-v39 .payment-method-control-v406{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 24px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:46px!important;
  border:1px solid var(--theme-input-border)!important;
  border-radius:12px!important;
  background:var(--theme-input)!important;
  overflow:hidden!important;
  box-shadow:0 5px 16px color-mix(in srgb,#16345f 5%,transparent)!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
body.ui-v39 .payment-method-control-v406:focus-within{
  border-color:#4388f4!important;
  box-shadow:0 0 0 3px color-mix(in srgb,#4388f4 11%,transparent)!important;
}
body.ui-v39 .payment-method-icon-v406{
  width:32px!important;height:32px!important;margin-left:7px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  background:color-mix(in srgb,#367fff 8%,var(--theme-panel-2))!important;
  color:#2774e6!important;
}
body.ui-v39 .payment-method-icon-v406 svg{
  display:none!important;width:18px!important;height:18px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.ui-v39 [data-method="cash"] .payment-method-icon-v406 svg[data-payment-icon="cash"],
body.ui-v39 [data-method="card"] .payment-method-icon-v406 svg[data-payment-icon="card"],
body.ui-v39 [data-method="payid"] .payment-method-icon-v406 svg[data-payment-icon="payid"],
body.ui-v39 [data-method="bank_transfer"] .payment-method-icon-v406 svg[data-payment-icon="bank_transfer"],
body.ui-v39 [data-method="wallet"] .payment-method-icon-v406 svg[data-payment-icon="wallet"],
body.ui-v39 [data-method="other"] .payment-method-icon-v406 svg[data-payment-icon="other"]{display:block!important}
body.ui-v39 [data-method="cash"] .payment-method-icon-v406{color:#118b61!important;background:color-mix(in srgb,#13a36f 10%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="card"] .payment-method-icon-v406{color:#2878eb!important;background:color-mix(in srgb,#2878eb 10%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="payid"] .payment-method-icon-v406{color:#7855df!important;background:color-mix(in srgb,#7855df 10%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="bank_transfer"] .payment-method-icon-v406{color:#315e9c!important;background:color-mix(in srgb,#315e9c 9%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="wallet"] .payment-method-icon-v406{color:#c17a0b!important;background:color-mix(in srgb,#d58b14 10%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="other"] .payment-method-icon-v406{color:#69768a!important;background:color-mix(in srgb,#69768a 10%,var(--theme-panel-2))!important}
body.ui-v39 .payment-method-select-v406{
  width:100%!important;min-width:0!important;height:44px!important;
  padding:0 6px!important;margin:0!important;border:0!important;outline:0!important;
  background:transparent!important;color:var(--ink)!important;
  font-size:12.5px!important;font-weight:800!important;
  appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important;
}
body.ui-v39 .payment-method-chevron-v406{display:grid!important;place-items:center!important;color:var(--muted)!important;font-size:15px!important;pointer-events:none!important}
body.ui-v39 .payment-disabled-v406{opacity:.55!important;filter:saturate(.65)!important}

body.ui-v39 .payment-plan-v406{
  margin-top:13px!important;padding:14px!important;
  border:1px solid color-mix(in srgb,#3b82f6 16%,var(--v38-border))!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,color-mix(in srgb,#3b82f6 3%,var(--v38-surface)),var(--v38-surface))!important;
  box-shadow:0 10px 30px rgba(22,54,101,.045)!important;
}
body.ui-v39 .payment-plan-head-v406{display:grid!important;grid-template-columns:minmax(190px,.8fr) minmax(240px,1.2fr)!important;gap:12px!important;align-items:end!important}
body.ui-v39 .payment-plan-v406 label{display:grid!important;gap:6px!important;color:var(--ink)!important;font-size:10.5px!important;font-weight:850!important}
body.ui-v39 .payment-plan-v406 input,body.ui-v39 .payment-plan-v406 select{
  min-width:0!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;
  border:1px solid var(--theme-input-border)!important;border-radius:12px!important;
  background:var(--theme-input)!important;color:var(--ink)!important;font-size:12.5px!important;font-weight:750!important;
}
body.ui-v39 .payment-state-copy-v406{min-height:60px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border:1px solid var(--v38-border)!important;border-radius:13px!important;background:var(--v38-surface-2)!important}
body.ui-v39 .payment-state-icon-v406{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:color-mix(in srgb,#17a873 11%,var(--v38-surface))!important;color:#0d9867!important;font-size:16px!important;font-weight:950!important}
body.ui-v39 .payment-state-copy-v406 div{display:grid!important;gap:2px!important;min-width:0!important}
body.ui-v39 .payment-state-copy-v406 strong{font-size:11.5px!important;color:var(--ink)!important}
body.ui-v39 .payment-state-copy-v406 small{font-size:8.5px!important;line-height:1.45!important;color:var(--muted)!important}
body.ui-v39 .payment-plan-v406[data-payment-state="unpaid"] .payment-state-icon-v406{background:color-mix(in srgb,#d88c15 12%,var(--v38-surface))!important;color:#b8750c!important}
body.ui-v39 .payment-plan-v406[data-payment-state="part_paid"] .payment-state-icon-v406{background:color-mix(in srgb,#7258df 11%,var(--v38-surface))!important;color:#7151d9!important}
body.ui-v39 .payment-primary-grid-v406{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:10px!important;margin-top:12px!important}
body.ui-v39 .split-payments-v406{display:grid!important;gap:9px!important;margin-top:9px!important}
body.ui-v39 .split-payment-row-v406{padding:11px!important;border:1px solid color-mix(in srgb,#765ae4 18%,var(--v38-border))!important;border-radius:13px!important;background:color-mix(in srgb,#765ae4 3.5%,var(--v38-surface-2))!important}
body.ui-v39 .split-payment-row-head-v406{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}
body.ui-v39 .split-payment-row-head-v406 strong{font-size:9px!important;color:#7257d7!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.ui-v39 .split-payment-row-head-v406 button,body.ui-v39 .collector-remove-v406{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid color-mix(in srgb,#df5364 25%,var(--v38-border))!important;border-radius:8px!important;background:color-mix(in srgb,#df5364 6%,var(--v38-surface))!important;color:#d64a5b!important;font-size:17px!important;cursor:pointer!important}
body.ui-v39 .split-payment-row-grid-v406{display:grid!important;grid-template-columns:minmax(150px,.85fr) minmax(115px,.55fr) minmax(180px,1.2fr)!important;gap:9px!important;align-items:end!important}
body.ui-v39 .split-payment-add-v406{width:100%!important;min-height:48px!important;margin-top:10px!important;padding:9px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px dashed color-mix(in srgb,#377df0 40%,var(--v38-border))!important;border-radius:12px!important;background:color-mix(in srgb,#377df0 4%,var(--v38-surface-2))!important;color:#236bd6!important;cursor:pointer!important}
body.ui-v39 .split-payment-add-v406 span{font-size:18px!important;line-height:1!important}.split-payment-add-v406 strong{font-size:10.5px!important}.split-payment-add-v406 small{font-size:8px!important;color:var(--muted)!important;font-weight:650!important}
body.ui-v39 .split-payment-add-v406:disabled{opacity:.45!important;cursor:not-allowed!important}
body.ui-v39 .payment-progress-v406{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}
body.ui-v39 .payment-progress-v406>div{min-height:55px!important;padding:9px 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid var(--v38-border)!important;border-radius:12px!important;background:var(--v38-surface-2)!important}
body.ui-v39 .payment-progress-v406 span{font-size:9px!important;color:var(--muted)!important;font-weight:750!important}.payment-progress-v406 strong{font-size:15px!important;color:var(--ink)!important;font-weight:950!important}
body.ui-v39 .payment-plan-v406[data-balance-state="due"] .payment-progress-v406 .balance strong{color:#b9770d!important}
body.ui-v39 .payment-plan-v406[data-balance-state="settled"] .payment-progress-v406 .balance strong{color:#0e9d6b!important}
body.ui-v39 .payment-plan-v406[data-balance-state="over"] .payment-progress-v406 .balance strong{color:#d94c5b!important}
body.ui-v39 .payment-plan-note-v406{margin:9px 2px 0!important;color:var(--muted)!important;font-size:8.5px!important;line-height:1.5!important}
body.ui-v39 .payment-plan-error-v406{margin:8px 0 0!important;padding:8px 10px!important;border:1px solid color-mix(in srgb,#d94c5b 24%,var(--v38-border))!important;border-radius:9px!important;background:color-mix(in srgb,#d94c5b 6%,var(--v38-surface))!important;color:#cf4352!important;font-size:9px!important;font-weight:750!important}
body.ui-v39 .payment-finish-grid-v406{grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr)!important;align-items:stretch!important}.payment-finish-grid-v406 .notes-field-v406{grid-column:auto!important}.payment-finish-grid-v406 textarea{height:100%!important;min-height:78px!important}

/* Receipt / repair-page payment collection */
body.ui-v39 .payment-workspace-v406{grid-column:1/-1!important}
body.ui-v39 .payment-workspace-head-v406{align-items:center!important}
body.ui-v39 .payment-balance-grid-v406{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important}
body.ui-v39 .payment-balance-grid-v406>div{min-height:72px!important;display:grid!important;align-content:center!important;gap:4px!important;padding:11px 13px!important;border:1px solid var(--v38-border)!important;border-radius:12px!important;background:var(--v38-surface-2)!important}
body.ui-v39 .payment-balance-grid-v406 small{font-size:8px!important;color:var(--muted)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important}.payment-balance-grid-v406 strong{font-size:17px!important;color:var(--ink)!important}.payment-balance-grid-v406 span{font-size:7.5px!important;color:var(--muted)!important}.payment-balance-grid-v406 .is-due strong{color:#b9760a!important}.payment-balance-grid-v406 .is-settled strong{color:#0c9d6b!important}
body.ui-v39 .payment-history-v406{margin-bottom:12px!important;border:1px solid var(--v38-border)!important;border-radius:12px!important;overflow:hidden!important;background:var(--v38-surface-2)!important}
body.ui-v39 .payment-history-title-v406{min-height:36px!important;padding:8px 11px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid var(--v38-border)!important}.payment-history-title-v406 strong{font-size:9px!important}.payment-history-title-v406 span{font-size:7.5px!important;color:var(--muted)!important}
body.ui-v39 .payment-history-row-v406{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:9px 11px!important;border-bottom:1px solid var(--v38-border)!important}.payment-history-row-v406:last-child{border-bottom:0!important}
body.ui-v39 .payment-history-method-icon-v406{display:grid!important;place-items:center!important}.payment-history-method-icon-v406 .payment-method-icon-v406{margin:0!important}
body.ui-v39 .payment-history-copy-v406{display:grid!important;gap:2px!important;min-width:0!important}.payment-history-copy-v406 strong{font-size:9px!important}.payment-history-copy-v406 small{font-size:7.5px!important;color:var(--muted)!important;white-space:normal!important}.payment-history-amount-v406{font-size:11.5px!important;color:var(--ink)!important}
body.ui-v39 .payment-collector-v406{padding:12px!important;border:1px solid color-mix(in srgb,#367fff 20%,var(--v38-border))!important;border-radius:14px!important;background:linear-gradient(140deg,color-mix(in srgb,#367fff 4%,var(--v38-surface-2)),var(--v38-surface))!important}
body.ui-v39 .payment-collector-heading-v406{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}.payment-collector-heading-v406>div{display:grid!important;gap:2px!important}.payment-collector-heading-v406 strong{font-size:10px!important}.payment-collector-heading-v406 small{font-size:7.5px!important;color:var(--muted)!important}.payment-collector-heading-v406>span{padding:6px 9px!important;border-radius:999px!important;background:color-mix(in srgb,#d88c15 9%,var(--v38-surface))!important;color:#ad7110!important;font-size:8px!important;font-weight:850!important;white-space:nowrap!important}
body.ui-v39 .payment-collector-rows-v406{display:grid!important;gap:8px!important}.payment-collector-row-v406{position:relative!important;display:grid!important;grid-template-columns:minmax(160px,.8fr) minmax(105px,.5fr) minmax(180px,1.1fr)!important;gap:8px!important;align-items:end!important}.payment-collector-row-v406.additional{padding-top:10px!important;border-top:1px dashed var(--v38-border)!important;grid-template-columns:minmax(160px,.8fr) minmax(105px,.5fr) minmax(180px,1.1fr) 30px!important}.payment-collector-row-v406 label{display:grid!important;gap:5px!important;font-size:7.8px!important;font-weight:800!important;color:var(--muted)!important}.payment-collector-row-v406 input{min-height:46px!important;margin:0!important;border-radius:11px!important;background:var(--theme-input)!important;border:1px solid var(--theme-input-border)!important;color:var(--ink)!important}
body.ui-v39 .collector-remove-v406{align-self:end!important;margin-bottom:8px!important}.payment-collector-actions-v406{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;margin-top:10px!important}.payment-collector-actions-v406 .split-payment-add-v406{width:auto!important;min-height:38px!important;margin:0!important;padding:6px 10px!important}.payment-collector-actions-v406 .split-payment-add-v406 small{display:none!important}.collector-live-balance-v406{display:flex!important;justify-content:flex-end!important;gap:13px!important;flex-wrap:wrap!important;color:var(--muted)!important;font-size:8px!important}.collector-live-balance-v406 strong{color:var(--ink)!important;font-size:9.5px!important}.payment-collector-v406[data-balance-state="over"] [data-collector-remaining]{color:#d94c5b!important}.payment-collector-v406[data-balance-state="settled"] [data-collector-remaining]{color:#0b9a68!important}
body.ui-v39 .payment-settled-v406{display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;border:1px solid color-mix(in srgb,#11a471 20%,var(--v38-border))!important;border-radius:12px!important;background:color-mix(in srgb,#11a471 5%,var(--v38-surface-2))!important}.payment-settled-v406>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#12a773!important;color:#fff!important;font-weight:900!important}.payment-settled-v406>div{display:grid!important;gap:2px!important}.payment-settled-v406 strong{font-size:10px!important;color:#0d8b61!important}.payment-settled-v406 small{font-size:7.8px!important;color:var(--muted)!important}.invoice-payment-method-v406{font-size:9px!important;color:var(--muted)!important}

@media(max-width:900px){
  body.ui-v39 .payment-plan-head-v406{grid-template-columns:1fr!important}
  body.ui-v39 .split-payment-row-grid-v406{grid-template-columns:1fr 1fr!important}.split-payment-reference-v406{grid-column:1/-1!important}
  body.ui-v39 .payment-collector-row-v406,body.ui-v39 .payment-collector-row-v406.additional{grid-template-columns:1fr 1fr!important}.payment-collector-row-v406 .collector-reference-v406{grid-column:1/-1!important}.payment-collector-row-v406.additional .collector-remove-v406{position:absolute!important;right:0!important;top:8px!important;margin:0!important}
}
@media(max-width:680px){
  body.ui-v39 .money-grid-v406{grid-template-columns:1fr 1fr!important}
  body.ui-v39 .payment-primary-grid-v406,body.ui-v39 .payment-progress-v406,body.ui-v39 .payment-finish-grid-v406{grid-template-columns:1fr!important}.payment-finish-grid-v406 .notes-field-v406{grid-column:1!important}
  body.ui-v39 .payment-balance-grid-v406{grid-template-columns:1fr!important}
  body.ui-v39 .payment-collector-actions-v406{grid-template-columns:1fr!important}.collector-live-balance-v406{justify-content:space-between!important}.payment-collector-actions-v406 .split-payment-add-v406{width:100%!important}
}
@media(max-width:480px){
  body.ui-v39 .money-grid-v406{grid-template-columns:1fr!important}
  body.ui-v39 .payment-plan-v406{padding:11px!important;border-radius:14px!important}
  body.ui-v39 .split-payment-row-grid-v406,body.ui-v39 .payment-collector-row-v406,body.ui-v39 .payment-collector-row-v406.additional{grid-template-columns:1fr!important}.split-payment-reference-v406,.payment-collector-row-v406 .collector-reference-v406{grid-column:1!important}
  body.ui-v39 .split-payment-add-v406{align-items:flex-start!important;flex-direction:column!important;text-align:left!important}.split-payment-add-v406 span{display:none!important}
  body.ui-v39 .payment-history-row-v406{grid-template-columns:34px minmax(0,1fr) auto!important;padding:8px!important}.payment-history-method-icon-v406 .payment-method-icon-v406{width:28px!important;height:28px!important}.payment-history-amount-v406{font-size:10px!important}
  body.ui-v39 .payment-collector-heading-v406{align-items:flex-start!important;flex-direction:column!important}
  body.ui-v39 .payment-collector-row-v406.additional{padding-right:36px!important}.payment-collector-row-v406.additional .collector-remove-v406{top:10px!important}
}

/* v4.3.11 customer identity avatars: stable, neutral and privacy-safe. The variant is
   derived from the customer record only to create visual separation; it does not infer
   gender or any personal attribute from names, phone numbers or email addresses. */
.customer-match-avatar[data-avatar-variant],
.customer-avatar-v38[data-avatar-variant],
.customer-avatar-large-v38[data-avatar-variant],
.rc-avatar-v420[data-avatar-variant],
.record-avatar[data-avatar-variant]{
    --fp-avatar-a:#2777ef;
    --fp-avatar-b:#6557e8;
    color:#fff!important;
    border-color:color-mix(in srgb,var(--fp-avatar-a) 30%,var(--line))!important;
    background:
        radial-gradient(circle at 72% 24%,rgba(255,255,255,.28) 0 8%,transparent 9% 100%),
        linear-gradient(145deg,var(--fp-avatar-a),var(--fp-avatar-b))!important;
    box-shadow:0 8px 18px color-mix(in srgb,var(--fp-avatar-a) 18%,transparent);
}
[data-avatar-variant="2"]{--fp-avatar-a:#0e9b85;--fp-avatar-b:#2580c7}
[data-avatar-variant="3"]{--fp-avatar-a:#7357d8;--fp-avatar-b:#bf5ba7}
[data-avatar-variant="4"]{--fp-avatar-a:#df7a2f;--fp-avatar-b:#c84b63}
[data-avatar-variant="5"]{--fp-avatar-a:#2f8b68;--fp-avatar-b:#6e8d3c}
[data-avatar-variant="6"]{--fp-avatar-a:#3d71b8;--fp-avatar-b:#8558ba}
[data-avatar-variant="7"]{--fp-avatar-a:#a75b43;--fp-avatar-b:#7f668d}
[data-avatar-variant="8"]{--fp-avatar-a:#277e9c;--fp-avatar-b:#4565c5}
body[data-theme="dark"] .customer-match-avatar[data-avatar-variant],
body[data-theme="dark"] .customer-avatar-v38[data-avatar-variant],
body[data-theme="dark"] .customer-avatar-large-v38[data-avatar-variant],
body[data-theme="dark"] .rc-avatar-v420[data-avatar-variant],
body[data-theme="dark"] .record-avatar[data-avatar-variant]{filter:saturate(.9) brightness(1.04)}
.field-inline-note-v4311{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,#14a879 9%,var(--theme-panel));border:1px solid color-mix(in srgb,#14a879 24%,var(--line));color:#118460;font-size:6.8px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}
.field-help-v4311{display:block;margin-top:5px;color:var(--muted);font-size:7.2px;line-height:1.4;text-transform:none;letter-spacing:0;font-weight:600}
.auto-email-card-v4311{cursor:default!important}
.auto-email-card-v4311 .choice-box-v405{background:color-mix(in srgb,#14a879 11%,var(--theme-panel));border-color:color-mix(in srgb,#14a879 28%,var(--line));color:#118460}
body[data-theme="dark"] .field-inline-note-v4311{color:#71d9b5}

/* --------------------------------------------------------------------------
   FixPro v4.3.19 — stored local device photography + 4-up counter catalogue
   - The live site never calls an AI image service for product thumbnails.
   - Exact/manual/trusted images remain first priority.
   - Bundled local starter photos are installed into storage and rendered with
     natural colours and object-fit:contain.
   -------------------------------------------------------------------------- */
body.ui-v4319 .device-catalog-v39 > .device-grid-v31{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  max-height:500px!important;
}
body.ui-v4319 .device-grid-v31 .device-card-v25{
  min-width:0!important;
  min-height:228px!important;
  padding:10px!important;
  border-radius:15px!important;
}
body.ui-v4319 .device-grid-v31 .device-visual{
  height:128px!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff,#f8faff)!important;
}
body.ui-v4319 .device-art-v4315,
body.ui-v4319 .device-art-v4315.has-model-image{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
}
body.ui-v4319 .device-art-v4315.has-model-image>img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:8px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
body.ui-v4319 .device-photo-placeholder-v4319{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-content:center!important;
  gap:5px!important;
  text-align:center!important;
  padding:16px!important;
  color:var(--muted)!important;
}
body.ui-v4319 .device-photo-placeholder-v4319 strong{font-size:11px!important;color:var(--muted)!important}
body.ui-v4319 .device-photo-placeholder-v4319 small{font-size:8px!important;color:color-mix(in srgb,var(--muted) 82%,transparent)!important}
body.ui-v4319 .device-card-copy-v4315>strong{
  font-size:12.5px!important;
  line-height:1.2!important;
  min-height:30px!important;
  display:flex!important;
  align-items:flex-end!important;
}
body.ui-v4319 .device-card-meta-v4315{font-size:9px!important}
body.ui-v4319 .device-select-text{margin-top:auto!important}
body.ui-v4319[data-theme="dark"] .device-grid-v31 .device-visual{
  background:linear-gradient(180deg,#ffffff,#f5f8fc)!important;
}
body.ui-v4319[data-theme="dark"] .device-art-v4315.has-model-image>img{filter:none!important}

@media(max-width:900px){
  body.ui-v4319 .device-catalog-v39 > .device-grid-v31{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:680px){
  body.ui-v4319 .device-catalog-v39 > .device-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:520px!important}
}
@media(max-width:390px){
  body.ui-v4319 .device-catalog-v39 > .device-grid-v31{grid-template-columns:1fr!important}
}

/* --------------------------------------------------------------------------
   FixPro v4.3.21 — 4-across exact product photo catalogue
   Keep four device cards across inside the split counter at normal desktop
   scaling. Reflow only when the actual viewport is genuinely tablet/mobile.
   -------------------------------------------------------------------------- */
body.ui-v4320 .device-catalog-v39 > .device-grid-v31,
body.ui-v4320 .device-panel .device-grid-v403{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
body.ui-v4320 .device-card-v4315{
  min-width:0!important;
  min-height:224px!important;
  padding:9px!important;
}
body.ui-v4320 .device-visual-v4315{
  height:122px!important;
  margin-bottom:9px!important;
}
body.ui-v4320 .device-card-copy-v4315{min-height:55px!important;gap:4px!important}
body.ui-v4320 .device-card-copy-v4315>strong{font-size:12.5px!important;line-height:1.2!important}
body.ui-v4320 .device-card-meta-v4315{font-size:8.7px!important}
body.ui-v4320 .device-art-v4315.has-model-image>img{
  opacity:1!important;
  padding:5px!important;
  object-fit:contain!important;
  object-position:center!important;
}
body.ui-v4320 .device-art-v4315.representative-local-v4320>img{
  filter:drop-shadow(0 8px 10px rgba(11,35,70,.12))!important;
}
body.ui-v4320[data-theme="dark"] .device-art-v4315.representative-local-v4320>img{
  filter:drop-shadow(0 9px 13px rgba(0,0,0,.28))!important;
}
@media(max-width:760px){
  body.ui-v4320 .device-catalog-v39 > .device-grid-v31,
  body.ui-v4320 .device-panel .device-grid-v403{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:590px){
  body.ui-v4320 .device-catalog-v39 > .device-grid-v31,
  body.ui-v4320 .device-panel .device-grid-v403{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}
@media(max-width:350px){
  body.ui-v4320 .device-catalog-v39 > .device-grid-v31,
  body.ui-v4320 .device-panel .device-grid-v403{grid-template-columns:1fr!important}
}

body.ui-v40 .device-art-badge-v4322{position:absolute;right:7px;bottom:7px;padding:3px 7px;border-radius:999px;color:#fff;font-size:7px;font-weight:900;letter-spacing:.05em;box-shadow:0 4px 12px rgba(11,31,61,.18);backdrop-filter:blur(6px);line-height:1.1;}
body.ui-v40 .device-art-badge-v4322.is-ai-v4322{background:rgba(13,38,72,.82);}
body.ui-v40 .device-art-badge-v4322.is-preview-v4322{background:rgba(21,86,131,.82);}
body.ui-v40 .device-art-v4315.photo-failed-v4317 .device-art-badge-v4322{display:none!important;}
body.ui-v40 .selected-device-art-v407 .device-art-badge-v4322{display:none;}
body.ui-v40[data-theme="dark"] .device-art-badge-v4322.is-preview-v4322{background:rgba(39,122,174,.82);}

/* ===== premium-v4.css ===== */
/* ========================================================================== 
   FixPro 4.0 — Royal adaptive interface layer
   Loaded after app.css. This file intentionally acts as the final design and
   responsiveness authority while the legacy component CSS remains compatible.
   ========================================================================== */

:root{
  --fp4-blue:#1769ff;
  --fp4-blue-strong:#0b56dc;
  --fp4-violet:#7357f6;
  --fp4-cyan:#17a9c7;
  --fp4-emerald:#14a875;
  --fp4-gold:#b98932;
  --fp4-danger:#d94d61;
  --fp4-radius-xs:10px;
  --fp4-radius-sm:13px;
  --fp4-radius-md:16px;
  --fp4-radius-lg:20px;
  --fp4-radius-xl:24px;
  --fp4-max:1840px;
  --fp4-focus:0 0 0 4px rgba(23,105,255,.14);
}

html{min-width:0;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body.ui-v40,body.ui-v40 *{box-sizing:border-box}
body.ui-v40{min-width:0;overflow-x:hidden;font-feature-settings:"kern" 1,"liga" 1;letter-spacing:-.006em}
body.ui-v40 img,body.ui-v40 svg{max-width:100%}
body.ui-v40 button,body.ui-v40 a,body.ui-v40 input,body.ui-v40 select,body.ui-v40 textarea{-webkit-tap-highlight-color:transparent}
body.ui-v40 :focus-visible{outline:none!important;box-shadow:var(--fp4-focus)!important}
body.ui-v40 [hidden]{display:none!important}

body.ui-v40[data-theme="light"]{
  --ink:#0d1d35;
  --muted:#64748b;
  --line:#dce5f1;
  --bg:#f4f7fb;
  --panel:#ffffff;
  --theme-panel:#ffffff;
  --theme-panel-2:#f8fbff;
  --theme-input:#ffffff;
  --theme-input-border:#d5e0ed;
  --theme-header:rgba(255,255,255,.94);
  --theme-soft:#eef4fb;
  --v38-surface:#ffffff;
  --v38-surface-2:#f8fbff;
  --v38-surface-3:#eef4fb;
  --v38-border:#dce5f1;
  --v38-blue:#1769ff;
  --v39-ink:#0d1d35;
  --v39-muted:#64748b;
  --v39-border:#dce5f1;
  --fp4-shell:#f4f7fb;
  --fp4-surface:#ffffff;
  --fp4-surface-2:#f8fbff;
  --fp4-surface-3:#eef4fb;
  --fp4-border:#dce5f1;
  --fp4-border-strong:#c8d6e8;
  --fp4-nav:#ffffff;
  --fp4-nav-text:#34445e;
  --fp4-shadow:0 18px 46px rgba(24,48,84,.075);
  --fp4-shadow-soft:0 9px 28px rgba(24,48,84,.055);
  --fp4-glow:rgba(23,105,255,.08);
  background:
    radial-gradient(circle at 82% -8%,rgba(23,105,255,.075),transparent 25%),
    radial-gradient(circle at 8% 8%,rgba(115,87,246,.045),transparent 21%),
    linear-gradient(180deg,#f8fbff 0,#f4f7fb 42%,#f2f6fb 100%)!important;
}

body.ui-v40[data-theme="dark"]{
  --ink:#f2f6ff;
  --muted:#9aabc2;
  --line:#1a3655;
  --bg:#050b16;
  --panel:#091729;
  --theme-panel:#091729;
  --theme-panel-2:#0c1c31;
  --theme-input:#0b1c31;
  --theme-input-border:#234466;
  --theme-header:rgba(5,11,22,.94);
  --theme-soft:#10243d;
  --v38-surface:#091729;
  --v38-surface-2:#0c1c31;
  --v38-surface-3:#10243d;
  --v38-border:#1a3655;
  --v38-blue:#4b8eff;
  --v39-ink:#f2f6ff;
  --v39-muted:#9aabc2;
  --v39-border:#1a3655;
  --fp4-shell:#050b16;
  --fp4-surface:#091729;
  --fp4-surface-2:#0c1c31;
  --fp4-surface-3:#10243d;
  --fp4-border:#1a3655;
  --fp4-border-strong:#2b4d70;
  --fp4-nav:#050d19;
  --fp4-nav-text:#b1bfd3;
  --fp4-shadow:0 22px 56px rgba(0,0,0,.28);
  --fp4-shadow-soft:0 12px 34px rgba(0,0,0,.22);
  --fp4-glow:rgba(74,139,255,.13);
  background:
    radial-gradient(circle at 78% -7%,rgba(37,104,233,.18),transparent 28%),
    radial-gradient(circle at 9% 15%,rgba(112,76,246,.09),transparent 22%),
    linear-gradient(180deg,#040a14 0,#061020 46%,#050b16 100%)!important;
}

/* Premium shell ----------------------------------------------------------- */
body.ui-v40 .shell-topnav{min-width:0;background:transparent!important}
body.ui-v40 .app-header-v28{
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  border-bottom:1px solid color-mix(in srgb,var(--fp4-border) 86%,transparent)!important;
  background:color-mix(in srgb,var(--fp4-nav) 91%,transparent)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  box-shadow:0 8px 28px rgba(3,14,31,.04)!important;
}
body.ui-v40 .app-header-main{
  width:min(var(--fp4-max),100%)!important;
  min-width:0!important;
  height:82px!important;
  margin:0 auto!important;
  padding:0 clamp(16px,2.35vw,40px)!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto auto!important;
  align-items:center!important;
  gap:14px!important;
}
body.ui-v40 .network-brand-link{min-width:0!important;width:max-content!important;max-width:100%!important;margin:0!important}
body.ui-v40 .network-header-brand{width:min(210px,20vw)!important;height:56px!important;min-width:145px!important}
body.ui-v40 .network-header-brand .shop-brand-mark{max-width:100%!important;height:100%!important;object-fit:contain!important}
body.ui-v40 .header-context-card{
  min-width:190px!important;
  min-height:52px!important;
  padding:7px 12px!important;
  border:1px solid var(--fp4-border)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,var(--fp4-surface),var(--fp4-surface-2))!important;
  box-shadow:var(--fp4-shadow-soft)!important;
}
body.ui-v40 .header-context-icon{border-color:color-mix(in srgb,var(--fp4-blue) 18%,var(--fp4-border))!important;background:color-mix(in srgb,var(--fp4-blue) 7%,var(--fp4-surface-2))!important;color:var(--fp4-blue)!important}
body.ui-v40 .context-kicker{font-size:9px!important;color:var(--muted)!important}
body.ui-v40 .header-context-text strong{font-size:13px!important;color:var(--ink)!important}
body.ui-v40 .header-actions{min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
body.ui-v40 .quick-entry{
  min-height:46px!important;
  padding:0 17px!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 70%,#fff 15%)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#1976ff,#0d58df 72%)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:0 10px 24px rgba(23,105,255,.20)!important;
}
body.ui-v40 .quick-entry:hover{transform:translateY(-1px)!important;filter:saturate(1.05)!important}
body.ui-v40 .quick-entry-repair{background:linear-gradient(135deg,#176cff,#604fe9)!important}
body.ui-v40 .theme-switch{
  min-height:44px!important;
  padding:3px!important;
  border:1px solid var(--fp4-border)!important;
  border-radius:12px!important;
  background:var(--fp4-surface)!important;
  box-shadow:none!important;
}
body.ui-v40 .theme-choice{min-height:36px!important;border-radius:9px!important;color:var(--muted)!important}
body.ui-v40 .theme-choice.active{background:color-mix(in srgb,var(--fp4-blue) 10%,var(--fp4-surface-2))!important;color:var(--fp4-blue)!important;border-color:color-mix(in srgb,var(--fp4-blue) 22%,var(--fp4-border))!important}
body.ui-v40 .user-pill{
  min-width:0!important;
  min-height:46px!important;
  padding:4px 7px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
}
body.ui-v40 .user-pill:hover{border-color:var(--fp4-border)!important;background:var(--fp4-surface-2)!important}
body.ui-v40 .profile-avatar{box-shadow:0 5px 15px rgba(20,82,190,.16)!important}
body.ui-v40 .signout-button{min-height:43px!important;border-color:var(--fp4-border)!important;background:var(--fp4-surface)!important}
body.ui-v40 .mobile-nav-toggle{border-color:var(--fp4-border)!important;background:var(--fp4-surface)!important}

body.ui-v40 .app-nav-v31{
  width:100%!important;
  min-height:58px!important;
  padding:0!important;
  border-top:1px solid color-mix(in srgb,var(--fp4-border) 75%,transparent)!important;
  border-bottom:0!important;
  background:color-mix(in srgb,var(--fp4-nav) 92%,transparent)!important;
}
body.ui-v40 .nav-scroller{
  width:min(var(--fp4-max),100%)!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0 auto!important;
  padding:0 clamp(16px,2.35vw,40px)!important;
  gap:8px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
body.ui-v40 .nav-scroller::-webkit-scrollbar{display:none!important}
body.ui-v40 .top-navlink{
  min-height:58px!important;
  padding:0 12px!important;
  color:var(--fp4-nav-text)!important;
  font-size:12px!important;
  font-weight:760!important;
  white-space:nowrap!important;
  border-radius:0!important;
}
body.ui-v40 .top-navlink:hover{color:var(--fp4-blue)!important}
body.ui-v40 .top-navlink.active{color:var(--fp4-blue)!important;box-shadow:inset 0 -3px 0 var(--fp4-blue)!important}
body.ui-v40 .top-navlink.active .nav-icon{background:color-mix(in srgb,var(--fp4-blue) 9%,var(--fp4-surface))!important;color:var(--fp4-blue)!important}
body.ui-v40 .nav-dropdown-menu{
  border:1px solid var(--fp4-border)!important;
  border-radius:14px!important;
  background:var(--fp4-surface)!important;
  box-shadow:0 20px 50px rgba(3,15,34,.16)!important;
}

body.ui-v40 .main-topnav{min-width:0!important;min-height:calc(100vh - 140px)!important;background:transparent!important}
body.ui-v40 .page-brand-watermark{opacity:.035!important;pointer-events:none!important}

/* Generic premium surfaces and typography -------------------------------- */
body.ui-v40 .page,
body.ui-v40 .ui-page-v38,
body.ui-v40 .operations-ledger-page,
body.ui-v40 .transaction-workspace-page{
  width:min(var(--fp4-max),calc(100% - clamp(24px,4vw,64px)))!important;
  max-width:var(--fp4-max)!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding-top:clamp(20px,2.2vw,34px)!important;
  padding-bottom:88px!important;
}
body.ui-v40 .page-title,body.ui-v40 .page-title-v38{gap:14px!important;margin-bottom:22px!important}
body.ui-v40 .page-title h1{font-size:clamp(28px,2.25vw,40px)!important;line-height:1.04!important;letter-spacing:-.035em!important;color:var(--ink)!important}
body.ui-v40 .page-title p{max-width:780px!important;font-size:13px!important;line-height:1.55!important;color:var(--muted)!important}
body.ui-v40 .eyebrow{color:var(--fp4-blue)!important;font-size:10px!important;letter-spacing:.13em!important}

body.ui-v40 .panel,
body.ui-v40 .mini-panel,
body.ui-v40 .filterbar,
body.ui-v40 .table-wrap,
body.ui-v40 .data-card-v38,
body.ui-v40 .workspace-panel,
body.ui-v40 .operations-metric,
body.ui-v40 .operations-filterbar,
body.ui-v40 .operations-ledger,
body.ui-v40 .transaction-snapshot,
body.ui-v40 .invoice-workspace-v35,
body.ui-v40 .health-card,
body.ui-v40 .profile-card,
body.ui-v40 .appearance-card,
body.ui-v40 .branding-settings{
  border-color:var(--fp4-border)!important;
  background:var(--fp4-surface)!important;
  box-shadow:var(--fp4-shadow-soft)!important;
}
body.ui-v40 .panel,body.ui-v40 .workspace-panel,body.ui-v40 .table-wrap,body.ui-v40 .data-card-v38{border-radius:var(--fp4-radius-md)!important}

body.ui-v40 .btn{
  min-height:42px!important;
  border-radius:11px!important;
  border-color:var(--fp4-border)!important;
  background:var(--fp4-surface)!important;
  color:var(--ink)!important;
  font-size:12px!important;
  font-weight:820!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.ui-v40 .btn:hover{transform:translateY(-1px)!important;border-color:var(--fp4-border-strong)!important}
body.ui-v40 .btn.primary{
  border-color:#1769ff!important;
  background:linear-gradient(135deg,#1d78ff,#0d59df 70%)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(23,105,255,.18)!important;
}
body.ui-v40 .btn.secondary{background:color-mix(in srgb,var(--fp4-blue) 7%,var(--fp4-surface))!important;color:var(--fp4-blue)!important;border-color:color-mix(in srgb,var(--fp4-blue) 22%,var(--fp4-border))!important}
body.ui-v40 .btn.danger,body.ui-v40 .danger{--fp4-action:var(--fp4-danger)}

body.ui-v40 label{color:color-mix(in srgb,var(--ink) 88%,var(--muted))!important;font-size:11.5px!important;font-weight:760!important}
body.ui-v40 input,
body.ui-v40 select,
body.ui-v40 textarea{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  border:1px solid var(--theme-input-border)!important;
  border-radius:11px!important;
  background:var(--theme-input)!important;
  color:var(--ink)!important;
  font-size:13px!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.ui-v40 input:hover,body.ui-v40 select:hover,body.ui-v40 textarea:hover{border-color:var(--fp4-border-strong)!important}
body.ui-v40 input:focus,body.ui-v40 select:focus,body.ui-v40 textarea:focus{outline:none!important;border-color:var(--fp4-blue)!important;box-shadow:var(--fp4-focus)!important}
body.ui-v40 input::placeholder,body.ui-v40 textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)!important}
body.ui-v40 textarea{line-height:1.5!important;resize:vertical!important}
body.ui-v40 .form-grid,body.ui-v40 .form-grid-v38{min-width:0!important;gap:12px!important}
body.ui-v40 .flash{border:1px solid var(--fp4-border)!important;box-shadow:var(--fp4-shadow-soft)!important}

/* KPI and dashboard cards ------------------------------------------------- */
body.ui-v40 .page-kpis-v38,body.ui-v40 .dashboard-metrics-v38{gap:13px!important}
body.ui-v40 .page-kpis-v38 article,body.ui-v40 .dashboard-metric-v38{
  border-color:var(--fp4-border)!important;
  border-radius:16px!important;
  background:linear-gradient(150deg,var(--fp4-surface),color-mix(in srgb,var(--fp4-blue) 1.7%,var(--fp4-surface-2)))!important;
  box-shadow:var(--fp4-shadow-soft)!important;
}
body.ui-v40 .kpi-icon-v38,body.ui-v40 .metric-icon-v38{box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important}
body.ui-v40 .dashboard-v38{width:min(var(--fp4-max),100%)!important;min-width:0!important;margin:0 auto!important;padding:0 clamp(16px,2.35vw,40px) 82px!important}
body.ui-v40 .dashboard-hero-v38{min-width:0!important;grid-template-columns:minmax(0,1fr) minmax(340px,600px)!important;gap:18px!important;padding:26px 4px 10px!important}
body.ui-v40 .dashboard-filter-v38,body.ui-v40 .dashboard-insight-card-v38{border-color:var(--fp4-border)!important;background:var(--fp4-surface)!important;box-shadow:var(--fp4-shadow-soft)!important}
body.ui-v40 .dashboard-insights-v38{grid-template-columns:minmax(250px,.95fr) minmax(320px,1.2fr) minmax(270px,1fr) minmax(270px,1fr)!important;gap:13px!important}

/* New Entry workspace ----------------------------------------------------- */
body.ui-v40 .counter-page-v39{
  width:min(var(--fp4-max),calc(100% - clamp(18px,2.8vw,42px)))!important;
  max-width:var(--fp4-max)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:22px 0 92px!important;
  display:grid!important;
  grid-template-columns:minmax(520px,.92fr) minmax(620px,1.08fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.ui-v40 .counter-page-v39>.entry-panel,
body.ui-v40 .counter-page-v39>.device-panel{
  min-width:0!important;
  padding:22px!important;
  border:1px solid var(--fp4-border)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,var(--fp4-surface),color-mix(in srgb,var(--fp4-blue) 1.1%,var(--fp4-surface)))!important;
  box-shadow:var(--fp4-shadow)!important;
}
body.ui-v40 .counter-page-v39>.device-panel{
  position:relative!important;
  top:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
body.ui-v40 .counter-form-head-v39 h1,body.ui-v40 .catalog-title-v392 h2{font-size:clamp(23px,1.7vw,31px)!important;letter-spacing:-.035em!important}
body.ui-v40 .counter-form-head-v39 p,body.ui-v40 .catalog-title-v392 p{font-size:11.5px!important;line-height:1.5!important}
body.ui-v40 .form-section-label{border-top-color:var(--fp4-border)!important}
body.ui-v40 .form-section-label>span,body.ui-v40 .section-number{background:linear-gradient(135deg,#2b80ff,#6555ef)!important;color:#fff!important;box-shadow:0 7px 18px rgba(23,105,255,.17)!important}
body.ui-v40 .return-customer-box,body.ui-v40 .repair-context-panel,body.ui-v40 .invoice-workbench,body.ui-v40 .manual-item-card-v32,body.ui-v40 .counter-tax-summary{
  border-color:var(--fp4-border)!important;
  background:var(--fp4-surface-2)!important;
  border-radius:15px!important;
}
body.ui-v40 .invoice-workbench{overflow:visible!important}

/* Quick add is governed by its own container, independent of browser zoom. */
body.ui-v40 .manual-item-card-v32{container-type:inline-size!important;container-name:fp4QuickAdd!important;overflow:visible!important}
body.ui-v40 .manual-item-composer-v32{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(94px,.72fr) minmax(180px,1.55fr) minmax(68px,.5fr) minmax(116px,.82fr) minmax(130px,.9fr)!important;
  gap:8px!important;
  align-items:end!important;
}
body.ui-v40 .manual-item-composer-v32>*{min-width:0!important;max-width:100%!important}
body.ui-v40 .manual-item-composer-v32 .manual-add-btn-v32{width:100%!important;min-width:0!important;white-space:nowrap!important}
@container fp4QuickAdd (max-width:810px){
  body.ui-v40 .manual-item-composer-v32{grid-template-columns:105px minmax(0,1fr) 72px 120px!important}
  body.ui-v40 .manual-item-composer-v32 .manual-add-btn-v32{grid-column:1/-1!important;min-height:44px!important}
}
@container fp4QuickAdd (max-width:560px){
  body.ui-v40 .manual-item-composer-v32{grid-template-columns:minmax(105px,.75fr) minmax(0,1.25fr)!important}
  body.ui-v40 .manual-item-composer-v32 .manual-kind{grid-column:1!important}
  body.ui-v40 .manual-item-composer-v32 .manual-name{grid-column:2!important}
  body.ui-v40 .manual-item-composer-v32 .manual-qty{grid-column:1!important}
  body.ui-v40 .manual-item-composer-v32 .manual-price{grid-column:2!important}
  body.ui-v40 .manual-item-composer-v32 .manual-add-btn-v32{grid-column:1/-1!important}
}
@container fp4QuickAdd (max-width:390px){
  body.ui-v40 .manual-item-composer-v32{grid-template-columns:1fr!important}
  body.ui-v40 .manual-item-composer-v32>*{grid-column:1!important}
}

/* Invoice lines stay readable inside a narrow split-pane. */
body.ui-v40 .selected-lines-v31{
  container-type:inline-size!important;
  container-name:fp4InvoiceLines!important;
  min-width:0!important;
  padding:7px!important;
  border:1px solid var(--fp4-border)!important;
  border-radius:15px!important;
  background:var(--fp4-surface-2)!important;
}
body.ui-v40 .selected-lines-v31 .price-entry{
  min-width:0!important;
  margin:0!important;
  padding:11px!important;
  border:0!important;
  border-bottom:1px solid var(--fp4-border)!important;
  background:transparent!important;
}
body.ui-v40 .selected-lines-v31 .price-entry:last-child{border-bottom:0!important}
body.ui-v40 .selected-lines-v31 .line-total-chip{border-color:color-mix(in srgb,var(--fp4-blue) 18%,var(--fp4-border))!important;background:color-mix(in srgb,var(--fp4-blue) 5%,var(--fp4-surface))!important}
body.ui-v40 .selected-lines-v31 .invoice-line-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
@container fp4InvoiceLines (max-width:620px){
  body.ui-v40 .selected-lines-v31 .price-entry,body.ui-v40 .selected-lines-v31 .price-entry.service-line{grid-template-columns:86px minmax(0,1fr)!important;gap:9px!important}
  body.ui-v40 .selected-lines-v31 .line-description{grid-column:1/-1!important}
  body.ui-v40 .selected-lines-v31 .service-line .line-price-field{grid-column:1/-1!important}
  body.ui-v40 .selected-lines-v31 .line-tail{grid-column:1/-1!important;min-width:0!important;justify-content:space-between!important}
  body.ui-v40 .selected-lines-v31 .line-total-chip{min-width:0!important;flex:1 1 auto!important}
}
@container fp4InvoiceLines (max-width:420px){
  body.ui-v40 .selected-lines-v31 .price-entry,body.ui-v40 .selected-lines-v31 .price-entry.service-line{grid-template-columns:1fr!important}
  body.ui-v40 .selected-lines-v31 .line-description,body.ui-v40 .selected-lines-v31 .line-qty-field,body.ui-v40 .selected-lines-v31 .line-price-field,body.ui-v40 .selected-lines-v31 .line-tail{grid-column:1!important}
}

/* Device library ---------------------------------------------------------- */
body.ui-v40 .type-tabs-v392{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(118px,1fr))!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding-bottom:3px!important;
  scrollbar-width:thin!important;
}
body.ui-v40 .type-tabs-v392 button,
body.ui-v40 .brand-tabs-v392 button{
  border-color:var(--fp4-border)!important;
  background:var(--fp4-surface-2)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
body.ui-v40 .type-tabs-v392 button.active,
body.ui-v40 .brand-tabs-v392 button.active{
  border-color:color-mix(in srgb,var(--fp4-blue) 68%,var(--fp4-border))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--fp4-blue) 15%,var(--fp4-surface)),color-mix(in srgb,var(--fp4-violet) 8%,var(--fp4-surface)))!important;
  color:var(--fp4-blue)!important;
  box-shadow:0 8px 20px rgba(23,105,255,.08)!important;
}
body.ui-v40 .brand-tabs-v392{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
body.ui-v40 .device-search-pro-v398{
  min-height:58px!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 22%,var(--fp4-border))!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,var(--fp4-surface),color-mix(in srgb,var(--fp4-blue) 2.4%,var(--fp4-surface-2)))!important;
  box-shadow:0 10px 28px rgba(23,76,145,.06)!important;
}
body.ui-v40 .device-search-pro-v398:focus-within{border-color:var(--fp4-blue)!important;box-shadow:var(--fp4-focus),0 12px 30px rgba(23,76,145,.08)!important}
body.ui-v40 .device-search-icon-v398{color:var(--fp4-blue)!important;background:color-mix(in srgb,var(--fp4-blue) 7%,var(--fp4-surface-2))!important;border-color:color-mix(in srgb,var(--fp4-blue) 18%,var(--fp4-border))!important}
body.ui-v40 .catalog-utility-row-v392{gap:8px!important}
body.ui-v40 .catalog-stock-button-v392,body.ui-v40 .catalog-add-device-v392{min-width:0!important;border-color:var(--fp4-border)!important;background:var(--fp4-surface-2)!important}
body.ui-v40 .device-grid-v31{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
  gap:9px!important;
  overflow:visible!important;
  max-height:none!important;
}
body.ui-v40 .device-card-v25{
  min-width:0!important;
  min-height:190px!important;
  border-color:var(--fp4-border)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,var(--fp4-surface-2),color-mix(in srgb,var(--fp4-blue) 1.5%,var(--fp4-surface)))!important;
  box-shadow:none!important;
}
body.ui-v40 .device-card-v25:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--fp4-blue) 30%,var(--fp4-border))!important;box-shadow:0 13px 28px rgba(21,69,137,.09)!important}
body.ui-v40 .device-card-v25.selected{border-color:var(--fp4-blue)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--fp4-blue) 16%,transparent),0 13px 28px rgba(21,69,137,.11)!important}
body.ui-v40 .selection-box-v31{border-color:var(--fp4-border)!important;background:var(--fp4-surface-2)!important;border-radius:12px!important}
body.ui-v40 .repair-options-v392{min-width:0!important;border-radius:17px!important;border-color:var(--fp4-border)!important;background:var(--fp4-surface)!important}
body.ui-v40 .device-parts-grid-v395{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;gap:9px!important}
body.ui-v40 .device-part-card-v395{min-width:0!important;border-color:var(--fp4-border)!important;background:var(--fp4-surface-2)!important;border-radius:13px!important}
body.ui-v40 .device-part-card-v395:hover{border-color:color-mix(in srgb,var(--fp4-blue) 35%,var(--fp4-border))!important;background:color-mix(in srgb,var(--fp4-blue) 4%,var(--fp4-surface-2))!important}

/* Lists, tables and workspaces ------------------------------------------- */
body.ui-v40 .table-wrap,body.ui-v40 .analytics-table,body.ui-v40 .dashboard-shop-table-v38,body.ui-v40 .invoice-lines-v35{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
body.ui-v40 table{max-width:100%;border-collapse:separate;border-spacing:0}
body.ui-v40 th{color:var(--muted)!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
body.ui-v40 td{font-size:11px!important}
body.ui-v40 .customer-row-v38,body.ui-v40 .inventory-row-v38,body.ui-v40 .team-row-v38,body.ui-v40 .operations-record{border-color:var(--fp4-border)!important;background:var(--fp4-surface)!important}
body.ui-v40 .operations-ledger-head{background:var(--fp4-surface-2)!important}
body.ui-v40 .workspace-panel-head{gap:12px!important}
body.ui-v40 .customer-read-grid,body.ui-v40 .invoice-lines-v35{border-color:var(--fp4-border)!important;background:var(--fp4-surface)!important}
body.ui-v40 .customer-read-grid>div{background:var(--fp4-surface-2)!important;border-color:var(--fp4-border)!important}

/* Login and activation ---------------------------------------------------- */
body.ui-v40.login-page{
  min-height:100vh!important;
  padding:clamp(16px,3vw,42px)!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 72% 10%,rgba(23,105,255,.18),transparent 28%),
    radial-gradient(circle at 14% 84%,rgba(115,87,246,.12),transparent 25%),
    linear-gradient(145deg,#050b16,#08152a 58%,#050b16)!important;
}
body.ui-v40.login-page[data-theme="light"]{background:radial-gradient(circle at 74% 10%,rgba(23,105,255,.10),transparent 28%),linear-gradient(145deg,#f7faff,#eef4fb)!important}
body.ui-v40 .login-stage{width:min(1180px,100%)!important;min-width:0!important;gap:clamp(20px,4vw,58px)!important}
body.ui-v40 .login-brand-panel,body.ui-v40 .login-card{min-width:0!important}
body.ui-v40 .login-card{border:1px solid var(--fp4-border)!important;border-radius:22px!important;background:color-mix(in srgb,var(--fp4-surface) 95%,transparent)!important;box-shadow:0 26px 70px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px)!important}
body.ui-v40 .login-theme-switch{border-color:var(--fp4-border)!important;background:var(--fp4-surface)!important}

/* Adaptive breakpoints ---------------------------------------------------- */
@media(max-width:1420px){
  body.ui-v40 .app-header-main{grid-template-columns:minmax(160px,1fr) auto!important}
  body.ui-v40 .header-context-card{display:none!important}
  body.ui-v40 .network-header-brand{width:min(190px,22vw)!important}
  body.ui-v40 .dashboard-insights-v38{grid-template-columns:1fr 1fr!important}
}

@media(max-width:1219px){
  body.ui-v40 .counter-page-v39{grid-template-columns:1fr!important;width:min(1050px,calc(100% - 28px))!important;gap:16px!important}
  body.ui-v40 .counter-page-v39>.device-panel{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
  body.ui-v40 .device-grid-v31{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important}
  body.ui-v40 .dashboard-hero-v38{grid-template-columns:1fr!important}
  body.ui-v40 .dashboard-shop-art-v38{height:130px!important;justify-content:center!important}
  body.ui-v40 .dashboard-metrics-v38{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:1040px){
  body.ui-v40 .quick-entry-repair{display:none!important}
  body.ui-v40 .network-header-brand{width:165px!important;min-width:135px!important}
  body.ui-v40 .page-kpis-v38{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-v40 .dashboard-filter-v38,body.ui-v40 .dashboard-filter-v38.custom-range{grid-template-columns:1fr 1fr!important}
  body.ui-v40 .dashboard-filter-v38 .dashboard-apply-v38,body.ui-v40 .dashboard-filter-v38 .dashboard-report-v38{width:100%!important}
  body.ui-v40 .customer-edit-grid,body.ui-v40 .customer-read-grid{grid-template-columns:1fr!important}
  body.ui-v40 .customer-read-grid>div{border-right:0!important;border-bottom:1px solid var(--fp4-border)!important}
  body.ui-v40 .customer-read-grid>div:last-child{border-bottom:0!important}
  body.ui-v40 .invoice-add-form-v35{grid-template-columns:1fr 80px 120px!important}
  body.ui-v40 .invoice-add-form-v35 .btn{grid-column:1/-1!important}
}

@media(max-width:900px){
  body.ui-v40 .app-header-main{height:70px!important;padding-inline:14px!important}
  body.ui-v40 .header-actions .quick-entry,body.ui-v40 .header-actions .signout-form{display:none!important}
  body.ui-v40 .mobile-nav-toggle{display:flex!important}
  body.ui-v40 .app-nav-v31{display:none!important}
  body.ui-v40.nav-open .app-nav-v31{display:block!important;max-height:calc(100vh - 70px)!important;overflow-y:auto!important;padding:8px 12px 14px!important}
  body.ui-v40.nav-open .nav-scroller{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:0!important;overflow:visible!important}
  body.ui-v40.nav-open .top-navlink{width:100%!important;min-height:48px!important;justify-content:flex-start!important;border-radius:10px!important;padding:0 10px!important}
  body.ui-v40.nav-open .top-navlink.active{background:color-mix(in srgb,var(--fp4-blue) 7%,var(--fp4-surface))!important;box-shadow:none!important}
  body.ui-v40.nav-open .nav-dropdown{position:static!important}
  body.ui-v40.nav-open .nav-dropdown[open]{grid-column:1/-1!important}
  body.ui-v40.nav-open .nav-dropdown-menu{position:static!important;width:100%!important;box-shadow:none!important;margin-top:4px!important}
  body.ui-v40 .main-topnav{min-height:calc(100vh - 70px)!important}
  body.ui-v40 .mobile-quick-dock{display:flex!important}
  body.ui-v40 .page,body.ui-v40 .ui-page-v38,body.ui-v40 .operations-ledger-page,body.ui-v40 .transaction-workspace-page{width:calc(100% - 24px)!important;padding-bottom:92px!important}
  body.ui-v40 .dashboard-v38{padding-inline:12px!important;padding-bottom:92px!important}
  body.ui-v40 .dashboard-metrics-v38{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-v40 .dashboard-insights-v38{grid-template-columns:1fr!important}
  body.ui-v40 .money-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-v40 .model-manager-grid,body.ui-v40 .smtp-layout,body.ui-v40 .health-grid{grid-template-columns:1fr!important}
  body.ui-v40 .model-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:700px){
  body.ui-v40 .header-actions .theme-switch,body.ui-v40 .header-actions .user-pill{display:none!important}
  body.ui-v40 .network-header-brand{width:150px!important;height:48px!important}
  body.ui-v40.nav-open .nav-scroller{grid-template-columns:1fr!important}
  body.ui-v40.nav-open .nav-dropdown[open]{grid-column:auto!important}
  body.ui-v40 .page,body.ui-v40 .ui-page-v38,body.ui-v40 .operations-ledger-page,body.ui-v40 .transaction-workspace-page{width:calc(100% - 18px)!important;padding-top:16px!important}
  body.ui-v40 .page-title,body.ui-v40 .page-title-v38{display:grid!important;align-items:start!important}
  body.ui-v40 .page-title-actions-v38{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  body.ui-v40 .page-title-actions-v38 .btn{width:100%!important}
  body.ui-v40 .counter-page-v39{width:calc(100% - 12px)!important;padding-top:10px!important;gap:10px!important}
  body.ui-v40 .counter-page-v39>.entry-panel,body.ui-v40 .counter-page-v39>.device-panel{padding:14px!important;border-radius:16px!important}
  body.ui-v40 .form-grid,body.ui-v40 .form-grid-v38,body.ui-v40 .compact-grid{grid-template-columns:1fr!important}
  body.ui-v40 .form-grid .span-2,body.ui-v40 .form-grid-v38 .span-2{grid-column:auto!important}
  body.ui-v40 .page-kpis-v38{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.ui-v40 .page-kpis-v38 article{min-height:92px!important;padding:12px!important}
  body.ui-v40 .dashboard-filter-v38,body.ui-v40 .dashboard-filter-v38.custom-range{grid-template-columns:1fr!important}
  body.ui-v40 .dashboard-metrics-v38{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.ui-v40 .dashboard-metric-v38{min-height:105px!important;padding:12px!important}
  body.ui-v40 .type-tabs-v392{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity!important}
  body.ui-v40 .type-tabs-v392 button{min-width:138px!important;scroll-snap-align:start!important}
  body.ui-v40 .brand-tabs-v392{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important}
  body.ui-v40 .brand-tabs-v392 button{flex:0 0 auto!important;scroll-snap-align:start!important}
  body.ui-v40 .catalog-filter-meta-v392 a{display:none!important}
  body.ui-v40 .catalog-utility-row-v392{grid-template-columns:1fr!important}
  body.ui-v40 .device-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.ui-v40 .device-card-v25{min-height:172px!important;padding:9px!important}
  body.ui-v40 .device-parts-grid-v395{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.ui-v40 .device-part-card-v395{min-height:74px!important;grid-template-columns:40px minmax(0,1fr) 28px!important}
  body.ui-v40 .money-grid-v31{grid-template-columns:1fr!important}
  body.ui-v40 .invoice-lines-v35{overflow-x:auto!important}
  body.ui-v40 .invoice-lines-head,body.ui-v40 .invoice-line-v35{min-width:700px!important}
  body.ui-v40 .model-option-grid{grid-template-columns:1fr!important}
  body.ui-v40 .login-stage{grid-template-columns:1fr!important}
  body.ui-v40 .login-brand-panel{display:none!important}
  body.ui-v40 .login-card{width:min(520px,100%)!important}
}

@media(max-width:480px){
  body.ui-v40 .app-header-main{height:64px!important;padding-inline:10px!important}
  body.ui-v40 .network-header-brand{width:132px!important;height:43px!important;min-width:120px!important}
  body.ui-v40 .mobile-nav-toggle{min-width:42px!important;min-height:42px!important}
  body.ui-v40 .page-title h1{font-size:27px!important}
  body.ui-v40 .page-kpis-v38,body.ui-v40 .dashboard-metrics-v38{grid-template-columns:1fr!important}
  body.ui-v40 .counter-page-v39{width:100%!important;padding-inline:6px!important}
  body.ui-v40 .counter-page-v39>.entry-panel,body.ui-v40 .counter-page-v39>.device-panel{padding:11px!important;border-radius:14px!important}
  body.ui-v40 .device-search-pro-v398{grid-template-columns:42px minmax(0,1fr) 34px!important;min-height:53px!important;border-radius:14px!important}
  body.ui-v40 .device-search-pro-v398 input{font-size:12px!important;padding-inline:7px!important}
  body.ui-v40 .device-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-v40 .device-card-v25{min-height:160px!important}
  body.ui-v40 .device-visual{height:82px!important}
  body.ui-v40 .device-parts-grid-v395{grid-template-columns:1fr!important}
  body.ui-v40 .selected-lines-title{display:grid!important;gap:8px!important}
  body.ui-v40 .selected-lines-title .btn{justify-self:start!important}
  body.ui-v40 .page-title-actions-v38{grid-template-columns:1fr!important}
}

@media(max-width:360px){
  body.ui-v40 .device-grid-v31{grid-template-columns:1fr!important}
  body.ui-v40 .device-card-v25{min-height:174px!important}
}

@media(hover:none) and (pointer:coarse){
  body.ui-v40 .btn,body.ui-v40 button,body.ui-v40 .top-navlink{min-height:44px}
  body.ui-v40 .device-card-v25:hover,body.ui-v40 .btn:hover{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  body.ui-v40 *,body.ui-v40 *::before,body.ui-v40 *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* FixPro v4.0.3 — premium brand marks + 8-device result window ----------- */
body.ui-v40 .brand-tabs-v392 button{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}
body.ui-v40 .brand-tabs-v392 button>span:last-child{
  white-space:nowrap!important;
  line-height:1!important;
}
body.ui-v40 .brand-tabs-v392 .brand-dot{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
}
body.ui-v40 .brand-tabs-v392 .brand-mark-svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  fill:currentColor;
  color:inherit;
}
body.ui-v40 .brand-tabs-v392 .brand-mark-svg path,
body.ui-v40 .brand-tabs-v392 .brand-mark-svg rect,
body.ui-v40 .brand-tabs-v392 .brand-mark-svg circle{
  vector-effect:non-scaling-stroke;
}
body.ui-v40 .brand-tabs-v392 button.active .brand-mark-google,
body.ui-v40 .brand-tabs-v392 button.active .brand-mark-microsoft{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.12));
}
body.ui-v40 .brand-tabs-v392 button.active .brand-dot{
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 5px 12px rgba(10,45,104,.13)!important;
}

body.ui-v40 .catalog-results-toolbar-v403{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:2px 0 11px!important;
  padding:9px 10px!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 12%,var(--fp4-border))!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--fp4-blue) 3%,var(--fp4-surface-2)),var(--fp4-surface))!important;
}
body.ui-v40 .catalog-results-status-v403{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
body.ui-v40 .catalog-results-kicker-v403{
  color:var(--fp4-blue)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body.ui-v40 .catalog-results-status-v403 strong{
  color:var(--ink)!important;
  font-size:10.5px!important;
  font-weight:780!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.ui-v40 .catalog-results-actions-v403{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
}
body.ui-v40 .catalog-results-actions-v403 .catalog-stock-button-v392,
body.ui-v40 .catalog-results-actions-v403 .catalog-add-device-v392{
  margin:0!important;
}
body.ui-v40 .device-window-nav-v403{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding-left:2px!important;
}
body.ui-v40 .device-window-nav-v403 button{
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 20%,var(--fp4-border))!important;
  border-radius:10px!important;
  background:var(--fp4-surface)!important;
  color:var(--fp4-blue)!important;
  font-size:16px!important;
  font-weight:900!important;
  box-shadow:0 5px 12px rgba(18,64,132,.045)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease!important;
}
body.ui-v40 .device-window-nav-v403 button:not(:disabled):hover{
  transform:translateY(-1px)!important;
  border-color:var(--fp4-blue)!important;
  background:color-mix(in srgb,var(--fp4-blue) 6%,var(--fp4-surface))!important;
}
body.ui-v40 .device-window-nav-v403 button:disabled{
  opacity:.34!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

body.ui-v40 .device-grid-v403{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  min-width:0!important;
}
body.ui-v40 .device-grid-v403 .device-card.window-hidden{
  display:none!important;
}
body.ui-v40 .device-grid-v403 .device-card:not(.hidden):not(.window-hidden){
  animation:fp4DeviceWindowIn .18s ease-out both;
}
@keyframes fp4DeviceWindowIn{
  from{opacity:.35;transform:translateY(3px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:1040px) and (min-width:701px){
  body.ui-v40 .device-grid-v403{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body.ui-v40 .catalog-results-toolbar-v403{align-items:flex-start!important;flex-direction:column!important}
  body.ui-v40 .catalog-results-actions-v403{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  body.ui-v40 .device-window-nav-v403{margin-left:auto!important}
  body.ui-v40 .device-grid-v403{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){
  body.ui-v40 .catalog-results-actions-v403 .catalog-stock-button-v392,
  body.ui-v40 .catalog-results-actions-v403 .catalog-add-device-v392{flex:1 1 120px!important;justify-content:center!important}
  body.ui-v40 .device-window-nav-v403{width:100%!important;margin-left:0!important;justify-content:flex-end!important}
}
@media(max-width:360px){
  body.ui-v40 .device-grid-v403{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body.ui-v40 .device-grid-v403 .device-card:not(.hidden):not(.window-hidden){animation:none!important}
}
body.ui-v40 .device-grid-v403{outline:none!important}
body.ui-v40 .device-grid-v403:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--fp4-blue) 14%,transparent)!important;border-radius:14px!important}

/* FixPro v4.0.4 — brand model scroll browser --------------------------------
   All Brands keeps the compact 8-device discovery window. Selecting a specific
   brand (or typing a search) expands the matching catalogue into one contained,
   premium vertical scroller. The first viewport remains newest-first, while the
   side rail makes the complete model list obvious and easy to browse. */
body.ui-v40 .device-grid-shell-v404{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
}
body.ui-v40 .device-grid-shell-v404.brand-scroll-active{
  padding-right:0!important;
}
body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403{
  max-height:610px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:54px!important;
  scroll-behavior:smooth!important;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--fp4-blue) 48%,var(--fp4-border)) color-mix(in srgb,var(--fp4-blue) 4%,var(--fp4-surface-2))!important;
  overscroll-behavior:contain!important;
  align-content:start!important;
}
body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403::-webkit-scrollbar{
  width:8px!important;
}
body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403::-webkit-scrollbar-track{
  background:color-mix(in srgb,var(--fp4-blue) 4%,var(--fp4-surface-2))!important;
  border-radius:999px!important;
}
body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#3b82f6,#2766d7)!important;
  border:2px solid color-mix(in srgb,var(--fp4-blue) 4%,var(--fp4-surface-2))!important;
  border-radius:999px!important;
}
body.ui-v40 .device-grid-v403.brand-scroll-mode .device-card.window-hidden{
  display:flex!important;
}
body.ui-v40 .device-scroll-rail-v404{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  z-index:8!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  justify-items:center!important;
  gap:7px!important;
  padding:7px 6px!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 22%,var(--fp4-border))!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--fp4-surface) 94%,transparent)!important;
  box-shadow:0 12px 30px rgba(16,54,116,.14)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
body.ui-v40 .device-scroll-rail-v404[hidden]{display:none!important}
body.ui-v40 .device-scroll-rail-v404 button{
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 26%,var(--fp4-border))!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,var(--fp4-surface),color-mix(in srgb,var(--fp4-blue) 4%,var(--fp4-surface-2)))!important;
  color:var(--fp4-blue)!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 5px 14px rgba(20,64,132,.08)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease!important;
}
body.ui-v40 .device-scroll-rail-v404 button:not(:disabled):hover{
  transform:translateY(-1px)!important;
  border-color:var(--fp4-blue)!important;
  background:color-mix(in srgb,var(--fp4-blue) 8%,var(--fp4-surface))!important;
}
body.ui-v40 .device-scroll-rail-v404 button:disabled{
  opacity:.26!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
body.ui-v40 .device-scroll-rail-label-v404{
  width:20px!important;
  min-height:31px!important;
  display:grid!important;
  place-items:center!important;
  gap:3px!important;
}
body.ui-v40 .device-scroll-rail-label-v404 i{
  width:4px!important;
  height:4px!important;
  display:block!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--fp4-blue) 56%,var(--fp4-muted))!important;
}
body.ui-v40 .catalog-results-actions-v403 .device-window-nav-v403[hidden]{display:none!important}
body.ui-v40 .device-grid-shell-v404.brand-scroll-active + .catalog-empty{margin-top:10px!important}

@media(max-width:1040px) and (min-width:701px){
  body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403{max-height:590px!important;padding-right:52px!important}
}
@media(max-width:700px){
  body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403{max-height:540px!important;padding-right:48px!important}
  body.ui-v40 .device-scroll-rail-v404{right:7px!important;padding:6px 5px!important;border-radius:14px!important}
  body.ui-v40 .device-scroll-rail-v404 button{width:34px!important;height:34px!important;min-height:34px!important;border-radius:10px!important}
}
@media(max-width:420px){
  body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403{max-height:510px!important;padding-right:44px!important}
  body.ui-v40 .device-scroll-rail-v404{right:5px!important}
  body.ui-v40 .device-scroll-rail-v404 button{width:32px!important;height:32px!important;min-height:32px!important}
}
@media(prefers-reduced-motion:reduce){
  body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403{scroll-behavior:auto!important}
}
/* The v4.0.4 shell replaces the device grid as the catalogue's direct child. */
body.ui-v40 .device-catalog-v39 > .device-grid-shell-v404{order:6!important;min-height:0!important;flex:0 0 auto!important}

/* ========================================================================== 
   FixPro v4.0.5 — adaptive repair controls, inline workflow management,
   compact check controls, and contextual invoice lines.
   ========================================================================== */
body.ui-v40 .repair-context-panel-v405{
  container-type:inline-size!important;
  container-name:fp405RepairDetails!important;
  padding:16px!important;
  overflow:visible!important;
}
body.ui-v40 .repair-context-head-v405{
  margin-bottom:13px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid color-mix(in srgb,var(--fp4-border) 78%,transparent)!important;
}
body.ui-v40 .repair-details-grid-v405{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
body.ui-v40 .repair-field-v405{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  gap:7px!important;
}
body.ui-v40 .repair-field-v405>label{
  color:var(--ink)!important;
  font-size:11.5px!important;
  font-weight:820!important;
  line-height:1.2!important;
}
body.ui-v40 .repair-field-v405>input,
body.ui-v40 .repair-field-v405>select{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 13px!important;
  border:1px solid var(--theme-input-border)!important;
  border-radius:12px!important;
  background:var(--theme-input)!important;
  color:var(--ink)!important;
  font-size:13.5px!important;
  font-weight:720!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent)!important;
}
body.ui-v40 .repair-field-v405>input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)!important;font-weight:620!important}
body.ui-v40 .repair-field-v405>input:hover,
body.ui-v40 .repair-field-v405>select:hover{border-color:color-mix(in srgb,var(--fp4-blue) 32%,var(--theme-input-border))!important}
body.ui-v40 .repair-status-field-v405{grid-column:1/-1!important}

body.ui-v40 .inline-create-panel-v405{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  margin-top:2px!important;
  padding:12px!important;
  display:grid!important;
  gap:10px!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 24%,var(--fp4-border))!important;
  border-radius:13px!important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--fp4-blue) 5%,var(--fp4-surface)),var(--fp4-surface-2))!important;
  box-shadow:0 12px 30px rgba(11,45,96,.08)!important;
}
body.ui-v40 .inline-create-panel-v405[hidden]{display:none!important}
body.ui-v40 .inline-create-heading-v405{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body.ui-v40 .inline-create-heading-v405 strong{font-size:11.5px!important;color:var(--ink)!important}
body.ui-v40 .inline-create-close-v405{
  width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid var(--fp4-border)!important;
  border-radius:8px!important;background:var(--fp4-surface)!important;color:var(--muted)!important;
  font-size:17px!important;line-height:1!important;cursor:pointer!important
}
body.ui-v40 .inline-create-grid-v405{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;min-width:0!important}
body.ui-v40 .inline-create-grid-v405 label,
body.ui-v40 .inline-create-single-v405{display:grid!important;gap:5px!important;color:var(--muted)!important;font-size:9px!important;font-weight:780!important;min-width:0!important}
body.ui-v40 .inline-create-grid-v405 input,
body.ui-v40 .inline-create-single-v405 input{
  width:100%!important;min-width:0!important;min-height:40px!important;margin:0!important;padding:8px 10px!important;
  border:1px solid var(--theme-input-border)!important;border-radius:10px!important;background:var(--theme-input)!important;
  color:var(--ink)!important;font-size:12px!important
}
body.ui-v40 .inline-create-save-v405{width:100%!important;min-height:40px!important;font-size:10.5px!important}
body.ui-v40 .inline-create-note-v405{color:var(--muted)!important;font-size:8.5px!important;line-height:1.45!important}
body.ui-v40 .repair-inline-message-v405{
  margin:11px 0 0!important;padding:9px 11px!important;border:1px solid color-mix(in srgb,var(--fp4-emerald) 28%,var(--fp4-border))!important;
  border-radius:10px!important;background:color-mix(in srgb,var(--fp4-emerald) 7%,var(--fp4-surface-2))!important;
  color:color-mix(in srgb,var(--fp4-emerald) 88%,var(--ink))!important;font-size:9.5px!important;font-weight:720!important;overflow-wrap:anywhere!important
}
body.ui-v40 .repair-inline-message-v405[data-tone="error"]{
  border-color:color-mix(in srgb,var(--fp4-danger) 34%,var(--fp4-border))!important;
  background:color-mix(in srgb,var(--fp4-danger) 7%,var(--fp4-surface-2))!important;
  color:color-mix(in srgb,var(--fp4-danger) 88%,var(--ink))!important
}

/* Native form rules previously enlarged checkboxes to input-height. Keep the
   real checkbox accessible but render a deliberate premium 20px control. */
body.ui-v40 .choice-card-v405{
  position:relative!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid var(--fp4-border)!important;
  border-radius:12px!important;
  background:var(--fp4-surface-2)!important;
  cursor:pointer!important;
}
body.ui-v40 .choice-card-v405>input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;
  margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important
}
body.ui-v40 .choice-box-v405{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;flex:0 0 22px!important;
  display:grid!important;place-items:center!important;border:1.5px solid var(--fp4-border-strong)!important;
  border-radius:7px!important;background:var(--theme-input)!important;color:transparent!important;
  font-size:13px!important;font-weight:950!important;line-height:1!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important
}
body.ui-v40 .choice-card-v405>input[type="checkbox"]:checked + .choice-box-v405{
  border-color:var(--fp4-blue)!important;background:linear-gradient(135deg,var(--fp4-blue),var(--fp4-violet))!important;color:#fff!important;
  box-shadow:0 5px 12px rgba(23,105,255,.18)!important
}
body.ui-v40 .choice-card-v405>input[type="checkbox"]:focus-visible + .choice-box-v405{box-shadow:var(--fp4-focus)!important}
body.ui-v40 .choice-copy-v405{min-width:0!important;display:grid!important;gap:2px!important}
body.ui-v40 .choice-copy-v405 strong{font-size:10.5px!important;line-height:1.25!important;color:var(--ink)!important}
body.ui-v40 .choice-copy-v405 small{font-size:8.5px!important;line-height:1.35!important;color:var(--muted)!important;font-weight:580!important}
body.ui-v40 .choice-copy-v405 em{margin-left:5px!important;padding:2px 5px!important;border-radius:999px!important;background:color-mix(in srgb,var(--fp4-gold) 12%,var(--fp4-surface))!important;color:var(--fp4-gold)!important;font-size:7px!important;font-style:normal!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.ui-v40 .policy-choice-v405{margin-top:10px!important}

body.ui-v40 .invoice-lines-section-v405{min-width:0!important;margin-top:12px!important;animation:fp405InvoiceReveal .16s ease-out both}
body.ui-v40 .invoice-lines-section-v405[hidden]{display:none!important}
@keyframes fp405InvoiceReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* Keep the payment/action area graceful on narrow laptops, tablets and phones. */
@container fp405RepairDetails (max-width:560px){
  body.ui-v40 .repair-details-grid-v405{grid-template-columns:1fr!important;gap:10px!important}
  body.ui-v40 .repair-status-field-v405{grid-column:1!important}
  body.ui-v40 .inline-create-grid-v405{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  body.ui-v40 .repair-context-panel-v405{padding:13px!important}
  body.ui-v40 .repair-context-head-v405{align-items:flex-start!important}
  body.ui-v40 .repair-context-head-v405>.btn{min-height:38px!important;white-space:nowrap!important}
  body.ui-v40 .choice-card-v405{width:100%!important;min-height:54px!important}
  body.ui-v40 .counter-actions-v31{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:14px!important}
  body.ui-v40 .counter-actions-v31 .grow{grid-column:1/-1!important;grid-row:1!important}
}
@media(max-width:440px){
  body.ui-v40 .counter-actions-v31{grid-template-columns:1fr!important}
  body.ui-v40 .counter-actions-v31 .grow{grid-column:1!important}
  body.ui-v40 .counter-actions-v31 .btn{width:100%!important}
  body.ui-v40 .repair-context-head-v405{display:grid!important;grid-template-columns:1fr!important}
  body.ui-v40 .repair-context-head-v405>.btn{width:100%!important}
}
/* --------------------------------------------------------------------------
   FixPro v4.0.6 — professional multi-payment workflow
   -------------------------------------------------------------------------- */
body.ui-v39 .payment-method-control-v406{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 24px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:46px!important;
  border:1px solid var(--theme-input-border)!important;
  border-radius:12px!important;
  background:var(--theme-input)!important;
  overflow:hidden!important;
  box-shadow:0 5px 16px color-mix(in srgb,#16345f 5%,transparent)!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
body.ui-v39 .payment-method-control-v406:focus-within{
  border-color:#4388f4!important;
  box-shadow:0 0 0 3px color-mix(in srgb,#4388f4 11%,transparent)!important;
}
body.ui-v39 .payment-method-icon-v406{
  width:32px!important;height:32px!important;margin-left:7px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  background:color-mix(in srgb,#367fff 8%,var(--theme-panel-2))!important;
  color:#2774e6!important;
}
body.ui-v39 .payment-method-icon-v406 svg{
  display:none!important;width:18px!important;height:18px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.ui-v39 [data-method="cash"] .payment-method-icon-v406 svg[data-payment-icon="cash"],
body.ui-v39 [data-method="card"] .payment-method-icon-v406 svg[data-payment-icon="card"],
body.ui-v39 [data-method="payid"] .payment-method-icon-v406 svg[data-payment-icon="payid"],
body.ui-v39 [data-method="bank_transfer"] .payment-method-icon-v406 svg[data-payment-icon="bank_transfer"],
body.ui-v39 [data-method="wallet"] .payment-method-icon-v406 svg[data-payment-icon="wallet"],
body.ui-v39 [data-method="other"] .payment-method-icon-v406 svg[data-payment-icon="other"]{display:block!important}
body.ui-v39 [data-method="cash"] .payment-method-icon-v406{color:#118b61!important;background:color-mix(in srgb,#13a36f 10%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="card"] .payment-method-icon-v406{color:#2878eb!important;background:color-mix(in srgb,#2878eb 10%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="payid"] .payment-method-icon-v406{color:#7855df!important;background:color-mix(in srgb,#7855df 10%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="bank_transfer"] .payment-method-icon-v406{color:#315e9c!important;background:color-mix(in srgb,#315e9c 9%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="wallet"] .payment-method-icon-v406{color:#c17a0b!important;background:color-mix(in srgb,#d58b14 10%,var(--theme-panel-2))!important}
body.ui-v39 [data-method="other"] .payment-method-icon-v406{color:#69768a!important;background:color-mix(in srgb,#69768a 10%,var(--theme-panel-2))!important}
body.ui-v39 .payment-method-select-v406{
  width:100%!important;min-width:0!important;height:44px!important;
  padding:0 6px!important;margin:0!important;border:0!important;outline:0!important;
  background:transparent!important;color:var(--ink)!important;
  font-size:12.5px!important;font-weight:800!important;
  appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important;
}
body.ui-v39 .payment-method-chevron-v406{display:grid!important;place-items:center!important;color:var(--muted)!important;font-size:15px!important;pointer-events:none!important}
body.ui-v39 .payment-disabled-v406{opacity:.55!important;filter:saturate(.65)!important}

body.ui-v39 .payment-plan-v406{
  margin-top:13px!important;padding:14px!important;
  border:1px solid color-mix(in srgb,#3b82f6 16%,var(--v38-border))!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,color-mix(in srgb,#3b82f6 3%,var(--v38-surface)),var(--v38-surface))!important;
  box-shadow:0 10px 30px rgba(22,54,101,.045)!important;
}
body.ui-v39 .payment-plan-head-v406{display:grid!important;grid-template-columns:minmax(190px,.8fr) minmax(240px,1.2fr)!important;gap:12px!important;align-items:end!important}
body.ui-v39 .payment-plan-v406 label{display:grid!important;gap:6px!important;color:var(--ink)!important;font-size:10.5px!important;font-weight:850!important}
body.ui-v39 .payment-plan-v406 input,body.ui-v39 .payment-plan-v406 select{
  min-width:0!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;
  border:1px solid var(--theme-input-border)!important;border-radius:12px!important;
  background:var(--theme-input)!important;color:var(--ink)!important;font-size:12.5px!important;font-weight:750!important;
}
body.ui-v39 .payment-state-copy-v406{min-height:60px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border:1px solid var(--v38-border)!important;border-radius:13px!important;background:var(--v38-surface-2)!important}
body.ui-v39 .payment-state-icon-v406{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:color-mix(in srgb,#17a873 11%,var(--v38-surface))!important;color:#0d9867!important;font-size:16px!important;font-weight:950!important}
body.ui-v39 .payment-state-copy-v406 div{display:grid!important;gap:2px!important;min-width:0!important}
body.ui-v39 .payment-state-copy-v406 strong{font-size:11.5px!important;color:var(--ink)!important}
body.ui-v39 .payment-state-copy-v406 small{font-size:8.5px!important;line-height:1.45!important;color:var(--muted)!important}
body.ui-v39 .payment-plan-v406[data-payment-state="unpaid"] .payment-state-icon-v406{background:color-mix(in srgb,#d88c15 12%,var(--v38-surface))!important;color:#b8750c!important}
body.ui-v39 .payment-plan-v406[data-payment-state="part_paid"] .payment-state-icon-v406{background:color-mix(in srgb,#7258df 11%,var(--v38-surface))!important;color:#7151d9!important}
body.ui-v39 .payment-primary-grid-v406{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:10px!important;margin-top:12px!important}
body.ui-v39 .split-payments-v406{display:grid!important;gap:9px!important;margin-top:9px!important}
body.ui-v39 .split-payment-row-v406{padding:11px!important;border:1px solid color-mix(in srgb,#765ae4 18%,var(--v38-border))!important;border-radius:13px!important;background:color-mix(in srgb,#765ae4 3.5%,var(--v38-surface-2))!important}
body.ui-v39 .split-payment-row-head-v406{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}
body.ui-v39 .split-payment-row-head-v406 strong{font-size:9px!important;color:#7257d7!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.ui-v39 .split-payment-row-head-v406 button,body.ui-v39 .collector-remove-v406{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid color-mix(in srgb,#df5364 25%,var(--v38-border))!important;border-radius:8px!important;background:color-mix(in srgb,#df5364 6%,var(--v38-surface))!important;color:#d64a5b!important;font-size:17px!important;cursor:pointer!important}
body.ui-v39 .split-payment-row-grid-v406{display:grid!important;grid-template-columns:minmax(150px,.85fr) minmax(115px,.55fr) minmax(180px,1.2fr)!important;gap:9px!important;align-items:end!important}
body.ui-v39 .split-payment-add-v406{width:100%!important;min-height:48px!important;margin-top:10px!important;padding:9px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px dashed color-mix(in srgb,#377df0 40%,var(--v38-border))!important;border-radius:12px!important;background:color-mix(in srgb,#377df0 4%,var(--v38-surface-2))!important;color:#236bd6!important;cursor:pointer!important}
body.ui-v39 .split-payment-add-v406 span{font-size:18px!important;line-height:1!important}.split-payment-add-v406 strong{font-size:10.5px!important}.split-payment-add-v406 small{font-size:8px!important;color:var(--muted)!important;font-weight:650!important}
body.ui-v39 .split-payment-add-v406:disabled{opacity:.45!important;cursor:not-allowed!important}
body.ui-v39 .payment-progress-v406{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}
body.ui-v39 .payment-progress-v406>div{min-height:55px!important;padding:9px 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid var(--v38-border)!important;border-radius:12px!important;background:var(--v38-surface-2)!important}
body.ui-v39 .payment-progress-v406 span{font-size:9px!important;color:var(--muted)!important;font-weight:750!important}.payment-progress-v406 strong{font-size:15px!important;color:var(--ink)!important;font-weight:950!important}
body.ui-v39 .payment-plan-v406[data-balance-state="due"] .payment-progress-v406 .balance strong{color:#b9770d!important}
body.ui-v39 .payment-plan-v406[data-balance-state="settled"] .payment-progress-v406 .balance strong{color:#0e9d6b!important}
body.ui-v39 .payment-plan-v406[data-balance-state="over"] .payment-progress-v406 .balance strong{color:#d94c5b!important}
body.ui-v39 .payment-plan-note-v406{margin:9px 2px 0!important;color:var(--muted)!important;font-size:8.5px!important;line-height:1.5!important}
body.ui-v39 .payment-plan-error-v406{margin:8px 0 0!important;padding:8px 10px!important;border:1px solid color-mix(in srgb,#d94c5b 24%,var(--v38-border))!important;border-radius:9px!important;background:color-mix(in srgb,#d94c5b 6%,var(--v38-surface))!important;color:#cf4352!important;font-size:9px!important;font-weight:750!important}
body.ui-v39 .payment-finish-grid-v406{grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr)!important;align-items:stretch!important}.payment-finish-grid-v406 .notes-field-v406{grid-column:auto!important}.payment-finish-grid-v406 textarea{height:100%!important;min-height:78px!important}

/* Receipt / repair-page payment collection */
body.ui-v39 .payment-workspace-v406{grid-column:1/-1!important}
body.ui-v39 .payment-workspace-head-v406{align-items:center!important}
body.ui-v39 .payment-balance-grid-v406{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important}
body.ui-v39 .payment-balance-grid-v406>div{min-height:72px!important;display:grid!important;align-content:center!important;gap:4px!important;padding:11px 13px!important;border:1px solid var(--v38-border)!important;border-radius:12px!important;background:var(--v38-surface-2)!important}
body.ui-v39 .payment-balance-grid-v406 small{font-size:8px!important;color:var(--muted)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important}.payment-balance-grid-v406 strong{font-size:17px!important;color:var(--ink)!important}.payment-balance-grid-v406 span{font-size:7.5px!important;color:var(--muted)!important}.payment-balance-grid-v406 .is-due strong{color:#b9760a!important}.payment-balance-grid-v406 .is-settled strong{color:#0c9d6b!important}
body.ui-v39 .payment-history-v406{margin-bottom:12px!important;border:1px solid var(--v38-border)!important;border-radius:12px!important;overflow:hidden!important;background:var(--v38-surface-2)!important}
body.ui-v39 .payment-history-title-v406{min-height:36px!important;padding:8px 11px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid var(--v38-border)!important}.payment-history-title-v406 strong{font-size:9px!important}.payment-history-title-v406 span{font-size:7.5px!important;color:var(--muted)!important}
body.ui-v39 .payment-history-row-v406{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:9px 11px!important;border-bottom:1px solid var(--v38-border)!important}.payment-history-row-v406:last-child{border-bottom:0!important}
body.ui-v39 .payment-history-method-icon-v406{display:grid!important;place-items:center!important}.payment-history-method-icon-v406 .payment-method-icon-v406{margin:0!important}
body.ui-v39 .payment-history-copy-v406{display:grid!important;gap:2px!important;min-width:0!important}.payment-history-copy-v406 strong{font-size:9px!important}.payment-history-copy-v406 small{font-size:7.5px!important;color:var(--muted)!important;white-space:normal!important}.payment-history-amount-v406{font-size:11.5px!important;color:var(--ink)!important}
body.ui-v39 .payment-collector-v406{padding:12px!important;border:1px solid color-mix(in srgb,#367fff 20%,var(--v38-border))!important;border-radius:14px!important;background:linear-gradient(140deg,color-mix(in srgb,#367fff 4%,var(--v38-surface-2)),var(--v38-surface))!important}
body.ui-v39 .payment-collector-heading-v406{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}.payment-collector-heading-v406>div{display:grid!important;gap:2px!important}.payment-collector-heading-v406 strong{font-size:10px!important}.payment-collector-heading-v406 small{font-size:7.5px!important;color:var(--muted)!important}.payment-collector-heading-v406>span{padding:6px 9px!important;border-radius:999px!important;background:color-mix(in srgb,#d88c15 9%,var(--v38-surface))!important;color:#ad7110!important;font-size:8px!important;font-weight:850!important;white-space:nowrap!important}
body.ui-v39 .payment-collector-rows-v406{display:grid!important;gap:8px!important}.payment-collector-row-v406{position:relative!important;display:grid!important;grid-template-columns:minmax(160px,.8fr) minmax(105px,.5fr) minmax(180px,1.1fr)!important;gap:8px!important;align-items:end!important}.payment-collector-row-v406.additional{padding-top:10px!important;border-top:1px dashed var(--v38-border)!important;grid-template-columns:minmax(160px,.8fr) minmax(105px,.5fr) minmax(180px,1.1fr) 30px!important}.payment-collector-row-v406 label{display:grid!important;gap:5px!important;font-size:7.8px!important;font-weight:800!important;color:var(--muted)!important}.payment-collector-row-v406 input{min-height:46px!important;margin:0!important;border-radius:11px!important;background:var(--theme-input)!important;border:1px solid var(--theme-input-border)!important;color:var(--ink)!important}
body.ui-v39 .collector-remove-v406{align-self:end!important;margin-bottom:8px!important}.payment-collector-actions-v406{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;margin-top:10px!important}.payment-collector-actions-v406 .split-payment-add-v406{width:auto!important;min-height:38px!important;margin:0!important;padding:6px 10px!important}.payment-collector-actions-v406 .split-payment-add-v406 small{display:none!important}.collector-live-balance-v406{display:flex!important;justify-content:flex-end!important;gap:13px!important;flex-wrap:wrap!important;color:var(--muted)!important;font-size:8px!important}.collector-live-balance-v406 strong{color:var(--ink)!important;font-size:9.5px!important}.payment-collector-v406[data-balance-state="over"] [data-collector-remaining]{color:#d94c5b!important}.payment-collector-v406[data-balance-state="settled"] [data-collector-remaining]{color:#0b9a68!important}
body.ui-v39 .payment-settled-v406{display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;border:1px solid color-mix(in srgb,#11a471 20%,var(--v38-border))!important;border-radius:12px!important;background:color-mix(in srgb,#11a471 5%,var(--v38-surface-2))!important}.payment-settled-v406>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#12a773!important;color:#fff!important;font-weight:900!important}.payment-settled-v406>div{display:grid!important;gap:2px!important}.payment-settled-v406 strong{font-size:10px!important;color:#0d8b61!important}.payment-settled-v406 small{font-size:7.8px!important;color:var(--muted)!important}.invoice-payment-method-v406{font-size:9px!important;color:var(--muted)!important}

@media(max-width:900px){
  body.ui-v39 .payment-plan-head-v406{grid-template-columns:1fr!important}
  body.ui-v39 .split-payment-row-grid-v406{grid-template-columns:1fr 1fr!important}.split-payment-reference-v406{grid-column:1/-1!important}
  body.ui-v39 .payment-collector-row-v406,body.ui-v39 .payment-collector-row-v406.additional{grid-template-columns:1fr 1fr!important}.payment-collector-row-v406 .collector-reference-v406{grid-column:1/-1!important}.payment-collector-row-v406.additional .collector-remove-v406{position:absolute!important;right:0!important;top:8px!important;margin:0!important}
}
@media(max-width:680px){
  body.ui-v39 .money-grid-v406{grid-template-columns:1fr 1fr!important}
  body.ui-v39 .payment-primary-grid-v406,body.ui-v39 .payment-progress-v406,body.ui-v39 .payment-finish-grid-v406{grid-template-columns:1fr!important}.payment-finish-grid-v406 .notes-field-v406{grid-column:1!important}
  body.ui-v39 .payment-balance-grid-v406{grid-template-columns:1fr!important}
  body.ui-v39 .payment-collector-actions-v406{grid-template-columns:1fr!important}.collector-live-balance-v406{justify-content:space-between!important}.payment-collector-actions-v406 .split-payment-add-v406{width:100%!important}
}
@media(max-width:480px){
  body.ui-v39 .money-grid-v406{grid-template-columns:1fr!important}
  body.ui-v39 .payment-plan-v406{padding:11px!important;border-radius:14px!important}
  body.ui-v39 .split-payment-row-grid-v406,body.ui-v39 .payment-collector-row-v406,body.ui-v39 .payment-collector-row-v406.additional{grid-template-columns:1fr!important}.split-payment-reference-v406,.payment-collector-row-v406 .collector-reference-v406{grid-column:1!important}
  body.ui-v39 .split-payment-add-v406{align-items:flex-start!important;flex-direction:column!important;text-align:left!important}.split-payment-add-v406 span{display:none!important}
  body.ui-v39 .payment-history-row-v406{grid-template-columns:34px minmax(0,1fr) auto!important;padding:8px!important}.payment-history-method-icon-v406 .payment-method-icon-v406{width:28px!important;height:28px!important}.payment-history-amount-v406{font-size:10px!important}
  body.ui-v39 .payment-collector-heading-v406{align-items:flex-start!important;flex-direction:column!important}
  body.ui-v39 .payment-collector-row-v406.additional{padding-right:36px!important}.payment-collector-row-v406.additional .collector-remove-v406{top:10px!important}
}
body.ui-v39 .payment-method-field-v406[hidden]{display:none!important}
body.ui-v39 .payment-plan-v406[data-payment-state="unpaid"] .payment-primary-grid-v406,
body.ui-v39 .payment-plan-v406[data-payment-state="unpaid"] .split-payments-v406,
body.ui-v39 .payment-plan-v406[data-payment-state="unpaid"] .split-payment-add-v406{display:none!important}

/* ========================================================================== 
   FixPro v4.0.7 — reference-led Device / Model Selection redesign
   Horizontal logo brand rail, premium device cards, global catalogue search,
   and a workflow-aware selected-device action bar. Existing catalogue and
   repair behavior remains dynamic and database-driven.
   ========================================================================== */

/* Brand rail --------------------------------------------------------------- */
body.ui-v40 .brand-carousel-v407{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
}
body.ui-v40 .brand-tabs-v407{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:2px 1px 5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
}
body.ui-v40 .brand-tabs-v407::-webkit-scrollbar{display:none!important}
body.ui-v40 .brand-tabs-v407 button{
  flex:0 0 auto!important;
  scroll-snap-align:start!important;
  min-height:42px!important;
  padding:6px 11px 6px 7px!important;
  border-radius:11px!important;
  white-space:nowrap!important;
}
body.ui-v40 .brand-tabs-v407 button[hidden]{display:none!important}
body.ui-v40 .brand-tabs-v407 .brand-dot{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
  border-radius:8px!important;
}
body.ui-v40 .brand-tabs-v407 .brand-mark-svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
}
body.ui-v40 .brand-carousel-nav-v407{
  width:40px!important;
  height:40px!important;
  min-height:40px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 20%,var(--fp4-border))!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,var(--fp4-surface),var(--fp4-surface-2))!important;
  color:var(--fp4-blue)!important;
  box-shadow:0 5px 14px rgba(18,64,132,.055)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease!important;
}
body.ui-v40 .brand-carousel-nav-v407 svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.ui-v40 .brand-carousel-nav-v407:not(:disabled):hover{
  transform:translateY(-1px)!important;
  border-color:var(--fp4-blue)!important;
  background:color-mix(in srgb,var(--fp4-blue) 6%,var(--fp4-surface))!important;
}
body.ui-v40 .brand-carousel-nav-v407:disabled{opacity:.32!important;cursor:not-allowed!important;box-shadow:none!important}

/* Keep vector brand marks crisp and visible in both themes. */
body.ui-v40 .device-card-brand-icon-v407 .brand-mark-svg,
body.ui-v40 .selected-device-brand-icon-v407 .brand-mark-svg{
  display:block!important;
  width:13px!important;
  height:13px!important;
  fill:currentColor;
  color:inherit;
}
body.ui-v40 .device-brand-logo-apple,
body.ui-v40 .device-brand-logo-sony{color:var(--ink)!important}
body.ui-v40 .device-brand-logo-samsung{color:#1763cc!important}
body.ui-v40 .device-brand-logo-google{color:#4285f4!important}
body.ui-v40 .device-brand-logo-oppo{color:#0b9b61!important}
body.ui-v40 .device-brand-logo-vivo{color:#3977e8!important}
body.ui-v40 .device-brand-logo-xiaomi{color:#ed7a16!important}
body.ui-v40 .device-brand-logo-oneplus{color:#df3333!important}
body.ui-v40 .device-brand-logo-realme{color:#b98d00!important}
body.ui-v40 .device-brand-logo-motorola{color:#3375d5!important}
body.ui-v40 .device-brand-logo-huawei{color:#d74750!important}
body.ui-v40 .device-brand-logo-nokia{color:#3157ae!important}
body.ui-v40 .device-brand-logo-dell{color:#1684c3!important}
body.ui-v40 .device-brand-logo-hp{color:#1388c5!important}
body.ui-v40 .device-brand-logo-lenovo{color:#dc4545!important}
body.ui-v40 .device-brand-logo-asus{color:#5572a7!important}
body.ui-v40 .device-brand-logo-acer{color:#6e9e2d!important}
body.ui-v40 .device-brand-logo-microsoft{color:#4d6174!important}
body.ui-v40[data-theme="dark"] .device-brand-logo-microsoft{color:#c5d1df!important}

/* Device cards ------------------------------------------------------------- */
body.ui-v40 .device-grid-v403{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
}
body.ui-v40 .device-card-v407{
  position:relative!important;
  min-width:0!important;
  min-height:218px!important;
  padding:10px!important;
  border:1px solid var(--fp4-border)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,var(--fp4-surface),color-mix(in srgb,var(--fp4-blue) 1.8%,var(--fp4-surface-2)))!important;
  text-align:left!important;
  overflow:hidden!important;
  box-shadow:0 5px 16px rgba(22,58,108,.035)!important;
  transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease!important;
}
body.ui-v40 .device-card-v407:before{
  height:2px!important;
  opacity:.42!important;
}
body.ui-v40 .device-card-v407:hover{
  transform:translateY(-2px)!important;
  border-color:color-mix(in srgb,var(--fp4-blue) 38%,var(--fp4-border))!important;
  box-shadow:0 13px 28px rgba(21,69,137,.085)!important;
}
body.ui-v40 .device-card-v407.selected{
  border:2px solid var(--fp4-blue)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--fp4-blue) 5%,var(--fp4-surface)),color-mix(in srgb,var(--fp4-blue) 2.5%,var(--fp4-surface-2)))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--fp4-blue) 12%,transparent),0 14px 30px rgba(19,81,178,.12)!important;
}
body.ui-v40 .device-selected-check-v407{
  position:absolute!important;
  top:9px!important;
  right:9px!important;
  z-index:6!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 30%,var(--fp4-border))!important;
  border-radius:999px!important;
  background:var(--fp4-blue)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(23,105,255,.22)!important;
  opacity:0!important;
  transform:scale(.78)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  pointer-events:none!important;
}
body.ui-v40 .device-selected-check-v407 svg{
  width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.ui-v40 .device-card-v407.selected .device-selected-check-v407{opacity:1!important;transform:scale(1)!important}
body.ui-v40 .device-visual-v407{
  height:112px!important;
  margin:0 0 10px!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 8%,var(--fp4-border))!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 72% 12%,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 37%),
    linear-gradient(145deg,color-mix(in srgb,var(--fp4-blue) 2.2%,var(--fp4-surface)),var(--fp4-surface-2))!important;
  overflow:hidden!important;
}
body.ui-v40 .device-visual-v407 img{
  width:auto!important;
  max-width:90%!important;
  max-height:104px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 10px rgba(9,29,58,.13))!important;
}
body.ui-v40 .device-card-copy-v407{
  display:grid!important;
  min-width:0!important;
  gap:7px!important;
  min-height:47px!important;
}
body.ui-v40 .device-card-copy-v407>strong{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:var(--ink)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.28!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.ui-v40 .device-card-meta-v407{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:var(--muted)!important;
  font-size:9.5px!important;
  font-weight:690!important;
  line-height:1.2!important;
}
body.ui-v40 .device-card-brand-icon-v407{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--fp4-border)!important;
  border-radius:6px!important;
  background:var(--fp4-surface)!important;
}
body.ui-v40 .device-card-brand-name-v407{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.ui-v40 .device-card-meta-dot-v407{opacity:.55!important}
body.ui-v40 .device-select-text-v407{
  min-height:31px!important;
  margin-top:7px!important;
  padding-top:7px!important;
  border-top:1px solid color-mix(in srgb,var(--fp4-border) 78%,transparent)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:var(--fp4-blue)!important;
  font-size:10px!important;
  font-weight:850!important;
}
body.ui-v40 .device-select-text-v407 b{
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 18%,var(--fp4-border))!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--fp4-blue) 5%,var(--fp4-surface-2))!important;
}
body.ui-v40 .device-select-text-v407 svg{
  width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.ui-v40 .device-card-v407.selected .device-select-text-v407{color:var(--fp4-blue)!important}
body.ui-v40 .device-card-v407.selected .device-select-text-v407>span:after{content:"ed"}

/* Selected-device workflow bar -------------------------------------------- */
body.ui-v40 .selection-box-v407{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  display:block!important;
  margin:13px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.ui-v40 .selection-empty-v407{
  min-height:62px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  border:1px dashed color-mix(in srgb,var(--fp4-blue) 18%,var(--fp4-border))!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--fp4-blue) 1.6%,var(--fp4-surface-2))!important;
  color:var(--muted)!important;
}
body.ui-v40 .selection-empty-icon-v407{
  width:38px!important;height:38px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;border:1px solid var(--fp4-border)!important;border-radius:11px!important;background:var(--fp4-surface)!important;color:var(--muted)!important;
}
body.ui-v40 .selection-empty-icon-v407 svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.ui-v40 .selection-empty-v407>span:last-child{display:grid!important;gap:2px!important;min-width:0!important}
body.ui-v40 .selection-empty-v407 strong{margin:0!important;color:var(--ink)!important;font-size:10.5px!important;font-weight:800!important}
body.ui-v40 .selection-empty-v407 small{margin:0!important;color:var(--muted)!important;font-size:9px!important;line-height:1.35!important}

body.ui-v40 .selected-device-bar-v407{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 11px!important;
  border:1px solid color-mix(in srgb,var(--fp4-blue) 42%,var(--fp4-border))!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 86% 0,color-mix(in srgb,var(--fp4-blue) 10%,transparent),transparent 30%),
    linear-gradient(135deg,color-mix(in srgb,var(--fp4-blue) 4%,var(--fp4-surface)),var(--fp4-surface-2))!important;
  box-shadow:0 10px 25px rgba(20,76,159,.075)!important;
}
body.ui-v40 .selected-device-art-v407{
  width:62px!important;
  height:62px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid var(--fp4-border)!important;
  border-radius:13px!important;
  background:var(--fp4-surface)!important;
}
body.ui-v40 .selected-device-art-v407>img{width:100%!important;height:100%!important;object-fit:contain!important;padding:4px!important}
body.ui-v40 .selected-device-fallback-v407{
  width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:linear-gradient(145deg,var(--accent2,#6fa2e1),var(--accent,#366fbf))!important;color:#fff!important;box-shadow:0 7px 15px color-mix(in srgb,var(--accent,#366fbf) 20%,transparent)!important;
}
body.ui-v40 .selected-device-fallback-v407 svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.ui-v40 .selected-device-copy-v407{min-width:0!important;display:grid!important;gap:3px!important}
body.ui-v40 .selected-device-copy-v407>small{
  margin:0!important;color:var(--fp4-blue)!important;font-size:7.5px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
body.ui-v40 .selected-device-copy-v407>strong{
  margin:0!important;color:var(--ink)!important;font-size:13px!important;font-weight:900!important;line-height:1.28!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
body.ui-v40 .selected-device-meta-v407{display:flex!important;align-items:center!important;gap:6px!important;color:var(--muted)!important;font-size:9px!important;font-weight:690!important}
body.ui-v40 .selected-device-brand-icon-v407{
  width:20px!important;height:20px!important;flex:0 0 20px!important;display:grid!important;place-items:center!important;border:1px solid var(--fp4-border)!important;border-radius:6px!important;background:var(--fp4-surface)!important;
}
body.ui-v40 .selected-device-actions-v407{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important}
body.ui-v40 .selected-device-actions-v407 button{
  min-height:38px!important;margin:0!important;padding:0 12px!important;border-radius:10px!important;font-size:9.5px!important;font-weight:850!important;white-space:nowrap!important;
}
body.ui-v40 .selected-device-change-v407{border:1px solid var(--fp4-border)!important;background:var(--fp4-surface)!important;color:var(--ink)!important}
body.ui-v40 .selected-device-change-v407:hover{border-color:color-mix(in srgb,var(--fp4-blue) 34%,var(--fp4-border))!important;color:var(--fp4-blue)!important}
body.ui-v40 .selected-device-continue-v407{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #1769ff!important;background:linear-gradient(135deg,#1b73ff,#0e59dc)!important;color:#fff!important;box-shadow:0 7px 16px rgba(23,105,255,.17)!important;
}
body.ui-v40 .selected-device-continue-v407 svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.ui-v40 .selected-device-continue-v407:hover{transform:translateY(-1px)!important;filter:saturate(1.06)!important}

/* A selected brand/search shows the newest models first inside a contained
   browser. On a 4-column desktop the first view is approximately eight cards. */
body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403{
  max-height:486px!important;
}

/* Responsive behavior ----------------------------------------------------- */
@media(max-width:1040px) and (min-width:701px){
  body.ui-v40 .device-grid-v403{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.ui-v40 .device-card-v407{min-height:212px!important}
  body.ui-v40 .selected-device-bar-v407{grid-template-columns:58px minmax(0,1fr)!important}
  body.ui-v40 .selected-device-art-v407{width:58px!important;height:58px!important}
  body.ui-v40 .selected-device-actions-v407{grid-column:1/-1!important;justify-content:flex-end!important;border-top:1px solid color-mix(in srgb,var(--fp4-border) 72%,transparent)!important;padding-top:9px!important}
}
@media(max-width:700px){
  body.ui-v40 .brand-carousel-v407{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:5px!important}
  body.ui-v40 .brand-carousel-nav-v407{width:36px!important;height:36px!important;min-height:36px!important;border-radius:10px!important}
  body.ui-v40 .brand-tabs-v407 button{min-height:39px!important;padding:5px 9px 5px 6px!important;font-size:9px!important}
  body.ui-v40 .brand-tabs-v407 .brand-dot{width:27px!important;height:27px!important;flex-basis:27px!important}
  body.ui-v40 .device-grid-v403{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.ui-v40 .device-card-v407{min-height:184px!important;padding:8px!important;border-radius:14px!important}
  body.ui-v40 .device-visual-v407{height:88px!important;margin-bottom:8px!important;border-radius:11px!important}
  body.ui-v40 .device-visual-v407 img{max-height:82px!important}
  body.ui-v40 .device-card-copy-v407{gap:5px!important;min-height:43px!important}
  body.ui-v40 .device-card-copy-v407>strong{font-size:11px!important}
  body.ui-v40 .device-card-meta-v407{font-size:8px!important;gap:4px!important}
  body.ui-v40 .device-card-brand-icon-v407{width:18px!important;height:18px!important;flex-basis:18px!important}
  body.ui-v40 .device-card-brand-icon-v407 .brand-mark-svg{width:11px!important;height:11px!important}
  body.ui-v40 .device-select-text-v407{min-height:28px!important;margin-top:5px!important;padding-top:5px!important;font-size:9px!important}
  body.ui-v40 .device-select-text-v407 b{width:23px!important;height:23px!important}
  body.ui-v40 .device-selected-check-v407{top:7px!important;right:7px!important;width:24px!important;height:24px!important}
  body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403{max-height:430px!important}
  body.ui-v40 .selected-device-bar-v407{grid-template-columns:54px minmax(0,1fr)!important;gap:9px!important;padding:9px!important}
  body.ui-v40 .selected-device-art-v407{width:54px!important;height:54px!important}
  body.ui-v40 .selected-device-actions-v407{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1.5fr!important;width:100%!important;border-top:1px solid color-mix(in srgb,var(--fp4-border) 72%,transparent)!important;padding-top:8px!important}
  body.ui-v40 .selected-device-actions-v407 button{width:100%!important;min-width:0!important;padding:0 9px!important;white-space:normal!important;line-height:1.15!important}
}
@media(max-width:420px){
  body.ui-v40 .brand-carousel-v407{grid-template-columns:34px minmax(0,1fr) 34px!important}
  body.ui-v40 .brand-carousel-nav-v407{width:34px!important;height:34px!important;min-height:34px!important}
  body.ui-v40 .device-card-v407{min-height:176px!important;padding:7px!important}
  body.ui-v40 .device-visual-v407{height:80px!important}
  body.ui-v40 .device-visual-v407 img{max-height:75px!important}
  body.ui-v40 .device-card-copy-v407>strong{font-size:10.5px!important}
  body.ui-v40 .device-card-brand-name-v407{max-width:76px!important}
  body.ui-v40 .device-grid-shell-v404.brand-scroll-active .device-grid-v403{max-height:402px!important;padding-right:42px!important}
  body.ui-v40 .selected-device-actions-v407{grid-template-columns:1fr!important}
  body.ui-v40 .selected-device-continue-v407{min-height:42px!important}
}
@media(max-width:360px){
  body.ui-v40 .device-grid-v403{grid-template-columns:1fr!important}
  body.ui-v40 .device-card-v407{min-height:205px!important}
  body.ui-v40 .device-visual-v407{height:104px!important}
  body.ui-v40 .device-visual-v407 img{max-height:98px!important}
}
@media(prefers-reduced-motion:reduce){
  body.ui-v40 .brand-tabs-v407{scroll-behavior:auto!important}
}

/* --------------------------------------------------------------------------
   FixPro v4.0.8 - reliable navigation dropdowns + professional payment picker
   -------------------------------------------------------------------------- */

/* Desktop navigation must not clip absolute child menus. v4.0.7 inherited an
   overflow-x:auto rule here, which also caused vertical overflow to be clipped. */
@media(min-width:901px){
  body.ui-v40 .app-header-v28{z-index:240!important;overflow:visible!important}
  body.ui-v40 .app-nav-v31{position:relative!important;z-index:250!important;overflow:visible!important}
  body.ui-v40 .nav-scroller{overflow:visible!important}
  body.ui-v40 .nav-dropdown{position:relative!important;align-self:stretch!important;overflow:visible!important}
  body.ui-v40 .nav-dropdown[open]{z-index:270!important}
  body.ui-v40 .nav-dropdown-menu{
    top:calc(100% + 7px)!important;
    z-index:300!important;
    width:min(310px,calc(100vw - 24px))!important;
    max-height:min(470px,calc(100vh - 175px))!important;
    overflow-y:auto!important;
  }
  body.ui-v40 .nav-dropdown:not(.admin-dropdown) .nav-dropdown-menu{left:0!important;right:auto!important}
  body.ui-v40 .admin-dropdown .nav-dropdown-menu{left:auto!important;right:0!important}
}
body.ui-v40 .nav-dropdown>summary{
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body.ui-v40 .nav-dropdown>summary:focus-visible{
  outline:2px solid color-mix(in srgb,var(--fp4-blue) 70%,transparent)!important;
  outline-offset:-3px!important;
  border-radius:9px!important;
}
body.ui-v40 .nav-dropdown .nav-chevron{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  margin-left:2px!important;
  transform-origin:center!important;
  transition:transform .18s ease,color .18s ease!important;
}
body.ui-v40 .nav-dropdown[open] .nav-chevron{transform:rotate(180deg)!important;color:var(--fp4-blue)!important}
body.ui-v40 .nav-dropdown-menu{
  padding:8px!important;
  gap:4px!important;
  border:1px solid var(--fp4-border)!important;
  background:color-mix(in srgb,var(--fp4-surface) 98%,transparent)!important;
  box-shadow:0 22px 55px rgba(3,15,34,.2)!important;
}
body.ui-v40 .nav-dropdown-menu>a{
  width:100%!important;
  min-height:54px!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  padding:9px 10px!important;
  border-radius:11px!important;
  cursor:pointer!important;
}
body.ui-v40 .nav-dropdown-menu>a:hover,
body.ui-v40 .nav-dropdown-menu>a:focus-visible{
  outline:0!important;
  background:color-mix(in srgb,var(--fp4-blue) 7%,var(--fp4-surface-2))!important;
  border-color:color-mix(in srgb,var(--fp4-blue) 15%,var(--fp4-border))!important;
}
body.ui-v40 .nav-dropdown-menu>a.active{
  background:color-mix(in srgb,var(--fp4-blue) 10%,var(--fp4-surface-2))!important;
  border-color:color-mix(in srgb,var(--fp4-blue) 22%,var(--fp4-border))!important;
}
@media(min-width:901px) and (max-width:1180px){
  body.ui-v40 .nav-scroller{gap:2px!important;padding-inline:10px!important}
  body.ui-v40 .top-navlink{padding-inline:8px!important;font-size:11px!important}
}
@media(max-width:900px){
  body.ui-v40.nav-open .nav-dropdown-menu{max-width:none!important;max-height:none!important;overflow:visible!important}
  body.ui-v40.nav-open .nav-dropdown>summary{cursor:pointer!important}
  body.ui-v40.nav-open .nav-dropdown-menu>a{min-height:52px!important}
}

/* Reusable payment-method field */
body.ui-v39 .payment-method-field-wrap-v408{
  position:relative!important;
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  color:var(--ink)!important;
}
body.ui-v39 .payment-field-label-v408{
  display:block!important;
  color:var(--ink)!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1.35!important;
}
body.ui-v39 .payment-collector-row-v406 .payment-field-label-v408{
  color:var(--muted)!important;
  font-size:7.8px!important;
  font-weight:800!important;
}
body.ui-v39 .payment-method-control-v406.payment-method-control-v408{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:46px!important;
  overflow:visible!important;
  border:1px solid var(--theme-input-border)!important;
  border-radius:12px!important;
  background:var(--theme-input)!important;
  box-shadow:0 5px 16px color-mix(in srgb,#16345f 5%,transparent)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.ui-v39 .payment-method-control-v408:hover:not([aria-disabled]){
  border-color:color-mix(in srgb,#4388f4 42%,var(--theme-input-border))!important;
}
body.ui-v39 .payment-method-control-v408.is-open,
body.ui-v39 .payment-method-control-v408:focus-within{
  z-index:80!important;
  border-color:#4388f4!important;
  box-shadow:0 0 0 3px color-mix(in srgb,#4388f4 11%,transparent),0 12px 30px color-mix(in srgb,#16345f 9%,transparent)!important;
}
body.ui-v39 .payment-method-trigger-v408{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:0!important;
  margin:0!important;
  padding:0 8px 0 0!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:var(--ink)!important;
  font:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
body.ui-v39 .payment-method-trigger-v408:disabled{cursor:not-allowed!important;opacity:.62!important}
body.ui-v39 .payment-method-trigger-v408 .payment-method-icon-v406{
  width:31px!important;
  height:31px!important;
  margin:0 0 0 7px!important;
  border-radius:9px!important;
}
body.ui-v39 .payment-method-label-v408{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  padding-left:7px!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
body.ui-v39 .payment-method-chevron-v408{
  transition:transform .16s ease,color .16s ease!important;
  pointer-events:none!important;
}
body.ui-v39 .payment-method-control-v408.is-open .payment-method-chevron-v408{
  transform:rotate(180deg)!important;
  color:#4388f4!important;
}
body.ui-v39 .payment-method-native-v408{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
body.ui-v39 .payment-method-menu-v408{
  position:absolute!important;
  top:calc(100% + 7px)!important;
  left:0!important;
  right:0!important;
  z-index:1000!important;
  display:grid!important;
  gap:3px!important;
  min-width:max(100%,220px)!important;
  max-height:330px!important;
  padding:6px!important;
  overflow-y:auto!important;
  border:1px solid color-mix(in srgb,#4388f4 13%,var(--theme-input-border))!important;
  border-radius:13px!important;
  background:var(--theme-panel)!important;
  box-shadow:0 20px 48px rgba(5,20,45,.2)!important;
}
body.ui-v39 .payment-method-menu-v408[hidden]{display:none!important}
body.ui-v39 .payment-method-option-v408{
  width:100%!important;
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:6px 8px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--ink)!important;
  font-size:12px!important;
  font-weight:760!important;
  text-align:left!important;
  cursor:pointer!important;
}
body.ui-v39 .payment-method-option-v408:hover,
body.ui-v39 .payment-method-option-v408:focus-visible{
  outline:0!important;
  background:color-mix(in srgb,#4388f4 7%,var(--theme-panel-2))!important;
  border-color:color-mix(in srgb,#4388f4 12%,var(--theme-input-border))!important;
}
body.ui-v39 .payment-method-option-v408.is-selected,
body.ui-v39 .payment-method-option-v408[aria-selected="true"]{
  background:color-mix(in srgb,#4388f4 10%,var(--theme-panel-2))!important;
  border-color:color-mix(in srgb,#4388f4 20%,var(--theme-input-border))!important;
  color:color-mix(in srgb,#4388f4 85%,var(--ink))!important;
}
body.ui-v39 .payment-method-option-icon-v408{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
}
body.ui-v39 .payment-method-option-icon-v408 .payment-method-icon-v406{
  width:30px!important;
  height:30px!important;
  margin:0!important;
  border-radius:9px!important;
}
body.ui-v39 .payment-method-option-icon-v408 .payment-method-icon-v406 svg{width:17px!important;height:17px!important}
body.ui-v39 .payment-method-option-check-v408{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:#4388f4!important;
  font-size:11px!important;
  font-weight:950!important;
  opacity:0!important;
  transform:scale(.75)!important;
  transition:opacity .14s ease,transform .14s ease!important;
}
body.ui-v39 .payment-method-option-v408.is-selected .payment-method-option-check-v408,
body.ui-v39 .payment-method-option-v408[aria-selected="true"] .payment-method-option-check-v408{
  opacity:1!important;
  transform:scale(1)!important;
}
body.ui-v39 .payment-method-control-v408[aria-disabled]{opacity:.58!important;filter:saturate(.7)!important}
body.ui-v39[data-theme="dark"] .payment-method-menu-v408{
  background:color-mix(in srgb,var(--theme-panel) 97%,#07111f)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.38)!important;
}
@media(max-width:520px){
  body.ui-v39 .payment-method-menu-v408{min-width:100%!important;max-width:calc(100vw - 32px)!important}
  body.ui-v39 .payment-method-option-v408{min-height:48px!important}
}
@media(prefers-reduced-motion:reduce){
  body.ui-v40 .nav-dropdown .nav-chevron,
  body.ui-v39 .payment-method-chevron-v408,
  body.ui-v39 .payment-method-option-check-v408{transition:none!important}
}
/* Option icons are scoped to each row so the selected method on the parent
   shell cannot make an extra SVG appear inside every dropdown option. */
body.ui-v39 .payment-method-option-v408 .payment-method-icon-v406 svg{display:none!important}
body.ui-v39 .payment-method-option-v408[data-method="cash"] .payment-method-icon-v406 svg[data-payment-icon="cash"],
body.ui-v39 .payment-method-option-v408[data-method="card"] .payment-method-icon-v406 svg[data-payment-icon="card"],
body.ui-v39 .payment-method-option-v408[data-method="payid"] .payment-method-icon-v406 svg[data-payment-icon="payid"],
body.ui-v39 .payment-method-option-v408[data-method="bank_transfer"] .payment-method-icon-v406 svg[data-payment-icon="bank_transfer"],
body.ui-v39 .payment-method-option-v408[data-method="wallet"] .payment-method-icon-v406 svg[data-payment-icon="wallet"],
body.ui-v39 .payment-method-option-v408[data-method="other"] .payment-method-icon-v406 svg[data-payment-icon="other"]{display:block!important}
body.ui-v39 .payment-method-option-v408[data-method="cash"] .payment-method-icon-v406{color:#118b61!important;background:color-mix(in srgb,#13a36f 10%,var(--theme-panel-2))!important}
body.ui-v39 .payment-method-option-v408[data-method="card"] .payment-method-icon-v406{color:#2878eb!important;background:color-mix(in srgb,#2878eb 10%,var(--theme-panel-2))!important}
body.ui-v39 .payment-method-option-v408[data-method="payid"] .payment-method-icon-v406{color:#7855df!important;background:color-mix(in srgb,#7855df 10%,var(--theme-panel-2))!important}
body.ui-v39 .payment-method-option-v408[data-method="bank_transfer"] .payment-method-icon-v406{color:#315e9c!important;background:color-mix(in srgb,#315e9c 9%,var(--theme-panel-2))!important}
body.ui-v39 .payment-method-option-v408[data-method="wallet"] .payment-method-icon-v406{color:#c17a0b!important;background:color-mix(in srgb,#d58b14 10%,var(--theme-panel-2))!important}
body.ui-v39 .payment-method-option-v408[data-method="other"] .payment-method-icon-v406{color:#69768a!important;background:color-mix(in srgb,#69768a 10%,var(--theme-panel-2))!important}

/* FixPro v4.0.9 — scalable device catalogue + review workflow ---------------- */
body.ui-v40 .device-load-more-wrap-v409{
  display:flex!important;justify-content:center!important;align-items:center!important;
  padding:11px 0 2px!important;min-height:44px!important;
}
body.ui-v40 .device-load-more-wrap-v409[hidden]{display:none!important}
body.ui-v40 .device-load-more-v409{min-width:170px!important}
body.ui-v40 .device-grid-v403.device-grid-loading-v409{opacity:.58!important;pointer-events:none!important;transition:opacity .14s ease!important}
body.ui-v40 .catalog-health-grid-v409{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important;
}
body.ui-v40 .catalog-health-grid-v409>article{
  min-width:0!important;padding:14px 15px!important;border:1px solid var(--fp4-border)!important;border-radius:var(--fp4-radius-md)!important;
  background:linear-gradient(145deg,var(--fp4-surface),var(--fp4-surface-2))!important;box-shadow:var(--fp4-shadow-soft)!important;
}
body.ui-v40 .catalog-health-grid-v409 span{display:block!important;color:var(--muted)!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.06em!important}
body.ui-v40 .catalog-health-grid-v409 strong{display:block!important;margin-top:5px!important;color:var(--ink)!important;font-size:18px!important;line-height:1.1!important;letter-spacing:-.025em!important}
body.ui-v40 .catalog-health-grid-v409 small{display:block!important;margin-top:4px!important;color:var(--muted)!important;font-size:10.5px!important;line-height:1.4!important}
body.ui-v40 .catalog-discovery-v409{display:grid!important;gap:13px!important;overflow:visible!important}
body.ui-v40 .catalog-discovery-actions-v409{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important}
body.ui-v40 .catalog-auto-settings-v409{
  display:grid!important;grid-template-columns:minmax(210px,1.25fr) repeat(2,minmax(210px,1fr)) auto!important;gap:10px!important;align-items:center!important;
  padding:11px!important;border:1px solid var(--fp4-border)!important;border-radius:14px!important;background:var(--fp4-surface-2)!important;
}
body.ui-v40 .catalog-auto-settings-v409>div strong{display:block!important;font-size:11.5px!important;color:var(--ink)!important}
body.ui-v40 .catalog-auto-settings-v409>div small{display:block!important;margin-top:2px!important;color:var(--muted)!important;font-size:9.5px!important;line-height:1.4!important}
body.ui-v40 .catalog-switch-v409{display:flex!important;align-items:center!important;gap:9px!important;min-height:40px!important;padding:7px 9px!important;border:1px solid var(--fp4-border)!important;border-radius:11px!important;background:var(--fp4-surface)!important;cursor:pointer!important}
body.ui-v40 .catalog-switch-v409 input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body.ui-v40 .catalog-switch-v409>span{position:relative!important;flex:0 0 34px!important;width:34px!important;height:20px!important;border-radius:999px!important;background:var(--fp4-border-strong)!important;transition:.16s ease!important}
body.ui-v40 .catalog-switch-v409>span:after{content:""!important;position:absolute!important;top:3px!important;left:3px!important;width:14px!important;height:14px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 5px rgba(10,30,55,.18)!important;transition:.16s ease!important}
body.ui-v40 .catalog-switch-v409 input:checked+span{background:var(--fp4-blue)!important}
body.ui-v40 .catalog-switch-v409 input:checked+span:after{transform:translateX(14px)!important}
body.ui-v40 .catalog-switch-v409:focus-within{box-shadow:var(--fp4-focus)!important}
body.ui-v40 .catalog-switch-v409 b{min-width:0!important;color:var(--ink)!important;font-size:10.5px!important;line-height:1.3!important}
body.ui-v40 .discovery-run-strip-v409{display:flex!important;gap:6px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:thin!important}
body.ui-v40 .discovery-run-strip-v409>span{flex:0 0 auto!important;padding:7px 9px!important;border:1px solid var(--fp4-border)!important;border-radius:999px!important;background:var(--fp4-surface-2)!important;color:var(--muted)!important;font-size:9.5px!important}
body.ui-v40 .discovery-run-strip-v409 b{margin-right:5px!important;color:var(--ink)!important}
body.ui-v40 .catalog-review-v409 .official-source-v409{border-color:color-mix(in srgb,var(--fp4-emerald) 30%,var(--fp4-border))!important;background:color-mix(in srgb,var(--fp4-emerald) 9%,var(--fp4-surface-2))!important;color:var(--fp4-emerald)!important}
body.ui-v40 .table-source-link-v409{display:inline-flex!important;margin-top:4px!important;color:var(--fp4-blue)!important;font-size:9.5px!important;font-weight:800!important;text-decoration:none!important}
body.ui-v40 .catalog-history-table-v409{border:1px solid var(--fp4-border)!important;border-radius:var(--fp4-radius-md)!important;background:var(--fp4-surface)!important;box-shadow:var(--fp4-shadow-soft)!important}
body.ui-v40 .catalog-history-table-v409 .sync-sources-v409{max-width:280px!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:1180px){
  body.ui-v40 .catalog-health-grid-v409{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui-v40 .catalog-auto-settings-v409{grid-template-columns:1fr 1fr!important}
}
@media(max-width:720px){
  body.ui-v40 .catalog-health-grid-v409{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.ui-v40 .catalog-health-grid-v409>article{padding:11px!important}
  body.ui-v40 .catalog-auto-settings-v409{grid-template-columns:1fr!important}
  body.ui-v40 .catalog-discovery-actions-v409>*{flex:1 1 150px!important}
  body.ui-v40 .catalog-discovery-actions-v409 form .btn,body.ui-v40 .catalog-discovery-actions-v409>a{width:100%!important;justify-content:center!important}
}
@media(max-width:430px){body.ui-v40 .catalog-health-grid-v409{grid-template-columns:1fr!important}}

/* FixPro v4.1.0 — records, same-page invoice creation & advanced reports */
body.ui-v410 .counter-success-v410{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:14px 0 18px;padding:18px;border:1px solid color-mix(in srgb,#0baa78 28%,var(--fp4-border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,#0baa78 8%,var(--fp4-surface)),var(--fp4-surface));box-shadow:var(--fp4-shadow-soft)}
body.ui-v410 .counter-success-v410[hidden],body.ui-v410 .counter-async-errors-v410[hidden]{display:none!important}
body.ui-v410 .counter-success-icon-v410{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,#0baa78 14%,var(--fp4-surface));color:#0b9f70;font-size:24px;font-weight:900}
body.ui-v410 .counter-success-copy-v410 h2{margin:3px 0 4px;font-size:19px;color:var(--ink)}
body.ui-v410 .counter-success-copy-v410>strong{font-size:12px;color:var(--fp4-blue)}
body.ui-v410 .counter-success-amounts-v410{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
body.ui-v410 .counter-success-amounts-v410>span{display:inline-flex;gap:5px;align-items:center;padding:6px 9px;border:1px solid var(--fp4-border);border-radius:999px;background:var(--fp4-surface-2);font-size:10px;color:var(--muted)}
body.ui-v410 .counter-success-status-v410[data-status="paid"]{color:#07865f!important;background:color-mix(in srgb,#0baa78 9%,var(--fp4-surface-2))!important}
body.ui-v410 .counter-success-status-v410[data-status="part_paid"]{color:#b26800!important;background:color-mix(in srgb,#e79a18 10%,var(--fp4-surface-2))!important}
body.ui-v410 .counter-success-status-v410[data-status="unpaid"]{color:#c13343!important;background:color-mix(in srgb,#dc4050 9%,var(--fp4-surface-2))!important}
body.ui-v410 #counterSuccessEmail{margin:8px 0 0;font-size:10.5px;color:var(--muted)}
body.ui-v410 #counterSuccessEmail[data-tone="warning"]{color:#b26800}body.ui-v410 #counterSuccessEmail[data-tone="success"]{color:#07865f}
body.ui-v410 .counter-success-actions-v410{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:520px}
body.ui-v410 .counter-async-errors-v410{margin:0 0 15px;padding:13px 15px;border:1px solid color-mix(in srgb,#dc4050 35%,var(--fp4-border));border-radius:13px;background:color-mix(in srgb,#dc4050 8%,var(--fp4-surface));color:var(--ink);font-size:11px}
body.ui-v410 .counter-async-errors-v410 ul{margin:6px 0 0;padding-left:18px}body.ui-v410 .async-invalid-v410{border-color:#dc4050!important;box-shadow:0 0 0 3px color-mix(in srgb,#dc4050 12%,transparent)!important}
body.ui-v410 .counter-entry-card.is-saving-v410{cursor:progress}.counter-entry-card.is-saving-v410 button[type="submit"]{opacity:.78}

body.ui-v410 .operations-head-v410{margin-bottom:12px}.operations-metrics-v410{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.ui-v410 .operations-metric.metric-paid strong{color:#07976b!important}.operations-metric.metric-due strong{color:#c4770a!important}
body.ui-v410 .operations-filterbar-v410{grid-template-columns:minmax(150px,.9fr) minmax(300px,2.8fr) minmax(110px,.75fr) minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto!important;align-items:end!important}
body.ui-v410 .operations-filterbar-v410 .custom-date-field{display:none!important}.operations-filterbar-v410.custom-range .custom-date-field{display:grid!important}
body.ui-v410 .operations-ledger-v410{overflow:visible!important}.operations-record{overflow:visible!important}
body.ui-v410 .record-payment-v410{align-items:flex-start!important}.record-payment-v410 small{display:block;margin-top:5px;color:var(--muted);line-height:1.4}.record-payment-v410 small b{color:var(--ink)}.record-payment-v410 small b.due,.record-payment-v410 em{color:#c4770a}.record-payment-v410 em{display:block;margin-top:3px;font-size:9px;font-style:normal;font-weight:800}
body.ui-v410 .record-actions-v410{display:flex!important;align-items:center!important;gap:6px!important;overflow:visible!important}
body.ui-v410 .record-more-v410{position:relative}.record-more-v410 summary{list-style:none;cursor:pointer}.record-more-v410 summary::-webkit-details-marker{display:none}.record-more-v410 summary span{font-size:10px}
body.ui-v410 .record-more-menu-v410{position:absolute;z-index:90;right:0;top:calc(100% + 7px);display:grid;min-width:160px;padding:6px;border:1px solid var(--fp4-border);border-radius:12px;background:var(--fp4-surface);box-shadow:0 18px 40px rgba(15,35,64,.18)}
body.ui-v410 .record-more-menu-v410 a,body.ui-v410 .record-more-menu-v410 button{width:100%;border:0;background:transparent;color:var(--ink);padding:9px 10px;border-radius:8px;text-align:left;font:inherit;font-size:10.5px;font-weight:750;cursor:pointer;text-decoration:none}.record-more-menu-v410 a:hover,.record-more-menu-v410 button:hover{background:var(--fp4-surface-2);color:var(--fp4-blue)}
body[data-theme="dark"].ui-v410 .record-more-menu-v410{box-shadow:0 20px 45px rgba(0,0,0,.38)}

body.ui-v410 .reports-page-v410{display:grid;gap:14px;max-width:1800px!important}.reports-top-v410{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.reports-title-v410 h1{margin:4px 0 5px;font-size:27px;letter-spacing:-.035em}.reports-title-v410 p{margin:0;color:var(--muted);font-size:10.5px}
body.ui-v410 .reports-filter-v410{display:flex;gap:9px;align-items:end;padding:12px;border:1px solid var(--fp4-border);border-radius:16px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft)}
body.ui-v410 .reports-filter-v410 label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.reports-filter-v410 select,.reports-filter-v410 input{min-width:170px;height:42px;border:1px solid var(--fp4-border);border-radius:10px;background:var(--fp4-surface-2);color:var(--ink);padding:0 11px;font:inherit;font-size:10.5px;font-weight:700}.reports-filter-v410 .custom-date-field{display:none}.reports-filter-v410.custom-range .custom-date-field{display:grid}
body.ui-v410 .reports-loading-v410{position:sticky;top:4px;z-index:80;display:flex;gap:8px;align-items:center;justify-content:center;width:max-content;margin:0 auto;padding:7px 11px;border:1px solid var(--fp4-border);border-radius:999px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft);font-size:9.5px;color:var(--muted)}.reports-loading-v410[hidden]{display:none!important}.reports-loading-v410>span:not([data-fixpro-orbit]){width:10px;height:10px;border-radius:50%;border:2px solid var(--fp4-border-strong);border-top-color:var(--fp4-blue);animation:fp410spin .7s linear infinite}@keyframes fp410spin{to{transform:rotate(360deg)}}
body.ui-v410 .reports-page-v410.is-loading-v410>*:not(.reports-loading-v410){opacity:.58;pointer-events:none;transition:opacity .14s ease}
body.ui-v410 .reports-summary-v410{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.report-kpi-v410{display:flex;gap:11px;align-items:center;min-width:0;padding:16px;border:1px solid var(--fp4-border);border-radius:16px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft)}.report-kpi-icon-v410{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;font-size:22px;font-weight:900}.report-kpi-v410 div{min-width:0}.report-kpi-v410 small,.report-kpi-v410 em{display:block;color:var(--muted);font-size:9.5px;font-style:normal}.report-kpi-v410 strong{display:block;margin:4px 0;color:var(--ink);font-size:18px;letter-spacing:-.03em}.kpi-invoiced .report-kpi-icon-v410{background:color-mix(in srgb,#1769ff 10%,var(--fp4-surface-2));color:#1769ff}.kpi-payments .report-kpi-icon-v410{background:color-mix(in srgb,#18b8c8 11%,var(--fp4-surface-2));color:#0da4b5}.kpi-expenses .report-kpi-icon-v410{background:color-mix(in srgb,#7657e8 10%,var(--fp4-surface-2));color:#7657e8}.kpi-net .report-kpi-icon-v410{background:color-mix(in srgb,#0eb29d 10%,var(--fp4-surface-2));color:#079b88}.kpi-ticket .report-kpi-icon-v410{background:color-mix(in srgb,#f29b19 11%,var(--fp4-surface-2));color:#dc870c}
body.ui-v410 .reports-chart-grid-v410{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(360px,1fr);gap:14px}.report-card-v410{min-width:0;padding:16px;border:1px solid var(--fp4-border);border-radius:17px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft)}.report-card-head-v410{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}.report-card-head-v410 h2{margin:0;color:var(--ink);font-size:13px;letter-spacing:-.015em}.report-card-head-v410 p{margin:3px 0 0;color:var(--muted);font-size:9.5px}.report-card-head-v410>a{font-size:9.5px;font-weight:800;color:var(--fp4-blue);text-decoration:none}
body.ui-v410 .report-group-v410{display:flex;border:1px solid var(--fp4-border);border-radius:8px;overflow:hidden;background:var(--fp4-surface-2)}.report-group-v410 button{min-width:58px;border:0;border-right:1px solid var(--fp4-border);background:transparent;color:var(--muted);padding:6px 10px;font-size:9px;font-weight:800;cursor:pointer}.report-group-v410 button:last-child{border-right:0}.report-group-v410 button.active{background:var(--fp4-blue);color:#fff}
body.ui-v410 .report-chart-legend-v410{display:flex;justify-content:flex-end;gap:16px;margin:-2px 4px 2px;font-size:9px}.report-chart-legend-v410 span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-sales:before{background:#1769ff}.legend-repairs:before{background:#18b8c8}
body.ui-v410 .reports-line-chart-v410{position:relative;min-height:310px}.reports-line-chart-v410 svg{width:100%;height:auto;overflow:visible}.chart-hover-zone-v410{fill:transparent;cursor:crosshair}.chart-tooltip-v410{position:absolute;z-index:12;width:164px;padding:9px 10px;border:1px solid var(--fp4-border);border-radius:10px;background:var(--fp4-surface);box-shadow:0 12px 30px rgba(15,35,64,.18);pointer-events:none;font-size:9px}.chart-tooltip-v410[hidden]{display:none!important}.chart-tooltip-v410 strong{display:block;margin-bottom:6px;font-size:10px}.chart-tooltip-v410 span{display:grid;grid-template-columns:auto 1fr auto;gap:5px;align-items:center;padding:2px 0;color:var(--muted)}.chart-tooltip-v410 span i{width:7px;height:7px;border-radius:50%}.chart-tooltip-v410 i.sales{background:#1769ff}.chart-tooltip-v410 i.repairs{background:#18b8c8}.chart-tooltip-v410 span.total{border-top:1px solid var(--fp4-border);margin-top:4px;padding-top:5px;color:var(--ink)}
body.ui-v410 .payment-visual-v410{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.donut-wrap-v410{position:relative;display:grid;place-items:center}.donut-wrap-v410 .donut-chart{width:170px;height:170px}.donut-total-v410{position:absolute;text-align:center;max-width:86px}.donut-total-v410 small{display:block;color:var(--muted);font-size:8px}.donut-total-v410 strong{display:block;margin-top:3px;color:var(--ink);font-size:12px}.payment-legend-v410{display:grid}.payment-legend-v410 .payment-row{display:grid;grid-template-columns:10px minmax(90px,1fr) auto 45px;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid var(--fp4-border);font-size:9px}.payment-legend-v410 .payment-row strong{font-size:9.5px}.payment-legend-v410 .payment-row b{text-align:right}.payment-legend-v410 .payment-row em{text-align:right;color:var(--muted);font-style:normal}.payment-swatch-v410{width:7px;height:7px;border-radius:50%}.swatch-0{background:#1769ff}.swatch-1{background:#20b7d8}.swatch-2{background:#7f58d9}.swatch-3{background:#d78700}.swatch-4{background:#0fa968}.swatch-5{background:#dc3d4a}.swatch-6{background:#51617c}.payment-total-row-v410{border-bottom:0!important;padding-top:10px!important;font-size:9.5px!important}
body.ui-v410 .reports-bottom-grid-v410{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px}.reports-bottom-grid-v410>.report-table-card-v410:only-child{grid-column:1/-1}.report-table-card-v410{overflow:hidden}.reports-table-v410{overflow:auto;border:1px solid var(--fp4-border);border-radius:12px}.reports-table-v410 table{width:100%;min-width:760px;border-collapse:collapse}.reports-table-v410 th{padding:9px 10px;background:var(--fp4-surface-2);color:var(--muted);font-size:7.8px;letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap}.reports-table-v410 td{padding:10px;border-top:1px solid var(--fp4-border);color:var(--ink);font-size:8.8px;white-space:nowrap}.reports-table-v410 td small{display:block;color:var(--muted);margin-top:2px}.reports-table-v410 .outstanding-v410{color:#d26f00;font-weight:800}.report-type-chip-v410,.report-payment-status-v410{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:7.5px;font-weight:900;text-transform:uppercase}.report-type-chip-v410.repair{color:#058b76;background:color-mix(in srgb,#12b89e 12%,var(--fp4-surface-2))}.report-type-chip-v410.sale{color:#1769ff;background:color-mix(in srgb,#1769ff 10%,var(--fp4-surface-2))}.report-payment-status-v410.paid{color:#07865f;background:color-mix(in srgb,#0baa78 10%,var(--fp4-surface-2))}.report-payment-status-v410.part_paid{color:#b26800;background:color-mix(in srgb,#e79a18 11%,var(--fp4-surface-2))}.report-payment-status-v410.unpaid{color:#c13343;background:color-mix(in srgb,#dc4050 9%,var(--fp4-surface-2))}

@media(max-width:1380px){body.ui-v410 .reports-summary-v410{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-chart-grid-v410{grid-template-columns:minmax(0,1.4fr) minmax(330px,.9fr)}.reports-bottom-grid-v410{grid-template-columns:1fr}.operations-filterbar-v410{grid-template-columns:repeat(4,minmax(140px,1fr))!important}.operations-filterbar-v410 .search-field{grid-column:span 2}}
@media(max-width:1050px){body.ui-v410 .reports-top-v410{display:grid}.reports-filter-v410{width:100%;flex-wrap:wrap}.reports-filter-v410 label{flex:1 1 180px}.reports-chart-grid-v410{grid-template-columns:1fr}.operations-metrics-v410{grid-template-columns:repeat(2,minmax(0,1fr))!important}.counter-success-v410{grid-template-columns:auto 1fr}.counter-success-actions-v410{grid-column:1/-1;max-width:none;justify-content:flex-start}}
@media(max-width:720px){body.ui-v410 .reports-summary-v410{grid-template-columns:1fr 1fr}.reports-filter-v410{display:grid;grid-template-columns:1fr}.reports-filter-v410 label,.reports-filter-v410 select,.reports-filter-v410 input,.reports-filter-v410 .btn{width:100%;min-width:0}.reports-chart-grid-v410{display:grid}.payment-visual-v410{grid-template-columns:1fr}.report-group-v410{width:100%}.report-group-v410 button{flex:1;min-width:0}.reports-line-chart-v410{min-height:230px}.reports-table-v410 table{min-width:720px}.operations-filterbar-v410{grid-template-columns:1fr 1fr!important}.operations-filterbar-v410 .search-field{grid-column:1/-1}.counter-success-v410{grid-template-columns:1fr}.counter-success-icon-v410{width:42px;height:42px}.counter-success-actions-v410>*{flex:1 1 135px;justify-content:center}}
@media(max-width:460px){body.ui-v410 .reports-summary-v410{grid-template-columns:1fr}.operations-metrics-v410{grid-template-columns:1fr 1fr!important}.operations-filterbar-v410{grid-template-columns:1fr!important}.operations-filterbar-v410 .search-field{grid-column:1}.report-card-v410{padding:12px}.report-card-head-v410{display:grid}.payment-legend-v410 .payment-row{grid-template-columns:10px 1fr auto 40px}}

/* v4.1.0 — deliberate reset confirmation for same-page counter entry. */
.clear-entry-dialog-v410{width:min(520px,calc(100vw - 28px));border:1px solid var(--fp4-border);border-radius:22px;padding:0;background:var(--fp4-surface);color:var(--fp4-text);box-shadow:0 28px 80px rgba(15,35,70,.28)}
.clear-entry-dialog-v410::backdrop{background:rgba(9,20,38,.52);backdrop-filter:blur(3px)}
.clear-entry-dialog-v410 form{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:24px;margin:0}
.clear-entry-dialog-icon-v410{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,#ff9b24 13%,var(--fp4-surface));color:#d77600;font-size:25px;font-weight:850;border:1px solid color-mix(in srgb,#ff9b24 28%,var(--fp4-border))}
.clear-entry-dialog-v410 h2{margin:4px 0 7px;font-size:22px;line-height:1.2}
.clear-entry-dialog-v410 p{margin:0;color:var(--fp4-muted);line-height:1.55}
.clear-entry-dialog-actions-v410{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:5px}
.clear-entry-dialog-actions-v410 .btn.danger{background:#d83a4e;color:white;border-color:#d83a4e}
.clear-entry-dialog-actions-v410 .btn.danger:hover{filter:brightness(.96)}
@media(max-width:520px){.clear-entry-dialog-v410 form{grid-template-columns:1fr;padding:20px}.clear-entry-dialog-actions-v410{grid-column:auto}.clear-entry-dialog-actions-v410 .btn{flex:1}}
.transactions-page-v410{min-width:0}

/* FixPro v4.1.1 — live same-page invoice processing and background document delivery */
body.ui-v411 .counter-actions-v411{display:grid;grid-template-columns:minmax(120px,auto) minmax(260px,1fr);gap:12px;align-items:center}
body.ui-v411 .counter-actions-v411 .btn{min-height:48px;border-radius:12px}
body.ui-v411 .counter-actions-v411 #completeInvoiceButton{justify-content:center;font-weight:850}
body.ui-v411 .counter-entry-card.is-saving-v411{cursor:progress}

body.ui-v411 .counter-processing-dialog-v411,
body.ui-v411 .counter-success-dialog-v411,
body.ui-v411 .counter-email-dialog-v411{width:min(620px,calc(100vw - 30px));max-height:min(86vh,760px);border:0;padding:0;background:transparent;color:var(--ink);overflow:visible}
body.ui-v411 .counter-processing-dialog-v411::backdrop,
body.ui-v411 .counter-success-dialog-v411::backdrop,
body.ui-v411 .counter-email-dialog-v411::backdrop{background:rgba(7,18,34,.58);backdrop-filter:blur(5px)}
body.ui-v411 .counter-processing-card-v411,
body.ui-v411 .counter-success-card-v411,
body.ui-v411 .counter-email-dialog-v411>form{position:relative;max-height:min(86vh,760px);overflow:auto;border:1px solid var(--fp4-border);border-radius:24px;background:var(--fp4-surface);box-shadow:0 30px 90px rgba(10,27,52,.32);padding:24px}
body[data-theme="dark"].ui-v411 .counter-processing-card-v411,
body[data-theme="dark"].ui-v411 .counter-success-card-v411,
body[data-theme="dark"].ui-v411 .counter-email-dialog-v411>form{box-shadow:0 34px 100px rgba(0,0,0,.55)}

body.ui-v411 .counter-processing-head-v411{display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px;align-items:start;padding-bottom:17px;border-bottom:1px solid var(--fp4-border)}
body.ui-v411 .counter-processing-head-v411 h2,
body.ui-v411 .counter-success-copy-v411 h2,
body.ui-v411 .counter-email-dialog-v411 h2{margin:4px 0 6px;color:var(--ink);font-size:22px;letter-spacing:-.025em;line-height:1.15}
body.ui-v411 .counter-processing-head-v411 p,
body.ui-v411 .counter-email-dialog-v411 p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
body.ui-v411 .counter-processing-spinner-v411{width:44px;height:44px;border-radius:14px;border:3px solid color-mix(in srgb,var(--fp4-blue) 16%,var(--fp4-border));border-top-color:var(--fp4-blue);background:color-mix(in srgb,var(--fp4-blue) 5%,var(--fp4-surface-2));animation:fp411spin .8s linear infinite}
@keyframes fp411spin{to{transform:rotate(360deg)}}
body.ui-v411 .counter-progress-steps-v411{display:grid;gap:9px;margin-top:17px}
body.ui-v411 .counter-progress-step-v411{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center;padding:12px;border:1px solid var(--fp4-border);border-radius:14px;background:var(--fp4-surface-2);transition:border-color .15s ease,background .15s ease,opacity .15s ease}
body.ui-v411 .counter-progress-step-v411 strong{display:block;color:var(--ink);font-size:11.5px}.counter-progress-step-v411 small{display:block;margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.45}
body.ui-v411 .step-indicator-v411{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid var(--fp4-border);background:var(--fp4-surface);color:var(--muted);font-weight:900}
body.ui-v411 .counter-progress-step-v411[data-state="active"]{border-color:color-mix(in srgb,var(--fp4-blue) 45%,var(--fp4-border));background:color-mix(in srgb,var(--fp4-blue) 7%,var(--fp4-surface-2))}.counter-progress-step-v411[data-state="active"] .step-indicator-v411{color:var(--fp4-blue);border-color:color-mix(in srgb,var(--fp4-blue) 35%,var(--fp4-border))}
body.ui-v411 .counter-progress-step-v411[data-state="done"] .step-indicator-v411{background:color-mix(in srgb,#0baa78 11%,var(--fp4-surface));border-color:color-mix(in srgb,#0baa78 30%,var(--fp4-border));color:#07996d}

body.ui-v411 .counter-success-card-v411{display:grid;grid-template-columns:60px minmax(0,1fr);gap:16px}
body.ui-v411 .counter-dialog-close-v411{position:absolute;right:14px;top:14px;z-index:3;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--fp4-border);border-radius:12px;background:var(--fp4-surface-2);color:var(--muted);font:inherit;font-size:20px;line-height:1;cursor:pointer}
body.ui-v411 .counter-dialog-close-v411:hover{color:var(--ink);border-color:var(--fp4-border-strong)}
body.ui-v411 .counter-success-icon-v411{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,#0baa78 12%,var(--fp4-surface-2));border:1px solid color-mix(in srgb,#0baa78 30%,var(--fp4-border));color:#07996d;font-size:27px;font-weight:950}
body.ui-v411 .counter-success-copy-v411{padding-right:42px}.counter-success-copy-v411>strong{display:block;color:var(--fp4-blue);font-size:12px}.counter-success-device-v411{margin:5px 0 0;color:var(--muted);font-size:10.5px;font-weight:700}
body.ui-v411 .counter-success-amounts-v411{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.counter-success-amounts-v411 span{display:grid;gap:4px;padding:10px 11px;border:1px solid var(--fp4-border);border-radius:12px;background:var(--fp4-surface-2);color:var(--muted);font-size:9px}.counter-success-amounts-v411 b{color:var(--ink);font-size:13px}
body.ui-v411 .counter-success-payment-v411{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.counter-success-status-v411{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--fp4-surface-2);border:1px solid var(--fp4-border);color:var(--ink);font-size:9.5px;font-weight:850}.counter-success-status-v411[data-status="paid"]{color:#07865f;background:color-mix(in srgb,#0baa78 9%,var(--fp4-surface-2))}.counter-success-status-v411[data-status="part_paid"]{color:#b26800;background:color-mix(in srgb,#e79a18 10%,var(--fp4-surface-2))}.counter-success-status-v411[data-status="unpaid"]{color:#c13343;background:color-mix(in srgb,#dc4050 9%,var(--fp4-surface-2))}.counter-success-payment-v411 small{color:#b26800;font-weight:750;font-size:9.5px}
body.ui-v411 .counter-background-status-v411{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:5px}.counter-background-status-v411>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;padding:10px;border:1px solid var(--fp4-border);border-radius:13px;background:var(--fp4-surface-2)}.counter-background-status-v411 strong{display:block;font-size:10px;color:var(--ink)}.counter-background-status-v411 small{display:block;margin-top:2px;color:var(--muted);font-size:8.8px;line-height:1.35;overflow-wrap:anywhere}
body.ui-v411 .background-status-icon-v411{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;border:1px solid var(--fp4-border);background:var(--fp4-surface);color:var(--muted);font-size:12px;font-weight:950}.background-status-icon-v411.is-working{color:var(--fp4-blue);animation:fp411pulse 1.4s ease-in-out infinite}.background-status-icon-v411.is-ready{color:#07865f;background:color-mix(in srgb,#0baa78 10%,var(--fp4-surface))}.background-status-icon-v411.is-failed{color:#c13343;background:color-mix(in srgb,#dc4050 9%,var(--fp4-surface))}@keyframes fp411pulse{50%{opacity:.48}}
body.ui-v411 .counter-success-actions-v411{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:1px}.counter-success-actions-v411 .btn{min-height:46px;justify-content:center;text-align:center}.counter-success-actions-v411 .is-disabled-v411{opacity:.55;pointer-events:none;cursor:progress}

body.ui-v411 .counter-email-dialog-v411{width:min(500px,calc(100vw - 30px))}.counter-email-dialog-v411>form{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px}.counter-email-icon-v411{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--fp4-blue) 10%,var(--fp4-surface-2));border:1px solid color-mix(in srgb,var(--fp4-blue) 25%,var(--fp4-border));color:var(--fp4-blue);font-size:20px}.counter-email-dialog-v411 label{grid-column:1/-1;display:grid;gap:6px;color:var(--ink);font-size:10px;font-weight:800}.counter-email-dialog-v411 input[type="email"]{width:100%;min-height:48px;border:1px solid var(--fp4-border);border-radius:12px;background:var(--fp4-surface-2);color:var(--ink);padding:0 13px;font:inherit;font-size:16px;outline:none}.counter-email-dialog-v411 input[type="email"]:focus{border-color:var(--fp4-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--fp4-blue) 12%,transparent)}
body.ui-v411 .counter-email-save-v411{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;padding:10px 11px;border:1px solid var(--fp4-border);border-radius:11px;background:var(--fp4-surface-2);cursor:pointer}.counter-email-save-v411 input{width:19px;height:19px;accent-color:var(--fp4-blue)}.counter-email-feedback-v411{grid-column:1/-1!important;margin:0!important;padding:9px 11px;border-radius:10px;background:var(--fp4-surface-2);font-size:9.5px!important}.counter-email-feedback-v411[data-tone="failed"]{color:#c13343;background:color-mix(in srgb,#dc4050 8%,var(--fp4-surface-2))}.counter-email-feedback-v411[data-tone="working"]{color:var(--fp4-blue)}
body.ui-v411 .counter-email-actions-v411{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px}.counter-email-actions-v411 .btn{min-height:44px;min-width:120px;justify-content:center}

body.ui-v411 .counter-toast-region-v411{position:fixed;z-index:240;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;gap:8px;width:min(390px,calc(100vw - 32px));pointer-events:none}.counter-background-toast-v411{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 12px;border:1px solid var(--fp4-border);border-radius:14px;background:color-mix(in srgb,var(--fp4-surface) 96%,transparent);box-shadow:0 18px 46px rgba(12,30,58,.22);backdrop-filter:blur(10px);pointer-events:auto}.counter-background-toast-v411 strong{display:block;color:var(--ink);font-size:10px}.counter-background-toast-v411 small{display:block;margin-top:2px;color:var(--muted);font-size:9px;line-height:1.35}.toast-state-v411{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--fp4-blue) 9%,var(--fp4-surface-2));color:var(--fp4-blue);font-weight:950}.counter-background-toast-v411[data-state="failed"] .toast-state-v411{color:#c13343;background:color-mix(in srgb,#dc4050 9%,var(--fp4-surface-2))}.counter-background-toast-v411[data-state="ready"] .toast-state-v411{color:#07865f;background:color-mix(in srgb,#0baa78 10%,var(--fp4-surface-2))}.toast-actions-v411{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.toast-actions-v411 button,.toast-actions-v411 a{border:1px solid var(--fp4-border);border-radius:8px;background:var(--fp4-surface-2);color:var(--fp4-blue);padding:6px 7px;font:inherit;font-size:8.5px;font-weight:850;text-decoration:none;cursor:pointer}

@media(max-width:768px){
 body.ui-v411 .counter-actions-v411{grid-template-columns:1fr}.counter-actions-v411 #completeInvoiceButton{order:-1}.counter-actions-v411 .btn{width:100%;min-height:50px}
 body.ui-v411 .counter-success-card-v411{grid-template-columns:48px minmax(0,1fr);padding:20px}.counter-success-icon-v411{width:46px;height:46px;border-radius:15px}.counter-success-copy-v411{padding-right:34px}.counter-success-amounts-v411{grid-template-columns:1fr 1fr 1fr}.counter-background-status-v411{grid-template-columns:1fr}.counter-success-actions-v411{grid-template-columns:1fr}.counter-success-actions-v411 .btn{width:100%;min-height:48px}
 body.ui-v411 .counter-processing-card-v411,.ui-v411 .counter-email-dialog-v411>form{padding:20px}.counter-processing-head-v411{grid-template-columns:40px minmax(0,1fr)}.counter-processing-spinner-v411{width:38px;height:38px;border-radius:12px}
 body.ui-v411 .counter-toast-region-v411{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:auto}.counter-background-toast-v411{grid-template-columns:32px minmax(0,1fr)}.toast-actions-v411{grid-column:1/-1;justify-content:flex-start;padding-left:41px}
}
@media(max-width:430px){
 body.ui-v411 .counter-processing-dialog-v411,.ui-v411 .counter-success-dialog-v411,.ui-v411 .counter-email-dialog-v411{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
 body.ui-v411 .counter-processing-card-v411,.ui-v411 .counter-success-card-v411,.ui-v411 .counter-email-dialog-v411>form{max-height:calc(100dvh - 20px);border-radius:20px;padding:17px}
 body.ui-v411 .counter-processing-head-v411{grid-template-columns:1fr}.counter-success-card-v411{grid-template-columns:1fr}.counter-success-copy-v411{padding-right:36px}.counter-success-amounts-v411{grid-template-columns:1fr 1fr}.counter-success-amounts-v411 span:last-child{grid-column:1/-1}.counter-email-dialog-v411>form{grid-template-columns:1fr}.counter-email-icon-v411{width:42px;height:42px}.counter-email-actions-v411{display:grid;grid-template-columns:1fr}.counter-email-actions-v411 .btn{width:100%}.counter-email-actions-v411 #counterEmailSend{order:-1}
}
@media(orientation:landscape) and (max-height:620px){body.ui-v411 .counter-processing-dialog-v411,.ui-v411 .counter-success-dialog-v411,.ui-v411 .counter-email-dialog-v411{max-height:calc(100dvh - 12px)}body.ui-v411 .counter-processing-card-v411,.ui-v411 .counter-success-card-v411,.ui-v411 .counter-email-dialog-v411>form{max-height:calc(100dvh - 12px);padding:16px}.counter-progress-steps-v411{gap:6px;margin-top:10px}.counter-progress-step-v411{padding:8px}}
/* v4.1.1 long customer/device/invoice labels must reflow instead of widening dialogs/toasts. */
body.ui-v411 .counter-success-copy-v411,
body.ui-v411 .counter-success-device-v411,
body.ui-v411 .counter-background-status-v411>div>span:last-child,
body.ui-v411 .counter-background-toast-v411>span:nth-child(2){min-width:0;overflow-wrap:anywhere;word-break:break-word}


/* FixPro v4.1.2 - persistent cross-page invoice activity and truthful progress errors */
body.ui-v412 .global-background-toast-region-v412{position:fixed;z-index:245;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;gap:8px;width:min(390px,calc(100vw - 32px));pointer-events:none}
body.ui-v412 .global-background-toast-v412{pointer-events:auto}
body.ui-v412 .counter-progress-step-v411[data-state="failed"]{border-color:color-mix(in srgb,#dc4050 28%,var(--fp4-border));background:color-mix(in srgb,#dc4050 7%,var(--fp4-surface-2))}
body.ui-v412 .counter-progress-step-v411[data-state="failed"] .step-indicator-v411{color:#c13343;background:color-mix(in srgb,#dc4050 11%,var(--fp4-surface-2));border-color:color-mix(in srgb,#dc4050 24%,var(--fp4-border))}
@media (max-width:700px){body.ui-v412 .global-background-toast-region-v412{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 64px);width:auto}}
@media (prefers-reduced-motion:reduce){body.ui-v412 .global-background-toast-v412 *,body.ui-v412 .counter-processing-card-v411 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* FixPro v4.2.0 — customer tracking, repair command center, performance and audit */
body.ui-v420 .repair-center-v420,body.ui-v420 .performance-center-v420,body.ui-v420 .audit-center-v420,body.ui-v420 .device-history-v420,body.ui-v420 .communication-settings-v420{max-width:1760px;margin:0 auto;padding-bottom:34px}
body.ui-v420 .repair-center-head-v420,body.ui-v420 .performance-head-v420,body.ui-v420 .audit-head-v420,body.ui-v420 .device-history-head-v420,body.ui-v420 .communication-head-v420{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}
body.ui-v420 .repair-center-head-v420 h1,body.ui-v420 .performance-head-v420 h1,body.ui-v420 .audit-head-v420 h1,body.ui-v420 .device-history-head-v420 h1,body.ui-v420 .communication-head-v420 h1{margin:5px 0 6px;font-size:30px;line-height:1.08;letter-spacing:-.035em;color:var(--ink)}
body.ui-v420 .repair-center-head-v420 p,body.ui-v420 .performance-head-v420 p,body.ui-v420 .audit-head-v420 p,body.ui-v420 .device-history-head-v420 p,body.ui-v420 .communication-head-v420 p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
body.ui-v420 .repair-center-actions-v420{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}

body.ui-v420 .repair-center-kpis-v420,body.ui-v420 .performance-kpis-v420{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
body.ui-v420 .repair-center-kpis-v420>div,body.ui-v420 .performance-kpis-v420>div{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-items:center;min-height:104px;padding:16px;border:1px solid var(--fp4-border);border-radius:18px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft);overflow:hidden}
body.ui-v420 .repair-center-kpis-v420 small,body.ui-v420 .performance-kpis-v420 small{grid-column:2;color:var(--muted);font-size:9.5px;font-weight:750}
body.ui-v420 .repair-center-kpis-v420 strong,body.ui-v420 .performance-kpis-v420 strong{grid-column:2;color:var(--ink);font-size:16px;line-height:1.2;overflow-wrap:anywhere}
body.ui-v420 .performance-kpis-v420 em{grid-column:2;color:var(--muted);font-style:normal;font-size:8.8px}
body.ui-v420 .rc-kpi-icon,body.ui-v420 .pk-icon{grid-row:1/4;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;font-weight:950;font-size:18px;border:1px solid var(--fp4-border)}
body.ui-v420 .rc-kpi-icon.blue,body.ui-v420 .pk-icon.blue{color:#1769ff;background:color-mix(in srgb,#1769ff 9%,var(--fp4-surface-2));border-color:color-mix(in srgb,#1769ff 24%,var(--fp4-border))}
body.ui-v420 .rc-kpi-icon.green,body.ui-v420 .pk-icon.green{color:#0a9c70;background:color-mix(in srgb,#0baa78 10%,var(--fp4-surface-2));border-color:color-mix(in srgb,#0baa78 24%,var(--fp4-border))}
body.ui-v420 .rc-kpi-icon.orange,body.ui-v420 .pk-icon.orange{color:#cf7c09;background:color-mix(in srgb,#f29b1c 11%,var(--fp4-surface-2));border-color:color-mix(in srgb,#f29b1c 25%,var(--fp4-border))}
body.ui-v420 .rc-kpi-icon.purple,body.ui-v420 .pk-icon.purple{color:#6d50ef;background:color-mix(in srgb,#7357f6 10%,var(--fp4-surface-2));border-color:color-mix(in srgb,#7357f6 24%,var(--fp4-border))}
body.ui-v420 .rc-kpi-icon.cyan,body.ui-v420 .pk-icon.cyan{color:#0c9fb9;background:color-mix(in srgb,#17a9c7 10%,var(--fp4-surface-2));border-color:color-mix(in srgb,#17a9c7 24%,var(--fp4-border))}

body.ui-v420 .repair-center-grid-v420{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
body.ui-v420 .rc-card-v420,body.ui-v420 .pc-card-v420{border:1px solid var(--fp4-border);border-radius:20px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft);min-width:0;overflow:hidden}
body.ui-v420 .rc-card-v420>header,body.ui-v420 .pc-card-v420>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid var(--fp4-border);background:linear-gradient(180deg,color-mix(in srgb,var(--fp4-surface-2) 78%,transparent),var(--fp4-surface))}
body.ui-v420 .rc-card-v420>header span,body.ui-v420 .pc-card-v420>header span{display:block;color:var(--fp4-blue);font-size:8px;font-weight:900;letter-spacing:.11em}
body.ui-v420 .rc-card-v420>header h2,body.ui-v420 .pc-card-v420>header h2{margin:4px 0 0;color:var(--ink);font-size:16px;letter-spacing:-.02em}
body.ui-v420 .rc-card-v420>header>a,body.ui-v420 .pc-card-v420>header>a{font-size:9.5px;font-weight:850;color:var(--fp4-blue);text-decoration:none}
body.ui-v420 .rc-card-v420>header>small,body.ui-v420 .pc-card-v420>header>small{max-width:260px;text-align:right;color:var(--muted);font-size:8.5px;line-height:1.45}
body.ui-v420 .rc-summary-v420{grid-row:span 2}
body.ui-v420 .rc-customer-v420{display:flex;gap:12px;align-items:center;margin:18px;padding:14px;border:1px solid var(--fp4-border);border-radius:15px;background:var(--fp4-surface-2)}
body.ui-v420 .rc-avatar-v420{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--fp4-blue) 9%,var(--fp4-surface));border:1px solid color-mix(in srgb,var(--fp4-blue) 20%,var(--fp4-border));color:var(--fp4-blue);font-weight:900}
body.ui-v420 .rc-customer-v420 strong,body.ui-v420 .rc-customer-v420 small{display:block}.rc-customer-v420 strong{color:var(--ink);font-size:12px}.rc-customer-v420 small{margin-top:2px;color:var(--muted);font-size:9px}
body.ui-v420 .rc-device-v420{display:grid;gap:0;padding:0 18px}.rc-device-v420>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--fp4-border)}.rc-device-v420 small{color:var(--muted);font-size:8.5px}.rc-device-v420 strong{color:var(--ink);font-size:10px;overflow-wrap:anywhere}
body.ui-v420 .rc-details-form-v420{display:grid;gap:10px;padding:17px 18px}.rc-details-form-v420 label,.rc-quote-send-v420 label,.rc-create-case-v420 label{display:grid;gap:5px;color:var(--muted);font-size:8.8px;font-weight:800}.rc-details-form-v420 select,.rc-details-form-v420 input,.rc-quote-send-v420 textarea,.rc-create-case-v420 select,.rc-create-case-v420 input,.rc-create-case-v420 textarea{width:100%;min-height:42px;border:1px solid var(--fp4-border);border-radius:11px;background:var(--fp4-surface-2);color:var(--ink);padding:9px 11px;font:inherit;font-size:10px;outline:0}.rc-details-form-v420 select:focus,.rc-details-form-v420 input:focus,.rc-quote-send-v420 textarea:focus,.rc-create-case-v420 :is(select,input,textarea):focus{border-color:var(--fp4-blue);box-shadow:var(--fp4-focus)}

body.ui-v420 .rc-live-v420{display:inline-flex!important;align-items:center;gap:6px;color:#07865f!important;background:color-mix(in srgb,#0baa78 9%,var(--fp4-surface-2));border:1px solid color-mix(in srgb,#0baa78 24%,var(--fp4-border));border-radius:999px;padding:6px 9px;letter-spacing:0!important;font-size:8px!important}.rc-live-v420 i{width:7px;height:7px;border-radius:50%;background:#0baa78;box-shadow:0 0 0 4px rgba(11,170,120,.12)}
body.ui-v420 .rc-status-control-v420{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:18px}.rc-status-control-v420 label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.rc-status-control-v420 select{min-height:44px;border:1px solid var(--fp4-border);border-radius:11px;background:var(--fp4-surface-2);color:var(--ink);padding:0 11px}
body.ui-v420 .rc-tracking-link-v420{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 18px 16px;padding:12px;border:1px solid color-mix(in srgb,var(--fp4-blue) 22%,var(--fp4-border));border-radius:13px;background:color-mix(in srgb,var(--fp4-blue) 5%,var(--fp4-surface-2));min-width:0}.rc-tracking-link-v420 div{min-width:0}.rc-tracking-link-v420 small{display:block;color:var(--muted);font-size:8px}.rc-tracking-link-v420 strong{display:block;margin-top:3px;color:var(--fp4-blue);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-v420 .rc-customer-updates-v420{padding:0 18px 18px}.rc-customer-updates-v420 h3{margin:0 0 8px;color:var(--ink);font-size:10px}.rc-customer-updates-v420>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:start;padding:9px 0;border-top:1px solid var(--fp4-border)}.rc-customer-updates-v420>div>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--fp4-surface-2);color:var(--fp4-blue);font-size:9px;font-weight:900}.rc-customer-updates-v420 p{margin:0}.rc-customer-updates-v420 p strong,.rc-customer-updates-v420 p small{display:block}.rc-customer-updates-v420 p strong{color:var(--ink);font-size:9.5px}.rc-customer-updates-v420 p small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.4}.rc-customer-updates-v420 time{color:var(--muted);font-size:7.5px;white-space:nowrap}

body.ui-v420 .rc-state-pill-v420{display:inline-flex!important;padding:6px 9px;border-radius:999px;border:1px solid var(--fp4-border);font-size:8px!important;letter-spacing:0!important;font-weight:900!important}.rc-state-pill-v420.sent,.rc-state-pill-v420.part_paid{color:#b26c07;background:color-mix(in srgb,#f29b1c 9%,var(--fp4-surface-2))}.rc-state-pill-v420.approved,.rc-state-pill-v420.paid{color:#07865f;background:color-mix(in srgb,#0baa78 9%,var(--fp4-surface-2))}.rc-state-pill-v420.declined,.rc-state-pill-v420.unpaid{color:#c43c4e;background:color-mix(in srgb,#dc4050 8%,var(--fp4-surface-2))}
body.ui-v420 .rc-quote-money-v420,body.ui-v420 .rc-payment-grid-v420{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 18px 11px}.rc-quote-money-v420>div,.rc-payment-grid-v420>div{padding:11px;border:1px solid var(--fp4-border);border-radius:12px;background:var(--fp4-surface-2)}.rc-quote-money-v420 small,.rc-payment-grid-v420 small{display:block;color:var(--muted);font-size:8px}.rc-quote-money-v420 strong,.rc-payment-grid-v420 strong{display:block;margin-top:4px;color:var(--ink);font-size:11px}.rc-payment-grid-v420 .green{color:#07865f}.rc-payment-grid-v420 .orange{color:#c77809}
body.ui-v420 .rc-quote-lines-v420{padding:0 18px 10px}.rc-quote-lines-v420>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--fp4-border);font-size:8.8px}.rc-quote-lines-v420 span{color:var(--muted)}.rc-quote-lines-v420 strong{color:var(--ink);white-space:nowrap}.rc-inline-note-v420,.rc-empty-text-v420{margin:4px 18px 14px;color:var(--muted);font-size:8.7px;line-height:1.5}.rc-quote-send-v420{display:grid;gap:9px;padding:14px 18px 18px;border-top:1px solid var(--fp4-border)}
body.ui-v420 .rc-payment-history-v420{padding:0 18px 12px}.rc-payment-history-v420>div{display:grid;grid-template-columns:1fr auto auto;gap:9px;padding:7px 0;border-top:1px solid var(--fp4-border);font-size:8.5px;color:var(--muted)}.rc-payment-history-v420 strong{color:var(--ink)}.rc-payment-v420>a.btn{margin:0 18px 18px}

body.ui-v420 .rc-channel-summary-v420{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 18px}.rc-channel-summary-v420>div{padding:10px;border:1px solid var(--fp4-border);border-radius:12px;background:var(--fp4-surface-2)}.rc-channel-summary-v420 span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--fp4-surface);color:var(--fp4-blue);font-size:10px}.rc-channel-summary-v420 strong,.rc-channel-summary-v420 small{display:block}.rc-channel-summary-v420 strong{margin-top:6px;color:var(--ink);font-size:9px}.rc-channel-summary-v420 small{margin-top:2px;color:var(--muted);font-size:7.5px}
body.ui-v420 .rc-notification-list-v420{padding:0 18px 16px}.rc-notification-list-v420>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid var(--fp4-border)}.rc-notification-list-v420>div>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;font-size:8px;font-weight:900}.channel-email{color:#5d4be9;background:rgba(115,87,246,.1)}.channel-sms{color:#1769ff;background:rgba(23,105,255,.1)}.channel-whatsapp{color:#079768;background:rgba(11,170,120,.1)}.rc-notification-list-v420 p{margin:0;min-width:0}.rc-notification-list-v420 p strong,.rc-notification-list-v420 p small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-notification-list-v420 p strong{color:var(--ink);font-size:8.5px}.rc-notification-list-v420 p small{color:var(--muted);font-size:7.5px}.rc-notification-list-v420 em{font-size:7.5px;font-style:normal;font-weight:850}.rc-notification-list-v420 .status-sent{color:#07865f}.rc-notification-list-v420 .status-failed{color:#c43c4e}.rc-notification-list-v420 .status-queued,.rc-notification-list-v420 .status-processing,.rc-notification-list-v420 .status-retrying{color:#1769ff}
body.ui-v420 .rc-history-list-v420,.rc-warranty-list-v420{padding:12px 18px 18px}.rc-history-list-v420>a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--fp4-border);text-decoration:none}.rc-history-list-v420 strong,.rc-history-list-v420 small{display:block}.rc-history-list-v420 strong{color:var(--ink);font-size:9px}.rc-history-list-v420 small{margin-top:2px;color:var(--muted);font-size:7.8px}.rc-history-list-v420>a>span{color:var(--fp4-blue);font-size:8px;font-weight:800;white-space:nowrap}
body.ui-v420 .rc-warranty-list-v420>div{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--fp4-border)}.rc-warranty-list-v420 strong,.rc-warranty-list-v420 small{display:block}.rc-warranty-list-v420 strong{color:var(--ink);font-size:9px}.rc-warranty-list-v420 small{margin-top:2px;color:var(--muted);font-size:7.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-warranty-list-v420 select{width:100%;min-height:35px;border:1px solid var(--fp4-border);border-radius:9px;background:var(--fp4-surface-2);color:var(--ink);font-size:8px;padding:0 7px}.rc-create-case-v420{margin:0 18px 18px;border:1px solid var(--fp4-border);border-radius:13px;background:var(--fp4-surface-2)}.rc-create-case-v420 summary{cursor:pointer;padding:11px 12px;color:var(--fp4-blue);font-size:9px;font-weight:850}.rc-create-case-v420 form{display:grid;gap:10px;padding:0 12px 12px}.rc-case-grid-v420{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}

body.ui-v420 .performance-filter-v420{display:flex;align-items:end;justify-content:flex-end;gap:9px;margin:-4px 0 14px}.performance-filter-v420 label{display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:800}.performance-filter-v420 select{min-width:160px;min-height:40px;border:1px solid var(--fp4-border);border-radius:10px;background:var(--fp4-surface);color:var(--ink);padding:0 10px}
body.ui-v420 .performance-grid-v420{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:14px}.pc-tech-v420{grid-column:1}.pc-manager-v420{grid-column:2}.pc-imei-v420,.pc-warranty-v420{grid-column:2}.pc-audit-v420{grid-column:1;grid-row:2/span 2}
body.ui-v420 .pc-table-v420{padding:0 16px 14px}.pc-table-head-v420,.pc-table-row-v420{display:grid;grid-template-columns:minmax(190px,1.5fr) .55fr .65fr .9fr .9fr .75fr;gap:10px;align-items:center}.pc-table-head-v420{padding:10px 0;color:var(--muted);font-size:7.3px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.pc-table-row-v420{padding:11px 0;border-top:1px solid var(--fp4-border);font-size:8.7px;color:var(--ink)}.pc-table-row-v420>span:first-child{display:flex;align-items:center;gap:9px}.pc-table-row-v420 i{font-style:normal}.pc-table-row-v420 i strong,.pc-table-row-v420 i small{display:block}.pc-table-row-v420 i small{color:var(--muted);font-size:7.5px;margin-top:2px}.pc-avatar-v420{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:color-mix(in srgb,var(--fp4-blue) 9%,var(--fp4-surface-2));color:var(--fp4-blue)}.pc-table-row-v420 .warn{color:#c43c4e}.pc-table-row-v420 .good{color:#07865f}
body.ui-v420 .manager-summary-v420{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:15px}.manager-summary-v420>div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--fp4-border);border-radius:12px;background:var(--fp4-surface-2)}.manager-summary-v420>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--fp4-surface);font-weight:900}.manager-summary-v420 .blue{color:#1769ff}.manager-summary-v420 .green{color:#079768}.manager-summary-v420 .orange{color:#c77809}.manager-summary-v420 .red{color:#c43c4e}.manager-summary-v420 p{margin:0}.manager-summary-v420 small,.manager-summary-v420 strong{display:block}.manager-summary-v420 small{color:var(--muted);font-size:7.4px}.manager-summary-v420 strong{color:var(--ink);font-size:14px;margin-top:2px}.manager-channel-v420{padding:0 15px 15px}.manager-channel-v420 h3,.pc-recent-imei-v420 h3{margin:0 0 6px;color:var(--ink);font-size:9px}.manager-channel-v420>div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--fp4-border);font-size:8px;color:var(--muted)}.manager-channel-v420 strong{color:var(--ink)}
body.ui-v420 .pc-imei-search-v420{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px}.pc-imei-search-v420 input{min-width:0;min-height:40px;border:1px solid var(--fp4-border);border-radius:10px;background:var(--fp4-surface-2);color:var(--ink);padding:0 10px;font-size:10px}.pc-recent-imei-v420{padding:0 14px 14px}.pc-recent-imei-v420>a{display:grid;grid-template-columns:1fr .9fr auto;gap:8px;padding:7px 0;border-top:1px solid var(--fp4-border);text-decoration:none;font-size:7.8px}.pc-recent-imei-v420 strong{color:var(--ink)}.pc-recent-imei-v420 small,.pc-recent-imei-v420 time{color:var(--muted)}
body.ui-v420 .pc-warranty-list-v420{padding:8px 14px 14px}.pc-warranty-list-v420>a{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--fp4-border);text-decoration:none}.case-dot-v420{width:7px;height:7px;border-radius:50%;background:#f29b1c}.case-dot-v420.in_progress{background:#1769ff}.case-dot-v420.ready{background:#0baa78}.pc-warranty-list-v420 strong,.pc-warranty-list-v420 small{display:block}.pc-warranty-list-v420 strong{color:var(--ink);font-size:8.5px}.pc-warranty-list-v420 small{margin-top:2px;color:var(--muted);font-size:7.5px}.pc-warranty-list-v420 em{color:#b26c07;font-style:normal;font-size:7.3px;font-weight:850}
body.ui-v420 .pc-audit-list-v420{padding:8px 16px 16px}.pc-audit-list-v420>div{display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--fp4-border)}.pc-audit-list-v420>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--fp4-surface-2);color:var(--fp4-blue);font-size:8px;font-weight:900}.pc-audit-list-v420 p{margin:0}.pc-audit-list-v420 strong,.pc-audit-list-v420 small{display:block}.pc-audit-list-v420 strong{color:var(--ink);font-size:8.5px}.pc-audit-list-v420 small{color:var(--muted);font-size:7.5px;margin-top:2px}.pc-audit-list-v420 time{color:var(--muted);font-size:7.4px;white-space:nowrap}.pc-empty-v420{padding:24px;color:var(--muted);font-size:9px;text-align:center}

body.ui-v420 .audit-filter-v420{display:grid;grid-template-columns:repeat(6,minmax(120px,auto)) auto;gap:8px;align-items:end;padding:13px;border:1px solid var(--fp4-border);border-radius:17px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft);margin-bottom:13px}.audit-filter-v420 label{display:grid;gap:4px;color:var(--muted);font-size:7.8px;font-weight:800}.audit-filter-v420 label.grow{min-width:220px}.audit-filter-v420 input,.audit-filter-v420 select{min-height:39px;border:1px solid var(--fp4-border);border-radius:10px;background:var(--fp4-surface-2);color:var(--ink);padding:0 9px;font-size:9px}.audit-table-v420{border:1px solid var(--fp4-border);border-radius:18px;background:var(--fp4-surface);overflow:hidden;box-shadow:var(--fp4-shadow-soft)}.audit-row-v420{display:grid;grid-template-columns:135px 150px 1fr 130px 115px 75px 70px;gap:10px;align-items:center;padding:11px 14px;border-top:1px solid var(--fp4-border);font-size:8px;color:var(--muted)}.audit-row-v420:first-child{border-top:0}.audit-table-head-v420{background:var(--fp4-surface-2);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.audit-row-v420 strong{display:block;color:var(--ink);font-size:8.5px}.audit-row-v420 small{display:block;margin-top:2px;font-size:7px}.audit-row-v420 em{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:7px;font-style:normal;font-weight:900}.risk-high{color:#bd3044;background:rgba(220,64,80,.1)}.risk-medium{color:#b26c07;background:rgba(242,155,28,.11)}.risk-low{color:#07865f;background:rgba(11,170,120,.1)}.risk-info{color:#1769ff;background:rgba(23,105,255,.09)}.audit-row-v420 details{position:relative}.audit-row-v420 summary{cursor:pointer;color:var(--fp4-blue);font-weight:850}.audit-row-v420 pre{position:absolute;z-index:5;right:0;top:20px;width:min(420px,70vw);max-height:280px;overflow:auto;padding:12px;border:1px solid var(--fp4-border);border-radius:12px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow);color:var(--ink);font-size:7.5px;white-space:pre-wrap}

body.ui-v420 .device-history-search-v420{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;padding:13px;border:1px solid var(--fp4-border);border-radius:17px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft);margin-bottom:15px}.device-history-search-v420>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--fp4-blue) 8%,var(--fp4-surface-2));color:var(--fp4-blue);font-size:17px}.device-history-search-v420 input{min-width:0;min-height:42px;border:0;background:transparent;color:var(--ink);font-size:12px;outline:0}.device-history-results-v420{border:1px solid var(--fp4-border);border-radius:18px;background:var(--fp4-surface);overflow:hidden;box-shadow:var(--fp4-shadow-soft)}.device-history-results-v420>header{display:flex;justify-content:space-between;padding:14px 16px;background:var(--fp4-surface-2);border-bottom:1px solid var(--fp4-border)}.device-history-results-v420 h2{margin:0;color:var(--ink);font-size:13px}.device-history-results-v420 header span{color:var(--muted);font-size:8px}.device-history-row-v420{display:grid;grid-template-columns:1fr 1.35fr 1fr .8fr 26px;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--fp4-border);text-decoration:none}.device-history-row-v420:hover{background:color-mix(in srgb,var(--fp4-blue) 3%,var(--fp4-surface))}.device-history-row-v420 small,.device-history-row-v420 strong,.device-history-row-v420 span{display:block}.device-history-row-v420 small{color:var(--muted);font-size:7px}.device-history-row-v420 strong{margin-top:2px;color:var(--ink);font-size:9px}.device-history-row-v420 span{margin-top:2px;color:var(--muted);font-size:7.4px}.history-arrow-v420{color:var(--fp4-blue);font-size:15px}

body.ui-v420 .communication-settings-grid-v420{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.comm-card-v420{display:grid;align-content:start;gap:14px;padding:17px;border:1px solid var(--fp4-border);border-radius:18px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft)}.comm-card-v420>header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start}.comm-card-v420 h2{margin:1px 0 4px;color:var(--ink);font-size:13px}.comm-card-v420 p{margin:0;color:var(--muted);font-size:8.4px;line-height:1.5}.comm-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;font-weight:900;border:1px solid var(--fp4-border)}.comm-icon.email{color:#6d50ef;background:rgba(115,87,246,.09)}.comm-icon.sms{color:#1769ff;background:rgba(23,105,255,.08)}.comm-icon.whatsapp{color:#07865f;background:rgba(11,170,120,.09)}.comm-icon.provider{color:#c77809;background:rgba(242,155,28,.1)}.comm-icon.automation{color:#0b9bb7;background:rgba(23,169,199,.1)}.comm-card-v420>a{color:var(--fp4-blue);font-size:8.5px;font-weight:850;text-decoration:none}.comm-card-v420>label:not(.comm-toggle-v420),.comm-fields-v420 label{display:grid;gap:5px;color:var(--muted);font-size:8px;font-weight:800}.comm-card-v420 input[type=text],.comm-card-v420 input[type=password]{min-height:41px;border:1px solid var(--fp4-border);border-radius:10px;background:var(--fp4-surface-2);color:var(--ink);padding:0 10px;font-size:9px}.comm-toggle-v420{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center;cursor:pointer}.comm-toggle-v420 input{position:absolute;opacity:0}.comm-toggle-v420 span{position:relative;width:37px;height:21px;border-radius:999px;background:var(--fp4-border-strong);transition:.16s}.comm-toggle-v420 span:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.16s}.comm-toggle-v420 input:checked+span{background:var(--fp4-blue)}.comm-toggle-v420 input:checked+span:after{transform:translateX(16px)}.comm-toggle-v420 b{color:var(--ink);font-size:8.7px}.comm-card-wide-v420{grid-column:span 3}.comm-fields-v420{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comm-automation-v420{display:flex;gap:18px;flex-wrap:wrap}.comm-save-v420{grid-column:span 3;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border:1px solid var(--fp4-border);border-radius:17px;background:var(--fp4-surface-2)}.comm-save-v420 p{margin:0;color:var(--muted);font-size:8.5px}

/* Public tracking is intentionally self-contained and does not require an authenticated theme. */
body.public-tracking-v420{--trk-ink:#10213b;--trk-muted:#64748b;--trk-border:#dce6f2;--trk-blue:#1769ff;--trk-surface:#fff;--trk-soft:#f6f9fd;min-height:100vh;margin:0;background:radial-gradient(circle at 85% 0,rgba(23,105,255,.08),transparent 25%),linear-gradient(180deg,#f9fbff,#f3f7fb);color:var(--trk-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.public-tracking-v420 *{box-sizing:border-box}.tracking-public-header-v420{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding:10px max(22px,calc((100vw - 1540px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--trk-border);backdrop-filter:blur(14px)}.tracking-public-brand-v420{display:flex;align-items:center;gap:14px}.tracking-public-brand-v420 .shop-brand{max-width:160px}.tracking-public-brand-v420>span{padding-left:14px;border-left:1px solid var(--trk-border);color:var(--trk-muted);font-size:11px;font-weight:750}.tracking-public-contact-v420{display:flex;align-items:center;gap:8px}.tracking-public-contact-v420 a{padding:8px 11px;border:1px solid var(--trk-border);border-radius:10px;color:var(--trk-ink);font-size:10px;font-weight:800;text-decoration:none}.tracking-public-shell-v420{width:min(1540px,calc(100% - 34px));margin:0 auto;padding:34px 0 28px}.tracking-public-flash-v420{margin-bottom:14px;padding:12px 14px;border:1px solid #b7e4d4;border-radius:12px;background:#ecfbf5;color:#087957;font-size:11px;font-weight:800}.tracking-public-hero-v420{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.tracking-eyebrow-v420,.tracking-card-kicker-v420{display:block;color:var(--trk-blue);font-size:9px;font-weight:950;letter-spacing:.1em}.tracking-public-hero-v420 h1{margin:5px 0 7px;font-size:34px;letter-spacing:-.04em}.tracking-public-hero-v420 p{margin:0;color:var(--trk-muted);font-size:12px}.tracking-live-chip-v420{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #b9e5d5;border-radius:999px;background:#eefbf6;color:#07865f;font-size:9px;font-weight:900}.tracking-live-chip-v420 i{width:7px;height:7px;border-radius:50%;background:#0baa78;box-shadow:0 0 0 4px rgba(11,170,120,.12)}
.tracking-summary-v420{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px;border:1px solid var(--trk-border);border-radius:18px;background:#fff;box-shadow:0 15px 45px rgba(23,48,83,.06);overflow:hidden}.tracking-summary-v420>div{padding:16px 18px;border-left:1px solid var(--trk-border)}.tracking-summary-v420>div:first-child{border-left:0}.tracking-summary-v420 small,.tracking-summary-v420 strong{display:block}.tracking-summary-v420 small{color:var(--trk-muted);font-size:8px;font-weight:750}.tracking-summary-v420 strong{margin-top:4px;font-size:11px}.tracking-status-value-v420{color:var(--trk-blue)}
.tracking-grid-v420{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.75fr);gap:14px;align-items:start}.tracking-card-v420{border:1px solid var(--trk-border);border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(23,48,83,.06);overflow:hidden}.tracking-card-v420>header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:17px 18px;border-bottom:1px solid var(--trk-border);background:linear-gradient(180deg,#fbfdff,#fff)}.tracking-card-v420 h2{margin:4px 0 0;font-size:15px}.tracking-card-v420 header>span{color:var(--trk-muted);font-size:8px}.tracking-progress-card-v420{grid-column:1}.tracking-quote-card-v420{grid-column:2}.tracking-updates-card-v420{grid-column:1}.tracking-payment-card-v420{grid-column:2}.tracking-stage-row-v420{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:20px 18px}.tracking-stage-v420{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;color:#97a4b7}.tracking-stage-v420:after{content:"";position:absolute;left:calc(50% + 17px);right:calc(-50% + 17px);top:14px;height:2px;background:#e4eaf3}.tracking-stage-v420:last-child:after{display:none}.tracking-stage-v420 span{position:relative;z-index:2;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #d8e0ec;background:#f7f9fc;font-size:9px;font-weight:900}.tracking-stage-v420 strong{font-size:8px}.tracking-stage-v420.is-done{color:#07865f}.tracking-stage-v420.is-done span{border-color:#9edbc6;background:#eaf9f3}.tracking-stage-v420.is-done:after{background:#9edbc6}.tracking-stage-v420.is-current{color:#0f5fdf}.tracking-stage-v420.is-current span{border-color:#1769ff;background:#1769ff;color:#fff;box-shadow:0 0 0 5px rgba(23,105,255,.1)}.tracking-current-message-v420{display:flex;align-items:center;gap:10px;margin:0 18px 18px;padding:13px;border:1px solid #cfe0fb;border-radius:13px;background:#f2f7ff}.tracking-current-message-v420>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#1769ff;color:#fff;font-weight:900}.tracking-current-message-v420 strong,.tracking-current-message-v420 small{display:block}.tracking-current-message-v420 strong{font-size:10px}.tracking-current-message-v420 small{margin-top:2px;color:var(--trk-muted);font-size:8px}.tracking-device-facts-v420{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--trk-border)}.tracking-device-facts-v420>div{padding:13px 18px;border-left:1px solid var(--trk-border)}.tracking-device-facts-v420>div:first-child{border-left:0}.tracking-device-facts-v420 small,.tracking-device-facts-v420 strong{display:block}.tracking-device-facts-v420 small{color:var(--trk-muted);font-size:7.5px}.tracking-device-facts-v420 strong{margin-top:3px;font-size:8.7px;line-height:1.4}
.tracking-quote-badge-v420,.tracking-payment-chip-v420{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:8px!important;font-weight:900}.tracking-quote-badge-v420.status-approved,.tracking-payment-chip-v420.status-paid{color:#07865f;background:#eaf9f3;border:1px solid #b7e4d4}.tracking-quote-badge-v420.status-sent,.tracking-payment-chip-v420.status-part_paid{color:#aa6505;background:#fff7e9;border:1px solid #f0d8ac}.tracking-quote-badge-v420.status-declined,.tracking-payment-chip-v420.status-unpaid{color:#bd3044;background:#fff0f2;border:1px solid #f0c6cd}.tracking-quote-total-v420{padding:17px 18px}.tracking-quote-total-v420 small,.tracking-quote-total-v420 strong{display:block}.tracking-quote-total-v420 small{color:var(--trk-muted);font-size:8px}.tracking-quote-total-v420 strong{margin-top:4px;font-size:24px;color:#0e9a6e}.tracking-quote-lines-v420{padding:0 18px 10px}.tracking-quote-lines-v420>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--trk-border);font-size:8.5px}.tracking-quote-lines-v420 span{color:var(--trk-muted)}.tracking-quote-note-v420{margin:0 18px 12px;padding:10px;border-radius:10px;background:#f7f9fc;color:var(--trk-muted);font-size:8.5px;line-height:1.5}.tracking-quote-actions-v420{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 18px 18px;border-top:1px solid var(--trk-border)}.tracking-btn-v420{width:100%;min-height:43px;border-radius:11px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.tracking-btn-v420.approve{border:0;background:#1769ff;color:#fff}.tracking-btn-v420.decline{border:1px solid #e3aeb8;background:#fff;color:#bd3044}.tracking-quote-response-v420{margin:0 18px 18px;padding:11px;border-radius:11px;background:#edf9f4;color:#07865f;font-size:9px;font-weight:850}
.tracking-update-list-v420{padding:6px 18px 16px}.tracking-update-v420{display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--trk-border)}.tracking-update-icon-v420{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#eef4ff;color:#1769ff;font-size:8px;font-weight:900}.tracking-update-v420 strong,.tracking-update-v420 p,.tracking-update-v420 small{display:block}.tracking-update-v420 strong{font-size:9.5px}.tracking-update-v420 p{margin:2px 0;color:var(--trk-muted);font-size:8.4px;line-height:1.45}.tracking-update-v420 small{color:#91a0b4;font-size:7.5px}.tracking-empty-v420{padding:24px;text-align:center;color:var(--trk-muted);font-size:9px}.tracking-money-v420{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:17px}.tracking-money-v420>div{padding:11px;border:1px solid var(--trk-border);border-radius:12px;background:#f8faff}.tracking-money-v420 small,.tracking-money-v420 strong{display:block}.tracking-money-v420 small{color:var(--trk-muted);font-size:7.5px}.tracking-money-v420 strong{margin-top:4px;font-size:12px}.tracking-money-v420 .paid{color:#07865f}.tracking-money-v420 .due{color:#d77805}.tracking-warranty-note-v420{display:flex;gap:9px;align-items:center;margin:0 17px 17px;padding:11px;border:1px solid #f1d9ae;border-radius:12px;background:#fff8eb}.tracking-warranty-note-v420>span{color:#d77805}.tracking-warranty-note-v420 strong,.tracking-warranty-note-v420 small{display:block}.tracking-warranty-note-v420 strong{font-size:8.5px}.tracking-warranty-note-v420 small{color:#8b6a37;font-size:7.8px}.tracking-public-footer-v420{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 3px;color:var(--trk-muted);font-size:8px}.tracking-public-footer-v420 strong{color:var(--trk-ink)}

@media(max-width:1180px){body.ui-v420 .repair-center-kpis-v420,body.ui-v420 .performance-kpis-v420{grid-template-columns:repeat(3,1fr)}body.ui-v420 .repair-center-grid-v420{grid-template-columns:1fr 1fr}.rc-summary-v420{grid-row:auto!important}.performance-grid-v420{grid-template-columns:1fr!important}.pc-tech-v420,.pc-manager-v420,.pc-imei-v420,.pc-warranty-v420,.pc-audit-v420{grid-column:1!important;grid-row:auto!important}.audit-filter-v420{grid-template-columns:repeat(3,1fr) auto!important}.tracking-grid-v420{grid-template-columns:1fr}.tracking-progress-card-v420,.tracking-quote-card-v420,.tracking-updates-card-v420,.tracking-payment-card-v420{grid-column:1}}
@media(max-width:820px){body.ui-v420 .repair-center-head-v420,body.ui-v420 .performance-head-v420,body.ui-v420 .audit-head-v420,body.ui-v420 .device-history-head-v420,body.ui-v420 .communication-head-v420{align-items:flex-start;flex-direction:column}.repair-center-actions-v420{justify-content:flex-start!important}.repair-center-kpis-v420,.performance-kpis-v420{grid-template-columns:1fr 1fr!important}.repair-center-grid-v420{grid-template-columns:1fr!important}.communication-settings-grid-v420{grid-template-columns:1fr!important}.comm-card-wide-v420,.comm-save-v420{grid-column:1!important}.comm-fields-v420{grid-template-columns:1fr}.comm-save-v420{align-items:flex-start;flex-direction:column}.audit-filter-v420{grid-template-columns:1fr 1fr!important}.audit-row-v420{grid-template-columns:1fr 1fr 1fr!important}.audit-table-head-v420{display:none}.audit-row-v420>span:before{content:attr(data-label);display:block;color:var(--muted);font-size:6.5px;font-weight:900;text-transform:uppercase;margin-bottom:3px}.device-history-row-v420{grid-template-columns:1fr 1fr!important}.history-arrow-v420{display:none}.tracking-summary-v420{grid-template-columns:1fr 1fr}.tracking-summary-v420>div:nth-child(3){border-left:0;border-top:1px solid var(--trk-border)}.tracking-summary-v420>div:nth-child(4){border-top:1px solid var(--trk-border)}.tracking-stage-row-v420{grid-template-columns:repeat(3,1fr)}.tracking-stage-v420:after{display:none}.tracking-device-facts-v420{grid-template-columns:1fr}.tracking-device-facts-v420>div{border-left:0;border-top:1px solid var(--trk-border)}.tracking-device-facts-v420>div:first-child{border-top:0}}
@media(max-width:560px){body.ui-v420 .repair-center-kpis-v420,body.ui-v420 .performance-kpis-v420{grid-template-columns:1fr}.rc-status-control-v420{grid-template-columns:1fr}.rc-tracking-link-v420{align-items:flex-start;flex-direction:column}.rc-quote-money-v420,.rc-payment-grid-v420,.rc-channel-summary-v420{grid-template-columns:1fr}.rc-case-grid-v420{grid-template-columns:1fr}.pc-table-head-v420{display:none}.pc-table-row-v420{grid-template-columns:1fr 1fr 1fr}.pc-table-row-v420>span:first-child{grid-column:1/-1}.performance-filter-v420{align-items:stretch;flex-direction:column}.performance-filter-v420 select{width:100%}.audit-filter-v420{grid-template-columns:1fr!important}.device-history-search-v420{grid-template-columns:34px 1fr}.device-history-search-v420 .btn{grid-column:1/-1}.device-history-row-v420{grid-template-columns:1fr!important}.tracking-public-header-v420{padding:9px 14px}.tracking-public-brand-v420>span{display:none}.tracking-public-contact-v420 a:first-child{display:none}.tracking-public-shell-v420{width:min(100% - 22px,1540px);padding-top:22px}.tracking-public-hero-v420{flex-direction:column}.tracking-public-hero-v420 h1{font-size:28px}.tracking-summary-v420{grid-template-columns:1fr}.tracking-summary-v420>div{border-left:0!important;border-top:1px solid var(--trk-border)}.tracking-summary-v420>div:first-child{border-top:0}.tracking-stage-row-v420{grid-template-columns:1fr 1fr}.tracking-quote-actions-v420{grid-template-columns:1fr}.tracking-money-v420{grid-template-columns:1fr}.tracking-public-footer-v420{flex-direction:column}.tracking-card-v420>header{align-items:flex-start;flex-direction:column}.tracking-card-v420>header>span{align-self:flex-start}}

/* FixPro v4.2.0 — consolidated operations centers */
body.ui-v420 .operations-page-head-v420{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
body.ui-v420 .operations-page-head-v420 h1{margin:5px 0 6px;color:var(--ink);font-size:29px;line-height:1.08;letter-spacing:-.035em}
body.ui-v420 .operations-page-head-v420 p{max-width:780px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}
body.ui-v420 .operations-head-actions-v420{display:flex;gap:8px;flex-wrap:wrap}
body.ui-v420 .operations-kpi-grid-v420{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}
body.ui-v420 .operations-kpi-grid-v420>article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;min-width:0;padding:15px;border:1px solid var(--fp4-border);border-radius:17px;background:linear-gradient(145deg,var(--fp4-surface),var(--fp4-surface-2));box-shadow:var(--fp4-shadow-soft)}
body.ui-v420 .operations-kpi-grid-v420 small,body.ui-v420 .operations-kpi-grid-v420 strong,body.ui-v420 .operations-kpi-grid-v420 em{display:block}
body.ui-v420 .operations-kpi-grid-v420 small{color:var(--muted);font-size:8px;font-weight:800}
body.ui-v420 .operations-kpi-grid-v420 strong{margin-top:3px;color:var(--ink);font-size:21px;line-height:1.05}
body.ui-v420 .operations-kpi-grid-v420 em{margin-top:4px;color:var(--muted);font-size:7.5px;font-style:normal}
body.ui-v420 .kpi-icon-v420{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;border:1px solid var(--fp4-border);font-size:15px;font-weight:900}.kpi-icon-v420.blue{color:#1769ff;background:rgba(23,105,255,.09)}.kpi-icon-v420.green{color:#07865f;background:rgba(11,170,120,.1)}.kpi-icon-v420.amber{color:#c87807;background:rgba(242,155,28,.11)}.kpi-icon-v420.red{color:#c73246;background:rgba(220,64,80,.09)}.kpi-icon-v420.purple{color:#6d50ef;background:rgba(115,87,246,.09)}
body.ui-v420 .operations-filter-v420{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(140px,1fr)) auto;gap:9px;align-items:end;margin-bottom:14px;padding:12px;border:1px solid var(--fp4-border);border-radius:16px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft)}
body.ui-v420 .operations-filter-v420 label{display:grid;gap:5px;color:var(--muted);font-size:7.5px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
body.ui-v420 .operations-filter-v420 input,body.ui-v420 .operations-filter-v420 select{width:100%;min-height:42px;border:1px solid var(--fp4-border);border-radius:11px;background:var(--fp4-surface-2);color:var(--ink);padding:0 10px;font-size:9px;text-transform:none;letter-spacing:0}
body.ui-v420 .operations-table-card-v420{overflow:hidden;border:1px solid var(--fp4-border);border-radius:18px;background:var(--fp4-surface);box-shadow:var(--fp4-shadow-soft)}
body.ui-v420 .operations-table-head-v420{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--fp4-border);background:linear-gradient(180deg,var(--fp4-surface),var(--fp4-surface-2))}
body.ui-v420 .operations-table-head-v420 h2{margin:0;color:var(--ink);font-size:13px}.operations-table-head-v420 p{margin:3px 0 0;color:var(--muted);font-size:8px}
body.ui-v420 .table-scroll-v420{overflow:auto;max-width:100%}
body.ui-v420 .operations-table-v420{width:100%;min-width:1040px;border-collapse:collapse}
body.ui-v420 .operations-table-v420 th{padding:10px 12px;border-bottom:1px solid var(--fp4-border);background:var(--fp4-surface-2);color:var(--muted);font-size:7px;text-align:left;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
body.ui-v420 .operations-table-v420 td{padding:12px;border-bottom:1px solid var(--fp4-border);color:var(--ink);font-size:8.5px;vertical-align:top}
body.ui-v420 .operations-table-v420 tbody tr:hover{background:color-mix(in srgb,var(--fp4-blue) 3%,var(--fp4-surface))}
body.ui-v420 .operations-table-v420 td strong,body.ui-v420 .operations-table-v420 td small{display:block}.operations-table-v420 td small{margin-top:3px;color:var(--muted);font-size:7.5px;line-height:1.35}.table-primary-link-v420{color:var(--fp4-blue);font-weight:900;text-decoration:none}.table-error-v420{color:#c73246!important}.masked-recipient-v420{overflow-wrap:anywhere;color:var(--muted)}
body.ui-v420 .channel-pill-v420,body.ui-v420 .delivery-status-v420,body.ui-v420 .warranty-status-chip-v420{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border:1px solid var(--fp4-border);border-radius:999px;font-size:7px;font-weight:900;white-space:nowrap}.channel-pill-v420.channel-email{color:#6d50ef;background:rgba(115,87,246,.08)}.channel-pill-v420.channel-sms{color:#1769ff;background:rgba(23,105,255,.08)}.channel-pill-v420.channel-whatsapp{color:#07865f;background:rgba(11,170,120,.09)}.delivery-status-v420.status-sent,.warranty-status-chip-v420.status-ready,.warranty-status-chip-v420.status-completed{color:#07865f;background:rgba(11,170,120,.09)}.delivery-status-v420.status-failed,.warranty-status-chip-v420.status-declined{color:#c73246;background:rgba(220,64,80,.09)}.delivery-status-v420.status-processing,.delivery-status-v420.status-retrying,.warranty-status-chip-v420.status-under_review,.warranty-status-chip-v420.status-in_progress{color:#1769ff;background:rgba(23,105,255,.08)}.delivery-status-v420.status-queued,.warranty-status-chip-v420.status-open{color:#b06b06;background:rgba(242,155,28,.1)}
body.ui-v420 .operations-empty-v420{padding:26px;text-align:center;color:var(--muted)}.operations-pagination-v420{padding:12px 15px}.operations-pagination-v420 nav{display:flex;justify-content:flex-end}
body.ui-v420 .comm-card-v420 input[type=email],body.ui-v420 .comm-card-v420 select{min-height:41px;border:1px solid var(--fp4-border);border-radius:10px;background:var(--fp4-surface-2);color:var(--ink);padding:0 10px;font-size:9px}.comm-fields-v420 label small{color:var(--muted);font-size:7px;line-height:1.4}.comm-icon.manager{color:#1769ff;background:rgba(23,105,255,.08)}.comm-last-sent-v420{padding:9px 11px!important;border:1px solid color-mix(in srgb,#0baa78 28%,var(--fp4-border));border-radius:10px;background:color-mix(in srgb,#0baa78 7%,var(--fp4-surface));color:#07865f!important;font-weight:800}
@media(max-width:1100px){body.ui-v420 .operations-kpi-grid-v420{grid-template-columns:1fr 1fr}.operations-filter-v420{grid-template-columns:1fr 1fr!important}.operations-filter-v420 .btn{min-height:42px}}
@media(max-width:720px){body.ui-v420 .operations-page-head-v420{align-items:flex-start;flex-direction:column}.operations-head-actions-v420{width:100%}.operations-head-actions-v420 .btn{flex:1}.operations-kpi-grid-v420{grid-template-columns:1fr!important}.operations-filter-v420{grid-template-columns:1fr!important}.operations-filter-v420 .btn{width:100%}.operations-table-v420{min-width:900px!important}.notification-center-v420,.warranty-center-v420{padding-bottom:12px}}
body.ui-v420 .comm-summary-actions-v420{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}.comm-summary-actions-v420 small{color:var(--muted);font-size:7px;line-height:1.45}
body.ui-v420 .rc-header-links-v420{display:flex;gap:9px;align-items:center}.rc-header-links-v420 a{color:var(--fp4-blue);font-size:8px;font-weight:850;text-decoration:none}


/* FixPro v4.2.1 - visible background work indicator + faster live tracking state */
.tracking-live-chip-v420[data-state="working"]{border-color:rgba(23,105,255,.28);color:#1769ff}.tracking-live-chip-v420[data-state="working"] i{background:#1769ff;box-shadow:0 0 0 4px rgba(23,105,255,.1);animation:trackingPulseV421 1s ease-in-out infinite}.tracking-live-chip-v420[data-state="stale"]{border-color:rgba(220,61,74,.26);color:#dc3d4a}.tracking-live-chip-v420[data-state="stale"] i{background:#dc3d4a}.tracking-live-chip-v420 b{font:inherit;font-weight:700}@keyframes trackingPulseV421{50%{opacity:.45;transform:scale(.82)}}


/* FixPro v4.3.1 - dependency recovery + high-security account center + tamper-evident audit UI */
body.ui-v430 .security-profile-card-v430{position:relative;overflow:hidden}
body.ui-v430 .security-profile-card-v430:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--fp4-blue),var(--fp4-emerald));opacity:.9}
.profile-security-status-v430{display:flex;align-items:center;gap:11px;margin:13px 0;padding:12px;border:1px solid var(--fp4-border);border-radius:13px;background:var(--fp4-surface-2)}
.profile-security-status-v430>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;font-size:15px;font-weight:950}
.profile-security-status-v430.secure>span{color:#07865f;background:rgba(11,170,120,.11)}
.profile-security-status-v430.attention>span{color:#b06b06;background:rgba(242,155,28,.12)}
.profile-security-status-v430 strong,.profile-security-status-v430 small{display:block}.profile-security-status-v430 strong{color:var(--ink);font-size:11px}.profile-security-status-v430 small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.45}

.security-center-v430{max-width:1220px!important;margin:0 auto!important}.security-page-head-v430{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.security-page-head-v430 h1{margin:4px 0 5px;color:var(--ink);font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}.security-page-head-v430 p{max-width:760px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.security-status-pill-v430{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--fp4-border);border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.security-status-pill-v430.secure{color:#07865f;background:rgba(11,170,120,.09);border-color:rgba(11,170,120,.25)}.security-status-pill-v430.attention{color:#b06b06;background:rgba(242,155,28,.1);border-color:rgba(242,155,28,.25)}
.security-grid-v430{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.security-grid-v430>.security-card-v430:last-child:nth-child(3){grid-column:1/-1}.security-card-v430{padding:22px!important;border-radius:18px!important}.security-card-v430 h2{margin:0 0 8px;color:var(--ink);font-size:16px}.security-card-v430 p{margin:0 0 15px;color:var(--muted);font-size:10px;line-height:1.55}.security-icon-v430{display:grid;place-items:center;width:46px;height:46px;margin-bottom:15px;border-radius:14px;font-size:21px;font-weight:950}.security-icon-v430.secure{color:#07865f;background:rgba(11,170,120,.11)}.security-note-v430{margin-top:12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--fp4-blue) 22%,var(--fp4-border));border-radius:11px;background:color-mix(in srgb,var(--fp4-blue) 6%,var(--fp4-surface));color:var(--ink);font-size:9px;line-height:1.5}.danger-zone-v430{border-color:color-mix(in srgb,var(--fp4-danger) 30%,var(--fp4-border))!important}.danger-zone-v430 .btn.danger{background:var(--fp4-danger);color:#fff;border-color:transparent}.recovery-code-grid-v430{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}.recovery-code-grid-v430 code,.mfa-secret-v430{display:block;padding:10px 11px;border:1px solid var(--fp4-border);border-radius:10px;background:var(--fp4-surface-2);color:var(--ink);font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}.mfa-secret-v430{overflow-wrap:anywhere;text-align:center;font-size:12px}.mfa-qr-v430{display:grid;place-items:center;width:min(250px,100%);aspect-ratio:1;margin:10px auto 14px;padding:14px;border:1px solid var(--fp4-border);border-radius:18px;background:#fff;box-shadow:var(--fp4-shadow-soft)}.mfa-qr-v430 svg{width:100%;height:100%}.setup-grid-v430 .security-card-v430{min-height:360px}

.security-auth-page-v430{min-height:100vh;margin:0;background:radial-gradient(circle at 75% 0,rgba(23,105,255,.17),transparent 30%),linear-gradient(150deg,#050b16,#09182a 65%,#07111e);color:#f2f6ff}.security-auth-shell-v430{min-height:100vh;display:grid;place-items:center;padding:24px}.security-auth-card-v430{width:min(480px,100%);padding:28px;border:1px solid rgba(129,168,215,.2);border-radius:22px;background:rgba(9,23,41,.94);box-shadow:0 30px 80px rgba(0,0,0,.34);backdrop-filter:blur(20px)}.security-auth-card-v430 .shop-brand{margin-bottom:20px}.security-auth-card-v430 h1{margin:5px 0 8px;color:#f5f8ff;font-size:27px;letter-spacing:-.035em}.security-auth-card-v430>p{margin:0 0 18px;color:#9fb0c8;font-size:12px;line-height:1.55}.security-auth-form-v430,.security-recovery-v430 form{display:grid;gap:12px}.security-auth-form-v430 label,.security-recovery-v430 label{display:grid;gap:5px;color:#b7c5d9;font-size:10px;font-weight:800}.security-auth-form-v430 input,.security-recovery-v430 input{width:100%;min-height:48px;padding:0 13px;border:1px solid #294966;border-radius:12px;background:#0c1d31;color:#f2f6ff;font-size:16px;outline:none}.security-auth-form-v430 input:focus,.security-recovery-v430 input:focus{border-color:#4b8eff;box-shadow:0 0 0 4px rgba(75,142,255,.12)}.security-auth-form-v430 small{color:#8fa2ba;font-size:9px;line-height:1.5}.security-recovery-v430{margin:14px 0;padding:12px;border:1px solid rgba(129,168,215,.16);border-radius:12px;background:rgba(255,255,255,.025)}.security-recovery-v430 summary{cursor:pointer;color:#bcd0ec;font-size:10px;font-weight:850}.security-recovery-v430 form{margin-top:12px}.security-auth-card-v430 .btn.wide{width:100%;min-height:46px}.security-auth-card-v430 .flash{margin:12px 0}

body.ui-v430 .audit-row-v420{grid-template-columns:130px 145px minmax(140px,1fr) 120px 110px 72px 88px 62px}.audit-integrity-summary-v430{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 9px;border:1px solid var(--fp4-border);border-radius:10px;background:var(--fp4-surface-2)}.audit-integrity-summary-v430>span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;font-size:10px;font-weight:950}.audit-integrity-summary-v430>span.secure{color:#07865f;background:rgba(11,170,120,.11)}.audit-integrity-summary-v430>span.danger{color:#c73246;background:rgba(220,64,80,.11)}.audit-integrity-summary-v430 strong{color:var(--ink);font-size:8.5px}.audit-integrity-summary-v430 small{color:var(--muted);font-size:7.5px}.audit-integrity-v430.verified{color:#07865f!important;background:rgba(11,170,120,.1)!important}.audit-integrity-v430.failed{color:#c73246!important;background:rgba(220,64,80,.11)!important}
.security-health-kpis-v430{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.security-health-kpis-v430>div{padding:10px;border:1px solid var(--fp4-border);border-radius:11px;background:var(--fp4-surface-2)}.security-health-kpis-v430 strong,.security-health-kpis-v430 span{display:block}.security-health-kpis-v430 strong{color:var(--ink);font-size:15px}.security-health-kpis-v430 span{margin-top:3px;color:var(--muted);font-size:7.5px}
.tracking-security-note-v430{display:flex;align-items:flex-start;gap:7px;margin-top:7px;color:var(--muted);font-size:7.5px;line-height:1.45}.rc-tracking-security-actions-v430{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.danger-outline-v430{border-color:color-mix(in srgb,var(--fp4-danger) 36%,var(--fp4-border))!important;color:var(--fp4-danger)!important}

@media(max-width:900px){.security-grid-v430{grid-template-columns:1fr}.security-grid-v430>.security-card-v430:last-child:nth-child(3){grid-column:auto}body.ui-v430 .audit-row-v420{grid-template-columns:1fr 1fr 1fr!important}.security-page-head-v430{align-items:flex-start;flex-direction:column}.security-health-kpis-v430{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:600px){.security-auth-shell-v430{padding:14px}.security-auth-card-v430{padding:20px;border-radius:18px}.security-auth-card-v430 h1{font-size:23px}.security-card-v430{padding:16px!important}.recovery-code-grid-v430{grid-template-columns:1fr}.security-health-kpis-v430{grid-template-columns:1fr}.security-page-head-v430 h1{font-size:26px}.mfa-qr-v430{width:220px}.audit-integrity-summary-v430{align-items:flex-start;flex-wrap:wrap}}
.security-auth-wide-v430{padding:24px}.security-auth-wide-card-v430{width:min(1040px,100%);padding:26px;border:1px solid rgba(129,168,215,.2);border-radius:22px;background:rgba(9,23,41,.96);box-shadow:0 30px 80px rgba(0,0,0,.34)}.security-auth-wide-head-v430{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}.security-auth-wide-head-v430 .shop-brand{margin-bottom:14px}.security-auth-wide-head-v430 h1{margin:5px 0 7px;color:#f5f8ff;font-size:30px;letter-spacing:-.04em}.security-auth-wide-head-v430 p{max-width:720px;margin:0;color:#9fb0c8;font-size:11px;line-height:1.55}.security-auth-wide-card-v430 .security-grid-v430{margin-top:16px}.security-dark-card-v430{padding:22px;border:1px solid rgba(129,168,215,.16);border-radius:17px;background:#0c1d31}.security-dark-card-v430 h2{margin:0 0 8px;color:#f2f6ff;font-size:16px}.security-dark-card-v430 p{margin:0 0 15px;color:#9fb0c8;font-size:10px;line-height:1.55}.security-dark-card-v430 .security-note-v430{border-color:#294966;background:#10243d;color:#dce7f6}.security-dark-card-v430 .recovery-code-grid-v430 code,.security-dark-card-v430 .mfa-secret-v430{border-color:#294966;background:#091729;color:#eff5ff}.security-auth-footer-v430{display:flex;justify-content:flex-end;gap:9px;align-items:center;margin-top:17px}.security-auth-footer-v430 form{margin:0}@media(max-width:700px){.security-auth-wide-v430{padding:12px}.security-auth-wide-card-v430{padding:18px;border-radius:18px}.security-auth-wide-head-v430{align-items:flex-start;flex-direction:column}.security-auth-wide-head-v430 h1{font-size:25px}.security-auth-footer-v430{align-items:stretch;flex-direction:column}.security-auth-footer-v430 .btn,.security-auth-footer-v430 form,.security-auth-footer-v430 form .btn{width:100%}}

/* FixPro v4.3.2 — premium invoice success modal: Design 1 light / Design 5 dark */
body.ui-v432 .counter-success-dialog-v411{width:min(720px,calc(100vw - 30px))}
body.ui-v432 .counter-success-card-v411{isolation:isolate;overflow:hidden}
body.ui-v432 .counter-success-visual-v432{position:relative;display:grid;place-items:center;align-content:center;min-width:0}
body.ui-v432 .counter-success-visual-label-v432{display:none;font-size:9px;font-weight:950;letter-spacing:.16em}

/* Light mode — premium clean success card inspired by selected Design 1. */
body.ui-v432[data-theme="light"] .counter-success-card-v411{
    grid-template-columns:118px minmax(0,1fr);
    gap:20px;
    padding:28px;
    border:1px solid #dfe8e4;
    border-radius:26px;
    background:
        radial-gradient(circle at 8% 8%,rgba(11,170,120,.075),transparent 26%),
        radial-gradient(circle at 92% 0,rgba(23,105,255,.045),transparent 28%),
        #fff;
    box-shadow:0 34px 90px rgba(32,54,76,.20),0 8px 28px rgba(32,54,76,.08)
}
body.ui-v432[data-theme="light"] .counter-success-visual-v432{min-height:112px;align-self:start}
body.ui-v432[data-theme="light"] .counter-success-visual-v432:before,
body.ui-v432[data-theme="light"] .counter-success-visual-v432:after{content:"";position:absolute;inset:0;pointer-events:none}
body.ui-v432[data-theme="light"] .counter-success-visual-v432:before{
    background:
        radial-gradient(circle at 14% 20%,#68d3bb 0 2px,transparent 3px),
        radial-gradient(circle at 78% 12%,#f1ae44 0 2px,transparent 3px),
        radial-gradient(circle at 90% 44%,#6ea6ff 0 2px,transparent 3px),
        radial-gradient(circle at 20% 78%,#8a7cf4 0 2px,transparent 3px),
        radial-gradient(circle at 76% 82%,#44c994 0 2px,transparent 3px)
}
body.ui-v432[data-theme="light"] .counter-success-visual-v432:after{
    width:5px;height:5px;left:18px;top:8px;right:auto;bottom:auto;border-radius:1px;background:#82d6c0;
    box-shadow:74px 15px 0 #f0b34e,87px 68px 0 #75a8ff,9px 78px 0 #9285f4;transform:rotate(22deg)
}
body.ui-v432[data-theme="light"] .counter-success-icon-v411{
    width:88px;height:88px;border-radius:50%;
    border:1px solid rgba(11,170,120,.22);
    background:linear-gradient(145deg,#effcf7,#e2f7ee);
    color:#0aa16f;font-size:42px;font-weight:900;
    box-shadow:0 14px 34px rgba(11,170,120,.15),inset 0 0 0 8px rgba(255,255,255,.55)
}
body.ui-v432[data-theme="light"] .counter-success-copy-v411{padding-right:44px}
body.ui-v432[data-theme="light"] .counter-success-copy-v411 .eyebrow{color:#07865f;letter-spacing:.08em}
body.ui-v432[data-theme="light"] .counter-success-copy-v411 h2{margin-top:5px;font-size:24px;letter-spacing:-.035em;color:#10213b}
body.ui-v432[data-theme="light"] .counter-success-copy-v411>strong{color:#0b9d6c;font-size:12.5px}
body.ui-v432[data-theme="light"] .counter-success-device-v411{color:#5e7089}
body.ui-v432[data-theme="light"] .counter-success-amounts-v411{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:16px;
    overflow:hidden;border:1px solid #e0e8ef;border-radius:13px;background:#fbfcfe
}
body.ui-v432[data-theme="light"] .counter-success-amounts-v411 span{
    gap:5px;padding:12px 14px;border:0;border-right:1px solid #e3eaf0;border-radius:0;background:transparent;color:#66768c
}
body.ui-v432[data-theme="light"] .counter-success-amounts-v411 span:last-child{border-right:0}
body.ui-v432[data-theme="light"] .counter-success-amounts-v411 b{font-size:14px;color:#10213b}
body.ui-v432[data-theme="light"] .counter-success-amounts-v411 span:nth-child(2) b{color:#07996d}
body.ui-v432[data-theme="light"] .counter-success-amounts-v411 span:nth-child(3) b{color:#d77b08}
body.ui-v432[data-theme="light"] .counter-success-status-v411[data-status="paid"]{border-color:rgba(11,170,120,.14);background:#eaf8f2;color:#07865f}
body.ui-v432[data-theme="light"] .counter-background-status-v411{gap:9px;padding-top:8px}
body.ui-v432[data-theme="light"] .counter-background-status-v411>div{padding:12px;border-color:#e1e9ef;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(31,50,73,.035)}
body.ui-v432[data-theme="light"] .counter-background-status-v411>div:nth-child(1) .background-status-icon-v411{color:#07865f;background:#ecf9f4;border-color:#d6efe5}
body.ui-v432[data-theme="light"] .counter-background-status-v411>div:nth-child(2) .background-status-icon-v411{color:#e3414f;background:#fff0f1;border-color:#f7d8dc}
body.ui-v432[data-theme="light"] .counter-background-status-v411>div:nth-child(3) .background-status-icon-v411{color:#d8810b;background:#fff7e9;border-color:#f7e8c8}
body.ui-v432[data-theme="light"] .counter-success-actions-v411{gap:10px;margin-top:3px}
body.ui-v432[data-theme="light"] .counter-success-actions-v411 .btn{min-height:48px;border-radius:10px;font-weight:850}
body.ui-v432[data-theme="light"] #counterSuccessNew{background:linear-gradient(135deg,#0baa78,#079765);border-color:#079765;color:#fff;box-shadow:0 10px 24px rgba(11,170,120,.18)}
body.ui-v432[data-theme="light"] #counterSuccessNew:hover{filter:brightness(.97)}
body.ui-v432[data-theme="light"] #counterSuccessPdf,
body.ui-v432[data-theme="light"] #counterSuccessEmailButton{background:#fff;border-color:#badbcf;color:#087b59;box-shadow:none}
body.ui-v432[data-theme="light"] #counterSuccessPdf:not(.is-disabled-v411):hover,
body.ui-v432[data-theme="light"] #counterSuccessEmailButton:hover{background:#f2fbf7;border-color:#8fc8b4}
body.ui-v432[data-theme="light"] .counter-dialog-close-v411{border-color:#e0e8ef;background:#fbfcfe;color:#607087;border-radius:50%}

/* Dark mode — deep green premium success card inspired by selected Design 5. */
body.ui-v432[data-theme="dark"] .counter-success-dialog-v411{width:min(780px,calc(100vw - 30px))}
body.ui-v432[data-theme="dark"] .counter-success-card-v411{
    grid-template-columns:178px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:16px 20px;
    padding:0 24px 22px 0;
    border:1px solid #15352a;
    border-radius:26px;
    background:
        radial-gradient(circle at 80% -12%,rgba(20,187,124,.10),transparent 35%),
        linear-gradient(145deg,#07130f,#06100d 58%,#081612);
    box-shadow:0 38px 105px rgba(0,0,0,.62),0 0 0 1px rgba(13,166,108,.045)
}
body.ui-v432[data-theme="dark"] .counter-success-visual-v432{
    grid-column:1;grid-row:1/4;align-self:stretch;min-height:100%;
    padding:28px 20px;border-right:1px solid rgba(66,156,120,.16);
    background:
        radial-gradient(circle at 50% 30%,rgba(14,202,129,.15),transparent 27%),
        radial-gradient(circle at 50% 31%,transparent 0 38%,rgba(10,180,116,.10) 39% 40%,transparent 41%),
        linear-gradient(165deg,rgba(11,74,50,.30),rgba(3,22,16,.20))
}
body.ui-v432[data-theme="dark"] .counter-success-visual-v432:before{content:"";position:absolute;width:138px;height:138px;border-radius:50%;border:1px dashed rgba(30,210,139,.20);box-shadow:0 0 36px rgba(12,195,127,.08)}
body.ui-v432[data-theme="dark"] .counter-success-icon-v411{
    position:relative;z-index:1;width:96px;height:96px;border-radius:50%;
    border:2px solid rgba(24,231,148,.62);
    background:radial-gradient(circle,#0b2a20 0 58%,#071c16 59% 100%);
    color:#16e39b;font-size:44px;
    box-shadow:0 0 0 8px rgba(15,177,117,.045),0 0 35px rgba(15,224,147,.20),inset 0 0 24px rgba(12,191,125,.10)
}
body.ui-v432[data-theme="dark"] .counter-success-visual-label-v432{display:block;position:relative;z-index:1;margin-top:18px;color:#1fd692;text-shadow:0 0 18px rgba(27,218,146,.22)}
body.ui-v432[data-theme="dark"] .counter-success-copy-v411{grid-column:2;padding:28px 44px 0 0}
body.ui-v432[data-theme="dark"] .counter-success-copy-v411 .eyebrow{color:#1ad28f;letter-spacing:.09em}
body.ui-v432[data-theme="dark"] .counter-success-copy-v411 h2{font-size:24px;color:#f5fbf8;letter-spacing:-.035em}
body.ui-v432[data-theme="dark"] .counter-success-copy-v411>strong{color:#28d99a;font-size:12.5px}
body.ui-v432[data-theme="dark"] .counter-success-device-v411{color:#91aa9e}
body.ui-v432[data-theme="dark"] .counter-success-amounts-v411{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:16px;
    overflow:hidden;border:1px solid #18362c;border-radius:13px;background:#0a1813
}
body.ui-v432[data-theme="dark"] .counter-success-amounts-v411 span{gap:5px;padding:12px 14px;border:0;border-right:1px solid #18362c;border-radius:0;background:transparent;color:#91a79d}
body.ui-v432[data-theme="dark"] .counter-success-amounts-v411 span:last-child{border-right:0}
body.ui-v432[data-theme="dark"] .counter-success-amounts-v411 b{font-size:14px;color:#eff8f3}
body.ui-v432[data-theme="dark"] .counter-success-amounts-v411 span:nth-child(2) b{color:#22d78f}
body.ui-v432[data-theme="dark"] .counter-success-amounts-v411 span:nth-child(3) b{color:#f1a31e}
body.ui-v432[data-theme="dark"] .counter-success-payment-v411{margin-top:9px}
body.ui-v432[data-theme="dark"] .counter-success-status-v411[data-status="paid"]{border-color:rgba(21,204,135,.22);background:rgba(13,151,99,.15);color:#25dc96}
body.ui-v432[data-theme="dark"] .counter-background-status-v411{grid-column:2;gap:9px;padding-top:0}
body.ui-v432[data-theme="dark"] .counter-background-status-v411>div{padding:12px;border-color:#163126;border-radius:13px;background:#0a1813;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
body.ui-v432[data-theme="dark"] .counter-background-status-v411 strong{color:#eff8f3}
body.ui-v432[data-theme="dark"] .counter-background-status-v411 small{color:#82998e}
body.ui-v432[data-theme="dark"] .counter-background-status-v411>div:nth-child(1) .background-status-icon-v411{color:#20db93;background:#0a291e;border-color:#154d39}
body.ui-v432[data-theme="dark"] .counter-background-status-v411>div:nth-child(2) .background-status-icon-v411{color:#ff5b64;background:#2a1014;border-color:#4a1b21}
body.ui-v432[data-theme="dark"] .counter-background-status-v411>div:nth-child(3) .background-status-icon-v411{color:#f5ad2c;background:#291f0d;border-color:#4c3916}
body.ui-v432[data-theme="dark"] .counter-success-actions-v411{grid-column:2;gap:10px;margin-top:0}
body.ui-v432[data-theme="dark"] .counter-success-actions-v411 .btn{min-height:48px;border-radius:10px;font-weight:850}
body.ui-v432[data-theme="dark"] #counterSuccessNew{background:linear-gradient(135deg,#0caa72,#16c886);border-color:#18c889;color:#f5fffb;box-shadow:0 12px 28px rgba(9,174,113,.18)}
body.ui-v432[data-theme="dark"] #counterSuccessPdf,
body.ui-v432[data-theme="dark"] #counterSuccessEmailButton{background:#08130f;border-color:#28513f;color:#cde8db;box-shadow:none}
body.ui-v432[data-theme="dark"] #counterSuccessPdf:not(.is-disabled-v411):hover,
body.ui-v432[data-theme="dark"] #counterSuccessEmailButton:hover{background:#0b1d16;border-color:#3f745e;color:#f3fff9}
body.ui-v432[data-theme="dark"] .counter-dialog-close-v411{top:16px;right:16px;border-color:#254338;background:#0b1c16;color:#9bb5a8;border-radius:50%}
body.ui-v432[data-theme="dark"] .counter-dialog-close-v411:hover{background:#10271e;color:#f2fff9;border-color:#396552}

@media(max-width:700px){
    body.ui-v432[data-theme="light"] .counter-success-card-v411,
    body.ui-v432[data-theme="dark"] .counter-success-card-v411{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:20px}
    body.ui-v432[data-theme="light"] .counter-success-visual-v432,
    body.ui-v432[data-theme="dark"] .counter-success-visual-v432{grid-column:1;grid-row:1;min-height:auto;padding:0;border:0;background:transparent;align-self:start}
    body.ui-v432[data-theme="dark"] .counter-success-visual-v432:before{width:76px;height:76px}
    body.ui-v432[data-theme="light"] .counter-success-icon-v411,
    body.ui-v432[data-theme="dark"] .counter-success-icon-v411{width:72px;height:72px;font-size:34px}
    body.ui-v432[data-theme="dark"] .counter-success-visual-label-v432{display:none}
    body.ui-v432[data-theme="light"] .counter-success-copy-v411,
    body.ui-v432[data-theme="dark"] .counter-success-copy-v411{grid-column:2;padding:0 34px 0 0}
    body.ui-v432[data-theme="light"] .counter-background-status-v411,
    body.ui-v432[data-theme="dark"] .counter-background-status-v411,
    body.ui-v432[data-theme="light"] .counter-success-actions-v411,
    body.ui-v432[data-theme="dark"] .counter-success-actions-v411{grid-column:1/-1}
    body.ui-v432 .counter-background-status-v411{grid-template-columns:1fr}
    body.ui-v432 .counter-success-actions-v411{grid-template-columns:1fr}
}
@media(max-width:430px){
    body.ui-v432[data-theme="light"] .counter-success-card-v411,
    body.ui-v432[data-theme="dark"] .counter-success-card-v411{grid-template-columns:1fr;padding:18px;border-radius:21px}
    body.ui-v432[data-theme="light"] .counter-success-visual-v432,
    body.ui-v432[data-theme="dark"] .counter-success-visual-v432{grid-column:1;justify-items:start;place-items:start}
    body.ui-v432[data-theme="light"] .counter-success-visual-v432:before,
    body.ui-v432[data-theme="light"] .counter-success-visual-v432:after,
    body.ui-v432[data-theme="dark"] .counter-success-visual-v432:before{display:none}
    body.ui-v432[data-theme="light"] .counter-success-icon-v411,
    body.ui-v432[data-theme="dark"] .counter-success-icon-v411{width:58px;height:58px;font-size:29px}
    body.ui-v432[data-theme="light"] .counter-success-copy-v411,
    body.ui-v432[data-theme="dark"] .counter-success-copy-v411{grid-column:1;padding:0 34px 0 0}
    body.ui-v432 .counter-success-copy-v411 h2{font-size:21px}
    body.ui-v432 .counter-success-amounts-v411{grid-template-columns:1fr}
    body.ui-v432 .counter-success-amounts-v411 span{border-right:0;border-bottom:1px solid var(--fp4-border)}
    body.ui-v432[data-theme="dark"] .counter-success-amounts-v411 span{border-bottom-color:#18362c}
    body.ui-v432 .counter-success-amounts-v411 span:last-child{border-bottom:0}
}
/* Preserve truthful background job states inside the premium v4.3.2 tiles. */
body.ui-v432[data-theme="light"] .counter-background-status-v411 .background-status-icon-v411.is-ready,
body.ui-v432[data-theme="dark"] .counter-background-status-v411 .background-status-icon-v411.is-ready{color:#07865f;background:#e9f8f1;border-color:rgba(11,170,120,.24)}
body.ui-v432[data-theme="dark"] .counter-background-status-v411 .background-status-icon-v411.is-ready{color:#22d78f;background:#0a291e;border-color:#18513d}
body.ui-v432[data-theme="light"] .counter-background-status-v411 .background-status-icon-v411.is-failed{color:#c93446;background:#fff0f2;border-color:#f2cfd4}
body.ui-v432[data-theme="dark"] .counter-background-status-v411 .background-status-icon-v411.is-failed{color:#ff6972;background:#2c1015;border-color:#542028}

/* FixPro v4.3.12 communication corrections */
body.ui-v420 .delivery-status-v420.status-cancelled{color:#66758b;background:rgba(102,117,139,.09)}
body.ui-v420 .rc-notification-list-v420 .status-cancelled{color:#66758b}
body.ui-v420 .comm-automation-note-v4312{grid-column:1/-1;display:block;margin-top:4px;padding:10px 12px;border:1px solid var(--fp4-border);border-radius:11px;background:rgba(23,105,255,.045);color:var(--muted);font-size:8px;line-height:1.55}
body.ui-v420 .comm-automation-note-v4312 strong{color:var(--ink)}

/* ===== orbit-loader-v434.css ===== */
/* FixPro v4.3.4 — Design #12 Orbiting Dots loader
   Lightweight transform-only animation; shared by global, main and inline states. */
:root{
  --fp-orbit-blue:#2f7cff;
  --fp-orbit-cyan:#29c7f6;
  --fp-orbit-purple:#8b5cf6;
  --fp-orbit-panel:#fff;
  --fp-orbit-panel-2:#f7faff;
  --fp-orbit-border:#dce6f4;
  --fp-orbit-text:#12213a;
  --fp-orbit-muted:#6e7d94;
  --fp-orbit-shadow:0 24px 70px rgba(20,46,84,.16);
  --fp-orbit-backdrop:rgba(236,243,252,.24);
  --fp-orbit-glow:0 0 18px rgba(47,124,255,.22);
}
body[data-theme="dark"]{
  --fp-orbit-panel:rgba(7,20,38,.95);
  --fp-orbit-panel-2:rgba(10,28,51,.95);
  --fp-orbit-border:rgba(83,128,186,.28);
  --fp-orbit-text:#f5f8ff;
  --fp-orbit-muted:#9db0c9;
  --fp-orbit-shadow:0 28px 80px rgba(0,0,0,.42),0 0 44px rgba(52,118,255,.08);
  --fp-orbit-backdrop:rgba(2,9,20,.28);
  --fp-orbit-glow:0 0 20px rgba(54,145,255,.44),0 0 34px rgba(139,92,246,.16);
}

.fp-orbit-v434{position:relative;display:inline-grid;place-items:center;width:54px;height:54px;flex:0 0 54px;isolation:isolate}
.fp-orbit-path-v434{position:absolute;inset:5px;border:1px dashed color-mix(in srgb,var(--fp-orbit-blue) 44%,transparent);border-radius:50%;opacity:.85}
.fp-orbit-core-v434{position:absolute;width:16px;height:16px;border-radius:50%;background:linear-gradient(145deg,var(--fp-orbit-cyan),var(--fp-orbit-blue) 58%,var(--fp-orbit-purple));box-shadow:var(--fp-orbit-glow);animation:fpOrbitCoreV434 1.6s ease-in-out infinite}
.fp-orbit-rotor-v434{position:absolute;inset:0;animation:fpOrbitRotateV434 1.45s linear infinite;will-change:transform}
.fp-orbit-dot-v434{position:absolute;display:block;border-radius:50%;box-shadow:0 0 12px rgba(57,140,255,.28)}
.fp-orbit-dot-v434.dot-a{width:9px;height:9px;left:50%;top:1px;transform:translateX(-50%);background:var(--fp-orbit-blue)}
.fp-orbit-dot-v434.dot-b{width:7px;height:7px;right:3px;top:50%;transform:translateY(-50%);background:var(--fp-orbit-purple)}
.fp-orbit-dot-v434.dot-c{width:6px;height:6px;left:9px;bottom:7px;background:var(--fp-orbit-cyan)}
.fp-orbit-dot-v434.dot-d{width:5px;height:5px;left:3px;top:17px;background:linear-gradient(135deg,var(--fp-orbit-cyan),var(--fp-orbit-purple));opacity:.88}
@keyframes fpOrbitRotateV434{to{transform:rotate(360deg)}}
@keyframes fpOrbitCoreV434{0%,100%{transform:scale(.9);opacity:.85}50%{transform:scale(1.08);opacity:1}}

.fp-loader-compact-v434{display:none!important}
.fp-loader-overlay-v434{position:fixed;inset:0;z-index:4550;display:grid;place-items:center;padding:18px;background:var(--fp-orbit-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .18s ease;pointer-events:none}
.fp-loader-overlay-v434.is-visible{opacity:1;pointer-events:auto;touch-action:none}
.fp-loader-panel-v434{width:min(410px,calc(100vw - 30px));display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid var(--fp-orbit-border);border-radius:22px;background:linear-gradient(145deg,var(--fp-orbit-panel),var(--fp-orbit-panel-2));box-shadow:var(--fp-orbit-shadow);transform:translate3d(0,7px,0) scale(.985);transition:transform .18s ease}
.fp-loader-overlay-v434.is-visible .fp-loader-panel-v434{transform:translate3d(0,0,0) scale(1)}
.fp-loader-panel-v434 .fp-orbit-v434{width:70px;height:70px;flex-basis:70px}
.fp-loader-panel-v434 .fp-orbit-path-v434{inset:6px;border-width:1px}.fp-loader-panel-v434 .fp-orbit-core-v434{width:21px;height:21px}
.fp-loader-panel-v434 .dot-a{width:11px;height:11px;top:0}.fp-loader-panel-v434 .dot-b{width:9px;height:9px;right:2px}.fp-loader-panel-v434 .dot-c{width:8px;height:8px;left:11px;bottom:8px}.fp-loader-panel-v434 .dot-d{width:6px;height:6px;left:3px;top:22px}
.fp-loader-panel-copy-v434{display:grid;gap:4px;min-width:0}.fp-loader-panel-copy-v434>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--fp-orbit-blue)}.fp-loader-panel-copy-v434 strong{font-size:18px;letter-spacing:-.02em;color:var(--fp-orbit-text)}.fp-loader-panel-copy-v434 small{font-size:12px;line-height:1.45;color:var(--fp-orbit-muted);overflow-wrap:anywhere}

.fp-loader-inline-v434{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--fp-orbit-border) 76%,transparent);border-radius:12px;background:color-mix(in srgb,var(--fp-orbit-panel-2) 90%,transparent);color:var(--fp-orbit-muted)}
.fp-loader-inline-v434.is-roomy{min-height:64px;padding:12px}
.fp-loader-inline-v434 .fp-orbit-v434{width:25px;height:25px;flex-basis:25px}.fp-loader-inline-v434 .fp-orbit-path-v434{inset:2px}.fp-loader-inline-v434 .fp-orbit-core-v434{width:8px;height:8px}.fp-loader-inline-v434 .dot-a{width:5px;height:5px;top:0}.fp-loader-inline-v434 .dot-b{width:4px;height:4px;right:0}.fp-loader-inline-v434 .dot-c{width:4px;height:4px;left:4px;bottom:3px}.fp-loader-inline-v434 .dot-d{width:3px;height:3px;left:0;top:8px}.fp-loader-inline-v434 small{font-size:10px;font-weight:700;line-height:1.3}

.is-fixpro-loading-v434{cursor:progress!important}

/* Existing v4.1.1 invoice processing dialog now uses the same Design #12 artwork. */
.counter-processing-head-v411>[data-fixpro-orbit]{display:inline-grid;place-items:center;min-width:72px}
.counter-processing-head-v411>[data-fixpro-orbit] .fp-orbit-v434{width:68px;height:68px;flex-basis:68px}
.counter-processing-head-v411>[data-fixpro-orbit] .fp-orbit-core-v434{width:20px;height:20px}

/* Reports retain their own local loading strip but use the shared orbit artwork. */
.reports-loading-v410 [data-fixpro-orbit]{display:inline-grid;place-items:center}.reports-loading-v410 .fp-orbit-v434{width:27px;height:27px;flex-basis:27px}.reports-loading-v410 .fp-orbit-path-v434{inset:2px}.reports-loading-v410 .fp-orbit-core-v434{width:8px;height:8px}.reports-loading-v410 .dot-a{width:5px;height:5px;top:0}.reports-loading-v410 .dot-b{width:4px;height:4px;right:0}.reports-loading-v410 .dot-c{width:4px;height:4px;left:4px;bottom:3px}.reports-loading-v410 .dot-d{width:3px;height:3px;left:0;top:8px}


@media(max-width:720px){
  .fp-loader-panel-v434{width:min(360px,calc(100vw - 24px));padding:18px;gap:14px;border-radius:19px}.fp-loader-panel-v434 .fp-orbit-v434{width:58px;height:58px;flex-basis:58px}.fp-loader-panel-copy-v434 strong{font-size:16px}
}
@media(max-width:430px){
  .fp-loader-panel-v434{align-items:flex-start}.fp-loader-panel-v434 .fp-orbit-v434{width:50px;height:50px;flex-basis:50px}.fp-loader-panel-copy-v434 small{font-size:11px}
}
@media(orientation:landscape) and (max-height:620px){
.fp-loader-panel-v434{padding:14px 18px}.fp-loader-panel-v434 .fp-orbit-v434{width:50px;height:50px;flex-basis:50px}
}
@media(prefers-reduced-motion:reduce){
  .fp-orbit-rotor-v434,.fp-orbit-core-v434{animation:none!important}.fp-loader-compact-v434,.fp-loader-overlay-v434,.fp-loader-panel-v434{transition:none!important}.fp-orbit-dot-v434{opacity:.86}
}

/* Small Orbiting Dots status inside the invoice-success PDF/email rows. */
.background-status-icon-v411.has-orbit-v434{display:grid!important;place-items:center!important;color:transparent!important}
.background-status-icon-v411.has-orbit-v434 .fp-orbit-v434{width:24px;height:24px;flex-basis:24px}
.background-status-icon-v411.has-orbit-v434 .fp-orbit-path-v434{inset:2px}
.background-status-icon-v411.has-orbit-v434 .fp-orbit-core-v434{width:7px;height:7px}
.background-status-icon-v411.has-orbit-v434 .dot-a{width:5px;height:5px;top:0}.background-status-icon-v411.has-orbit-v434 .dot-b{width:4px;height:4px;right:0}.background-status-icon-v411.has-orbit-v434 .dot-c{width:3px;height:3px;left:4px;bottom:3px}.background-status-icon-v411.has-orbit-v434 .dot-d{width:3px;height:3px;left:0;top:8px}
.counter-email-dialog-v411 .fp-loader-inline-v434{grid-column:1/-1}
@media(max-width:720px){
  .counter-processing-head-v411>[data-fixpro-orbit]{min-width:50px}
  .counter-processing-head-v411>[data-fixpro-orbit] .fp-orbit-v434{width:50px;height:50px;flex-basis:50px}
  .counter-processing-head-v411>[data-fixpro-orbit] .fp-orbit-core-v434{width:15px;height:15px}
}
.payment-ajax-feedback-v434{margin-bottom:10px;padding:9px 11px;border:1px solid color-mix(in srgb,#dc3d4a 28%,var(--fp-orbit-border));border-radius:11px;background:color-mix(in srgb,#dc3d4a 7%,var(--fp-orbit-panel));color:#b52d3b;font-size:10px;font-weight:750;line-height:1.4}
body[data-theme="dark"] .payment-ajax-feedback-v434{color:#ff9eaa}
.payment-ajax-feedback-v434[hidden]{display:none!important}
.payment-ajax-flash-v434{position:relative;z-index:20}

/* v4.3.7: a true temporary system state — no outside interaction while a main action is processing. */
body.has-fixpro-main-loader-v437{overflow:hidden}
body.has-fixpro-main-loader-v437 .fp-loader-overlay-v434.is-visible{pointer-events:auto}

/* ===== button-system-v437.css ===== */
/* FixPro v4.3.7 — global semantic premium button system.
   One visual language, semantic variants, light/dark tokens, and reusable states. */
:root{
  --fp-btn-radius:14px;
  --fp-btn-radius-compact:11px;
  --fp-btn-h:50px;
  --fp-btn-h-compact:38px;
  --fp-btn-gap:9px;
  --fp-btn-pad-x:17px;
  --fp-btn-font:800 12px/1.1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --fp-btn-focus:0 0 0 3px rgba(47,124,255,.20);
  --fp-btn-shadow:0 8px 20px rgba(31,75,145,.14),inset 0 1px 0 rgba(255,255,255,.22);
  --fp-btn-shadow-hover:0 12px 27px rgba(31,75,145,.20),inset 0 1px 0 rgba(255,255,255,.26);
  --fp-btn-primary-a:#1769ff;--fp-btn-primary-b:#6657f6;
  --fp-btn-success-a:#08a875;--fp-btn-success-b:#0a9c94;
  --fp-btn-pdf-a:#ef476f;--fp-btn-pdf-b:#d93968;
  --fp-btn-email-a:#f59a23;--fp-btn-email-b:#e97916;
  --fp-btn-danger-a:#e44855;--fp-btn-danger-b:#c93447;
  --fp-btn-neutral-bg:rgba(255,255,255,.82);
  --fp-btn-neutral-bg-hover:#f4f8ff;
  --fp-btn-neutral-border:#d7e1ef;
  --fp-btn-neutral-text:#18304d;
  --fp-btn-icon-bg:rgba(255,255,255,.17);
  --fp-btn-icon-border:rgba(255,255,255,.24);
  --fp-btn-icon-neutral-bg:#eef4fd;
  --fp-btn-icon-neutral-border:#dce7f7;
}
body[data-theme="dark"]{
  --fp-btn-shadow:0 10px 24px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.11);
  --fp-btn-shadow-hover:0 14px 30px rgba(0,0,0,.34),0 0 22px rgba(49,116,255,.10),inset 0 1px 0 rgba(255,255,255,.13);
  --fp-btn-neutral-bg:rgba(13,28,49,.84);
  --fp-btn-neutral-bg-hover:rgba(20,42,70,.95);
  --fp-btn-neutral-border:rgba(118,153,195,.28);
  --fp-btn-neutral-text:#eaf2ff;
  --fp-btn-icon-neutral-bg:rgba(84,132,191,.15);
  --fp-btn-icon-neutral-border:rgba(121,165,218,.20);
}

/* Existing invoice-success actions are the visual reference and keep their bespoke layout. */
body.ui-v437 .fp-btn-v437:not(.success-action-v435){
  --fp-action-a:var(--fp-btn-primary-a);
  --fp-action-b:var(--fp-btn-primary-b);
  --fp-action-text:#fff;
  position:relative!important;
  isolation:isolate;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:var(--fp-btn-gap)!important;
  min-height:var(--fp-btn-h)!important;
  padding:10px var(--fp-btn-pad-x)!important;
  border:1px solid transparent!important;
  border-radius:var(--fp-btn-radius)!important;
  background:linear-gradient(135deg,var(--fp-action-a),var(--fp-action-b))!important;
  color:var(--fp-action-text)!important;
  box-shadow:var(--fp-btn-shadow)!important;
  font:var(--fp-btn-font)!important;
  letter-spacing:-.005em!important;
  text-decoration:none!important;
  white-space:normal;
  vertical-align:middle;
  cursor:pointer;
  transform:translate3d(0,0,0);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease,background .18s ease!important;
  -webkit-tap-highlight-color:transparent;
}
body.ui-v437 .fp-btn-v437[data-fp-variant="primary"]{--fp-action-a:var(--fp-btn-primary-a);--fp-action-b:var(--fp-btn-primary-b)}
body.ui-v437 .fp-btn-v437[data-fp-variant="success"]{--fp-action-a:var(--fp-btn-success-a);--fp-action-b:var(--fp-btn-success-b)}
body.ui-v437 .fp-btn-v437[data-fp-variant="pdf"]{--fp-action-a:var(--fp-btn-pdf-a);--fp-action-b:var(--fp-btn-pdf-b)}
body.ui-v437 .fp-btn-v437[data-fp-variant="email"]{--fp-action-a:var(--fp-btn-email-a);--fp-action-b:var(--fp-btn-email-b)}
body.ui-v437 .fp-btn-v437[data-fp-variant="danger"]{--fp-action-a:var(--fp-btn-danger-a);--fp-action-b:var(--fp-btn-danger-b)}

body.ui-v437 .fp-btn-v437[data-fp-variant="secondary"]:not(.success-action-v435),
body.ui-v437 .fp-btn-v437[data-fp-variant="ghost"]:not(.success-action-v435){
  --fp-action-text:var(--fp-btn-neutral-text);
  background:var(--fp-btn-neutral-bg)!important;
  border-color:var(--fp-btn-neutral-border)!important;
  color:var(--fp-btn-neutral-text)!important;
  box-shadow:0 4px 14px rgba(31,75,145,.07),inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.ui-v437 .fp-btn-v437[data-fp-variant="ghost"]:not(.success-action-v435){background:transparent!important;box-shadow:none!important}

body.ui-v437 .fp-btn-v437:not(.success-action-v435):hover:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(-1px)!important;
  box-shadow:var(--fp-btn-shadow-hover)!important;
  filter:saturate(1.04) brightness(1.015);
}
body.ui-v437 .fp-btn-v437[data-fp-variant="secondary"]:not(.success-action-v435):hover:not(:disabled),
body.ui-v437 .fp-btn-v437[data-fp-variant="ghost"]:not(.success-action-v435):hover:not(:disabled){
  background:var(--fp-btn-neutral-bg-hover)!important;
  border-color:color-mix(in srgb,var(--fp-btn-primary-a) 30%,var(--fp-btn-neutral-border))!important;
  box-shadow:0 7px 18px rgba(31,75,145,.10)!important;
  filter:none;
}
body.ui-v437 .fp-btn-v437:not(.success-action-v435):active:not(:disabled):not([aria-disabled="true"]){transform:translateY(0) scale(.985)!important;box-shadow:0 4px 11px rgba(31,75,145,.12)!important}
body.ui-v437 .fp-btn-v437:focus-visible{outline:0!important;box-shadow:var(--fp-btn-shadow),var(--fp-btn-focus)!important}
body.ui-v437 .fp-btn-v437:disabled,
body.ui-v437 .fp-btn-v437[aria-disabled="true"]{opacity:.56!important;cursor:not-allowed!important;transform:none!important;filter:saturate(.7)!important;pointer-events:none}

.fp-btn-icon-v437{
  position:relative;display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;
  margin:-2px 0;border:1px solid var(--fp-btn-icon-border);border-radius:10px;
  background:var(--fp-btn-icon-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.fp-btn-icon-v437 svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.ui-v437 .fp-btn-v437[data-fp-variant="secondary"] .fp-btn-icon-v437,
body.ui-v437 .fp-btn-v437[data-fp-variant="ghost"] .fp-btn-icon-v437{background:var(--fp-btn-icon-neutral-bg);border-color:var(--fp-btn-icon-neutral-border);color:var(--fp-btn-primary-a)}
.fp-btn-v437.fp-btn-compact-v437:not(.success-action-v435){min-height:var(--fp-btn-h-compact)!important;padding:7px 11px!important;border-radius:var(--fp-btn-radius-compact)!important;font-size:10.5px!important;gap:7px!important}
.fp-btn-v437.fp-btn-compact-v437 .fp-btn-icon-v437{width:25px;height:25px;flex-basis:25px;border-radius:8px}
.fp-btn-v437.fp-btn-compact-v437 .fp-btn-icon-v437 svg{width:15px;height:15px}
.actions .fp-btn-v437,.table-actions .fp-btn-v437,[class*="table"] .actions .fp-btn-v437{min-height:36px!important}
.fp-replaced-symbol-v437{display:none!important}

/* Only high-value CTA icons pulse, with a long quiet pause. */
@keyframes fpButtonIconPulseV437{
  0%,68%,100%{transform:scale(1);opacity:1}
  74%{transform:scale(.94);opacity:.76}
  80%{transform:scale(1.055);opacity:1}
  86%{transform:scale(1);opacity:1}
}
.fp-btn-v437.fp-btn-pulse-v437 .fp-btn-icon-v437{animation:fpButtonIconPulseV437 3.6s ease-in-out infinite;will-change:transform,opacity}

/* Loading is indeterminate: no fake percentages and no full-button bounce. */
.fp-btn-v437.is-fp-loading-v437 .fp-btn-icon-v437,
.fp-btn-v437.is-fixpro-loading-v434 .fp-btn-icon-v437{color:transparent!important;overflow:hidden}
.fp-btn-v437.is-fp-loading-v437 .fp-btn-icon-v437 svg,
.fp-btn-v437.is-fixpro-loading-v434 .fp-btn-icon-v437 svg{opacity:0}
.fp-btn-v437.is-fp-loading-v437 .fp-btn-icon-v437::before,
.fp-btn-v437.is-fixpro-loading-v434 .fp-btn-icon-v437::before{
  content:"";position:absolute;width:14px;height:14px;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:fpBtnSpinV437 .72s linear infinite
}
.fp-btn-v437[data-fp-variant="secondary"].is-fp-loading-v437 .fp-btn-icon-v437::before,
.fp-btn-v437[data-fp-variant="ghost"].is-fp-loading-v437 .fp-btn-icon-v437::before,
.fp-btn-v437[data-fp-variant="secondary"].is-fixpro-loading-v434 .fp-btn-icon-v437::before,
.fp-btn-v437[data-fp-variant="ghost"].is-fixpro-loading-v434 .fp-btn-icon-v437::before{border-color:rgba(47,124,255,.24);border-top-color:var(--fp-btn-primary-a)}
@keyframes fpBtnSpinV437{to{transform:rotate(360deg)}}

/* Button-like app CTAs that intentionally are not generic .btn controls. */
body.ui-v437 .quick-entry,
body.ui-v437 .catalog-add-device,
body.ui-v437 .catalog-stock-button,
body.ui-v437 .selected-device-continue-v407{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
body.ui-v437 .quick-entry:hover,
body.ui-v437 .catalog-add-device:hover,
body.ui-v437 .catalog-stock-button:hover,
body.ui-v437 .selected-device-continue-v407:hover{transform:translateY(-1px)!important}
body.ui-v437 .quick-entry:active,
body.ui-v437 .catalog-add-device:active,
body.ui-v437 .catalog-stock-button:active,
body.ui-v437 .selected-device-continue-v407:active{transform:scale(.985)!important}

@media(max-width:720px){
  body.ui-v437 .counter-actions-v411 .fp-btn-v437,
  body.ui-v437 .counter-success-actions-v411 .fp-btn-v437,
  body.ui-v437 .page-title-actions-v38 .fp-btn-v437{width:100%!important;justify-content:center!important}
  .fp-btn-v437:not(.fp-btn-compact-v437){min-height:50px!important}
}
@media(prefers-reduced-motion:reduce){
  .fp-btn-v437,.fp-btn-icon-v437{transition:none!important;animation:none!important}
  .fp-btn-v437:hover{transform:none!important}
}

/* ===== security-v450.css ===== */
/* FixPro v4.5.0 base + v4.5.1 one-click Account Security controls */
.security-profile-card-v450{display:grid;gap:16px;padding:24px!important}
.profile-security-heading-v450{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.profile-security-heading-v450 h2{margin:5px 0 5px;font-size:20px;letter-spacing:-.025em;color:var(--ink)}
.profile-security-heading-v450 p{max-width:620px;margin:0}
.profile-security-methods-v450{display:grid;gap:11px}
.profile-security-method-v450{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;border:1px solid var(--fp4-border);border-radius:15px;background:var(--fp4-surface-2);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.profile-security-method-v450.is-on{border-color:color-mix(in srgb,#0baa78 35%,var(--fp4-border));background:linear-gradient(90deg,color-mix(in srgb,#0baa78 6%,var(--fp4-surface)),var(--fp4-surface-2))}
.profile-security-method-v450:hover{transform:translateY(-1px);box-shadow:var(--fp4-shadow-soft)}
.profile-security-copy-v450{min-width:0}.profile-security-copy-v450 small{display:block;margin-top:4px;color:var(--muted);font-size:8.5px;line-height:1.5}
.profile-security-title-v450{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.profile-security-title-v450 strong{color:var(--ink);font-size:11.5px}
.profile-security-footer-v450{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px;color:var(--muted);font-size:8.5px;line-height:1.45}.profile-security-footer-v450 a{color:var(--fp4-blue);font-weight:900;text-decoration:none;white-space:nowrap}

.security-method-icon-v450{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid color-mix(in srgb,var(--fp4-blue) 24%,var(--fp4-border));border-radius:13px;background:color-mix(in srgb,var(--fp4-blue) 8%,var(--fp4-surface));color:var(--fp4-blue);font-size:20px;font-weight:950;line-height:1}
.security-method-icon-v450.email{border-color:color-mix(in srgb,#7d5df3 26%,var(--fp4-border));background:color-mix(in srgb,#7d5df3 8%,var(--fp4-surface));color:#7256df;font-size:17px}
.security-method-state-v450{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 9px;border:1px solid var(--fp4-border);border-radius:999px;font-size:7.5px;font-weight:950;letter-spacing:.055em;white-space:nowrap}
.security-method-state-v450.on{color:#07865f;border-color:rgba(11,170,120,.28);background:rgba(11,170,120,.09)}
.security-method-state-v450.off{color:#7b8799;background:color-mix(in srgb,var(--muted) 7%,var(--fp4-surface));border-color:var(--fp4-border)}

.security-methods-shell-v450{max-width:1040px!important}
.security-status-pill-v430.neutral-v450{color:#9fb0c8;background:rgba(255,255,255,.04);border-color:rgba(151,178,213,.2)}
.security-required-banner-v450{display:flex;align-items:center;gap:9px;margin:16px 0;padding:12px 14px;border:1px solid rgba(243,171,46,.28);border-radius:12px;background:rgba(243,171,46,.08);color:#f2c56f;font-size:9.5px;line-height:1.5}.security-required-banner-v450 strong{color:#ffe0a2}.security-required-banner-v450 span{color:#d4bd90}
.security-required-banner-v450.warning-v450{margin-top:0}
.security-method-grid-v450{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.security-method-card-v450{position:relative;display:flex;min-height:330px;flex-direction:column;padding:22px;border:1px solid rgba(129,168,215,.18);border-radius:18px;background:linear-gradient(160deg,rgba(15,38,64,.96),rgba(8,24,43,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.security-method-card-v450.is-on{border-color:rgba(31,198,139,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 15px 42px rgba(0,0,0,.12)}
.security-method-top-v450{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.security-method-card-v450 .security-method-icon-v450{border-color:#294966;background:#10243d;color:#6da2ff}.security-method-card-v450 .security-method-icon-v450.email{color:#b59cff;background:#1b1d3a;border-color:#3f416e}
.security-method-card-v450 .security-method-state-v450.on{color:#3ce0a4;border-color:rgba(48,217,157,.3);background:rgba(16,188,126,.12)}.security-method-card-v450 .security-method-state-v450.off{color:#91a3ba;border-color:#294966;background:#0b1b2e}
.security-method-kicker-v450{color:#7390b5;font-size:8px;font-weight:950;letter-spacing:.13em}.security-method-card-v450 h2{margin:6px 0 9px;color:#f3f7ff;font-size:20px;letter-spacing:-.025em}.security-method-card-v450>p{margin:0 0 17px;color:#a7b7cc;font-size:10.5px;line-height:1.65}.security-method-card-v450>p strong{color:#dfe9f7}
.security-method-meta-v450{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.security-method-meta-v450 span{padding:10px;border:1px solid rgba(129,168,215,.14);border-radius:11px;background:rgba(255,255,255,.025)}.security-method-meta-v450 b,.security-method-meta-v450 small{display:block}.security-method-meta-v450 b{color:#dce7f5;font-size:8px}.security-method-meta-v450 small{margin-top:3px;color:#8498b2;font-size:7.5px;line-height:1.4}
.security-method-actions-v450{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.security-method-actions-v450 .btn{flex:1;min-width:130px}
.btn.danger-outline-v450{border-color:rgba(238,87,104,.34);background:rgba(238,87,104,.06);color:#ff9ca9}.btn.danger-outline-v450:hover{background:rgba(238,87,104,.12);border-color:rgba(238,87,104,.52)}
.security-policy-note-v450{display:flex;align-items:flex-start;gap:11px;margin-top:16px;padding:13px 14px;border:1px solid rgba(129,168,215,.16);border-radius:13px;background:rgba(255,255,255,.025)}.security-policy-note-v450>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:rgba(25,202,138,.12);color:#38dca0;font-size:12px;font-weight:950}.security-policy-note-v450 strong,.security-policy-note-v450 small{display:block}.security-policy-note-v450 strong{color:#e7effa;font-size:9px}.security-policy-note-v450 small{margin-top:3px;color:#8fa3bd;font-size:8px;line-height:1.5}.security-policy-note-v450.compact-v450{margin-top:12px}
.setup-grid-v450 .security-dark-card-v430{min-height:300px}.security-disable-confirm-v450{margin-top:14px;padding-top:14px;border-top:1px solid #294966}

.security-challenge-card-v450{width:min(620px,100%)}
.security-challenge-methods-v450{display:grid;gap:12px;margin:16px 0}.security-challenge-method-v450{display:grid;gap:12px;padding:15px;border:1px solid rgba(129,168,215,.16);border-radius:14px;background:rgba(255,255,255,.025)}
.security-challenge-method-head-v450{display:flex;align-items:center;gap:11px}.security-challenge-method-head-v450 .security-method-icon-v450{width:38px;height:38px;flex-basis:38px;border-color:#294966;background:#10243d;color:#73a5ff;font-size:17px}.security-challenge-method-head-v450 .security-method-icon-v450.email{color:#b9a7ff;background:#1b1d3a;border-color:#3f416e}.security-challenge-method-head-v450 strong,.security-challenge-method-head-v450 small{display:block}.security-challenge-method-head-v450 strong{color:#eef4fd;font-size:10.5px}.security-challenge-method-head-v450 small{margin-top:2px;color:#8ea2bd;font-size:8.5px;line-height:1.4}
.security-email-send-v450{margin:0}.security-email-send-v450+.security-auth-form-v430{margin-top:0}
.security-auth-form-v430 button:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6)}

@media(max-width:780px){
    .profile-security-heading-v450,.profile-security-footer-v450{align-items:flex-start;flex-direction:column}
    .profile-security-method-v450{grid-template-columns:44px minmax(0,1fr)}
    .profile-security-method-v450>.btn{grid-column:1/-1;width:100%}
    .security-method-grid-v450{grid-template-columns:1fr}
    .security-method-card-v450{min-height:0}
}
@media(max-width:520px){
    .security-method-meta-v450{grid-template-columns:1fr}
    .security-method-actions-v450{flex-direction:column}.security-method-actions-v450 .btn{width:100%}
    .profile-security-card-v450{padding:18px!important}
}

/* FixPro v4.5.1 — one-click Account Security controls */
.security-quick-toolbar-v451{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 2px;padding:14px 16px;border:1px solid rgba(129,168,215,.17);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}.security-quick-toolbar-v451 strong,.security-quick-toolbar-v451 small{display:block}.security-quick-toolbar-v451 strong{color:#eef4fd;font-size:10px}.security-quick-toolbar-v451 small{margin-top:3px;color:#8fa3bd;font-size:8px;line-height:1.5}.security-quick-toolbar-actions-v451{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.security-quick-toolbar-actions-v451 form{margin:0}.security-quick-toolbar-actions-v451 .btn{min-width:118px}
.security-switch-row-v451{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:12px 13px;border:1px solid rgba(129,168,215,.15);border-radius:13px;background:rgba(255,255,255,.025)}.security-switch-row-v451 strong,.security-switch-row-v451 small{display:block}.security-switch-row-v451 strong{color:#e7effa;font-size:9px}.security-switch-row-v451 small{margin-top:3px;color:#879bb5;font-size:7.7px;line-height:1.45}.security-switch-row-v451 form{margin:0;flex:0 0 auto}
.security-toggle-v451{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;width:82px;height:38px;padding:4px 8px;border:1px solid #31516f;border-radius:999px;background:#0c1d30;color:#8fa2b8;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.security-toggle-v451 span{display:block;width:27px;height:27px;border-radius:50%;background:#8192a6;box-shadow:0 3px 10px rgba(0,0,0,.22);transition:transform .18s ease,background .18s ease}.security-toggle-v451 b{font-size:8px;letter-spacing:.08em}.security-toggle-v451.is-on{flex-direction:row-reverse;border-color:rgba(48,217,157,.38);background:rgba(16,188,126,.13);color:#47e0aa}.security-toggle-v451.is-on span{background:#37d8a0}.security-toggle-v451:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.16)}.security-toggle-v451:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.profile-security-method-v450>form{margin:0}.profile-security-method-v450>form .btn{white-space:nowrap}
@media(max-width:780px){.security-quick-toolbar-v451{align-items:flex-start;flex-direction:column}.security-quick-toolbar-actions-v451{width:100%}.security-quick-toolbar-actions-v451 form{flex:1}.security-quick-toolbar-actions-v451 .btn{width:100%}.profile-security-method-v450>form{grid-column:1/-1;width:100%}.profile-security-method-v450>form .btn{width:100%}}
@media(max-width:520px){.security-switch-row-v451{align-items:flex-start;flex-direction:column}.security-toggle-v451{width:92px}.security-quick-toolbar-actions-v451{flex-direction:column}.security-quick-toolbar-actions-v451 form{width:100%}}

/* ===== fixpro-saas-theme-v510.css ===== */
/* FixPro v5.1.0 — centralized SaaS visual system.
   Visual-only override: no business logic, layout structure, routes or data behavior changed. */
:root{
  --fp510-navy:#071b2d;
  --fp510-navy-2:#0d2940;
  --fp510-blue:#1167f5;
  --fp510-blue-2:#3b5bff;
  --fp510-cyan:#19a8d8;
  --fp510-green:#16c784;
  --fp510-mint:#27d9a1;
  --fp510-orange:#ff9f1c;
  --fp510-amber:#ffb54a;
  --fp510-red:#e64f4f;
  --fp510-bg:#f4f8fc;
  --fp510-surface:#ffffff;
  --fp510-surface-soft:#f8fbff;
  --fp510-border:#d7e4f2;
  --fp510-border-strong:#bfd3e8;
  --fp510-text:#10233f;
  --fp510-muted:#657892;
  --fp510-blue-soft:#edf5ff;
  --fp510-green-soft:#eafbf5;
  --fp510-orange-soft:#fff6e8;
  --fp510-red-soft:#fff0f0;
  --fp510-purple:#6658e8;
  --fp510-purple-soft:#f1efff;
  --fp510-radius-sm:10px;
  --fp510-radius:14px;
  --fp510-radius-lg:18px;
  --fp510-shadow-sm:0 4px 14px rgba(13,41,64,.06);
  --fp510-shadow:0 12px 30px rgba(13,41,64,.09);
  --fp510-shadow-strong:0 16px 40px rgba(13,41,64,.13);
  --fp510-focus:0 0 0 3px rgba(17,103,245,.16);
  --fp510-primary-gradient:linear-gradient(135deg,#1167f5 0%,#3b5bff 100%);
  --fp510-header-gradient:linear-gradient(135deg,#071b2d 0%,#0d2940 100%);
}

/* Theme bridge: keep existing component variables centrally aligned. */
body.ui-v510{
  --ink:var(--fp510-text);
  --muted:var(--fp510-muted);
  --line:var(--fp510-border);
  --bg:var(--fp510-bg);
  --panel:var(--fp510-surface);
  --nav:var(--fp510-navy);
  --blue:var(--fp510-blue);
  --blue2:var(--fp510-blue-2);
  --cyan:var(--fp510-cyan);
  --green:var(--fp510-green);
  --amber:var(--fp510-orange);
  --red:var(--fp510-red);
  --theme-bg:var(--fp510-bg);
  --theme-panel:var(--fp510-surface);
  --theme-line:var(--fp510-border);
  --theme-ink:var(--fp510-text);
  --theme-muted:var(--fp510-muted);
  --theme-panel-2:var(--fp510-surface-soft);
  --theme-input:var(--fp510-surface);
  --theme-input-border:var(--fp510-border);
  --theme-header:rgba(7,27,45,.96);
  --theme-soft:var(--fp510-blue-soft);
  --v38-surface:var(--fp510-surface);
  --v38-surface-2:var(--fp510-surface-soft);
  --v38-surface-3:var(--fp510-blue-soft);
  --v38-border:var(--fp510-border);
  --v38-blue:var(--fp510-blue);
  --v38-green:var(--fp510-green);
  --v38-amber:var(--fp510-orange);
  --v38-red:var(--fp510-red);
  --v38-violet:var(--fp510-purple);
  --v39-ink:var(--fp510-text);
  --v39-muted:var(--fp510-muted);
  --v39-border:var(--fp510-border);
  --fp4-blue:var(--fp510-blue);
  --fp4-blue-strong:#0b56dc;
  --fp4-violet:var(--fp510-purple);
  --fp4-cyan:var(--fp510-cyan);
  --fp4-emerald:var(--fp510-green);
  --fp4-gold:#b77a19;
  --fp4-danger:var(--fp510-red);
  --fp4-shell:var(--fp510-bg);
  --fp4-surface:var(--fp510-surface);
  --fp4-surface-2:var(--fp510-surface-soft);
  --fp4-surface-3:var(--fp510-blue-soft);
  --fp4-border:var(--fp510-border);
  --fp4-border-strong:var(--fp510-border-strong);
  --fp4-nav:var(--fp510-navy);
  --fp4-nav-text:#c3d6e6;
  --fp4-shadow:var(--fp510-shadow);
  --fp4-shadow-soft:var(--fp510-shadow-sm);
  --fp4-glow:rgba(17,103,245,.08);
  color:var(--fp510-text)!important;
  background:
    radial-gradient(circle at 9% 0%,rgba(25,168,216,.07),transparent 24rem),
    radial-gradient(circle at 88% 8%,rgba(59,91,255,.055),transparent 26rem),
    var(--fp510-bg)!important;
}
body.ui-v510[data-theme="dark"]{
  --fp510-bg:#091827;
  --fp510-surface:#102438;
  --fp510-surface-soft:#0d2033;
  --fp510-border:#254158;
  --fp510-border-strong:#31536d;
  --fp510-text:#ecf5ff;
  --fp510-muted:#9cb1c6;
  --fp510-blue-soft:#122f54;
  --fp510-green-soft:#10372f;
  --fp510-orange-soft:#3a2b15;
  --fp510-red-soft:#3b1d25;
  --fp510-purple-soft:#262248;
  --fp510-shadow-sm:0 5px 16px rgba(0,0,0,.20);
  --fp510-shadow:0 14px 34px rgba(0,0,0,.25);
  --fp510-shadow-strong:0 18px 44px rgba(0,0,0,.30);
}

/* Header + navigation: strong dark SaaS identity while keeping FixPro's top-nav layout. */
body.ui-v510 .app-header-v28{
  background:var(--fp510-header-gradient)!important;
  border-bottom:1px solid rgba(39,217,161,.34)!important;
  box-shadow:0 8px 24px rgba(7,27,45,.17)!important;
}
body.ui-v510 .app-header-main{
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
body.ui-v510 .network-brand-link,
body.ui-v510 .network-brand-caption,
body.ui-v510 .network-brand-caption strong{color:#fff!important}
body.ui-v510 .network-brand-caption small{color:#a9c5dc!important;letter-spacing:.12em!important}
body.ui-v510 .header-context-card{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:none!important;
  color:#fff!important;
}
body.ui-v510 .header-context-card .context-kicker{color:#8fb1cc!important}
body.ui-v510 .header-context-card strong{color:#f5fbff!important}
body.ui-v510 .header-context-icon{
  background:rgba(25,168,216,.16)!important;
  color:#71dcf7!important;
}
body.ui-v510 .app-nav-v31{
  background:rgba(6,24,40,.86)!important;
  border-top:0!important;
  border-bottom:0!important;
  backdrop-filter:blur(12px);
}
body.ui-v510 .top-navlink{
  color:#c3d6e6!important;
  border-radius:10px!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.ui-v510 .top-navlink .nav-icon{color:#87b6db!important;background:rgba(255,255,255,.045)!important}
body.ui-v510 .top-navlink:hover{
  color:#fff!important;
  background:rgba(17,103,245,.16)!important;
  box-shadow:none!important;
}
body.ui-v510 .top-navlink:hover .nav-icon{color:#77d9f1!important;background:rgba(25,168,216,.12)!important}
body.ui-v510 .top-navlink.active,
body.ui-v510 details.active>.top-navlink{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(17,103,245,.93),rgba(59,91,255,.88))!important;
  box-shadow:0 7px 18px rgba(17,103,245,.22)!important;
}
body.ui-v510 .top-navlink.active .nav-icon,
body.ui-v510 details.active>.top-navlink .nav-icon{color:#fff!important;background:rgba(255,255,255,.13)!important}
body.ui-v510 .nav-dropdown-menu{
  background:var(--fp510-surface)!important;
  border:1px solid var(--fp510-border)!important;
  box-shadow:var(--fp510-shadow-strong)!important;
}
body.ui-v510 .nav-dropdown-menu a{color:var(--fp510-text)!important}
body.ui-v510 .nav-dropdown-menu a:hover,
body.ui-v510 .nav-dropdown-menu a.active{background:var(--fp510-blue-soft)!important;color:var(--fp510-blue)!important}
body.ui-v510 .nav-dropdown-menu a small{color:var(--fp510-muted)!important}
body.ui-v510 .quick-entry,
body.ui-v510 .quick-entry-new,
body.ui-v510 .quick-entry-repair{
  color:#fff!important;
  border-color:transparent!important;
  background:var(--fp510-primary-gradient)!important;
  box-shadow:0 8px 20px rgba(17,103,245,.24)!important;
}
body.ui-v510 .quick-entry:hover{transform:translateY(-1px)!important;box-shadow:0 11px 25px rgba(17,103,245,.31)!important}
body.ui-v510 .user-pill,
body.ui-v510 .theme-switch{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f3f9ff!important;
}
body.ui-v510 .user-pill strong{color:#fff!important}
body.ui-v510 .user-pill small{color:#a7c0d4!important}
body.ui-v510 .theme-choice{color:#aac2d6!important}
body.ui-v510 .theme-choice.active{background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important}
body.ui-v510 .signout-button{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.14)!important;color:#d9e8f4!important}
body.ui-v510 .signout-button:hover{background:rgba(230,79,79,.14)!important;color:#fff!important;border-color:rgba(230,79,79,.4)!important}
body.ui-v510 .mobile-nav-toggle span{background:#d9e8f4!important}

/* Main shell and common surfaces. */
body.ui-v510 .main,
body.ui-v510 .main-topnav{background:transparent!important}
body.ui-v510 .page,
body.ui-v510 .ui-page-v38{color:var(--fp510-text)!important}
body.ui-v510 .panel,
body.ui-v510 .mini-panel,
body.ui-v510 .table-wrap,
body.ui-v510 .entry-panel,
body.ui-v510 .device-panel,
body.ui-v510 .workspace-panel,
body.ui-v510 .data-card-v38,
body.ui-v510 .dashboard-insight-card-v38,
body.ui-v510 .dashboard-report-v38,
body.ui-v510 .recent-activity-v38,
body.ui-v510 .repair-status-v38,
body.ui-v510 .sales-trend-v38,
body.ui-v510 .top-shops-v38{
  background:var(--fp510-surface)!important;
  border-color:var(--fp510-border)!important;
  box-shadow:var(--fp510-shadow-sm)!important;
}
body.ui-v510 .panel:hover,
body.ui-v510 .data-card-v38:hover{border-color:var(--fp510-border-strong)!important}
body.ui-v510 .eyebrow,
body.ui-v510 [class*="kicker"]{color:var(--fp510-blue)!important}
body.ui-v510 .muted,
body.ui-v510 small,
body.ui-v510 .page-title p{color:var(--fp510-muted)}
body.ui-v510 h1,
body.ui-v510 h2,
body.ui-v510 h3,
body.ui-v510 h4,
body.ui-v510 strong{color:inherit}

/* Buttons and focus states. */
body.ui-v510 .btn,
body.ui-v510 button,
body.ui-v510 [role="button"]{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease,color .15s ease}
body.ui-v510 .btn.primary,
body.ui-v510 .primary.btn,
body.ui-v510 .catalog443-save-btn,
body.ui-v510 .inline-create-save-v405,
body.ui-v510 .royal-add-item-v447{
  color:#fff!important;
  border-color:transparent!important;
  background:var(--fp510-primary-gradient)!important;
  box-shadow:0 7px 17px rgba(17,103,245,.22)!important;
}
body.ui-v510 .btn.primary:hover,
body.ui-v510 .catalog443-save-btn:hover,
body.ui-v510 .royal-add-item-v447:hover{transform:translateY(-1px)!important;box-shadow:0 10px 23px rgba(17,103,245,.29)!important}
body.ui-v510 .btn.secondary{background:var(--fp510-blue-soft)!important;border-color:#bfd7ff!important;color:var(--fp510-blue)!important}
body.ui-v510 .btn.ghost{background:var(--fp510-surface)!important;border-color:var(--fp510-border)!important;color:var(--fp510-text)!important}
body.ui-v510 .btn.danger,
body.ui-v510 .danger.btn{background:var(--fp510-red)!important;border-color:var(--fp510-red)!important;color:#fff!important}
body.ui-v510 :is(a,button,input,select,textarea,summary):focus-visible{outline:none!important;box-shadow:var(--fp510-focus)!important;border-color:var(--fp510-blue)!important}

/* Inputs, selects, search and filter bars. */
body.ui-v510 input,
body.ui-v510 select,
body.ui-v510 textarea{
  background:var(--fp510-surface)!important;
  border-color:var(--fp510-border)!important;
  color:var(--fp510-text)!important;
}
body.ui-v510 input::placeholder,
body.ui-v510 textarea::placeholder{color:#8da0b6!important}
body.ui-v510 input:focus,
body.ui-v510 select:focus,
body.ui-v510 textarea:focus{border-color:#7eaaf9!important;box-shadow:var(--fp510-focus)!important}
body.ui-v510 .filterbar,
body.ui-v510 .catalog443-filter,
body.ui-v510 .catalog-filter-block,
body.ui-v510 .device-finder-strip-v392,
body.ui-v510 .device-search-pro-v398{
  background:var(--fp510-surface)!important;
  border-color:var(--fp510-border)!important;
  box-shadow:var(--fp510-shadow-sm)!important;
}

/* Tables: readable white/light data surfaces. */
body.ui-v510 table{color:var(--fp510-text)!important}
body.ui-v510 :is(.table-wrap,.portal-table,.dashboard-shop-table-v38) th{
  background:#f0f6fd!important;
  color:#48617e!important;
  border-color:var(--fp510-border)!important;
  font-weight:800!important;
}
body.ui-v510 :is(.table-wrap,.portal-table,.dashboard-shop-table-v38) td{border-color:#e4edf6!important}
body.ui-v510 :is(.table-wrap,.portal-table,.dashboard-shop-table-v38) tbody tr:hover{background:#f8fbff!important}
body.ui-v510[data-theme="dark"] :is(.table-wrap,.portal-table,.dashboard-shop-table-v38) th{background:#142d43!important;color:#bdd0e0!important}
body.ui-v510[data-theme="dark"] :is(.table-wrap,.portal-table,.dashboard-shop-table-v38) tbody tr:hover{background:#11283c!important}

/* Dashboard: restrained color on icons/metrics, light cards for content. */
body.ui-v510 .dashboard-hero-v38{
  background:linear-gradient(135deg,#0a2943 0%,#0c4162 55%,#1167f5 145%)!important;
  border:1px solid rgba(25,168,216,.25)!important;
  box-shadow:var(--fp510-shadow)!important;
}
body.ui-v510 .dashboard-hero-v38 h1,
body.ui-v510 .dashboard-hero-v38 p,
body.ui-v510 .dashboard-hero-v38 .eyebrow{color:#fff!important}
body.ui-v510 .dashboard-metric-v38{
  background:var(--fp510-surface)!important;
  border:1px solid var(--fp510-border)!important;
  box-shadow:var(--fp510-shadow-sm)!important;
}
body.ui-v510 .dashboard-metric-v38:hover{border-color:#a7c9ee!important;box-shadow:var(--fp510-shadow)!important;transform:translateY(-1px)}
body.ui-v510 .metric-icon-v38{background:var(--fp510-blue-soft)!important;color:var(--fp510-blue)!important}
body.ui-v510 .metric-revenue .metric-icon-v38,
body.ui-v510 .metric-sales .metric-icon-v38{background:var(--fp510-green-soft)!important;color:#079967!important}
body.ui-v510 .metric-stock .metric-icon-v38{background:var(--fp510-orange-soft)!important;color:#d97d00!important}
body.ui-v510 .metric-repairs .metric-icon-v38{background:#eef4ff!important;color:var(--fp510-blue)!important}
body.ui-v510 .dashboard-finance-alert-v440{background:var(--fp510-orange-soft)!important;border-color:#f6d6a7!important}

/* Catalogue: clean product cards with image-first white surfaces. */
body.ui-v510 .catalog443-titlebar,
body.ui-v510 .catalog443-control,
body.ui-v510 .catalog443-tool-card,
body.ui-v510 .catalog443-run-strip,
body.ui-v510 .catalog443-health,
body.ui-v510 .catalog443-source-list{
  background:var(--fp510-surface)!important;
  border-color:var(--fp510-border)!important;
  box-shadow:var(--fp510-shadow-sm)!important;
}
body.ui-v510 .catalog443-device-card{
  background:var(--fp510-surface)!important;
  border:1px solid var(--fp510-border)!important;
  box-shadow:0 5px 16px rgba(13,41,64,.055)!important;
}
body.ui-v510 .catalog443-device-card:hover{
  border-color:#8fbcf2!important;
  box-shadow:0 13px 28px rgba(17,103,245,.10)!important;
  transform:translateY(-2px)!important;
}
body.ui-v510 .catalog443-device-art{background:linear-gradient(180deg,#fbfdff,#f5f9fd)!important}
body.ui-v510 .catalog443-card-btn,
body.ui-v510 .catalog443-action-btn{
  color:var(--fp510-blue)!important;
  background:#f8fbff!important;
  border-color:#cfe0f2!important;
}
body.ui-v510 .catalog443-card-btn:hover,
body.ui-v510 .catalog443-action-btn:hover{background:var(--fp510-blue-soft)!important;border-color:#9dc1ee!important;box-shadow:0 5px 13px rgba(17,103,245,.09)!important}
body.ui-v510 .catalog443-chip,
body.ui-v510 .catalog443-device-badge{border-radius:999px!important;font-weight:800!important}
body.ui-v510 .catalog443-chip.exact,
body.ui-v510 .catalog443-state-chip.success,
body.ui-v510 .catalog443-device-status.exact{
  background:var(--fp510-green-soft)!important;
  color:#078b60!important;
  border-color:#a8e8d2!important;
}
body.ui-v510 .catalog443-chip.syncing,
body.ui-v510 .catalog443-state-chip.warning,
body.ui-v510 .catalog443-device-status.syncing{
  background:var(--fp510-orange-soft)!important;
  color:#c76c00!important;
  border-color:#f4d4aa!important;
}
body.ui-v510 .catalog443-state-chip.info,
body.ui-v510 .catalog443-chip:not(.exact):not(.syncing){background:var(--fp510-blue-soft)!important;color:var(--fp510-blue)!important;border-color:#c7ddfb!important}

/* Counter device selection. */
body.ui-v510 .counter-entry-card,
body.ui-v510 .counter-entry-royal-v447,
body.ui-v510 .device-catalog-v39,
body.ui-v510 .selection-box,
body.ui-v510 .repair-options-panel-v398,
body.ui-v510 .royal-section-v447{
  background:var(--fp510-surface)!important;
  border-color:var(--fp510-border)!important;
  box-shadow:var(--fp510-shadow-sm)!important;
}
body.ui-v510 .device-card-v407,
body.ui-v510 .device-card-v4315{
  background:var(--fp510-surface)!important;
  border-color:var(--fp510-border)!important;
  box-shadow:0 4px 13px rgba(13,41,64,.045)!important;
}
body.ui-v510 .device-card-v407:hover,
body.ui-v510 .device-card-v4315:hover{
  border-color:#8cb8ee!important;
  box-shadow:0 12px 25px rgba(17,103,245,.10)!important;
}
body.ui-v510 .device-card.selected,
body.ui-v510 .device-card[aria-pressed="true"]{
  background:#f7fbff!important;
  border:2px solid var(--fp510-blue)!important;
  box-shadow:0 0 0 3px rgba(17,103,245,.08),0 12px 26px rgba(17,103,245,.12)!important;
}
body.ui-v510[data-theme="dark"] .device-card.selected,
body.ui-v510[data-theme="dark"] .device-card[aria-pressed="true"]{background:#112a43!important}
body.ui-v510 .device-selected-check-v407{background:var(--fp510-primary-gradient)!important;color:#fff!important;box-shadow:0 5px 12px rgba(17,103,245,.24)!important}
body.ui-v510 .device-select-text-v407{color:var(--fp510-blue)!important}
body.ui-v510 .device-select-text-v407 b{background:var(--fp510-blue-soft)!important;border-color:#bdd6fa!important;color:var(--fp510-blue)!important}

/* Device Parts: category color belongs to the small icon tile, not the whole card. */
body.ui-v510 .repair-options-panel-v398{border-top:3px solid var(--fp510-blue)!important}
body.ui-v510 .repair-option-grid{gap:10px!important}
body.ui-v510 .repair-option{
  background:var(--fp510-surface)!important;
  border:1px solid var(--fp510-border)!important;
  border-radius:12px!important;
  color:var(--fp510-text)!important;
  box-shadow:none!important;
}
body.ui-v510 .repair-option:hover:not(:disabled){
  border-color:#8dbaf0!important;
  background:#fbfdff!important;
  box-shadow:0 8px 18px rgba(17,103,245,.08)!important;
  transform:translateY(-1px)!important;
}
body.ui-v510[data-theme="dark"] .repair-option:hover:not(:disabled){background:#122a40!important}
body.ui-v510 .repair-option-icon{
  background:var(--fp510-blue-soft)!important;
  color:var(--fp510-blue)!important;
  border:1px solid #c9ddf7!important;
  border-radius:10px!important;
}
body.ui-v510 .repair-option:nth-child(4n+2) .repair-option-icon{background:var(--fp510-green-soft)!important;color:#079a68!important;border-color:#bdebdc!important}
body.ui-v510 .repair-option:nth-child(4n+3) .repair-option-icon{background:#eaf9fc!important;color:#0789aa!important;border-color:#bde6ef!important}
body.ui-v510 .repair-option:nth-child(4n+4) .repair-option-icon{background:var(--fp510-purple-soft)!important;color:var(--fp510-purple)!important;border-color:#d8d2ff!important}
body.ui-v510 .repair-option-copy small{color:var(--fp510-muted)!important}
body.ui-v510 .repair-option-meta strong{
  width:30px;height:30px;display:grid;place-items:center;border-radius:9px;
  background:var(--fp510-blue-soft)!important;color:var(--fp510-blue)!important;
  border:1px solid #bdd7fa!important;font-size:0!important;
}
body.ui-v510 .repair-option-meta strong::after{content:'+';font-size:18px;line-height:1;font-weight:800}
body.ui-v510 .repair-option:hover .repair-option-meta strong{background:var(--fp510-primary-gradient)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 12px rgba(17,103,245,.18)!important}
body.ui-v510 .repair-option.disabled,
body.ui-v510 .repair-option:disabled{opacity:.52!important;box-shadow:none!important}

/* Items & charges: clean data-entry surface, strong hierarchy, restrained color. */
body.ui-v510 .royal-items-section-v447{border-top:3px solid var(--fp510-blue)!important}
body.ui-v510 .royal-section-head-v447{
  background:linear-gradient(180deg,#f5f9ff,#f1f7fd)!important;
  border-bottom-color:var(--fp510-border)!important;
}
body.ui-v510[data-theme="dark"] .royal-section-head-v447{background:#132c42!important}
body.ui-v510 .royal-inline-items-v452,
body.ui-v510 .parts-lines{background:var(--fp510-surface)!important;border-color:var(--fp510-border)!important}
body.ui-v510 .royal-inline-items-v452>*,
body.ui-v510 .part-line{border-color:#e5edf6!important}
body.ui-v510 .royal-line-number-v447{background:var(--fp510-blue-soft)!important;color:var(--fp510-blue)!important}
body.ui-v510 .royal-final-pay-v447{background:var(--fp510-blue-soft)!important;border-color:#c5dcfb!important;color:var(--fp510-blue)!important}
body.ui-v510 .royal-payment-method-v447,
body.ui-v510 .payment-method-field-v406{background:var(--fp510-surface)!important;border-color:var(--fp510-border)!important}

/* Status, alert and notification semantics. */
body.ui-v510 .flash{border:1px solid transparent!important;box-shadow:var(--fp510-shadow-sm)!important}
body.ui-v510 .flash.success{background:var(--fp510-green-soft)!important;color:#087c57!important;border-color:#b7ead9!important}
body.ui-v510 .flash.warning{background:var(--fp510-orange-soft)!important;color:#a86100!important;border-color:#f1d09f!important}
body.ui-v510 .flash.danger{background:var(--fp510-red-soft)!important;color:#af3333!important;border-color:#f2bcbc!important}
body.ui-v510 .flash.info{background:var(--fp510-blue-soft)!important;color:#175dbd!important;border-color:#c8defb!important}
body.ui-v510 :is(.badge,.status-badge,.pill).success,
body.ui-v510 [class*="status"][data-status="completed"]{background:var(--fp510-green-soft)!important;color:#078d61!important}
body.ui-v510 :is(.badge,.status-badge,.pill).warning{background:var(--fp510-orange-soft)!important;color:#c36c00!important}
body.ui-v510 :is(.badge,.status-badge,.pill).danger{background:var(--fp510-red-soft)!important;color:#c23f3f!important}

/* Modals/dialogs. */
body.ui-v510 :is([role="dialog"],.modal,.dialog,.counter-processing-dialog-v411,.counter-success-dialog-v411,.counter-email-dialog-v411){
  --dialog-surface:var(--fp510-surface);
}
body.ui-v510 :is(.counter-processing-card-v411,.counter-success-card-v411,.counter-email-dialog-v411,.clear-entry-dialog-v410){
  background:var(--fp510-surface)!important;
  border-color:var(--fp510-border)!important;
  box-shadow:0 26px 70px rgba(7,27,45,.22)!important;
}

/* Finance/settings/security/admin pages inherit common surfaces; highlight action heads only. */
body.ui-v510 :is(.finance-page-v440,.security-auth-page-v430,.settings-page,.shops-page-v38) :is(.panel,.data-card-v38){border-color:var(--fp510-border)!important}
body.ui-v510 .security-auth-card-v430,
body.ui-v510 .security-auth-wide-card-v430{
  background:var(--fp510-surface)!important;
  border-color:var(--fp510-border)!important;
  box-shadow:var(--fp510-shadow-strong)!important;
}
body.ui-v510 .security-auth-wide-head-v430{border-bottom-color:var(--fp510-border)!important}

/* Login / invite. */
body.ui-v510.login-page,
body.ui-v510.security-auth-page-v430{
  background:
    radial-gradient(circle at 12% 14%,rgba(25,168,216,.18),transparent 28rem),
    radial-gradient(circle at 88% 10%,rgba(59,91,255,.12),transparent 32rem),
    linear-gradient(180deg,#edf5fc 0%,#f8fbfe 100%)!important;
}
body.ui-v510.login-page[data-theme="dark"],
body.ui-v510.security-auth-page-v430[data-theme="dark"]{background:linear-gradient(145deg,#071b2d,#0b2237)!important}
body.ui-v510 .login-brand-panel{
  background:linear-gradient(145deg,#071b2d 0%,#0d2940 60%,#104a6c 100%)!important;
  color:#fff!important;
  border:1px solid rgba(25,168,216,.2)!important;
  box-shadow:var(--fp510-shadow-strong)!important;
}
body.ui-v510 .login-brand-panel h1,
body.ui-v510 .login-brand-panel p,
body.ui-v510 .login-brand-panel .login-kicker{color:#fff!important}
body.ui-v510 .login-trust-row span{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important;color:#d7e8f5!important}
body.ui-v510 .login-card,
body.ui-v510 .login-card-v26{
  background:var(--fp510-surface)!important;
  border-color:var(--fp510-border)!important;
  box-shadow:var(--fp510-shadow-strong)!important;
}
body.ui-v510 .login-theme-switch{background:rgba(255,255,255,.94)!important;border:1px solid var(--fp510-border)!important;box-shadow:var(--fp510-shadow-sm)!important}
body.ui-v510[data-theme="dark"] .login-theme-switch{background:#102438!important}

/* Public customer tracking: branded but calm and readable. */
body.ui-v510.public-tracking-v420{background:var(--fp510-bg)!important;color:var(--fp510-text)!important}
body.ui-v510 .tracking-public-header-v420{background:var(--fp510-header-gradient)!important;border-bottom:1px solid rgba(39,217,161,.3)!important;color:#fff!important;box-shadow:0 8px 24px rgba(7,27,45,.16)!important}
body.ui-v510 .tracking-public-header-v420 a,
body.ui-v510 .tracking-public-brand-v420 span{color:#d9e8f4!important}
body.ui-v510 .tracking-public-hero-v420{background:linear-gradient(135deg,#0b2a45,#1167f5)!important;color:#fff!important;box-shadow:var(--fp510-shadow)!important}
body.ui-v510 .tracking-public-hero-v420 h1,
body.ui-v510 .tracking-public-hero-v420 p,
body.ui-v510 .tracking-public-hero-v420 .tracking-eyebrow-v420{color:#fff!important}
body.ui-v510 :is(.tracking-summary-v420,.tracking-card-v420){background:var(--fp510-surface)!important;border-color:var(--fp510-border)!important;box-shadow:var(--fp510-shadow-sm)!important}
body.ui-v510 .tracking-live-chip-v420{background:rgba(39,217,161,.16)!important;color:#d9fff2!important;border-color:rgba(39,217,161,.35)!important}

/* Mobile dock retains strong navigation color without becoming visually heavy. */
body.ui-v510 .mobile-quick-dock{background:rgba(255,255,255,.96)!important;border-top:1px solid var(--fp510-border)!important;box-shadow:0 -8px 24px rgba(13,41,64,.08)!important}
body.ui-v510[data-theme="dark"] .mobile-quick-dock{background:rgba(16,36,56,.97)!important}
body.ui-v510 .mobile-quick-dock a,
body.ui-v510 .mobile-quick-dock button{color:var(--fp510-muted)!important}
body.ui-v510 .mobile-quick-dock .active,
body.ui-v510 .mobile-dock-primary{color:var(--fp510-blue)!important}
body.ui-v510 .mobile-dock-primary span{background:var(--fp510-primary-gradient)!important;color:#fff!important;box-shadow:0 7px 18px rgba(17,103,245,.24)!important}

/* Keep product/device photography neutral and readable. */
body.ui-v510 :is(.device-art,.device-visual,.catalog443-device-art) img{filter:none!important;mix-blend-mode:normal!important}

/* Responsive guardrails: no horizontal spill introduced by theme layer. */
@media(max-width:900px){
  body.ui-v510 .app-header-v28{box-shadow:0 6px 20px rgba(7,27,45,.17)!important}
  body.ui-v510.nav-open .app-nav-v31{background:#081d30!important;border-top:1px solid rgba(255,255,255,.08)!important}
  body.ui-v510.nav-open .top-navlink{margin:3px 0!important}
  body.ui-v510 .dashboard-metrics-v38{gap:10px!important}
}
@media(max-width:680px){
  body.ui-v510 .page{padding-inline:10px!important}
  body.ui-v510 .panel,
  body.ui-v510 .entry-panel,
  body.ui-v510 .device-panel{border-radius:12px!important}
  body.ui-v510 .repair-option-grid{gap:8px!important}
  body.ui-v510 .catalog443-device-card{border-radius:13px!important}
}

/* Reduced-motion accessibility. */
@media(prefers-reduced-motion:reduce){
  body.ui-v510 *,body.ui-v510 *::before,body.ui-v510 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* FixPro v5.1.2 — catalogue metric filters + header sign-out visibility. */
body.ui-v510 .catalog443-metrics-interactive .catalog443-metric-clickable{
  padding:0!important;
  position:relative;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.ui-v510 .catalog443-metrics-interactive .catalog443-metric-link{
  width:100%;
  min-height:82px;
  padding:16px 14px;
  display:flex;
  align-items:center;
  gap:11px;
  color:inherit!important;
  text-decoration:none!important;
  border-radius:0;
  cursor:pointer;
}
body.ui-v510 .catalog443-metrics-interactive .catalog443-metric-link>div{
  min-width:0;
  display:grid;
  gap:2px;
}
body.ui-v510 .catalog443-metrics-interactive .catalog443-metric-clickable:hover{
  background:linear-gradient(180deg,#f8fbff 0%,#edf5ff 100%)!important;
  box-shadow:inset 0 -3px 0 rgba(17,103,245,.72)!important;
}
body.ui-v510 .catalog443-metrics-interactive .catalog443-metric-clickable:hover .catalog443-metric-icon{
  border-color:#8db8ff!important;
  background:#e7f1ff!important;
  transform:translateY(-1px);
}
body.ui-v510 .catalog443-metrics-interactive .catalog443-metric-clickable.is-active{
  background:linear-gradient(180deg,#eef6ff 0%,#e7f1ff 100%)!important;
  box-shadow:inset 0 -3px 0 var(--fp510-blue)!important;
}
body.ui-v510 .catalog443-metrics-interactive .catalog443-metric-clickable.is-active strong,
body.ui-v510 .catalog443-metrics-interactive .catalog443-metric-clickable.is-active small{
  color:var(--fp510-blue)!important;
}
body.ui-v510[data-theme="dark"] .catalog443-metrics-interactive .catalog443-metric-clickable:hover,
body.ui-v510[data-theme="dark"] .catalog443-metrics-interactive .catalog443-metric-clickable.is-active{
  background:#122f54!important;
}
body.ui-v510 .catalog443-results-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:14px 0 12px;
  padding:14px 16px;
  border:1px solid var(--fp510-border);
  border-radius:14px;
  background:var(--fp510-surface);
  box-shadow:var(--fp510-shadow-sm);
  scroll-margin-top:165px;
}
body.ui-v510 .catalog443-results-head>div{display:grid;gap:2px}
body.ui-v510 .catalog443-results-head>div>strong{font-size:18px;color:var(--fp510-text)!important}
body.ui-v510 .catalog443-results-head>div>small{font-size:12px;color:var(--fp510-muted)!important}
body.ui-v510 #catalogFilters{scroll-margin-top:165px}

/* Generic .btn.ghost rules must never darken the sign-out label on the navy header. */
body.ui-v510 .header-actions .signout-form{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
}
body.ui-v510 .header-actions .signout-form .btn.ghost.signout-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:118px!important;
  min-height:44px!important;
  padding:0 16px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(218,235,248,.58)!important;
  color:#f7fbff!important;
  font-weight:800!important;
  opacity:1!important;
  -webkit-text-fill-color:#f7fbff!important;
  box-shadow:none!important;
}
body.ui-v510 .header-actions .signout-form .btn.ghost.signout-button span{
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
}
body.ui-v510 .header-actions .signout-form .btn.ghost.signout-button:hover{
  background:rgba(230,79,79,.18)!important;
  border-color:rgba(255,139,139,.75)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 18px rgba(230,79,79,.16)!important;
}
body.ui-v510 .header-actions .signout-form .btn.ghost.signout-button:focus-visible{
  border-color:#9ec7ff!important;
  box-shadow:0 0 0 3px rgba(126,170,249,.22)!important;
}

@media(max-width:760px){
  body.ui-v510 .catalog443-results-head{align-items:flex-start;flex-direction:column}
  body.ui-v510 .catalog443-results-head .btn{width:100%}
}

/* FixPro v5.1.4 — compact real payment-method dropdowns on committed invoice rows. */
body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-control-v514{
  min-width:0!important;
  min-height:42px!important;
  border-color:var(--fp510-border)!important;
  border-radius:8px!important;
  background:var(--fp510-surface)!important;
  box-shadow:none!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-trigger-v514{
  min-height:40px!important;
  height:40px!important;
  grid-template-columns:28px minmax(0,1fr) 18px!important;
  padding:0 6px!important;
  border-radius:7px!important;
  background:var(--fp510-surface)!important;
  cursor:pointer!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-trigger-v514:hover{
  background:var(--fp510-blue-soft)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-trigger-v514 .royal-line-payment-dot-v452{
  width:22px!important;
  height:22px!important;
  margin:0!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-control-v514 .payment-method-label-v408{
  padding-left:4px!important;
  font-size:11px!important;
  font-weight:750!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-control-v514 .payment-method-menu-v408{
  left:auto!important;
  right:0!important;
  min-width:210px!important;
  z-index:1200!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-option-icon-v514{
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:var(--fp510-blue-soft)!important;
  color:var(--fp510-blue)!important;
  font-weight:900!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-control-v514[aria-disabled],
body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-control-v514:has(select:disabled){
  opacity:.58!important;
}

/* FixPro v5.1.6 — professional 100% browser-zoom desktop responsiveness.
   Keeps the split New Entry workspace while preventing cramped/hidden controls on
   common 1366–1700px desktop viewports and Windows display scaling. */
@media (max-width:1700px) and (min-width:1101px){
  /* Compact the global chrome before hiding any action. */
  body.ui-v510 .app-header-v28 .app-header-main,
  body.ui-v510 .app-header-main{
    min-height:74px!important;
    height:74px!important;
    padding-inline:20px!important;
    gap:10px!important;
  }
  body.ui-v510 .network-header-brand .shop-brand-mark{
    width:170px!important;
    max-width:170px!important;
    height:50px!important;
  }
  body.ui-v510 .header-context-card{
    min-width:165px!important;
    min-height:46px!important;
    padding:6px 10px!important;
  }
  body.ui-v510 .header-context-card .context-kicker{font-size:8.5px!important}
  body.ui-v510 .header-context-card strong{font-size:12px!important}
  body.ui-v510 .header-actions{gap:6px!important;min-width:0!important}
  body.ui-v510 .quick-entry,
  body.ui-v510 .quick-entry-new,
  body.ui-v510 .quick-entry-repair{
    min-height:42px!important;
    height:42px!important;
    padding:0 13px!important;
    border-radius:10px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  body.ui-v510 .theme-switch{min-height:42px!important;height:42px!important}
  body.ui-v510 .theme-choice{min-height:34px!important;height:34px!important;min-width:45px!important;padding:0 8px!important;font-size:9.5px!important}
  body.ui-v510 .user-pill{min-height:42px!important;height:42px!important;padding:3px 7px!important}
  body.ui-v510 .user-pill strong{font-size:11px!important}
  body.ui-v510 .user-pill small{font-size:8.5px!important}
  body.ui-v510 .profile-avatar{width:32px!important;height:32px!important}
  body.ui-v510 .header-actions .signout-form .btn.ghost.signout-button{
    min-width:96px!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 11px!important;
    font-size:10.5px!important;
  }
  body.ui-v510 .app-nav-v31{
    min-height:52px!important;
    height:52px!important;
    padding-inline:20px!important;
  }
  body.ui-v510 .nav-scroller{min-height:52px!important;height:52px!important;gap:7px!important}
  body.ui-v510 .top-navlink{
    min-height:52px!important;
    height:52px!important;
    padding:0 9px!important;
    gap:7px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  body.ui-v510 .top-navlink .nav-icon{width:28px!important;height:28px!important;flex:0 0 28px!important}
  body.ui-v510 .top-navlink .nav-icon svg{width:17px!important;height:17px!important}

  /* Keep both New Entry columns usable at normal 100% Chrome zoom. */
  body.ui-v510 .counter-page-v39{
    width:calc(100% - 22px)!important;
    grid-template-columns:minmax(0,49%) minmax(0,51%)!important;
    gap:14px!important;
    padding-top:14px!important;
  }
  body.ui-v510 .counter-page-v39 > *,
  body.ui-v510 .counter-page-v39 .entry-panel,
  body.ui-v510 .counter-page-v39 .device-panel,
  body.ui-v510 .counter-entry-royal-v447,
  body.ui-v510 .device-catalog-v39{
    min-width:0!important;
    max-width:100%!important;
  }
  body.ui-v510 .counter-page-v39 .entry-panel,
  body.ui-v510 .counter-page-v39 .device-panel{
    padding:16px!important;
    border-radius:17px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-counter-head-v447{
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-customer-grid-v447{
    gap:10px 12px!important;
    padding:13px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-customer-grid-v447 input,
  body.ui-v510 .counter-entry-royal-v447 .royal-customer-grid-v447 select{
    height:42px!important;
    min-height:42px!important;
    font-size:12px!important;
  }
  body.ui-v510 .catalog-head-v31 h2{font-size:27px!important}
  body.ui-v510 .catalog-head-v31 p{font-size:11.5px!important}
  body.ui-v510 .type-tabs-v31{gap:7px!important;margin-bottom:13px!important}
  body.ui-v510 .type-tabs-v31 button{min-height:52px!important;padding:7px 9px!important;font-size:10.5px!important}
  body.ui-v510 .brand-tabs-v25 button{min-height:34px!important;padding:5px 8px!important;font-size:9.5px!important}
  body.ui-v510 .catalog-search-v31 input{min-height:44px!important;height:44px!important;font-size:12px!important}
  body.ui-v510 .device-card-v4315{min-height:218px!important}
  body.ui-v510 .device-visual-v4315{height:124px!important;min-height:124px!important}
}

/* The invoice editor is intentionally two rows inside the left split panel.
   Give Payment method a wider track so labels such as Cash/Card/Bank transfer
   stay readable instead of becoming ellipses at 100% browser zoom. */
@container royalItems447 (min-width:521px) and (max-width:760px){
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447{
    grid-template-columns:32px minmax(58px,.55fr) minmax(82px,.86fr) minmax(82px,.86fr) minmax(92px,.95fr) minmax(122px,1.35fr)!important;
    gap:8px 7px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-control-v514,
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-method-v447{
    min-width:118px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-trigger-v514{
    grid-template-columns:25px minmax(0,1fr) 16px!important;
    padding:0 5px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-line-payment-control-v514 .payment-method-label-v408{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
  }
}

/* At smaller laptop widths prefer a complete, readable workspace over two cramped
   columns. This kicks in before controls start disappearing and keeps every feature. */
@media (max-width:1320px){
  body.ui-v510 .counter-page-v39{
    grid-template-columns:minmax(0,1fr)!important;
    width:min(1180px,calc(100% - 20px))!important;
  }
  body.ui-v510 .counter-page-v39 .entry-panel,
  body.ui-v510 .counter-page-v39 .device-panel{
    width:100%!important;
    min-width:0!important;
  }
}

/* Never create a document-level horizontal scrollbar because of a counter child. */
body.ui-v510 .counter-page-v39,
body.ui-v510 .counter-page-v39 *,
body.ui-v510 .counter-entry-royal-v447,
body.ui-v510 .device-catalog-v39{
  box-sizing:border-box;
}
body.ui-v510 .counter-page-v39{overflow-x:clip!important}

/* FixPro v5.1.7 — Items & charges 100% zoom parity.
   On the split desktop New Entry workspace, keep the invoice editor in the same
   compact, table-like single-row form operators see when Chrome is at 80% zoom.
   Mobile/small containers keep the existing stacked layout. */
body.ui-v510 .royal-items-column-head-v517{
  display:none;
}

@container royalItems447 (min-width:620px) and (max-width:880px){
  body.ui-v510 .counter-entry-royal-v447 .royal-items-column-head-v517{
    display:grid!important;
    grid-template-columns:30px minmax(178px,2.55fr) 52px minmax(72px,.9fr) minmax(72px,.9fr) minmax(84px,.95fr) minmax(118px,1.25fr)!important;
    gap:7px!important;
    align-items:center!important;
    padding:7px 10px!important;
    margin:0!important;
    background:#eef5ff!important;
    border-top:1px solid var(--fp510-border)!important;
    border-bottom:1px solid var(--fp510-border)!important;
    color:#536985!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
  }
  body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-items-column-head-v517{
    background:#112b43!important;
    color:#a9bfd7!important;
  }

  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447{
    display:grid!important;
    grid-template-columns:30px minmax(178px,2.55fr) 52px minmax(72px,.9fr) minmax(72px,.9fr) minmax(84px,.95fr) minmax(118px,1.25fr)!important;
    grid-template-rows:minmax(40px,auto)!important;
    grid-auto-flow:row!important;
    gap:7px!important;
    align-items:center!important;
    padding:9px 10px!important;
    min-width:0!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > input[type="hidden"]{
    display:none!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .royal-line-number-v447{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
    width:28px!important;
    min-width:28px!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:9px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .royal-item-name-v447{
    grid-column:2!important;
    grid-row:1!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .manual-qty{
    grid-column:3!important;
    grid-row:1!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .manual-price{
    grid-column:4!important;
    grid-row:1!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .royal-discount-field-v447{
    grid-column:5!important;
    grid-row:1!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .royal-final-pay-v447{
    grid-column:6!important;
    grid-row:1!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .royal-payment-method-v447{
    grid-column:7!important;
    grid-row:1!important;
  }

  /* Column names are supplied once by the compact header, exactly like the wide view. */
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > label > span:first-child,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .royal-final-pay-v447 > span:first-child,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .royal-payment-method-v447 > .payment-field-label-v408{
    display:none!important;
  }

  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 label,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-item-name-v447,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-added-name-stack-v4510,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-item-name-control-v447,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-payment-method-v447,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-final-pay-v447{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 input:not([type="hidden"]),
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 select,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-final-pay-v447,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-line-payment-control-v514{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:8px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 input:not([type="hidden"]){
    padding:0 9px!important;
    font-size:10.5px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-final-pay-v447{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding:0 9px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-final-pay-v447 strong{
    font-size:11.5px!important;
    white-space:nowrap!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-payment-method-v447{
    position:relative!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-line-payment-control-v514{
    width:100%!important;
    min-width:0!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-line-payment-trigger-v514{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    grid-template-columns:24px minmax(0,1fr) 14px!important;
    padding:0 5px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-line-payment-control-v514 .payment-method-label-v408{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-line-remove-v452{
    position:absolute!important;
    top:-7px!important;
    right:-6px!important;
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    padding:0!important;
    border-radius:999px!important;
    z-index:4!important;
  }

  /* Keep source-device context for multi-device invoices without forcing a second column row. */
  body.ui-v510 .counter-entry-royal-v447 .royal-added-name-stack-v4510{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-line-device-label-v4510{
    min-width:0!important;
    max-width:100%!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-line-device-label-v4510 svg{
    width:10px!important;
    height:10px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-line-device-caption-v4510{
    display:none!important;
  }

  /* Make the whole Items & charges card as vertically efficient as the 80% view. */
  body.ui-v510 .counter-entry-royal-v447 .royal-items-section-v447 .royal-section-head-v447{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-inline-items-v452,
  body.ui-v510 .counter-entry-royal-v447 .parts-lines{
    margin:0!important;
  }
}

/* FixPro v5.1.8 — Payment & finish premium card treatment.
   Mirrors the supplied visual reference while preserving all existing payment,
   deposit, split-payment, balance and invoice-email behaviour. */
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447{
  overflow:hidden!important;
  border:1px solid #dbe5f1!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(16,35,63,.055)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447{
  min-height:74px!important;
  padding:13px 18px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px 12px 0 0!important;
  background:linear-gradient(135deg,#14284c 0%,#1c3157 58%,#172b50 100%)!important;
  box-shadow:0 8px 22px rgba(14,35,68,.13)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447 .royal-section-title-v447{
  gap:14px!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447 .royal-step-v447{
  width:49px!important;
  height:49px!important;
  flex:0 0 49px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#3859ec 0%,#7046f0 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:inherit!important;
  font-size:16px!important;
  font-weight:850!important;
  box-shadow:0 8px 18px rgba(77,73,235,.27)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447 .royal-section-title-v447>div>strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447 .royal-section-title-v447>div>small{
  margin-top:3px!important;
  color:#d7e3f4!important;
  -webkit-text-fill-color:#d7e3f4!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:550!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447 .royal-section-state-v447{
  flex:0 0 auto!important;
  min-height:35px!important;
  padding:7px 13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;
  color:#eef6ff!important;
  -webkit-text-fill-color:#eef6ff!important;
  font-size:9.5px!important;
  font-weight:750!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447 .royal-section-state-v447 i{
  width:10px!important;
  height:10px!important;
  background:#22d9ae!important;
  box-shadow:0 0 0 5px rgba(34,217,174,.11),0 0 12px rgba(34,217,174,.36)!important;
}

body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447{
  padding:18px 18px 12px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-plan-head-v406{
  grid-template-columns:minmax(210px,.95fr) minmax(255px,1.25fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-status-field-v406,
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-state-copy-v406{
  min-height:82px!important;
  border-radius:10px!important;
  background:#fff!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-status-field-v406{
  position:relative!important;
  display:grid!important;
  align-content:center!important;
  gap:6px!important;
  padding:11px 10px 11px 62px!important;
  border:1px solid #e5ebf4!important;
  box-shadow:0 3px 12px rgba(16,35,63,.025)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-status-field-v406::before{
  content:'▣'!important;
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  width:35px!important;
  height:35px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#eef0ff!important;
  color:#243c91!important;
  font-size:17px!important;
  font-weight:900!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-status-field-v406 select{
  width:100%!important;
  height:41px!important;
  min-height:41px!important;
  margin:0!important;
  padding-left:12px!important;
  border:1px solid #ccd8e6!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#10233f!important;
  font-size:11px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-state-copy-v406{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  padding:12px 14px!important;
  border:1px solid #d9dcfb!important;
  border-left:3px solid #2c3d96!important;
  background:linear-gradient(135deg,#fbfbff 0%,#f4f4ff 100%)!important;
  box-shadow:0 4px 14px rgba(53,61,152,.045)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-state-icon-v406{
  width:43px!important;
  height:43px!important;
  min-width:43px!important;
  border-radius:999px!important;
  background:#e9e8ff!important;
  color:#26339c!important;
  -webkit-text-fill-color:#26339c!important;
  font-family:inherit!important;
  font-size:21px!important;
  font-weight:900!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-state-copy-v406 strong{
  color:#11264a!important;
  -webkit-text-fill-color:#11264a!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-state-copy-v406 small{
  margin-top:3px!important;
  color:#71829b!important;
  -webkit-text-fill-color:#71829b!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}

body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-primary-grid-v406{
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin-top:14px!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-primary-grid-v406>label{
  position:relative!important;
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  padding-left:51px!important;
  color:#142a4d!important;
  font-size:10.5px!important;
  font-weight:850!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-primary-grid-v406>label::before{
  position:absolute!important;
  left:0!important;
  bottom:2px!important;
  width:39px!important;
  height:39px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#f0efff!important;
  color:#26399a!important;
  font-weight:900!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-primary-grid-v406>label:first-child::before{
  content:'$'!important;
  font-size:21px!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-primary-grid-v406>label:last-child::before{
  content:'▤'!important;
  font-size:17px!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-primary-grid-v406 input{
  height:43px!important;
  min-height:43px!important;
  padding:0 13px!important;
  border:1px solid #cbd7e5!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#10233f!important;
  font-size:11px!important;
  box-shadow:none!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-primary-grid-v406 input:focus,
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-status-field-v406 select:focus{
  border-color:#6f87e7!important;
  box-shadow:0 0 0 3px rgba(59,91,255,.10)!important;
  outline:0!important;
}

body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406{
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-top:16px!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406>div{
  position:relative!important;
  display:grid!important;
  grid-template-columns:45px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:64px!important;
  padding:10px 14px 10px 8px!important;
  border:1px solid #cfeee3!important;
  border-left:3px solid #20aa82!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#f4fcf9 0%,#fbfefd 100%)!important;
  box-shadow:0 3px 12px rgba(18,126,94,.035)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406>div::before{
  content:'◉'!important;
  width:39px!important;
  height:39px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#e2f8ef!important;
  color:#087d5d!important;
  font-size:17px!important;
  font-weight:900!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406>.balance{
  border-color:#f2ddbd!important;
  border-left-color:#ec9a26!important;
  background:linear-gradient(135deg,#fffaf3 0%,#fffdf9 100%)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406>.balance::before{
  content:'▦'!important;
  background:#fff0d9!important;
  color:#d86d00!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406 span{
  color:#173052!important;
  -webkit-text-fill-color:#173052!important;
  font-size:10.5px!important;
  font-weight:850!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406 strong{
  justify-self:end!important;
  color:#07815f!important;
  -webkit-text-fill-color:#07815f!important;
  font-family:inherit!important;
  font-size:21px!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406>.balance strong,
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447[data-balance-state="due"] .payment-progress-v406>.balance strong{
  color:#dc7000!important;
  -webkit-text-fill-color:#dc7000!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447[data-balance-state="settled"] .payment-progress-v406>.balance strong{
  color:#07815f!important;
  -webkit-text-fill-color:#07815f!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447[data-balance-state="over"] .payment-progress-v406>.balance strong{
  color:#d84b58!important;
  -webkit-text-fill-color:#d84b58!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-plan-note-v406{
  position:relative!important;
  margin:11px 0 0!important;
  padding:0 0 0 26px!important;
  color:#617590!important;
  -webkit-text-fill-color:#617590!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  font-weight:550!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-plan-note-v406::before{
  content:'i'!important;
  position:absolute!important;
  left:0!important;
  top:-1px!important;
  width:17px!important;
  height:17px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#526887!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  font-style:normal!important;
}

body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:0!important;
  padding:0 18px 18px!important;
  background:#fff!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .auto-email-card-v4311,
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .notes-field-v406{
  min-height:94px!important;
  border:1px solid #e1e8f2!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#fbfdff 0%,#fff 100%)!important;
  box-shadow:0 3px 12px rgba(16,35,63,.025)!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .auto-email-card-v4311{
  position:relative!important;
  display:grid!important;
  grid-template-columns:21px 37px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:12px!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .auto-email-card-v4311 .choice-box-v405{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  display:block!important;
  border:1.5px solid #a9b8ca!important;
  border-radius:4px!important;
  background:#fff!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  box-shadow:none!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .auto-email-card-v4311::before{
  content:'✉'!important;
  grid-column:2!important;
  width:35px!important;
  height:35px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#edf3ff!important;
  color:#173b87!important;
  font-size:17px!important;
  font-weight:800!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .auto-email-card-v4311 .choice-copy-v405{
  grid-column:3!important;
  min-width:0!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .choice-copy-v405 strong{
  color:#183154!important;
  -webkit-text-fill-color:#183154!important;
  font-size:10.5px!important;
  font-weight:850!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .choice-copy-v405 small{
  margin-top:4px!important;
  color:#6b7f99!important;
  -webkit-text-fill-color:#6b7f99!important;
  font-size:9px!important;
  line-height:1.45!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .notes-field-v406{
  position:relative!important;
  display:grid!important;
  align-content:start!important;
  gap:7px!important;
  padding:10px 10px 10px 48px!important;
  color:#173052!important;
  font-size:10.5px!important;
  font-weight:850!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .notes-field-v406::before{
  content:'▤'!important;
  position:absolute!important;
  left:12px!important;
  top:11px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:7px!important;
  background:#f2f6fb!important;
  color:#163d78!important;
  font-size:14px!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .notes-field-v406 textarea{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  padding:9px 11px!important;
  border:1px solid #cbd7e5!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#10233f!important;
  font-size:10px!important;
  resize:vertical!important;
  box-shadow:none!important;
}

/* Split payments remain fully functional, but visually match the new payment card. */
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .split-payment-row-v406{
  margin-top:12px!important;
  padding:11px!important;
  border:1px solid #dce5f0!important;
  border-radius:9px!important;
  background:#f9fbfe!important;
}
body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .split-payment-add-v406{
  margin-top:10px!important;
  min-height:42px!important;
  border:1px dashed #a9bce0!important;
  border-radius:8px!important;
  background:#f3f7ff!important;
  color:#1d55b5!important;
  -webkit-text-fill-color:#1d55b5!important;
}

body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-section-v447{
  border-color:#29455e!important;
  background:#102438!important;
}
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406{
  background:#102438!important;
}
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-status-field-v406,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-state-copy-v406,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .auto-email-card-v4311,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .notes-field-v406{
  border-color:#2a465f!important;
  background:#0e2134!important;
}
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-state-copy-v406 strong,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-primary-grid-v406>label,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406 span,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .choice-copy-v405 strong,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .notes-field-v406{
  color:#eaf4ff!important;
  -webkit-text-fill-color:#eaf4ff!important;
}
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-state-copy-v406 small,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-plan-note-v406,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 .choice-copy-v405 small{
  color:#9fb3c9!important;
  -webkit-text-fill-color:#9fb3c9!important;
}
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 input,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 select,
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406 textarea{
  border-color:#355269!important;
  background:#0b1c2d!important;
  color:#ecf5ff!important;
}
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406>div{
  border-color:#24564b!important;
  background:#0f302b!important;
}
body.ui-v510[data-theme="dark"] .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406>.balance{
  border-color:#66502e!important;
  background:#342819!important;
}

@container royalPayment447 (max-width:600px){
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447{
    min-height:auto!important;
    padding:12px!important;
    align-items:flex-start!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447 .royal-step-v447{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .royal-section-head-v447 .royal-section-state-v447{
    margin-left:56px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447{
    padding:12px 12px 9px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-plan-head-v406,
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-primary-grid-v406,
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-plan-v447 .payment-progress-v406,
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406{
    grid-template-columns:1fr!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-payment-section-v447 > .payment-finish-grid-v406{
    padding:0 12px 12px!important;
  }
}

/* FixPro v5.1.9 — 100% zoom payment-method readability + four-card device grid.
   The New Entry split workspace should keep the information density of the 80%
   browser view without requiring users to change Chrome zoom. */

/* Protect enough horizontal space for real payment-method names in the compact
   single-row Items & charges editor. */
@container royalItems447 (min-width:620px) and (max-width:880px){
  body.ui-v510 .counter-entry-royal-v447 .royal-items-column-head-v517,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447{
    grid-template-columns:28px minmax(150px,2.35fr) 48px minmax(62px,.78fr) minmax(62px,.78fr) minmax(78px,.9fr) minmax(154px,1.5fr)!important;
    gap:7px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 > .royal-payment-method-v447,
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-line-payment-control-v514{
    min-width:154px!important;
    width:100%!important;
    max-width:none!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-line-payment-trigger-v514{
    grid-template-columns:25px minmax(76px,1fr) 14px!important;
    gap:4px!important;
    padding:0 7px 0 6px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-line-payment-trigger-v514 .royal-line-payment-dot-v452{
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .royal-line-payment-control-v514 .payment-method-label-v408{
    display:block!important;
    width:auto!important;
    min-width:76px!important;
    max-width:none!important;
    padding-left:2px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    letter-spacing:-.01em!important;
  }
  body.ui-v510 .counter-entry-royal-v447 .royal-item-composer-v447 .payment-method-chevron-v408{
    width:14px!important;
    min-width:14px!important;
    justify-self:end!important;
  }
}

/* Normal desktop 100% zoom: retain four catalogue cards across the right side.
   These overrides intentionally load after the older panel-width container rules. */
@media (min-width:1101px) and (max-width:1700px){
  body.ui-v510 .counter-page-v39 .device-panel .device-grid-v403{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.ui-v510 .counter-page-v39 .device-panel .device-card-v4315{
    min-width:0!important;
    min-height:204px!important;
    padding:8px!important;
    border-radius:13px!important;
  }
  body.ui-v510 .counter-page-v39 .device-panel .device-visual-v4315{
    height:108px!important;
    min-height:108px!important;
    margin:0 0 7px!important;
    padding:4px!important;
    border-radius:12px!important;
  }
  body.ui-v510 .counter-page-v39 .device-panel .device-card-copy-v4315{
    min-height:46px!important;
    gap:3px!important;
  }
  body.ui-v510 .counter-page-v39 .device-panel .device-card-copy-v4315 > strong{
    min-height:27px!important;
    font-size:11px!important;
    line-height:1.18!important;
    overflow-wrap:anywhere!important;
  }
  body.ui-v510 .counter-page-v39 .device-panel .device-card-meta-v4315{
    font-size:8px!important;
    line-height:1.2!important;
  }
  body.ui-v510 .counter-page-v39 .device-panel .device-select-text-v4315{
    min-height:31px!important;
    margin-top:auto!important;
    padding:6px 7px 0!important;
    font-size:9.5px!important;
  }
}

/* Tablet and narrow-browser behaviour remains responsive instead of forcing four
   unusably small cards. */
@media (max-width:1100px){
  body.ui-v510 .counter-page-v39 .device-panel .device-grid-v403{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:760px){
  body.ui-v510 .counter-page-v39 .device-panel .device-grid-v403{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:430px){
  body.ui-v510 .counter-page-v39 .device-panel .device-grid-v403{
    grid-template-columns:1fr!important;
  }
}

/* ===== fixpro-professional-v520.css ===== */
/* FixPro v5.2.0 — professional responsive and interaction polish. */
:root{--fp520-focus:#246bfe;--fp520-focus-soft:rgba(36,107,254,.18);--fp520-pulse:rgba(55,91,255,.26);--fp520-surface:#fff;--fp520-border:#d7e4f2;--fp520-text:#10233f;--fp520-muted:#657892}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.ui-v520{min-width:0;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.ui-v520 *,body.ui-v520 *::before,body.ui-v520 *::after{box-sizing:border-box}
body.ui-v520 :where(main,section,article,div,form,label,nav,header,footer,aside){min-width:0}
body.ui-v520 :where(img,svg,video,canvas){max-width:100%}
body.ui-v520 :where(h1,h2,h3,h4,p,strong,small,span,a,label,td,th){overflow-wrap:anywhere}
body.ui-v520 :where(input,select,textarea,button){max-width:100%;font:inherit}
body.ui-v520 :where(button,a,summary,[role="button"],[role="tab"],select,input[type="checkbox"],input[type="radio"]){-webkit-tap-highlight-color:transparent}
body.ui-v520 :where(a,button,summary,[role="button"],[role="tab"]):focus-visible,body.ui-v520 :where(input,select,textarea):focus-visible{outline:3px solid var(--fp520-focus-soft)!important;outline-offset:2px;border-color:var(--fp520-focus)!important}
body.ui-v520 :where(button,a,summary,[role="button"],[role="tab"]):active{transform:translateY(1px)}
body.ui-v520 :where(button,a,summary,[role="button"],[role="tab"]){touch-action:manipulation}
@keyframes fp520InteractionPulse{0%{box-shadow:0 0 0 0 var(--fp520-pulse)}45%{box-shadow:0 0 0 5px transparent,0 0 20px var(--fp520-pulse)}100%{box-shadow:0 0 0 0 transparent}}
@keyframes fp520IconPulse{0%,100%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.12);filter:brightness(1.2)}}
body.ui-v520 .ui-control-flash-v520{animation:fp520InteractionPulse .38s ease-out!important}
body.ui-v520 .ui-control-flash-v520 :where(.nav-icon,.catalog443-metric-icon,.type-icon,.brand-dot,.header-action-icon,.btn-inline-icon,svg){animation:fp520IconPulse .34s ease-out!important}
body.ui-v520 :where(.active,.selected,[aria-selected="true"],[aria-pressed="true"]):not(body){--fp520-pulse:rgba(36,107,254,.24)}
body.ui-v520 .app-header-main{gap:10px;padding-inline:clamp(18px,3.2vw,64px)}
body.ui-v520 .header-actions{gap:7px;min-width:0}
body.ui-v520 .quick-entry{min-width:0;white-space:nowrap;padding-inline:clamp(10px,1vw,17px)}
body.ui-v520 .user-pill{min-width:0;max-width:210px}.user-pill-copy{min-width:0}
body.ui-v520 .user-pill-copy :where(strong,small){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-v520 .nav-scroller{scrollbar-width:none;overscroll-behavior-inline:contain}body.ui-v520 .nav-scroller::-webkit-scrollbar{display:none}
body.ui-v520 .top-navlink{white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
body.ui-v520 .top-navlink .nav-icon svg,body.ui-v520 .nav-dropdown-menu .nav-icon svg,body.ui-v520 .catalog443-action-icon svg,body.ui-v520 .catalog443-metric-icon svg,body.ui-v520 .btn-inline-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ui-v520 .btn-inline-icon{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;flex:none}
body.ui-v520 .nav-dropdown{position:relative}
body.ui-v520 .nav-dropdown-menu{width:min(650px,calc(100vw - 28px));max-height:min(70vh,580px);overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;scrollbar-width:thin}
body.ui-v520 .nav-dropdown-menu-admin{width:min(500px,calc(100vw - 28px))}
body.ui-v520 .nav-dropdown-menu>a{min-height:58px;border-radius:11px;padding:9px 10px;align-items:center}
body.ui-v520 .nav-dropdown-menu>a>span:last-child{min-width:0}body.ui-v520 .nav-dropdown-menu>a strong{display:block;white-space:normal;line-height:1.2}body.ui-v520 .nav-dropdown-menu>a small{display:block;white-space:normal;line-height:1.25;margin-top:2px}body.ui-v520 .nav-dropdown-menu>a.active{box-shadow:inset 3px 0 0 #2c72ff}
body.ui-v520 :where(.panel,.card,.premium-card,.catalog443-tool-card,.catalog443-device-card,.repair-card,.dashboard-card){max-width:100%;min-width:0}body.ui-v520 main :where(.grid,.form-grid,.stats-grid,.kpi-grid)>*{min-width:0}body.ui-v520 main table{max-width:100%}body.ui-v520 :where(.table-wrap,.table-responsive,.responsive-table,.overflow-x-auto){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body.ui-v520 .catalog443-metrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important;align-items:stretch!important}body.ui-v520 .catalog443-metric-clickable{min-width:0!important}body.ui-v520 .catalog443-metric-link{width:100%;height:100%;min-width:0;text-decoration:none}body.ui-v520 .catalog443-metric-link>div{min-width:0}body.ui-v520 .catalog443-metric-link small{white-space:normal}body.ui-v520 .catalog443-metric-missing .catalog443-metric-icon{color:#c56a00;background:#fff5e8}body.ui-v520 .catalog443-metric-missing .catalog443-metric-link b{color:#b95f00}body.ui-v520 .catalog443-metric-clickable.is-active{position:relative;z-index:1}body.ui-v520 .catalog443-metric-clickable.is-active .catalog443-metric-link{box-shadow:inset 0 -3px 0 #246bfe,0 6px 18px rgba(36,107,254,.08)}
body.ui-v520 .catalog443-filter-v520{display:grid!important;grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(125px,.82fr)) auto auto!important;gap:10px!important;align-items:end!important}body.ui-v520 .catalog443-filter-v520 label{min-width:0}body.ui-v520 .catalog443-filter-v520 :where(input,select){width:100%;min-width:0}body.ui-v520 .catalog443-filter-v520 .btn{min-height:40px;white-space:nowrap;justify-content:center}body.ui-v520 .catalog443-results-head,body.ui-v520 #catalogFilters{scroll-margin-top:138px}
body.ui-v520 :where(.device-art,.device-visual-v4315,.catalog443-device-art) img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important;object-fit:contain}body.ui-v520[data-theme="dark"] :where(.device-art,.device-visual-v4315,.catalog443-device-art){background:#fff!important}body.ui-v520[data-theme="dark"] :where(.device-art,.device-visual-v4315,.catalog443-device-art) img{background:#fff!important}
body.ui-v520 #typeTabs [role="tab"],body.ui-v520 #brandTabs [role="tab"]{cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}body.ui-v520 #typeTabs [role="tab"][aria-selected="true"],body.ui-v520 #brandTabs [role="tab"][aria-selected="true"]{box-shadow:0 5px 16px rgba(36,107,254,.12)}
body.ui-v520 select{padding-right:32px!important;text-overflow:ellipsis}body.ui-v520 .counter-entry-royal-v447 .royal-line-method-v447,body.ui-v520 .counter-entry-royal-v447 .royal-line-method-v447 select,body.ui-v520 .counter-entry-royal-v447 .line-payment-select,body.ui-v520 .counter-entry-royal-v447 select[name*="payment"]{min-width:116px!important}
body.ui-v520[data-theme="dark"]{--fp520-surface:#0d2032;--fp520-border:#29445d;--fp520-text:#edf6ff;--fp520-muted:#b7c8da;color:var(--fp520-text)}body.ui-v520[data-theme="dark"] main :where(h1,h2,h3,h4,.page-title,.panel-title){color:#f5f9ff}body.ui-v520[data-theme="dark"] main :where(p,small,.muted,.help-text,.hint){color:#b7c8da}body.ui-v520[data-theme="dark"] :where(input,select,textarea){color:#edf6ff;background:#10283d;border-color:#34516a}body.ui-v520[data-theme="dark"] :where(input,textarea)::placeholder{color:#88a0b6;opacity:1}body.ui-v520[data-theme="dark"] option{color:#eef6ff;background:#10283d}body.ui-v520[data-theme="dark"] .catalog443-metric-missing .catalog443-metric-icon{background:#3a2c18;color:#ffc36f}body.ui-v520[data-theme="dark"] .catalog443-metric-missing .catalog443-metric-link b{color:#ffc36f}body.ui-v520[data-theme="dark"] .nav-dropdown-menu>a small{color:#b7c8da}
@media(max-width:1600px){body.ui-v520 .app-header-main{padding-inline:24px}body.ui-v520 .header-context-card{max-width:170px}body.ui-v520 .quick-entry{padding-inline:11px}body.ui-v520 .top-navlink{padding-inline:8px;gap:6px}}
@media(max-width:1380px){body.ui-v520 .app-header-main{padding-inline:16px;gap:7px}body.ui-v520 .header-context-card{max-width:150px}body.ui-v520 .header-context-text strong{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.ui-v520 .quick-entry{font-size:9px;padding-inline:9px}body.ui-v520 .user-pill{max-width:165px}body.ui-v520 .top-navlink{font-size:9px;padding-inline:7px}}
@media(max-width:1120px){body.ui-v520 .catalog443-filter-v520{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.ui-v520 .catalog443-filter-v520 .catalog443-filter-search{grid-column:1/-1}body.ui-v520 .catalog443-filter-v520 .btn{width:100%}}
@media(max-width:900px){body.ui-v520 .nav-dropdown-menu,body.ui-v520 .nav-dropdown-menu-admin{position:static!important;width:100%!important;max-height:none;grid-template-columns:1fr!important;margin-top:5px}body.ui-v520 .nav-dropdown-menu>a{min-height:52px}body.ui-v520 .catalog443-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.ui-v520 main table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}
@media(max-width:640px){body.ui-v520 .catalog443-filter-v520{grid-template-columns:1fr!important}body.ui-v520 .catalog443-filter-v520 .catalog443-filter-search{grid-column:auto}body.ui-v520 .catalog443-metrics{grid-template-columns:1fr!important}body.ui-v520 :where(button,.btn,a.top-navlink,summary,[role="tab"]){min-height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.ui-v520 *,body.ui-v520 *::before,body.ui-v520 *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* FixPro v5.2.1 — supplied MyTouch sign-in visual treatment. */
body.ui-v521.login-page-v521{
  min-height:100vh!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(18px,3vw,50px)!important;
  background:
    radial-gradient(circle at 10% 14%,rgba(126,190,255,.17),transparent 30rem),
    radial-gradient(circle at 86% 10%,rgba(23,105,255,.10),transparent 28rem),
    linear-gradient(145deg,#f3f8fd 0%,#edf5fc 48%,#f7fbff 100%)!important;
  color:#10233f!important;
  overflow:auto!important;
}
body.ui-v521.login-page-v521[data-theme="dark"]{
  background:radial-gradient(circle at 20% 0%,rgba(17,103,245,.14),transparent 30rem),linear-gradient(145deg,#061728,#0a2135)!important;
}
body.ui-v521 .login-page-watermark{display:none!important}
body.ui-v521 .login-theme-switch-v521{
  position:fixed!important;
  top:16px!important;
  right:18px!important;
  z-index:50!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid #d7e4f2!important;
  box-shadow:0 8px 24px rgba(16,35,63,.10)!important;
  backdrop-filter:blur(12px)!important;
}
body.ui-v521[data-theme="dark"] .login-theme-switch-v521{background:rgba(11,31,49,.94)!important;border-color:#2f4b63!important}
body.ui-v521 .login-shell-v521{
  width:min(1488px,calc(100vw - 36px))!important;
  min-height:min(820px,calc(100vh - 72px))!important;
  display:grid!important;
  grid-template-columns:minmax(0,58%) minmax(420px,42%)!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 28px 75px rgba(41,82,127,.16)!important;
  border:1px solid rgba(207,222,239,.75)!important;
}
body.ui-v521[data-theme="dark"] .login-shell-v521{background:#0d2134!important;border-color:#27465f!important;box-shadow:0 32px 85px rgba(0,0,0,.38)!important}
body.ui-v521 .login-visual-v521{
  position:relative!important;
  min-width:0!important;
  min-height:680px!important;
  overflow:hidden!important;
  background:#061b31!important;
}
body.ui-v521 .login-visual-v521 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  user-select:none!important;
  pointer-events:none!important;
}
body.ui-v521 .login-form-panel-v521{
  min-width:0!important;
  display:grid!important;
  align-items:center!important;
  padding:clamp(42px,5.3vw,82px) clamp(34px,5vw,76px)!important;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
}
body.ui-v521[data-theme="dark"] .login-form-panel-v521{background:linear-gradient(180deg,#0f263b,#0b1f32)!important}
body.ui-v521 .login-card-v521{
  width:min(500px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  gap:19px!important;
  color:#10233f!important;
}
body.ui-v521[data-theme="dark"] .login-card-v521{color:#edf6ff!important}
body.ui-v521 .login-brand-v521{min-height:70px!important;display:flex!important;align-items:center!important;margin-bottom:2px!important}
body.ui-v521 .login-brand-v521 .shop-brand-mark{width:min(365px,100%)!important;max-width:365px!important;height:auto!important;display:block!important}
body.ui-v521 .login-brand-v521 .shop-brand-mark img{width:100%!important;height:auto!important;max-height:76px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
body.ui-v521 .login-heading-v521{display:grid!important;gap:8px!important;margin:5px 0 3px!important}
body.ui-v521 .login-heading-v521 h1{margin:0!important;color:#0b2250!important;font-size:clamp(34px,3.2vw,49px)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:900!important}
body.ui-v521 .login-heading-v521 p{max-width:440px!important;margin:0!important;color:#687da1!important;font-size:16px!important;line-height:1.55!important;font-weight:500!important}
body.ui-v521[data-theme="dark"] .login-heading-v521 h1{color:#f5f9ff!important}
body.ui-v521[data-theme="dark"] .login-heading-v521 p{color:#a9bed3!important}
body.ui-v521 .login-error-v521{margin:0!important}
body.ui-v521 .login-field-v521{display:grid!important;gap:7px!important;color:#10233f!important;font-size:13px!important;font-weight:800!important}
body.ui-v521[data-theme="dark"] .login-field-v521{color:#e7f1fb!important}
body.ui-v521 .login-field-row-v521{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
body.ui-v521 .login-field-row-v521 a{color:#1167f5!important;text-decoration:none!important;font-weight:700!important}
body.ui-v521 .login-field-row-v521 a:hover{text-decoration:underline!important}
body.ui-v521 .login-input-shell-v521{
  position:relative!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  align-items:center!important;
  border:1px solid #c9d7e8!important;
  border-radius:10px!important;
  background:#fff!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.ui-v521 .login-input-shell-v521:focus-within{border-color:#5f8fff!important;box-shadow:0 0 0 4px rgba(17,103,245,.09)!important}
body.ui-v521[data-theme="dark"] .login-input-shell-v521{background:#10283d!important;border-color:#35536e!important}
body.ui-v521 .login-input-icon-v521{display:grid!important;place-items:center!important;color:#58729a!important}
body.ui-v521 .login-input-icon-v521 svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.ui-v521 .login-input-shell-v521 input{
  width:100%!important;
  min-width:0!important;
  height:56px!important;
  padding:0 16px 0 0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#10233f!important;
  font-size:15px!important;
  font-weight:600!important;
}
body.ui-v521[data-theme="dark"] .login-input-shell-v521 input{color:#f1f7ff!important}
body.ui-v521 .login-input-shell-v521 input::placeholder{color:#8da0b7!important;font-weight:500!important}
body.ui-v521 .login-remember-v521{display:flex!important;align-items:center!important;gap:11px!important;color:#173052!important;font-size:14px!important;font-weight:550!important;cursor:pointer!important}
body.ui-v521[data-theme="dark"] .login-remember-v521{color:#dce9f6!important}
body.ui-v521 .login-remember-v521 input{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  border:1.5px solid #9eb2c8!important;
  border-radius:6px!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
body.ui-v521 .login-remember-v521 input:checked{border-color:#1167f5!important;background:linear-gradient(135deg,#1167f5,#2a77ff)!important}
body.ui-v521 .login-remember-v521 input:checked::after{content:'✓'!important;color:#fff!important;font-size:18px!important;font-weight:900!important;line-height:1!important}
body.ui-v521[data-theme="dark"] .login-remember-v521 input{background:#10283d!important;border-color:#55708a!important}
body.ui-v521 .login-submit-v521{
  width:100%!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:35px minmax(0,1fr) 35px!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#1167f5 0%,#1478ff 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(17,103,245,.23)!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
body.ui-v521 .login-submit-v521:hover{transform:translateY(-1px)!important;box-shadow:0 16px 30px rgba(17,103,245,.30)!important;filter:brightness(1.02)!important}
body.ui-v521 .login-submit-v521 strong{color:#fff!important;font-size:16px!important;font-weight:850!important}
body.ui-v521 .login-submit-v521 svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.ui-v521 .login-submit-arrow-v521{font-size:28px!important;font-weight:400!important;line-height:1!important}
body.ui-v521 .login-separator-v521{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:16px!important;color:#6b7f9f!important}
body.ui-v521 .login-separator-v521 span{height:1px!important;background:#cbd8e6!important}
body.ui-v521[data-theme="dark"] .login-separator-v521 span{background:#35516a!important}
body.ui-v521 .login-separator-v521 b{font-size:13px!important;font-weight:600!important}
body.ui-v521 .login-security-note-v521{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0!important;color:#687da1!important;font-size:13px!important;line-height:1.4!important;text-align:center!important}
body.ui-v521 .login-security-note-v521 span{display:grid!important;place-items:center!important;color:#6b83b0!important}
body.ui-v521 .login-security-note-v521 svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.ui-v521[data-theme="dark"] .login-security-note-v521{color:#a8bbcf!important}

@media(max-width:1050px){
  body.ui-v521.login-page-v521{padding:18px!important}
  body.ui-v521 .login-shell-v521{grid-template-columns:minmax(0,52%) minmax(400px,48%)!important;min-height:720px!important}
  body.ui-v521 .login-form-panel-v521{padding:44px 34px!important}
  body.ui-v521 .login-heading-v521 h1{font-size:38px!important}
}
@media(max-width:860px){
  body.ui-v521.login-page-v521{place-items:start center!important;padding:64px 14px 20px!important}
  body.ui-v521 .login-shell-v521{width:min(600px,100%)!important;min-height:0!important;grid-template-columns:1fr!important;border-radius:22px!important}
  body.ui-v521 .login-visual-v521{display:none!important}
  body.ui-v521 .login-form-panel-v521{padding:36px 26px!important}
  body.ui-v521 .login-card-v521{width:100%!important}
  body.ui-v521 .login-brand-v521 .shop-brand-mark{max-width:310px!important}
  body.ui-v521 .login-heading-v521 h1{font-size:36px!important}
  body.ui-v521 .login-heading-v521 p{font-size:14px!important}
}
@media(max-width:480px){
  body.ui-v521 .login-theme-switch-v521{top:8px!important;right:8px!important}
  body.ui-v521 .login-form-panel-v521{padding:29px 18px!important}
  body.ui-v521 .login-card-v521{gap:16px!important}
  body.ui-v521 .login-heading-v521 h1{font-size:31px!important}
  body.ui-v521 .login-input-shell-v521{min-height:54px!important;grid-template-columns:44px minmax(0,1fr)!important}
  body.ui-v521 .login-input-shell-v521 input{height:52px!important;font-size:14px!important}
  body.ui-v521 .login-submit-v521{min-height:58px!important}
  body.ui-v521 .login-security-note-v521{font-size:11px!important}
}

/* FixPro v5.2.2 — payment selector responsiveness + small login refinements */
body.ui-v520 .payment-method-control-v408{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  isolation:isolate!important;
}
body.ui-v520 .payment-method-control-v408.is-open{z-index:45!important}
body.ui-v520 .payment-method-menu-v408{
  left:0!important;
  right:auto!important;
  width:clamp(220px,26vw,292px)!important;
  min-width:max(100%,220px)!important;
  max-width:min(320px,calc(100vw - 16px))!important;
  max-height:min(52vh,320px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable both-edges!important;
}
body.ui-v520 .payment-method-control-v408[data-align="end"] .payment-method-menu-v408{left:auto!important;right:0!important}
body.ui-v520 .payment-method-control-v408[data-drop-up="true"] .payment-method-menu-v408{top:auto!important;bottom:calc(100% + 7px)!important}
body.ui-v521 .login-theme-switch-v521{max-width:calc(100vw - 18px)!important}
body.ui-v521 .login-card-v521{min-width:0!important}
@media (max-width:560px){
  body.ui-v521 .login-field-row-v521{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
  body.ui-v521 .login-remember-v521{align-items:flex-start!important}
  body.ui-v521 .login-submit-v521{grid-template-columns:30px minmax(0,1fr) 24px!important;padding:0 14px!important}
}


/* FixPro v5.3.10 — permanent Repair details removal.
   Technician and Warranty now live directly beneath the Quick Counter heading. */
body.ui-v510 .counter-assignment-strip-v5310{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:12px!important;
  border:1px solid var(--fp510-border)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fbfdff,#f7faff)!important;
  box-shadow:0 5px 16px rgba(13,41,64,.045)!important;
}
body.ui-v510[data-theme="dark"] .counter-assignment-strip-v5310{
  background:linear-gradient(180deg,#142b41,#10263a)!important;
}
body.ui-v510 .counter-assignment-field-v5310{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  padding:11px!important;
  border:1px solid #dbe7f5!important;
  border-radius:13px!important;
  background:var(--fp510-surface)!important;
}
body.ui-v510[data-theme="dark"] .counter-assignment-field-v5310{
  border-color:color-mix(in srgb,var(--fp510-border) 92%,#5b8fc6)!important;
}
body.ui-v510 .counter-assignment-icon-v5310{
  width:40px!important;
  height:40px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--fp510-blue)!important;
  background:var(--fp510-blue-soft)!important;
  border:1px solid #c8ddfa!important;
}
body.ui-v510 .counter-assignment-warranty-v5310 .counter-assignment-icon-v5310{
  color:#8b5cf6!important;
  background:#f1edff!important;
  border-color:#d9d0ff!important;
}
body.ui-v510[data-theme="dark"] .counter-assignment-warranty-v5310 .counter-assignment-icon-v5310{
  background:rgba(139,92,246,.14)!important;
  border-color:rgba(167,139,250,.32)!important;
}
body.ui-v510 .counter-assignment-icon-v5310 svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.ui-v510 .counter-assignment-control-v5310{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}
body.ui-v510 .counter-assignment-control-v5310>label{
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:3px 8px!important;
  margin:0!important;
}
body.ui-v510 .counter-assignment-control-v5310>label strong{
  color:var(--fp510-text)!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
body.ui-v510 .counter-assignment-control-v5310>label small{
  color:var(--fp510-muted)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
body.ui-v510 .counter-assignment-control-v5310>select{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  border:1px solid #cbd9e8!important;
  border-radius:11px!important;
  padding:0 36px 0 12px!important;
  background-color:var(--fp510-surface)!important;
  color:var(--fp510-text)!important;
  font-size:11.5px!important;
  font-weight:750!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
}
body.ui-v510 .counter-assignment-control-v5310>select:focus{
  outline:none!important;
  border-color:var(--fp510-blue)!important;
  box-shadow:0 0 0 3px rgba(17,103,245,.11)!important;
}
body.ui-v510 .counter-inline-create-v5310{
  margin-top:2px!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
body.ui-v510 .counter-assignment-message-v5310{
  grid-column:1/-1!important;
  margin:0!important;
}
body.ui-v510 #counterWorkflowMeta{display:none!important}

/* The removed Repair details UI must never reappear from older shared styles. */
body.ui-v510 .repair-context-panel-v405#repairDetails{display:none!important}

@media(max-width:760px){
  body.ui-v510 .counter-assignment-strip-v5310{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:10px!important;
  }
}
@media(max-width:520px){
  body.ui-v510 .counter-assignment-strip-v5310{
    margin-bottom:11px!important;
    padding:8px!important;
    border-radius:13px!important;
  }
  body.ui-v510 .counter-assignment-field-v5310{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px!important;
  }
  body.ui-v510 .counter-assignment-icon-v5310{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
  }
  body.ui-v510 .counter-assignment-control-v5310>label{
    display:grid!important;
    justify-content:stretch!important;
  }
  body.ui-v510 .counter-assignment-control-v5310>select{
    min-height:44px!important;
    height:44px!important;
    font-size:16px!important;
  }
}