:root{--accent:#0b9fae;--primary:#087e8b;--blue:#087e8b;--blue-soft:#e8f7f8;--ring:0 0 0 3px #12a7b321}body{background:#fff}.main,.content{background:#fff}.sidebar{background:#fff;border-right:1px solid #e6ecef}.btn.primary{background:#087e8b;border-color:#087e8b}.btn.primary:hover{background:#066570}.nav-btn.active{background:#e8f7f8;color:#087780}.topbar{background:#fff}.side-brand{min-height:110px;justify-content:center}.side-brand img{width:158px;height:100px;object-fit:contain}.side-brand>div{display:none}.login-logo{width:230px!important;height:145px!important;object-fit:contain}.login-shell .brand-panel{background:linear-gradient(140deg,#f1fcfc,#f9fcff);color:#173746}.login-shell .brand-panel h1{font-size:35px;line-height:1.18}.login-shell .brand-panel p{color:#426775}.card{border:1px solid #e4ebee;box-shadow:0 2px 8px #182e4305;border-radius:14px}.card-head{padding:17px 20px;background:#fff;border-bottom:1px solid #edf1f4}.card-body{padding:20px}.page-head{margin-bottom:24px}h2{letter-spacing:-.035em}.icon{width:20px;height:20px;flex:none}.btn .icon{width:18px;height:18px}.v2-hero{display:flex;justify-content:space-between;align-items:center;border:1px solid #d7ecee;border-radius:18px;padding:27px 32px;background:linear-gradient(120deg,#f3fbfc,#fff);margin-bottom:24px}.v2-hero h2{font-size:30px;margin:8px 0}.v2-hero img{width:145px;height:100px;object-fit:contain}.v2-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.v2-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.v2-stack{display:flex;flex-direction:column;gap:22px;min-width:0}.v2-device-heading{display:flex;gap:13px;align-items:center}.v2-device-heading h3{font-size:20px}.v2-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.v2-detail-grid small,.v2-detail-grid b{display:block;overflow-wrap:anywhere}.v2-detail-grid small{color:#667b8b;margin-bottom:7px}.v2-fault-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.v2-fault-tags span{background:#edf7f8;color:#16707a;padding:6px 10px;border-radius:7px;font-size:12px}.v2-inline-status{display:inline-flex;vertical-align:middle;margin-left:10px;font-size:12px}.v2-balance{display:flex;justify-content:space-between;align-items:center;background:#edf9f8;padding:17px;border-radius:10px;margin:17px 0;color:#12696b}.v2-balance b{font-size:24px}.v2-payment-card .btn{width:100%;margin-bottom:10px}.v2-customer-name{font-size:22px;line-height:1.2;overflow-wrap:anywhere}.v2-track-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.v2-track-card svg{width:140px;height:140px}.v2-track-card b{font-size:20px;letter-spacing:2px}.v2-timeline>div{border-left:2px solid #e3ecee;padding:0 0 22px 20px;position:relative}.v2-timeline>div:last-child{padding-bottom:0}.v2-timeline small{display:block;color:#83949f;font-size:11px;margin:4px 0}.v2-timeline p{margin:4px 0;font-size:13px}.v2-timeline-dot{width:9px;height:9px;background:#11a4b1;border-radius:50%;position:absolute;left:-5.5px;top:5px}.v2-search-results{max-height:300px;overflow:auto}.v2-search-results:empty{display:none}.v2-search-results>button{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;padding:12px;border:0;border-bottom:1px solid #e9eff3;background:#fff;gap:12px;cursor:pointer;font:inherit}.v2-search-results>button:hover{background:#f0fbfc}.v2-search-results small{display:block;color:#7b8d99;font-size:11px}.v2-link{background:none;border:0;color:#087e8b;cursor:pointer;font:inherit;font-weight:600;text-align:left;padding:0}.v2-pagination{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;font-size:12px;color:#6c8391}.v2-alert{display:block;color:#b36b0a;font-size:11px}td small{display:block;color:#81919b;font-size:11px}.v2-customer-summary{padding:24px 0}.v2-pay-row{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid #e8eef1}.v2-pay-row span{font-size:12px}.v2-pay-row small{color:#73828e;font-size:11px}.v2-low{color:#a77427!important}.v2-file-list{display:flex;flex-wrap:wrap;margin-top:14px;gap:8px}progress{width:100%;height:12px;accent-color:#10a3ad;margin:12px 0}table{font-size:13px}th{background:#f6f8fa}.product-tile{border-radius:12px}.product-tile strong{color:#087780}.layout-collapsed .side-brand img{width:48px;height:42px}.workspace-footer{background:#fff}.login-footer{font-size:12px}hr{border:0;border-top:1px solid #e7edef;margin:22px 0}
@media(min-width:1450px){.v2-ticket-layout{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:1100px){.v2-ticket-layout{grid-template-columns:minmax(0,1fr) 290px}.v2-detail-grid{grid-template-columns:1fr 1fr}.v2-columns{grid-template-columns:1fr}.v2-hero img{width:120px}.v2-ticket-layout .card-head{flex-wrap:wrap;gap:12px}}@media(max-width:820px){.v2-ticket-layout{grid-template-columns:1fr}.v2-ticket-layout>aside{display:grid;grid-template-columns:1fr 1fr}.v2-hero{padding:20px}.v2-hero h2{font-size:24px}.v2-hero img{width:95px}.card-body{padding:16px}.side-brand img{width:150px;height:85px}.side-brand{min-height:100px}}@media(max-width:540px){.v2-ticket-layout>aside{display:flex}.v2-hero img{display:none}.v2-detail-grid{gap:14px}.v2-ticket-layout .page-head,.v2-ticket-layout .toolbar{flex-wrap:wrap}.v2-ticket-layout .card-head h3{font-size:15px}.v2-pagination{padding:12px}.v2-hero h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}


/* V2.1 readability + professional repair board */
:root{--text:#111827;--muted:#475467;--line:#d9e0e8;--soft:#f7f9fc;--primary:#087e8b;--blue:#0b6cc7}
body,input,select,textarea,button{color:#111827}body{font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;font-weight:400}
h1,h2,h3,h4,strong,b{color:#111827}h1,h2{font-weight:700}h3,h4{font-weight:650}
label{color:#344054;font-weight:650}small,.muted,.field-hint,td small{color:#526174}th{color:#344054;background:#f2f4f7;font-weight:700}td{color:#1f2937}.nav-btn{color:#344054}.nav-btn.active{color:#075985}.top-title .eyebrow,.eyebrow{color:#667085}.btn{color:#344054}.btn.primary{background:#087e8b;border-color:#087e8b;color:white}.btn.primary:hover{background:#066d78}
.badge{font-weight:700}.b-blue{background:#eaf3ff;color:#175aa5}.b-green{background:#e8f6ef;color:#116149}.b-orange{background:#fff3da;color:#8a5a08}.b-red{background:#feecef;color:#9f2f40}.b-purple{background:#f1edfb;color:#67459a}.b-grey{background:#edf1f5;color:#465568}
.repair-board-help{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid #d8e6e8;border-radius:9px;background:#f5fbfb;color:#24545a;font-size:12px}.repair-board-help span{display:flex;align-items:center;gap:7px;font-weight:650}.repair-board-help svg{width:17px;height:17px}.repair-board{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:12px;overflow-x:auto;padding:1px 1px 10px;scroll-snap-type:x proximity}.repair-board .board-col{min-height:430px;padding:0;background:#f8fafc;border-color:#dce3eb;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s,background .15s}.lane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid #dfe5ec;background:#fff;border-radius:10px 10px 0 0}.lane-head h3{font-size:12px;color:#172033;margin:0}.lane-head small{display:block;margin-top:3px;font-size:9px;color:#687588}.lane-body{padding:10px;min-height:370px}.lane-blue .lane-head{border-top:3px solid #3182ce}.lane-purple .lane-head{border-top:3px solid #805ad5}.lane-orange .lane-head{border-top:3px solid #dd8b19}.lane-teal .lane-head{border-top:3px solid #0f9da8}.lane-green .lane-head{border-top:3px solid #2f855a}.lane-grey .lane-head{border-top:3px solid #667085}.board-col.drag-over{border-color:#087e8b;background:#effafa;box-shadow:0 0 0 3px rgba(8,126,139,.12)}.board-col.drag-over .lane-body{background:#f2fbfb}.job-card{cursor:grab;border-color:#d7dee7;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .12s,box-shadow .12s,border-color .12s}.job-card:hover{transform:translateY(-1px);border-color:#9fb7c9;box-shadow:0 6px 16px rgba(16,24,40,.08)}.job-card:active{cursor:grabbing}.job-card.dragging{opacity:.48;transform:rotate(1deg);box-shadow:0 12px 24px rgba(16,24,40,.14)}.job-card h4{font-size:13px;color:#101828}.job-card .job-id{font-size:11px;color:#344054;font-weight:750}.job-card .job-customer{display:block;color:#475467;font-size:11px}.job-status-line{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:10px}.job-status-line>span:last-child{font-size:9px;color:#667085;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-card .job-meta{color:#667085}.job-card .job-meta b{color:#1f2937}.job-open-btn{margin-top:10px;width:100%;min-height:30px;border:1px solid #d7e2e8;border-radius:7px;background:#fff;color:#08717c;font-size:10px;font-weight:600;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:5px}.job-open-btn:hover{background:#effafa;border-color:#a8d4d8}.job-open-btn svg{width:13px;height:13px}.lane-empty{border:1px dashed #ccd6df;border-radius:8px;background:#fff;color:#7a8797!important}.repair-row{cursor:pointer}.repair-row:hover{background:#f6fafb}.z-report-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e7ebf0}.z-report-row:last-child{border-bottom:0}.z-report-row b{display:block}.z-report-row small{display:block;margin-top:3px}.z-values{display:flex;align-items:center;gap:10px}.z-values>span{font-weight:750;color:#111827}.report-print-head{display:flex;align-items:center;gap:12px}
@media(max-width:820px){.repair-board{grid-template-columns:repeat(6,minmax(260px,82vw));}.repair-board-help{align-items:flex-start;flex-direction:column}.job-card{cursor:pointer}.z-report-row{align-items:flex-start}.z-values{flex-direction:column;align-items:flex-end}}