:root{--ink:#202b30;--muted:#828a8e;--line:#e7e9e8;--page:#f6f7f5;--gold:#d7ac63;--dark:#192827;--green:#458775;--sidebar:244px;--radius:13px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--page);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d7ac6380;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}strong{font-weight:600}svg{flex-shrink:0}input,select,textarea{min-width:0}input::placeholder,textarea::placeholder{color:#a3aaa8}small{display:block;font-size:11px}button{transition:background .15s,box-shadow .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--dark);color:#b0bdb8;padding:31px 17px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 12px}.brand-mark{width:43px;height:43px;border:1px solid #d4aa6159;background:#d4aa6110;color:#dcba7b;border-radius:12px;display:grid;place-items:center}.brand strong{display:block;letter-spacing:-1.5px;color:#f7f6ef;font-size:32px;font-weight:650;line-height:1.1}.brand-dot{color:var(--gold)}.brand small{font-size:8px;letter-spacing:2px;font-weight:600;color:#a7b6af;margin-top:6px}.workspace-tag{display:flex;align-items:center;gap:7px;border:1px solid #ffffff16;background:#ffffff04;border-radius:7px;margin:28px 9px 24px;padding:9px 10px;font-size:9px;letter-spacing:1.3px;color:#c1cbc4;font-weight:600}.online-dot{width:5px;height:5px;background:#6aac8c;border-radius:50%;display:inline-block;flex-shrink:0}.tag-mini{margin-left:auto;border-radius:3px;color:#98a79f;font-size:8px;border:1px solid #ffffff20;padding:1px 4px;letter-spacing:.6px}.nav-label{font-size:9px;letter-spacing:1.5px;color:#758b80;padding:0 14px;font-weight:600;margin-bottom:9px}.section-label{margin-top:25px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border-radius:7px;min-height:44px;padding:10px 13px;text-align:left;margin-bottom:3px;font-size:12px;font-weight:450;color:#adbbb3}.nav-item>svg{color:#82978c}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{background:#d7ac6319;color:#e9c58b}.nav-item.active>svg{color:#dcb77c}.nav-item.active:before{content:'';position:absolute;left:0;height:23px;width:3px;border-radius:0 3px 3px 0;background:#d3ac6c}.nav-count{margin-left:auto;background:#ffffff07;border:1px solid #ffffff08;color:#8ba092;border-radius:4px;min-width:20px;text-align:center;font-size:9px;line-height:18px}.nav-item.active .nav-count{background:#d7ac6310;color:#d4b780;border-color:#d7ac6320}.nav-key{font-size:9px;margin-left:auto;color:#bd9c68}.nav-divider{height:1px;background:#ffffff0c;margin:21px 12px 13px}.sidebar-bottom{margin-top:auto;padding-top:30px}.mini-shield{padding:14px;display:flex;gap:10px;background:#ffffff04;border:1px solid #ffffff0c;border-radius:9px;margin:0 8px 23px;color:#91aa9b;align-items:center}.mini-shield strong{color:#c0cfc4;display:block;font-size:10px}.mini-shield small{font-size:9px;color:#778d7e;margin-top:3px}.sidebar-account{border-top:1px solid #ffffff0d;display:flex;align-items:center;gap:10px;padding:19px 10px 23px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#34443a;color:#d4b980;font-size:12px}.sidebar-account strong{font-size:10px;letter-spacing:1px;color:#d4dcd6}.sidebar-account small{color:#738a7b;font-size:9px;margin-top:2px}.account-dot{width:5px;height:5px;border:1px solid #9cab9f;border-radius:50%;margin-left:auto}.main-shell{margin-left:var(--sidebar)}.topbar{height:75px;border-bottom:1px solid #e9ebe8;display:flex;align-items:center;justify-content:space-between;padding:0 37px;background:#fbfcfa}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#919997}.breadcrumb>svg{color:#b6bcb8}.breadcrumb strong{font-weight:500;color:#455149}.topbar-right{display:flex;align-items:center;gap:19px}.private-indicator{font-size:10px;display:flex;align-items:center;gap:6px;color:#859589}.private-indicator svg{color:#79917d}.top-divider{width:1px;height:18px;background:var(--line)}.top-date{font-size:11px;color:#8b948f}.top-avatar{width:30px;height:30px;display:grid;place-items:center;background:#ecefe8;border:3px solid white;border-radius:50%;font-size:11px;color:#69795c}.mobile-menu{display:none!important}main{max-width:1550px;margin:0 auto;padding:32px 37px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;color:#89938a;letter-spacing:1.5px;font-weight:550;margin-bottom:9px}h1{font-size:29px;line-height:1.22;letter-spacing:-1px;font-weight:600;color:#27362e}.page-description{font-size:12px;color:#87918a;margin-top:9px;max-width:760px;line-height:1.7}.heading-actions{display:flex;align-items:center;gap:11px;flex-shrink:0}.button{border:1px solid #dfe4de;border-radius:7px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:550;white-space:nowrap;min-height:37px}.button:hover{background:#f3f5f0;border-color:#cdd5c9}.button.primary{background:#263d32;color:#f4f4e9;border-color:#263d32;box-shadow:0 3px 6px #1b2e2412}.button.primary:hover{background:#355340}.button.primary svg{color:#d3b477}.button.small{font-size:10px;padding:7px 10px;min-height:30px;gap:6px}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:6px;color:#879389;flex-shrink:0}.icon-button:hover{background:#eaf0e6;color:#253b2b}.sync-button{background:white;border:1px solid #e1e5dd;width:36px;height:36px}.sync-line{display:flex;align-items:center;gap:6px;font-size:9px;color:#90a08d;margin:21px 0 16px}.sync-line>span{margin-left:auto;color:#899485;font-size:10px;border:1px solid #e0e5da;padding:2px 7px;border-radius:4px;background:#f9faf7;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{border:1px solid #e4e8df;background:#fff;border-radius:var(--radius);padding:18px 19px 16px;min-height:135px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:#73816f}.stat-icon{display:grid;place-items:center;color:#90a18c}.stat-icon svg{height:17px;width:17px;stroke-width:1.5}.stat-value{display:block;line-height:1.3;margin-top:11px;font-size:29px;font-weight:550;letter-spacing:-1px;color:#283b2d;font-variant-numeric:tabular-nums}.stat-card p{font-size:9px;color:#9aa393;margin-top:6px;line-height:1.6}.stat-card.amber .stat-icon{color:#b59862}.stat-card.green .stat-icon{color:#6d9a80}.stat-card.purple .stat-icon{color:#a297ac}.stat-card.green .stat-value{color:#477e61}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.section-heading h2,.panel h2{font-size:13px;font-weight:600;color:#354336;display:flex;align-items:center;gap:9px;letter-spacing:-.1px}.section-heading p{font-size:10px;color:#98a18f;margin-top:4px}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:21px;line-height:18px;padding:0 6px;border-radius:4px;font-size:9px;font-weight:500;background:#f0f3eb;color:#89977f}.subtle-label{font-size:8px;letter-spacing:1.2px;color:#9ca594;font-weight:550}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-card{text-align:left;padding:20px 21px 15px;border:1px solid #e2e7dd;border-radius:var(--radius);background:#fff;position:relative;overflow:hidden}.module-card:hover{border-color:#b8c6ad;box-shadow:0 6px 15px #32462607;transform:translateY(-2px)}.module-card-top{display:flex;align-items:center;justify-content:space-between}.module-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:11px}.tone-stock{background:#faf1e3;color:#b68a43}.tone-local{background:#eaf4ee;color:#5c967e}.tone-clearance{background:#f2eef8;color:#a38ab9}.tone-parts{background:#edf3f7;color:#7196b2}.tone-customer{background:#fcf0e9;color:#c28a6a}.tone-warranty{background:#eff4e8;color:#8ea265}.module-number{font-size:10px;font-family:monospace;letter-spacing:1px;color:#bbc1b4}.module-card h3{font-size:14px;font-weight:550;margin-top:15px;letter-spacing:-.2px;color:#3a483a}.module-card>p{font-size:10px;color:#98a18f;margin-top:4px}.module-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2ec;margin-top:18px;padding-top:12px;font-size:9px;color:#a0a894}.module-card-bottom strong{font-size:13px;color:#65765d;font-weight:500;margin-right:3px}.module-arrow{display:grid;place-items:center;height:24px;width:24px;border-radius:50%;background:#f5f7f1;color:#87997a}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:19px;margin-top:27px}.panel{border:1px solid #e2e7dd;border-radius:var(--radius);background:#fff;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;border-bottom:1px solid #edf0e8;min-height:58px;color:#9aa88c}.text-button{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#7e9471;font-weight:550;padding:3px 0}.text-button:hover{color:#314e29}.inline-search{display:flex;align-items:center;gap:8px;margin:12px 20px 5px;color:#a8b19e}.inline-search input{border:0;outline:none!important;font-size:10px;padding:7px 0;width:100%;background:transparent}.empty-state{text-align:center;padding:40px 25px 42px;max-width:500px;margin:auto}.empty-icon{width:53px;height:53px;display:grid;place-items:center;background:#f4f6ef;color:#9ead8e;border:1px solid #e8eddf;border-radius:15px;margin:0 auto 13px;box-shadow:0 0 0 6px #fafbf8}.empty-icon svg{height:24px;width:24px;stroke-width:1.3}.empty-state h3{font-size:13px;color:#5b7050;font-weight:500;margin-bottom:7px}.empty-state p{font-size:10px;line-height:1.9;color:#a2ab94;max-width:330px;margin:auto}.empty-state .button{margin-top:16px;font-size:10px}.activity-empty{text-align:center;padding:30px 27px 32px;min-height:266px}.activity-art{display:grid;place-items:center;height:48px;width:48px;margin:0 auto 17px;color:#aeb9a2;border:1px dashed #dce4d2;border-radius:50%;background:#fcfdf9}.activity-empty h3{font-size:12px;line-height:1.7;font-weight:500;max-width:210px;margin:auto;color:#7b8e6c}.activity-empty p{font-size:10px;line-height:1.9;color:#abb39c;margin-top:9px}.panel-footer{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #edf0e8;background:#fcfdf9;padding:11px;font-size:8px;color:#9daa8c}.activity-list{padding:20px 23px 9px;min-height:265px}.activity-item{display:flex;gap:11px;position:relative;padding-bottom:20px}.activity-item:not(:last-child):before{position:absolute;content:'';width:1px;top:10px;bottom:0;left:3px;background:#e6ecdd}.activity-dot{width:7px;height:7px;border-radius:50%;border:2px solid #d7e3ca;background:#94a77d;flex-shrink:0;margin-top:5px}.activity-item p{font-size:10px;color:#78896a;line-height:1.7}.activity-item small{font-size:8px;color:#b0b99f;margin-top:3px}.main-footer{margin-top:38px;padding-top:16px;border-top:1px solid #e7ebdf;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#acb49e}.main-footer>span:first-child{font-size:8px;letter-spacing:1.4px;color:#9fac8c;font-weight:600}.footer-dot{margin:0 7px;color:#b9b99a}.error-banner{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;background:#fff1eb;border:1px solid #f1d7c8;color:#ad6c4f;border-radius:8px;font-size:12px}.error-banner button{margin-left:auto;text-decoration:underline}.attention-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #eddfc5;border-radius:8px;background:#fcf8ed;color:#a58c54;padding:11px 15px;margin-top:16px;font-size:10px}.attention-strip button{display:flex;align-items:center;gap:6px;text-decoration:underline}.module-stats{margin-bottom:23px}.info-banner{display:flex;align-items:center;gap:13px;padding:17px 19px;background:#edf4ed;border:1px solid #dae7d7;border-radius:9px;color:#809a6d;margin:0 0 23px}.info-banner p{font-size:11px;line-height:1.9;flex:1}.info-banner strong{display:block;font-size:11px;font-weight:550;color:#678355}.info-banner p span{display:block;font-size:10px;color:#8da17c;margin-top:2px}.warranty-banner{background:#f2f5e9;border-color:#e3e8d2}.table-toolbar{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar-title{display:flex;align-items:center;gap:9px}.toolbar-actions{display:flex;gap:12px;align-items:center}.view-toggle{display:flex;border:1px solid #e3e8da;padding:2px;border-radius:6px;gap:2px}.view-toggle button{height:27px;width:30px;display:grid;place-items:center;color:#a4b095;border-radius:4px}.view-toggle .selected{background:#edf2e6;color:#71875d}.filters{display:flex;align-items:center;gap:9px;padding:0 20px 16px;flex-wrap:wrap}.filter-search{display:flex;align-items:center;gap:8px;border:1px solid #e2e7da;border-radius:6px;padding:0 10px;flex:1;min-width:190px;color:#a8b39a;height:34px}.filter-search input{height:32px;width:100%;border:0;background:transparent;outline:none!important;font-size:10px}.select-wrap{display:flex;position:relative;min-width:0;align-items:center}.select-wrap>svg{position:absolute;right:10px;pointer-events:none;color:#91a27e}.select-wrap select{width:100%;appearance:none;background:#fff;border:1px solid #e0e7d6;border-radius:6px;padding:8px 29px 8px 10px;height:34px;font-size:10px;color:#7e906d;cursor:pointer}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#f9fbf5}th{padding:12px 20px;color:#9eaa8c;font-size:8px;letter-spacing:.8px;font-weight:550;border-top:1px solid #edf1e5;border-bottom:1px solid #edf1e5}td{padding:14px 20px;font-size:10px;color:#748768;border-bottom:1px solid #f0f3e9}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}td small{color:#adb69b;font-size:8px;margin-top:4px}td strong{font-weight:550;color:#5a704c}.device-link{display:flex;align-items:center;gap:10px;text-align:left;max-width:270px}.device-link strong{display:block;font-size:11px;overflow:hidden;max-width:230px;text-overflow:ellipsis}.device-link small{font-size:8px;color:#a5af95}.device-icon{width:30px;height:36px;border:1px solid #e8eddd;background:#f7f9f2;border-radius:6px;color:#a4b38e;display:grid;place-items:center;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;line-height:1.4;font-size:8px;font-weight:550;background:#eff3e9;color:#8d9e77;white-space:nowrap}.badge>span{width:4px;height:4px;border-radius:50%;background:currentColor}.status-received{background:#edf2f6;color:#849fb0}.status-diagnosing{background:#f0eff8;color:#a396ba}.status-waiting_parts{background:#fcf4e5;color:#c5a367}.status-repairing{background:#eaf3ed;color:#729b7c}.status-quality_check{background:#eeeff8;color:#909bbf}.status-ready{background:#e7f3e7;color:#77a46e}.status-transferred,.status-delivered,.status-sold{background:#eaf2e5;color:#88a075}.status-cancelled{background:#f9ece6;color:#c09b86}.muted-cell{font-size:9px;color:#9dac8c}.mono{font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:.1px}.money-cell{font-variant-numeric:tabular-nums}.urgent-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ce9b6e;margin-left:7px;vertical-align:middle}.row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.stock-qty{font-size:12px;font-weight:600;color:#7e9b6c}.stock-qty.low{color:#bb9c63}.mt24{margin-top:24px}.board{display:flex;gap:12px;padding:0 20px 20px;overflow-x:auto;min-height:340px}.board-column{flex-shrink:0;width:222px;border:1px solid #e9edde;background:#f7f9f2;border-radius:8px;padding:10px}.board-column-heading{font-size:10px;font-weight:550;color:#95a57f;display:flex;justify-content:space-between;padding:2px 1px 12px}.board-column-heading span:last-child{font-size:9px;color:#b0bb9b}.board-card{width:100%;display:block;text-align:left;background:white;border:1px solid #e5ebd8;border-radius:7px;padding:13px;margin-bottom:9px}.board-card small{color:#b2bda1;font-size:8px;letter-spacing:.2px}.board-card strong{font-size:12px;color:#667e53;margin-top:6px;display:block}.board-card p{font-size:10px;white-space:normal;color:#a3b08d;margin-top:6px}.board-card>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#afbb9b;border-top:1px solid #eef2e5;margin-top:12px;padding-top:8px}.board-card:hover{border-color:#a7be90}.report-controls{display:flex;align-items:flex-end;gap:13px;margin:7px 0 15px;flex-wrap:wrap}.report-controls label{font-size:10px;color:#91a47d;display:grid;gap:5px}.report-controls input{border:1px solid #dee7d2;background:#fff;border-radius:6px;padding:8px 12px;font-size:11px;color:#829c6b;min-height:37px}.report-controls>.button{margin-left:auto}.report-note{font-size:10px;color:#9cac8a;line-height:1.9;margin-bottom:20px}.report-controls+.report-note+.stats-grid{margin-bottom:25px}.module-table-label{display:flex;gap:9px;align-items:center}.tiny-module{width:27px;height:27px;display:inline-grid;place-items:center;border-radius:6px;flex-shrink:0}.positive{color:#6c9e66!important}.negative{color:#be8b71!important}.report-explanation{padding:18px 20px;border-top:1px solid #edf2e3;background:#fcfdf9}.report-explanation p{font-size:10px;line-height:1.9;color:#a1ae8b;margin-bottom:6px}.backup-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding:23px;border:1px dashed #dce6ca;border-radius:11px;background:#f9fcf4}.backup-panel>div{display:flex;align-items:center;gap:15px}.soft-icon{height:43px;width:43px;display:grid;place-items:center;background:#edf3e1;color:#a1b582;border-radius:10px}.backup-panel h3{font-size:12px;color:#829b68;font-weight:500}.backup-panel p{font-size:10px;line-height:1.8;color:#a7b595;margin-top:5px}.trash-note{font-size:10px;line-height:1.8;color:#9bad87;padding:16px 20px;background:#fafcf6;border-bottom:1px solid #eaf0df}.toast{position:fixed;bottom:25px;left:calc(50% + 122px);transform:translateX(-50%);z-index:100;max-width:min(90vw,650px);background:#263d30;color:#f4f7e9;border:1px solid #46603b;border-radius:9px;box-shadow:0 8px 30px #1c30292a;padding:13px 15px;display:flex;align-items:center;gap:10px;font-size:11px}.toast>svg{color:#bace95}.toast>button{margin-left:10px;color:#abbf94}.modal-overlay{position:fixed;inset:0;z-index:60;background:#1422196e;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:26px}.modal{width:590px;max-width:100%;max-height:92vh;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8d6;border-radius:15px;box-shadow:0 30px 100px #0a211b35;outline:none}.modal-wide{width:850px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 27px;border-bottom:1px solid #e7eddd;flex-shrink:0}.modal-header p{font-size:8px;letter-spacing:1px;color:#b1bea0;margin-bottom:6px}.modal-header h2{font-size:19px;font-weight:550;color:#5f794c;letter-spacing:-.5px}.modal-body{padding:24px 27px;overflow:auto}.form-module-select{display:grid;gap:7px}.form-module-select>label{font-size:10px;color:#9aab84}.form-module-select select{height:40px;font-size:12px;color:#819967;background:#f9fbf5}.form-category-tag{display:flex;align-items:center;gap:9px;color:#97ae7b;font-size:12px}.form-category-tag>.mono{margin-left:auto;font-size:10px;color:#bbc6a8}.form-tabs{display:flex;gap:26px;border-bottom:1px solid #e8efdc;margin-top:21px}.form-tabs button{display:flex;align-items:center;gap:6px;font-size:11px;padding:0 0 13px;color:#b3c09e;border-bottom:2px solid transparent;margin-bottom:-1px}.form-tabs .active{color:#799d5a;border-color:#91ad70}.form-section-title{display:flex;align-items:center;gap:9px;font-size:9px;color:#bcc9a8;font-weight:500;margin:23px 0 15px;letter-spacing:1px}.form-section-title span{font-size:11px;letter-spacing:0;color:#8ca673;font-weight:550}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field>span:first-child{font-size:10px;color:#9caf84;font-weight:500}.field>input,.field>textarea,.field .select-wrap>select{width:100%;border:1px solid #e0e9d3;background:#fff;border-radius:6px;padding:10px 11px;font-size:11px;color:#7f9b65;min-height:37px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#bbc6a9}.field textarea{resize:vertical}.field>small{font-size:9px;color:#b0c097;line-height:1.6}.field .select-wrap>select{height:39px;padding-right:30px}.field-wide{grid-column:1/-1}.field input[type=date]{min-height:39px}.field-note{font-size:10px;color:#afbf98;line-height:1.9;margin-top:12px}.money-input{display:flex;border:1px solid #e0e9d3;border-radius:6px;height:38px;overflow:hidden}.money-input>span{font-size:11px;display:grid;place-items:center;width:33px;color:#b1c098;background:#f8fbf3;border-right:1px solid #e7eedc}.money-input input{width:100%;border:0;background:white;outline:none!important;padding:8px 11px;color:#829e68;font-size:12px}.money-input:focus-within{outline:2px solid #c8d8b4;outline-offset:1px}.tab-hidden{display:none}.calculated-highlight{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid #dce9cd;background:#f4f9ed;border-radius:8px;margin-top:17px;color:#91ad73;font-size:11px}.calculated-highlight strong{font-size:19px;font-weight:500;color:#84a663;letter-spacing:-.5px}.calculated-highlight small{font-size:9px;color:#b1c397;margin-top:5px}.compact-info{padding:11px 13px;margin-bottom:18px;gap:10px}.compact-info p{font-size:10px;color:#a0b582;line-height:1.8}.cost-summary{background:#f9fbf5;border:1px solid #e4ecd8;padding:11px 19px;border-radius:9px;margin-top:22px}.cost-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#a2b58a;padding:9px 0}.cost-summary strong{font-size:11px;color:#91aa75;font-weight:550}.cost-summary>.summary-total{border-top:1px solid #e2ecd4;padding-top:11px;margin-top:2px;color:#8ca570;font-weight:550}.summary-total strong{font-size:14px}.mini-summary{margin-top:17px}.form-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #e7eedb;margin-top:25px;padding-top:20px}.form-footer>div{display:flex;gap:10px}.form-footer .button{font-size:11px}.form-error{background:#fff2e9;border:1px solid #efd5be;color:#ba977b;font-size:11px;line-height:1.8;border-radius:7px;padding:12px 14px;display:flex;gap:9px;align-items:center;margin-top:19px}.warranty-form{margin-top:23px;padding:18px;border:1px solid #e5eccd;background:#f9fbef;border-radius:9px}.warranty-form h3{font-size:12px;color:#a4b77d;display:flex;gap:9px;align-items:center;margin-bottom:16px;font-weight:500}.warranty-form>p{font-size:10px;margin-top:14px}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#a7b98a;margin-top:16px;line-height:1.8}.checkbox-label input{accent-color:#7c9b59;width:15px;height:15px;flex-shrink:0}.clearance-consent{padding:13px 15px;border:1px solid #e9e3ec;background:#faf7fc;border-radius:7px;color:#b0a0bb}.detail-actionbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.detail-actionbar>div{display:flex;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 25px;padding-bottom:22px;border-bottom:1px solid #e8efda}.detail-grid dt{font-size:9px;color:#b4c49c;margin-bottom:5px}.detail-grid dd{font-size:12px;color:#92aa79;margin:0;overflow-wrap:anywhere}.detail-notes{padding:20px 0 15px}.detail-notes h3,.detail-section-heading h3{font-size:11px;font-weight:550;color:#9db580}.detail-notes p{font-size:11px;line-height:1.9;color:#afc096;margin:6px 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 12px;color:#b6c99a}.detail-section-heading .text-button{color:#91ad70}.small-empty{background:#f9fcf4;border:1px dashed #e2edcf;border-radius:7px;padding:19px;font-size:10px;color:#b7c89e;text-align:center}.parts-used{border:1px solid #e4eed5;border-radius:7px}.parts-used>div{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;font-size:11px;color:#a6be89;border-bottom:1px solid #ecf3e1}.parts-used>div:last-child{border-bottom:0}.parts-used small{display:inline;font-size:10px;color:#c2d3a9;margin-left:7px}.detail-history{border-left:1px solid #e6f0d8;padding-left:15px;margin:15px 0 20px}.detail-history>div{padding:0 0 14px;font-size:10px;color:#b2c69b;line-height:1.8}.detail-history small{color:#ccd9b9;font-size:8px;margin-top:2px}.consent-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#afc78f}.danger{color:#ba9f86}.archive-button{margin-top:15px}.danger-button{background:#bb997c;border-color:#bb997c;color:#fff}.archive-confirm{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px;border:1px solid #eddccb;background:#fff8f0;border-radius:8px}.archive-confirm p{font-size:10px;color:#bea78d;margin-right:auto}.print-brand{display:none}.nav-scrim{display:none}.spin,.spinning>svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Accessible text contrast, while preserving the quiet, warm palette. */
.page-description{color:#768174}.stat-top{color:#6c7868}.stat-card p{color:#85907d}.module-card>p{color:#86927b}.module-card-bottom{color:#8a977b}.empty-state p{color:#8a977a}.empty-state h3{color:#61774f}.field>span:first-child{color:#728c5c}.field>input,.field>textarea,.field .select-wrap>select,.money-input input{color:#567441}.field input::placeholder,.field textarea::placeholder{color:#9ba98a}.form-section-title span{color:#6c8c50}.modal-header h2{color:#365625}.form-tabs .active{color:#547337}.detail-grid dd{color:#627f48}.detail-notes h3,.detail-section-heading h3{color:#6c8c4d}.detail-notes p{color:#819865}.cost-summary>div{color:#7f985f}.cost-summary strong{color:#617f41}.cost-summary>.summary-total{color:#607e41}.detail-history>div{color:#879f69}.form-error{color:#a57550}.report-note{color:#899c73}.report-explanation p{color:#889d70}.positive{color:#588442!important}.negative{color:#b17854!important}
@media(min-width:1600px){:root{--sidebar:264px}.sidebar{padding-left:21px;padding-right:21px}main{padding-top:39px}.module-card{padding:24px 25px 18px}.module-card h3{font-size:16px}.module-card>p{font-size:11px}.module-icon{width:45px;height:45px}.module-card-bottom{margin-top:24px}.stats-grid{gap:19px}.stat-card{padding:21px 23px}.module-grid{gap:19px}.topbar{padding:0 48px}main{padding-left:48px;padding-right:48px}.toast{left:calc(50% + 132px)}}
@media(max-width:1190px){:root{--sidebar:218px}.sidebar{padding-left:10px;padding-right:10px}.nav-item{font-size:11px;gap:9px}.brand{padding-left:15px}.topbar{padding:0 25px}main{padding:28px 25px 20px}.stats-grid{gap:10px}.stat-card{padding:16px 14px;min-height:132px}.stat-value{font-size:25px}.stat-top{font-size:9px}.module-grid{gap:11px}.module-card{padding:17px 17px 13px}.module-card h3{font-size:13px}.dashboard-bottom{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:14px}.private-indicator{display:none}.toast{left:calc(50% + 109px)}th,td{padding-left:16px;padding-right:16px}.device-link strong{max-width:170px}.records-panel .muted-cell{display:none}.records-panel th:nth-last-child(2){display:none}}
@media(max-width:950px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:minmax(0,1fr)}.activity-panel{display:none}.stat-card{min-height:124px}.stat-value{font-size:27px}.module-card h3{font-size:14px}.page-heading{align-items:flex-start}h1{font-size:26px}.eyebrow{font-size:8px}.heading-actions{padding-top:20px}.page-description{font-size:11px;max-width:430px}.topbar-right{gap:12px}.subtle-label{font-size:7px}.backup-panel{align-items:flex-start;flex-direction:column}.report-controls>.button{margin-left:0}.report-controls{align-items:flex-end}.filters .select-wrap{flex:1}.filters .filter-search{flex-basis:100%}.top-date{font-size:10px}.breadcrumb{font-size:10px}.section-heading{margin-top:27px}}
@media(max-width:700px){:root{--sidebar:0px}.sidebar{width:244px;transform:translateX(-100%);transition:transform .2s}.sidebar.is-open{transform:translateX(0)}.nav-scrim{display:block;position:fixed;inset:0;z-index:25;background:#132f2060;backdrop-filter:blur(2px)}.mobile-menu{display:inline-flex!important;margin-left:-5px}.topbar{height:60px;padding:0 19px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>span{display:none}.breadcrumb>svg{display:none}.topbar-right{gap:8px}.top-divider{display:none}.top-avatar{width:28px;height:28px}.main-shell{margin:0}main{padding:25px 19px 18px}.eyebrow{font-size:7px;letter-spacing:1.1px}.page-heading{gap:11px}h1{font-size:25px;letter-spacing:-.7px}.page-description{font-size:10px;line-height:1.9;margin-top:8px;max-width:280px}.heading-actions{gap:6px;padding-top:17px}.heading-actions .button{padding:9px 10px;font-size:9px;min-height:34px;gap:4px}.heading-actions .button svg{width:14px}.heading-actions .sync-button{width:30px;height:34px}.sync-line{margin:21px 0 14px;font-size:8px}.sync-line>span{font-size:8px}.stats-grid{gap:11px}.stat-card{padding:14px 14px 13px;min-height:119px;border-radius:10px}.stat-value{font-size:25px;margin-top:8px}.stat-card p{font-size:8px;line-height:1.8;margin-top:4px}.stat-top{font-size:9px}.stat-icon svg{height:15px;width:15px}.section-heading{margin:26px 0 13px}.section-heading h2{font-size:12px}.section-heading p{font-size:9px}.section-heading .subtle-label{display:none}.module-grid{gap:11px}.module-card{padding:15px 14px 12px;border-radius:10px}.module-icon{width:35px;height:35px;border-radius:9px}.module-icon svg{height:19px;width:19px}.module-card h3{font-size:12px;margin-top:13px}.module-card>p{font-size:9px;margin-top:4px}.module-number{font-size:8px}.module-card-bottom{margin-top:15px;padding-top:10px;font-size:8px;gap:4px}.module-card-bottom strong{font-size:11px}.module-arrow{width:20px;height:20px}.module-arrow svg{height:14px;width:14px}.dashboard-bottom{margin-top:22px}.panel{border-radius:10px}.panel-heading{padding:16px}.panel h2{font-size:12px}.table-toolbar{padding:15px}.filters{padding:0 15px 14px;gap:6px}.filters .select-wrap select{font-size:9px;padding-left:8px;padding-right:23px}.select-wrap>svg{right:7px}.filters .select-wrap{min-width:90px}.view-toggle{display:none}.info-banner{padding:14px 15px;gap:11px}.info-banner p span{font-size:9px;line-height:1.9}.info-banner strong{font-size:10px}.attention-strip{font-size:9px;padding:10px;gap:9px}.module-stats{margin-bottom:18px}.main-footer{margin-top:28px;font-size:7px}.main-footer>span:first-child{font-size:7px;letter-spacing:.8px}.toast{left:50%;bottom:15px;max-width:92vw;width:max-content;font-size:10px;padding:11px 13px}.modal-overlay{padding:10px;align-items:center}.modal{max-height:95vh;border-radius:12px}.modal-header{padding:17px 18px}.modal-header h2{font-size:17px}.modal-header p{font-size:7px}.modal-body{padding:18px}.form-grid{gap:13px}.field>span:first-child{font-size:9px}.field>input,.field>textarea,.field .select-wrap>select{font-size:10px;padding:9px}.form-tabs{gap:20px}.form-tabs button{font-size:9px;gap:5px}.form-tabs button svg{width:14px}.form-footer .button{font-size:9px;padding:9px 10px;gap:5px}.form-footer{gap:8px}.form-footer>div{gap:7px}.form-category-tag{font-size:11px}.form-category-tag .mono{font-size:8px}.detail-grid{gap:15px}.detail-grid dd{font-size:11px}.detail-actionbar .button{font-size:9px}.detail-section-heading h3{font-size:10px}.detail-history>div{font-size:9px}.report-controls{gap:10px}.report-controls label{font-size:9px}.report-controls input{font-size:10px;padding:7px}.report-controls .text-button{font-size:9px}.report-note{font-size:9px}.archive-confirm{flex-wrap:wrap}.archive-confirm p{flex-basis:100%}.checkbox-label{font-size:10px}.backup-panel{padding:18px}.backup-panel h3{font-size:11px}.backup-panel p{font-size:9px}.modal-body .calculated-highlight{font-size:10px}.modal-body .calculated-highlight strong{font-size:17px}.error-banner{font-size:10px}.trash-note{font-size:9px}.field-wide{grid-column:1/-1}}
@media(max-width:370px){main{padding-left:13px;padding-right:13px}.heading-actions .sync-button{display:none}.module-card{padding-left:11px;padding-right:11px}.module-card h3{font-size:11px}.module-card-bottom{font-size:7px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.modal-body{padding:15px}.form-footer .button{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff;color:#111}.sidebar,.main-shell,.toast{display:none!important}.modal-overlay{display:block;position:static;padding:0;background:white;backdrop-filter:none}.modal{width:100%;max-width:100%;max-height:none;display:block;border:0;box-shadow:none;border-radius:0}.modal-header{padding:10px 0}.modal-body{overflow:visible;padding:15px 0}.modal-header button,.detail-actionbar>div,.archive-button,.archive-confirm,.detail-section-heading .text-button,.detail-history,.detail-section-heading:has(+.detail-history){display:none!important}.print-brand{display:block;margin:14px 0 23px}.print-brand h2{font-size:18px;color:#111}.print-brand p{color:#555;font-size:11px;margin-top:6px}.detail-notes,.cost-summary,.detail-grid{break-inside:avoid}.detail-grid dd,.detail-notes p,.cost-summary strong,.cost-summary>div{color:#222!important}.detail-grid dt,.detail-notes h3,.detail-section-heading h3{color:#666!important}}

.stock-subnav{margin:0 10px 9px 28px;border-left:1px solid #405147;padding-left:11px;display:grid;gap:2px}.stock-subnav button{display:flex;justify-content:space-between;align-items:center;text-align:left;color:#8fa397;font-size:11px;padding:7px 9px;border-radius:5px;min-height:30px}.stock-subnav button:hover{background:#ffffff08;color:#e4eade}.stock-subnav button.selected{background:#d7ac6312;color:#dfbf85}.stock-subnav button>span:last-child{font-size:9px;color:#91a487}.stock-division-switcher{display:flex;align-items:center;gap:7px;margin:0 0 21px;padding:6px;background:#ecf0e7;border:1px solid #dfe6d6;border-radius:9px}.stock-division-switcher>button{display:flex;gap:10px;align-items:center;padding:9px 15px;font-size:11px;color:#7c8d6c;border-radius:6px}.stock-division-switcher>button.selected{background:#fff;color:#3d5c2d;box-shadow:0 1px 4px #273a2020}.stock-division-switcher>button>span{font-size:9px;padding:1px 5px;background:#f1f5eb;border-radius:4px;color:#859b70}.stock-division-switcher>small{font-size:9px;color:#8da279;margin-left:auto;margin-right:12px}.sidebar{overflow-y:auto}.stock-subnav button:focus-visible{outline-color:#d7ac6370}@media(max-width:700px){.stock-division-switcher{gap:3px}.stock-division-switcher>button{padding:8px 10px;font-size:10px;gap:7px}.stock-division-switcher>small{display:none}}

/* Independent staff accounts */
.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:#f6f7f3;color:#81916d}.auth-loading .brand-mark{background:#20362a;color:#d9b576;width:58px;height:58px}.auth-loading p{font-size:12px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:46% 54%;background:#fafbf7}.auth-brand-panel{position:relative;display:flex;flex-direction:column;background:#192c25;color:#e4e9db;padding:45px 10% 30px;overflow:hidden}.auth-brand-panel:after{position:absolute;content:'';width:420px;height:420px;right:-210px;bottom:70px;border:1px solid #d6ad6310;border-radius:50%;box-shadow:0 0 0 70px #d6ad6304,0 0 0 140px #d6ad6304;pointer-events:none}.auth-brand{display:flex;align-items:center;gap:15px;position:relative;z-index:1}.auth-brand>span:last-child{font-size:36px;font-weight:600;letter-spacing:-1.5px;line-height:1.1}.auth-brand small{font-size:8px;letter-spacing:2.1px;font-weight:500;color:#a8bb9b;margin-top:8px}.auth-story{margin:auto 0;position:relative;z-index:1;padding:85px 0}.auth-story .eyebrow{color:#99ad8a;font-size:9px;letter-spacing:2px;margin-bottom:20px}.auth-story h1{font-size:52px;letter-spacing:-2px;line-height:1.15;color:#e9eedf;font-weight:500}.auth-story>p:last-of-type{font-size:13px;color:#a4b795;line-height:1.9;margin-top:24px}.auth-section-tags{display:flex;gap:7px;flex-wrap:wrap;max-width:330px;margin-top:40px}.auth-section-tags span{font-size:9px;color:#c3caa9;border:1px solid #d6dfc51c;padding:6px 10px;border-radius:5px;background:#ffffff03}.auth-brand-footer{display:flex;align-items:center;gap:9px;color:#94aa80;font-size:10px;position:relative;z-index:1}.auth-form-panel{display:flex;align-items:center;justify-content:center;max-width:none;padding:50px 45px;margin:0}.auth-form-container{width:100%;max-width:365px}.auth-lock{height:47px;width:47px;display:grid;place-items:center;background:#edf3e4;color:#8ba76e;border:1px solid #e1eacd;border-radius:12px;margin-bottom:23px}.auth-form-container>.eyebrow{font-size:8px;letter-spacing:1.5px;color:#96aa81;margin-bottom:9px}.auth-form-container h2{font-size:27px;line-height:1.25;font-weight:550;letter-spacing:-.8px;color:#37552a}.auth-description{font-size:12px;color:#8c9d79;line-height:1.9;margin:13px 0 30px}.auth-form-container form{display:grid;gap:18px}.auth-form-container .field>span:first-child{font-size:11px;color:#7f9669}.auth-form-container .field>input{height:44px;font-size:12px;color:#415f30;border-color:#d8e3ca;background:#fff}.auth-form-container .field>small{color:#9dae87;font-size:10px}.auth-submit{width:100%;height:43px;flex-direction:row-reverse;font-size:12px!important;margin-top:6px}.auth-help{font-size:10px;line-height:1.9;padding:17px 0;margin-top:18px;border-top:1px solid #e1e8d8;color:#9bab87}.auth-link{font-size:11px;color:#8ba46e;display:inline-block;margin-top:22px}.auth-link:hover{text-decoration:underline}.auth-form-container>footer{font-size:8px;letter-spacing:1.8px;color:#acb99c;margin-top:44px}.auth-form-container>footer>span{margin:0 9px;color:#c5b583}.account-profile{text-align:center;padding:0 0 23px}.large-avatar{display:grid;place-items:center;width:59px;height:59px;margin:0 auto 13px;border-radius:15px;background:#ebf2df;color:#88a468;font-size:24px}.account-profile h3{font-size:19px;color:#6c8a4e;letter-spacing:-.4px}.account-profile p{font-size:11px;color:#a1b68a;margin:7px 0 12px}.account-password{display:grid;gap:16px}.account-panel>.button{width:100%}.users-help{display:flex;gap:10px;align-items:center;padding:18px 20px;background:#fafcf5;border-top:1px solid #e7eedb;color:#9db283}.users-help p{font-size:10px;line-height:1.9}.user-stats{margin-bottom:24px}.user-stats .stat-card{min-height:109px}.you-label{display:inline-block;font-size:8px;color:#a2b98a;background:#f0f6e7;border-radius:4px;padding:2px 5px;margin-left:5px}.role-description{white-space:normal;min-width:290px;line-height:1.8}.reset-explanation{font-size:12px;color:#8da572;line-height:1.9}.field>select{width:100%;border:1px solid #dce7ce;background:#fff;border-radius:6px;padding:10px 11px;color:#6e8955;font-size:11px;min-height:39px}.field input:disabled,.field select:disabled{background:#f7f9f2;color:#a4b493}.account-panel .form-footer{margin-top:24px}.sidebar-account>.icon-button{margin-left:auto;color:#a5b797}.sidebar-account>span:nth-child(2){min-width:0}.sidebar-account strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px;letter-spacing:.2px}.detail-actionbar>div{flex-wrap:wrap;justify-content:flex-end}.auth-shell .form-error{margin-top:0}.auth-shell a:focus-visible{outline:3px solid #d6b27c80;outline-offset:3px}@media(max-width:1000px){.auth-brand-panel{padding:35px 9% 26px}.auth-story h1{font-size:42px}.auth-form-panel{padding:40px 35px}.auth-section-tags{max-width:280px;gap:6px}}@media(max-width:700px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{padding:26px 27px;min-height:120px}.auth-brand>span:last-child{font-size:30px}.auth-story,.auth-brand-footer{display:none}.auth-brand{margin:auto 0}.auth-form-panel{padding:38px 26px 30px;min-height:calc(100vh - 120px)}.auth-form-container h2{font-size:24px}.auth-description{font-size:11px;margin-bottom:25px}.auth-lock{height:43px;width:43px;margin-bottom:20px}.auth-form-container>footer{margin-top:29px}.users-help{font-size:9px;padding:15px}.user-stats .stat-card{min-height:100px}.account-profile h3{font-size:17px}.user-stats{margin-bottom:20px}.role-description{font-size:9px}}
.receipt-panel{margin:20px 0 24px;border:1px solid #dce5d5;border-radius:10px;background:#f8faf5;padding:20px}.receipt-heading{display:flex;align-items:center;gap:9px;color:#4d6c3c}.receipt-heading h3{font-size:14px;margin:0}.receipt-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:20px 0 0;list-style:none}.receipt-steps li{display:flex;gap:10px;align-items:flex-start}.receipt-number{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:#e9eddf;color:#7b8f68;font-size:11px}.confirmed .receipt-number{background:#dcebd4;color:#426d32}.receipt-steps strong{font-size:11px;color:#4f6544;line-height:1.6;display:block}.receipt-steps p,.receipt-steps time{font-size:10px;color:#718264;line-height:1.8;display:block;margin:4px 0 0}.receipt-confirm{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e0e7da;padding-top:17px;margin-top:18px}.receipt-confirm p{font-size:11px;color:#657c55;line-height:1.8;margin:0}.receipt-confirm .button{flex-shrink:0}.status-awaiting_receipt{background:#f5eddb;color:#92753b}.status-awaiting_return{background:#ece7f6;color:#80699e}.status-awaiting_receipt>span{background:#b79652}.status-awaiting_return>span{background:#9f84bf}@media(max-width:700px){.receipt-panel{padding:16px}.receipt-steps{grid-template-columns:1fr;gap:15px}.receipt-confirm{align-items:stretch;flex-direction:column;gap:12px}.receipt-heading h3{font-size:13px}}@media print{.receipt-confirm{display:none}.receipt-panel{break-inside:avoid}.receipt-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.workflow-caption{font-size:10px;color:#809172;margin:5px 0 0;line-height:1.8}.request-panel .panel-heading>div{min-width:0}.request-filters{padding:10px 20px;background:#fbfcf8;border-bottom:1px solid #e6ecdd}.request-filters .checkbox-label{margin:0;font-size:10px}.wrap-cell{max-width:270px;white-space:normal!important;line-height:1.8}.request-device{padding:16px;border:1px solid #dfe8d5;background:#f8faf4;border-radius:8px;color:#49633d}.request-device>strong{font-size:13px}.request-device p{font-size:11px;line-height:1.9;margin:7px 0 0;overflow-wrap:anywhere}.request-device b{color:#4c6640}.accounting-body{padding:20px}.closing-controls{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:20px;align-items:end}.closing-to{display:flex;flex-direction:column;gap:5px;padding-bottom:8px}.closing-to small{color:#829371;font-size:10px}.closing-to strong{font-size:12px;color:#48623b}.closing-to span{font-size:9px;color:#8c9b7d}.closing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:22px 0 14px}.closing-summary>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #e2e9d9;font-size:11px;color:#7d906c}.closing-summary strong{color:#4d683e;white-space:nowrap}.closing-form{display:grid;gap:18px;border-top:1px solid #dfe7d5;padding-top:22px;margin-top:20px}.closing-form>.button{justify-self:end}.closing-form>p{font-size:11px;margin:0}.item-account{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0;padding:18px;background:#f4f8ee;border:1px solid #dfe8d4;border-radius:9px}.item-account>div{display:flex;align-items:flex-start;gap:10px;color:#72915d}.item-account strong{font-size:12px;color:#4f6e3d}.item-account p{font-size:10px;line-height:1.8;margin:5px 0 0;color:#81956e}.item-account>.button{flex-shrink:0}.receipt-list{display:grid;gap:9px}.receipt-link{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid #e1e8d9;background:#fbfcf8;border-radius:7px;text-align:left;color:#748d60}.receipt-link>span{min-width:0;flex:1}.receipt-link strong{display:block;font-size:12px;color:#4e6b3c}.receipt-link small{display:block;font-size:10px;color:#8ba077;line-height:1.8;margin-top:3px}.receipt-link>b{font-size:12px;color:#4c6a39;white-space:nowrap}.customer-receipt{padding:10px 4px;color:#263824}.customer-receipt header{text-align:center;border-bottom:1px solid #dce3d5;padding-bottom:22px}.receipt-logo{font-size:35px;font-weight:650;letter-spacing:-2px;color:#25402c}.receipt-logo>span{color:#d19c4a}.customer-receipt header>p{letter-spacing:2px;font-size:9px;color:#728167;margin:4px 0 20px}.customer-receipt header h2{font-size:18px;letter-spacing:-.4px;margin:8px 0;color:#3b5130}.customer-receipt header>strong{font-size:13px}.customer-receipt time{display:block;color:#738567;font-size:10px;margin-top:8px}.customer-receipt dl{margin:20px 0}.customer-receipt dl>div{display:flex;justify-content:space-between;gap:24px;font-size:11px;line-height:1.9;margin-bottom:9px}.customer-receipt dt{color:#7d8c73}.customer-receipt dd{margin:0;text-align:right;font-weight:550;max-width:67%;overflow-wrap:anywhere}.receipt-amount{display:flex;justify-content:space-between;align-items:center;background:#f0f5e9;border-radius:7px;padding:17px;color:#4d6839}.receipt-amount>span{font-size:11px}.receipt-amount>strong{font-size:24px;letter-spacing:-.8px}.receipt-disclosure{padding:15px;border:1px solid #e4e7d7;border-radius:6px;font-size:10px;line-height:1.9;color:#6f7c63}.receipt-disclosure p{margin:7px 0 0}.customer-receipt footer{border-top:1px dashed #d8dfd1;text-align:center;margin-top:23px;padding-top:17px;font-size:10px;color:#849474;line-height:1.9}.customer-receipt footer p{margin:3px 0}.customer-receipt footer strong{display:block;margin-top:12px;font-weight:550;color:#688252}@media(max-width:700px){.accounting-body{padding:15px}.closing-controls{grid-template-columns:1fr 1fr;gap:15px}.closing-to{grid-column:1/-1}.closing-summary{grid-template-columns:1fr;margin-top:15px}.closing-summary>div{font-size:10px}.item-account{align-items:stretch;flex-direction:column;padding:15px;gap:13px}.item-account>.button{align-self:flex-start}.request-panel .panel-heading{gap:12px;align-items:flex-start}.request-panel .panel-heading h2{font-size:13px}.workflow-caption{font-size:9px}.customer-receipt dl>div{font-size:10px}.closing-form>.button{justify-self:stretch}}@media print{.no-print{display:none!important}.modal-overlay:not(:last-of-type){display:none!important}.customer-receipt{max-width:650px;margin:0 auto;color:#111}.customer-receipt .receipt-logo{color:#111}.customer-receipt header h2{color:#111}.receipt-amount{border:1px solid #ccc}.closing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.source-panel{padding:20px;margin:20px 0;border:1px solid #dce5d4;background:#fcfdf9;border-radius:10px}.source-heading{display:flex;align-items:center;gap:9px;color:#698553}.source-heading h3{margin:0;font-size:13px;color:#4d673e}.source-heading>a{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10px;color:#789261}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px;margin:20px 0 16px}.source-grid dt{font-size:9px;color:#8b9d7a;line-height:1.7}.source-grid dd{margin:5px 0 0;font-size:11px;color:#4b663d;overflow-wrap:anywhere;line-height:1.8}.source-review{display:flex;gap:10px;background:#fbf4e3;border:1px solid #efe2c3;border-radius:7px;padding:13px;margin-top:16px;color:#9a7f43}.source-review>svg{flex-shrink:0;margin-top:2px}.source-review strong{font-size:11px}.source-review ul{padding-left:16px;margin:7px 0 0;font-size:10px;line-height:1.9}.source-footnote{font-size:9px;color:#8b9b7c;line-height:1.9;margin:10px 0 0}.source-history{border-top:1px solid #e4eadc;margin-top:14px;padding-top:12px}.source-history summary{cursor:pointer;font-size:10px;font-weight:550;color:#70895c}.source-history>div{padding:12px 0;border-bottom:1px dashed #e3e9dc}.source-history strong{font-size:9px;color:#8a9c79}.source-history p{font-size:11px;line-height:1.8;white-space:pre-wrap;color:#516d41;margin:6px 0}.source-history small{color:#889c75;font-size:9px}.import-banner{margin-bottom:20px}@media(max-width:700px){.source-panel{padding:15px}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.source-heading{flex-wrap:wrap}.source-heading>a{font-size:9px}.source-heading h3{font-size:12px}}@media print{.source-panel{break-inside:avoid}.source-heading>a{display:none}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.receipt-undo{border-top:1px solid #e1e8d9;padding-top:14px;margin-top:18px}.receipt-undo p{font-size:10px;color:#839473;line-height:1.8;margin:6px 0 0}.receipt-undo .text-button:disabled{cursor:default;opacity:.6}.receipt-correction{border-left:3px solid #cfb579;background:#fbf7eb;padding:12px 14px;margin-top:16px;font-size:10px;line-height:1.9;color:#8d7c51}.receipt-correction strong{font-size:11px;color:#837044}.receipt-correction p{margin:4px 0 0}@media print{.receipt-undo{display:none}}
.stock-days-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.stock-days-cell strong{font-size:12px;font-weight:550;color:#526e43}.stock-days-cell small{color:#91a27e;font-size:9px;margin-top:4px}.days-unconfirmed{font-size:10px;color:#95a585}
.local-workflow{border:1px solid #dce6d3;background:#fbfdf7;border-radius:9px;margin:20px 0;overflow:hidden}.local-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 18px 18px;gap:12px}.local-timeline>div{border-top:2px solid #e5eadf;padding-top:10px;color:#97a68b}.local-timeline>div.confirmed{border-color:#8ba679;color:#65894f}.local-timeline strong{display:block;font-size:10px;margin:5px 0}.local-timeline small{font-size:9px;line-height:1.8;overflow-wrap:anywhere}.local-hold{display:flex;align-items:center;gap:10px;padding:13px 18px;background:#f8f2e6;color:#a38952;border-top:1px solid #ede4d1;border-bottom:1px solid #ede4d1}.local-hold strong{font-size:11px;display:block}.local-hold span{display:block;font-size:10px;margin-top:4px;line-height:1.8}.local-settlement-totals{padding:16px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px;background:#f3f7ec;margin:16px 0;border-radius:7px;color:#81956c;font-size:11px}.local-settlement-totals>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.local-settlement-totals strong{color:#506f3c;white-space:nowrap}.local-workflow .local-settlement-totals{margin:0;border-radius:0}.local-review-note{padding:14px 18px;border-top:1px solid #e5ebdd;font-size:10px;color:#829473;line-height:1.8}.local-review-note strong{font-size:11px;color:#627e4e}.local-review-note p{margin-top:5px;white-space:pre-wrap}.local-controls,.local-cancel{padding:15px 18px}.local-controls form,.local-cancel form{display:grid;gap:13px}.local-controls form>.button,.local-cancel form>.button{justify-self:end}.local-payment-complete{padding:16px 18px;border-top:1px solid #dfe8d5;color:#66884f}.local-payment-complete>p{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.8}.local-payment-complete>small{font-size:10px;margin:6px 0 14px;color:#8a9d7c}.local-review-history{padding:12px 18px;border-top:1px solid #e3eadb;color:#869a74;font-size:10px}.local-review-history summary{cursor:pointer}.local-review-history p{padding:10px 0;border-bottom:1px solid #e7edde;line-height:1.8}.local-report-note{padding:0 18px 15px;margin:0}.local-workflow>.form-error{margin:12px 18px}.status-needs_repair{background:#f8efdf;color:#a98b4a}.status-customer_payment{background:#eaf4e4;color:#709553}.status-awaiting_platform_receipt{background:#e9eef7;color:#7c91b2}@media(max-width:800px){.local-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.local-settlement-totals{grid-template-columns:1fr}}@media(max-width:500px){.local-timeline{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 14px}.local-controls,.local-review-note,.local-hold,.local-payment-complete{padding:14px}.local-payment-complete>.device-action-buttons{flex-direction:column;align-items:stretch}}@media print{.local-controls,.local-cancel{display:none!important}}
.repeat-badge{display:inline-flex;align-items:center;gap:5px;background:#f5eddf;color:#987442;border:1px solid #ebdcc5;border-radius:4px;padding:3px 6px;font-size:8px;margin-top:6px;white-space:nowrap}.repeat-badge>span{border-left:1px solid #dfcbaa;padding-left:5px;color:#ab8b5b}.repeat-filter-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 18px}.repeat-filter-bar>button{border:1px solid #dfe6d7;background:#fff;border-radius:6px;padding:8px 11px;font-size:10px;color:#7f9270;display:flex;gap:8px;align-items:center}.repeat-filter-bar>button.selected{background:#eff5e7;border-color:#b9cba6;color:#4c703b}.repeat-filter-bar>button>span{font-size:9px;color:#8b9e7b}.repeat-filter-bar>small{flex-basis:100%;font-size:9px;color:#94a384;margin-top:3px}.device-history-panel,.sales-transfer-panel{border:1px solid #e0e7d8;border-radius:9px;background:#fcfdf9;margin:20px 0;overflow:hidden}.device-history-heading{display:flex;gap:10px;align-items:center;padding:16px 18px;color:#86a071}.device-history-heading h3{font-size:12px;color:#4c6740}.device-history-heading p{font-size:10px;color:#8a9a7e;margin-top:4px}.device-history-note{padding:0 18px 14px;font-size:10px;color:#8b9c7b;line-height:1.8}.history-visits{font-size:10px}.history-visits th{font-size:8px}.history-visits .history-fault{white-space:normal;min-width:160px;max-width:280px;line-height:1.7}.history-visits .current-visit{background:#f2f7eb}.history-visits .text-button{font-size:10px}.history-visits button:disabled{opacity:1;cursor:default;color:#5e8050}.retail-next-actions:empty{display:none}.retail-next-actions{margin:18px 0}.device-action-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.linked-sales-summary{border:1px solid #e6dfd0;border-radius:7px;padding:12px 14px;background:#fcf9f2;font-size:10px;color:#9b8a67;margin-top:12px}.linked-sales-summary .text-button{font-size:10px}.linked-sales-summary>small{margin-top:4px;font-size:9px}.transfer-source{margin-top:17px;padding:13px 15px;border:1px solid #e0e7d8;border-radius:7px;background:#f6f9f0;color:#6c8457;font-size:11px;line-height:1.9}.transfer-source p{font-size:10px;color:#8a9a77}.sales-transfer-panel{padding-bottom:16px}.sales-transfer-panel>.text-button{margin:0 18px;font-size:10px}.transfer-reason{font-size:11px;color:#819371;margin:0 18px 12px;white-space:pre-wrap}.transfer-values{margin:15px 18px;display:grid;gap:8px;font-size:10px;color:#8a9d77}.transfer-values>span{display:flex;justify-content:space-between;gap:15px}.transfer-values strong{color:#5c7b45}.sales-receipt-note{display:flex;align-items:center;gap:7px;color:#71945c;font-size:10px;margin:14px 18px;line-height:1.8}.sales-transfer-panel>.device-action-buttons{margin:14px 18px 0}.sales-transfer-panel>.form-error{margin:12px 18px 0}.cancel-sales-form{border-top:1px solid #e2e9d9;padding:16px 18px 0;display:grid;gap:12px}.cancel-sales-form>.button{justify-self:end}.status-awaiting_sales_receipt{background:#f5ecdd;color:#aa8854}@media(max-width:600px){.repeat-filter-bar>button{padding:7px 9px;font-size:9px}.device-history-heading{padding:14px}.history-visits th,.history-visits td{padding:10px 12px}.device-action-buttons{gap:8px}.transfer-values>span{flex-wrap:wrap}.device-history-note{padding:0 14px 12px}}@media print{.retail-next-actions,.repeat-filter-bar,.sales-transfer-panel .device-action-buttons,.cancel-sales-form{display:none!important}}
.operation-column-heading{min-width:200px}.operation-column-heading small{font-size:8px;letter-spacing:.8px;color:#92a185;margin-top:3px}.operation-cell{min-width:200px}.operation-input{display:flex;align-items:center;gap:6px}.operation-input select{width:150px;max-width:100%;border:1px solid #dce5d5;background:#fbfcf8;border-radius:6px;padding:7px 8px;color:#49613e;font-size:11px;min-height:32px}.operation-save{width:30px;height:30px;border:1px solid #dce5d5;border-radius:6px;display:grid;place-items:center;color:#426a39;background:#f5f8ef}.operation-save:disabled{cursor:default;opacity:.35}.operation-save:hover:not(:disabled){background:#e9f1e0}.operation-error{max-width:210px;font-size:10px!important;white-space:normal;line-height:1.7;color:#a54d43!important;margin-top:5px}.operation-readonly>small{font-size:9px;color:#92a185;margin-top:4px}.operation-pending{background:#f1f2ed;color:#829078}.operation-waiting_parts{background:#fbf0db;color:#a4823a}.operation-repairing{background:#e7eef9;color:#6883ad}.operation-quality_check{background:#f0e9f7;color:#9679ac}.operation-ready{background:#e8f3e2;color:#668b4a}.operation-waiting_shahzad{background:#fbecd9;color:#b0844c}.operation-dead{background:#f8e8e4;color:#b16c5d}.operation-panel{display:grid;grid-template-columns:1fr auto;gap:12px 20px;padding:17px 18px;border:1px solid #dfe7d7;border-radius:9px;background:#f9fbf5;margin:20px 0}.operation-panel-heading{display:flex;align-items:center;gap:11px;color:#839e71}.operation-panel-heading h3{font-size:12px;color:#4c6740}.operation-panel-heading p{font-size:10px;color:#8a9d7b;margin-top:2px}.operation-panel-note{grid-column:1/-1;font-size:10px;color:#859675;line-height:1.8}.operation-updated{grid-column:1/-1;font-size:9px;color:#8c9c7e}.board-card>.operation-badge{margin:0 0 8px}@media(max-width:600px){.operation-panel{grid-template-columns:1fr;padding:15px}.operation-cell{min-width:190px}.operation-input select{font-size:10px}}@media print{.operation-panel .operation-save{display:none}.operation-panel select{border:0;background:none}}

.trash-action{color:#ac5151;border-color:#e6c9c3;background:#fff8f5}.modal-body>.trash-action{margin-bottom:16px}.trash-note{padding:15px 18px;font-size:11px;line-height:1.8;color:#8c9c80}.trash-action:hover{background:#fcebe6}

.dashboard-bottom.activity-hidden{grid-template-columns:minmax(0,1fr)}
.empty-trash-preview{max-height:260px;overflow:auto;border:1px solid #e1e7db;border-radius:7px;margin-top:16px}.empty-trash-preview td{white-space:normal;overflow-wrap:anywhere}
.source-entry{border:1px solid #dce5d4;border-radius:9px;background:#fcfdf9;margin:22px 0 8px;padding:15px 17px}.source-entry>summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#4d673e;font-size:12px;font-weight:550;list-style:none}.source-entry>summary::after{content:'+';margin-left:auto;font-size:16px;font-weight:400}.source-entry[open]>summary::after{content:'−'}.source-entry>summary::-webkit-details-marker{display:none}.source-entry-note{font-size:10px;line-height:1.8;color:#738568;margin:12px 0 16px}.source-entry-fields{border:0;padding:0;margin:0;min-width:0}.source-entry-fields:disabled input,.source-entry-fields:disabled textarea{background:#f3f6ee;color:#75876a}.source-entry input[readonly]{background:#f3f6ee}.source-entry-history{border-top:1px solid #e4eadc;padding-top:16px;margin-top:18px}.source-entry-history h4{font-size:11px;font-weight:550;color:#4d673e;margin:0}.source-entry-history-row{border:1px solid #e4eadc;background:white;border-radius:7px;padding:13px;margin:12px 0}.source-entry-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.source-entry-history-heading strong{font-size:10px;color:#647e53}.source-entry-history-heading button{display:flex;align-items:center;gap:5px;font-size:10px}.source-entry .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:500px){.source-entry{padding:13px}.source-entry-fields .form-grid{grid-template-columns:1fr}.source-entry-history-row{padding:11px}.source-entry>summary{font-size:11px}}

/* Official Google Identity Services button and staff sign-in states. */
.google-sign-in{margin:0 0 22px}.google-sign-in[hidden],.google-sign-in-button[hidden]{display:none}.google-sign-in-button{display:flex;justify-content:center;min-height:44px;max-width:100%;overflow:hidden}.google-sign-in-disabled .google-sign-in-button{pointer-events:none;opacity:.6}.google-sign-in-status{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;color:#687e56;font-size:11px}.google-sign-in-help{font-size:10px;line-height:1.8;color:#7e906b;text-align:center;margin:9px 0 3px}.google-privacy-link{display:block;text-align:center;color:#6b8355;font-size:10px;text-decoration:underline;text-underline-offset:3px}.google-sign-in-retry{margin-top:10px}.google-sign-in .form-error{font-size:11px;line-height:1.7}.auth-divider{display:flex;align-items:center;gap:11px;margin:23px 0 0;font-size:10px;color:#94a285;white-space:nowrap}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#dfe7d6}.privacy-page{max-width:760px;margin:45px auto;padding:38px;background:#fafbf7;border:1px solid #e0e8d8;border-radius:12px;color:#586d46}.privacy-brand{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#718957}.privacy-page h1{font-size:29px;letter-spacing:-.7px;line-height:1.3;margin:25px 0 14px}.privacy-page h2{font-size:17px;margin-bottom:12px;color:#3b572d}.privacy-page p{font-size:13px;line-height:1.9;margin-bottom:12px}.privacy-page section{margin:27px 0}.privacy-page>.button{display:inline-flex;margin-top:8px}@media(max-width:700px){.privacy-page{margin:18px;padding:25px 22px}.privacy-page h1{font-size:24px}.privacy-page p{font-size:12px}.google-sign-in-help{font-size:10px}}


/* Readable staff workspace — screen-only so receipt/print layouts stay intact. */
@media screen {
  :root {
    --ink: #233b31;
    --muted: #62736b;
    --line: #dce5dd;
    --page: #f3f6f2;
    --dark: #172e27;
    --green: #306d53;
    --gold: #dab574;
    --sidebar: 280px;
    --radius: 16px;
  }
  .brand small,
  .workspace-tag,
  .tag-mini,
  .nav-label,
  .nav-count,
  .nav-key,
  .mini-shield small,
  .sidebar-account small,
  .eyebrow,
  .sync-line,
  .stat-card p,
  .count-pill,
  .subtle-label,
  .module-card-bottom,
  .panel-footer,
  .activity-item small,
  .main-footer,
  .main-footer>span:first-child,
  th,
  td small,
  .device-link small,
  .badge,
  .muted-cell,
  .board-column-heading span:last-child,
  .board-card small,
  .board-card>div,
  .modal-header p,
  .form-section-title,
  .field>small,
  .calculated-highlight small,
  .detail-grid dt,
  .detail-history small,
  .heading-actions .button,
  .filters .select-wrap select,
  .form-category-tag .mono,
  .detail-actionbar .button,
  .report-controls .text-button,
  .stock-subnav button>span:last-child,
  .stock-division-switcher>button>span,
  .stock-division-switcher>small,
  .auth-brand small,
  .auth-story .eyebrow,
  .auth-section-tags span,
  .auth-form-container>.eyebrow,
  .auth-form-container>footer,
  .you-label,
  .users-help,
  .role-description,
  .closing-to span,
  .customer-receipt header>p,
  .source-grid dt,
  .source-footnote,
  .source-history strong,
  .source-history small,
  .stock-days-cell small,
  .local-timeline small,
  .repeat-badge,
  .repeat-filter-bar>button>span,
  .repeat-filter-bar>small,
  .history-visits th,
  .linked-sales-summary>small,
  .operation-column-heading small,
  .operation-readonly>small,
  .operation-updated { font-size: 13px; }
  .mini-shield strong,
  .sidebar-account strong,
  .private-indicator,
  .button.small,
  .sync-line>span,
  .stat-top,
  .section-heading p,
  .module-number,
  .text-button,
  .inline-search input,
  .empty-state p,
  .empty-state .button,
  .activity-empty p,
  .activity-item p,
  .attention-strip,
  .info-banner p span,
  .filter-search input,
  .select-wrap select,
  td,
  .board-column-heading,
  .board-card p,
  .report-controls label,
  .report-note,
  .report-explanation p,
  .backup-panel p,
  .form-module-select>label,
  .form-category-tag>.mono,
  .field>span:first-child,
  .field-note,
  .compact-info p,
  .cost-summary>div,
  .warranty-form>p,
  .small-empty,
  .parts-used small,
  .detail-history>div,
  .consent-note,
  .archive-confirm p,
  .modal-body .calculated-highlight,
  .auth-brand-footer,
  .auth-form-container .field>small,
  .auth-help,
  .users-help p,
  .receipt-steps p,
  .receipt-steps time,
  .workflow-caption,
  .request-filters .checkbox-label,
  .closing-to small,
  .item-account p,
  .receipt-link small,
  .customer-receipt time,
  .receipt-disclosure,
  .customer-receipt footer,
  .source-heading>a,
  .source-review ul,
  .source-history summary,
  .receipt-undo p,
  .receipt-correction,
  .days-unconfirmed,
  .local-timeline strong,
  .local-hold span,
  .local-review-note,
  .local-payment-complete>small,
  .local-review-history,
  .repeat-filter-bar>button,
  .device-history-heading p,
  .device-history-note,
  .history-visits,
  .history-visits .text-button,
  .linked-sales-summary,
  .linked-sales-summary .text-button,
  .transfer-source p,
  .sales-transfer-panel>.text-button,
  .transfer-values,
  .sales-receipt-note,
  .operation-error,
  .operation-panel-heading p,
  .operation-panel-note,
  .source-entry-note,
  .source-entry-history-heading strong,
  .source-entry-history-heading button,
  .google-sign-in-help,
  .google-privacy-link,
  .auth-divider,
  .privacy-brand { font-size: 14px; }
  small,
  .breadcrumb,
  .top-date,
  .top-avatar,
  .button,
  .module-card>p,
  .info-banner p,
  .info-banner strong,
  .device-link strong,
  .report-controls input,
  .trash-note,
  .toast,
  .form-tabs button,
  .form-section-title span,
  .field>input,
  .field>textarea,
  .field .select-wrap>select,
  .money-input>span,
  .calculated-highlight,
  .cost-summary strong,
  .form-footer .button,
  .form-error,
  .checkbox-label,
  .detail-notes h3,
  .detail-section-heading h3,
  .detail-notes p,
  .parts-used>div,
  .stock-subnav button,
  .stock-division-switcher>button,
  .auth-form-container .field>span:first-child,
  .auth-link,
  .account-profile p,
  .field>select,
  .receipt-number,
  .receipt-steps strong,
  .receipt-confirm p,
  .request-device p,
  .closing-summary>div,
  .closing-form>p,
  .customer-receipt dl>div,
  .receipt-amount>span,
  .source-grid dd,
  .source-review strong,
  .source-history p,
  .receipt-correction strong,
  .local-hold strong,
  .local-settlement-totals,
  .local-review-note strong,
  .transfer-source,
  .transfer-reason,
  .operation-input select,
  .source-entry-history h4,
  .google-sign-in-status,
  .google-sign-in .form-error { font-size: 15px; }
  body,
  .nav-item,
  .avatar,
  .page-description,
  .section-heading h2,
  .panel h2,
  .module-card-bottom strong,
  .empty-state h3,
  .activity-empty h3,
  .error-banner,
  .stock-qty,
  .board-card strong,
  .backup-panel h3,
  .form-module-select select,
  .form-category-tag,
  .money-input input,
  .warranty-form h3,
  .detail-grid dd,
  .auth-loading p,
  .auth-story>p:last-of-type,
  .auth-description,
  .auth-form-container .field>input,
  .auth-submit,
  .reset-explanation,
  .request-device>strong,
  .closing-to strong,
  .item-account strong,
  .receipt-link strong,
  .receipt-link>b,
  .customer-receipt header>strong,
  .request-panel .panel-heading h2,
  .source-heading h3,
  .stock-days-cell strong,
  .local-payment-complete>p,
  .device-history-heading h3,
  .operation-panel-heading h3,
  .source-entry>summary,
  .privacy-page p { font-size: 16px; }
  .summary-total strong,
  .receipt-heading h3 { font-size: 18px; }

  body { font-size: 16px; line-height: 1.6; color: var(--ink); }
  small { font-size: 13px; line-height: 1.6; }
  input::placeholder, textarea::placeholder,
  .field input::placeholder, .field textarea::placeholder { color: #7a887e; opacity: 1; }
  button:focus-visible, a:focus-visible, input:focus-visible,
  textarea:focus-visible, select:focus-visible {
    outline: 3px solid #649576;
    outline-offset: 3px;
  }
  .sidebar {
    width: var(--sidebar);
    padding: 30px 18px 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #587766 #172e27;
    scrollbar-width: thin;
    background: linear-gradient(165deg, #1c372e 0%, #172e27 58%, #13271f 100%);
    box-shadow: 4px 0 24px #17322608;
  }
  .brand { gap: 13px; padding: 0 12px; }
  .brand-mark { width: 48px; height: 48px; border-radius: 14px; }
  .brand strong { font-size: 34px; letter-spacing: -1.5px; }
  .brand small, .auth-brand small { font-size: 11px; color: #b8cbbc; letter-spacing: 1.8px; }
  .workspace-tag { margin: 28px 8px 24px; padding: 11px 12px; letter-spacing: .8px; font-size: 12px; }
  .online-dot { width: 7px; height: 7px; }
  .tag-mini { font-size: 11px; padding: 1px 5px; color: #b7c7ba; }
  .nav-label { font-size: 11px; letter-spacing: 1.4px; color: #9fb4a6; margin-bottom: 10px; }
  .section-label { margin-top: 26px; }
  .nav-item {
    position: relative;
    gap: 12px;
    min-height: 48px;
    border-radius: 10px;
    padding: 11px 13px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    color: #c2d1c5;
  }
  .nav-item > span:first-of-type { min-width: 0; }
  .nav-item > svg { width: 20px; height: 20px; color: #9cb6a7; }
  .nav-item:hover { background: #ffffff0c; }
  .nav-item.active { background: #d7ac6320; color: #f0d29c; }
  .nav-item.active:before { left: -18px; height: 28px; width: 3px; }
  .nav-count { font-size: 12px; min-width: 25px; line-height: 23px; padding: 0 4px; color: #bfd0bc; }
  .nav-key { font-size: 12px; color: #d5b980; }
  .stock-subnav { margin: 2px 8px 12px 27px; }
  .stock-subnav button { min-height: 44px; padding: 9px 11px; font-size: 14px; color: #b4c8b9; }
  .stock-subnav button > span:last-child { font-size: 12px; color: #b3c8b0; }
  .nav-divider { margin: 20px 12px 14px; }
  .sidebar-bottom { padding-top: 30px; }
  .mini-shield { padding: 14px; margin: 0 4px 20px; border-radius: 12px; }
  .mini-shield strong { font-size: 13px; color: #d2dfd4; }
  .mini-shield small { font-size: 12px; color: #a7bca9; }
  .sidebar-account { padding: 18px 7px 24px; gap: 11px; }
  .avatar { width: 42px; height: 42px; border-radius: 12px; font-size: 16px; flex-shrink: 0; }
  .sidebar-account strong { font-size: 13px; max-width: 150px; color: #e1e8e0; }
  .sidebar-account small { font-size: 12px; color: #acbfad; }
  .sidebar-account > .icon-button { width: 38px; min-width: 38px; }
  .main-shell { min-width: 0; margin-left: var(--sidebar); }
  .topbar {
    height: 82px;
    padding: 0 36px;
    background: #fcfdfb;
    border-color: var(--line);
  }
  .breadcrumb { font-size: 14px; color: #718077; min-width: 0; gap: 10px; }
  .breadcrumb strong { color: #374d40; overflow-wrap: anywhere; }
  .topbar-right { gap: 17px; flex-shrink: 0; }
  .private-indicator, .top-date { font-size: 13px; color: #607366; }
  .private-indicator svg { color: #508065; }
  .top-avatar { width: 42px; height: 42px; font-size: 14px; background: #e7eee4; }
  main { max-width: 1640px; padding: 34px 36px 24px; }
  .page-heading { gap: 24px; align-items: center; }
  .page-heading > div:first-child { min-width: 0; }
  .eyebrow { font-size: 11px; letter-spacing: 1.5px; color: #687e6c; margin-bottom: 10px; }
  h1 { font-size: 34px; font-weight: 650; line-height: 1.25; letter-spacing: -1px; color: #203d2c; }
  .page-description { font-size: 16px; line-height: 1.7; color: var(--muted); margin-top: 10px; }
  .heading-actions { padding-top: 0; gap: 10px; }
  .button {
    min-height: 46px;
    padding: 11px 17px;
    border-radius: 10px;
    border-color: #d5dfd3;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    box-shadow: 0 1px 2px #17312104;
  }
  .button:hover { border-color: #afc1ad; background: #f4f7f1; }
  .button.primary { background: #254c38; border-color: #254c38; box-shadow: 0 4px 10px #234d3914; }
  .button.primary:hover { background: #316247; border-color: #316247; }
  .button.small, .form-footer .button, .heading-actions .button, .empty-state .button {
    font-size: 14px;
    min-height: 44px;
    padding: 10px 13px;
    gap: 7px;
  }
  .icon-button, .sync-button { width: 44px; height: 44px; border-radius: 10px; color: #637862; }
  .text-button { min-height: 44px; padding: 8px 0; font-size: 14px; color: #3e714c; }
  .sync-line { font-size: 13px; color: #687f69; margin: 25px 0 19px; gap: 8px; }
  .sync-line > span { font-size: 12px; color: #5c765b; padding: 3px 9px; }
  .stats-grid { gap: 18px; }
  .stat-card {
    min-height: 164px;
    padding: 22px;
    border-color: #dce5d7;
    box-shadow: 0 3px 14px #233e2604;
    position: relative;
  }
  .stat-top { font-size: 14px; color: #526e53; line-height: 1.5; align-items: flex-start; }
  .stat-icon { width: 29px; height: 29px; border-radius: 8px; background: #f1f6ec; color: #72946a; }
  .stat-icon svg { width: 19px; height: 19px; }
  .stat-value { font-size: clamp(28px, 2.2vw, 38px); font-weight: 650; letter-spacing: -1px; margin-top: 14px; color: #28482c; overflow-wrap: anywhere; }
  .stat-card p { font-size: 13px; color: #5f7355; margin-top: 8px; line-height: 1.6; }
  .stat-card.green .stat-value { color: #33754d; }
  .section-heading { margin: 34px 0 18px; gap: 18px; }
  .section-heading h2, .panel h2, .toolbar-title h2 { font-size: 19px; color: #304b34; font-weight: 650; line-height: 1.45; }
  .section-heading p { font-size: 14px; color: #6a7d60; margin-top: 6px; }
  .count-pill { min-width: 26px; line-height: 24px; padding: 0 7px; font-size: 12px; color: #526f49; border-radius: 6px; }
  .subtle-label { color: #5f7355; font-size: 13px; }
  .module-grid { gap: 18px; }
  .module-card { padding: 23px; border-color: #dce5d7; box-shadow: 0 2px 8px #233e2603; border-radius: 16px; }
  .module-card:hover { border-color: #9db792; box-shadow: 0 9px 22px #233e260a; }
  .module-icon { width: 48px; height: 48px; border-radius: 14px; }
  .module-number { color: #7f8d77; font-size: 13px; }
  .module-card h3 { font-size: 19px; font-weight: 650; line-height: 1.5; color: #314f31; margin-top: 18px; }
  .module-card > p { font-size: 14px; line-height: 1.7; color: #6d805e; margin-top: 6px; }
  .module-card-bottom { font-size: 13px; color: #718461; padding-top: 14px; margin-top: 21px; border-color: #e9eee2; }
  .module-card-bottom strong { font-size: 17px; font-weight: 650; color: #476740; }
  .module-arrow { width: 30px; height: 30px; color: #67865b; background: #f0f6e9; }
  .dashboard-bottom { gap: 22px; margin-top: 30px; }
  .panel { border-color: #dce5d7; box-shadow: 0 3px 16px #233e2603; }
  .panel-heading { padding: 21px 24px; min-height: 74px; gap: 14px; border-color: #e7ede1; }
  .panel-footer { font-size: 12px; color: #697f58; padding: 15px; }
  .inline-search { margin: 14px 24px 9px; min-height: 44px; color: #7e9370; }
  .inline-search input { font-size: 16px; padding: 10px 0; }
  .empty-state { padding: 48px 26px; }
  .empty-state h3 { font-size: 18px; color: #45643d; }
  .empty-state p, .activity-empty p { font-size: 14px; color: #6c815c; line-height: 1.8; }
  .activity-empty { padding: 36px 28px; }
  .activity-empty h3 { font-size: 17px; color: #516f44; max-width: 260px; }
  .activity-item p { font-size: 14px; color: #587548; line-height: 1.75; }
  .activity-item small { font-size: 12px; color: #7a8f68; }
  .activity-list { padding: 24px 26px 12px; }
  .activity-item { padding-bottom: 23px; }
  .main-footer { font-size: 12px; color: #7c8c70; line-height: 1.7; gap: 16px; margin-top: 36px; }
  .main-footer > span:first-child { font-size: 11px; color: #6d835d; }
  .error-banner, .form-error { color: #a34433; font-size: 15px; line-height: 1.7; }
  .error-banner { padding: 15px 18px; border-radius: 11px; }
  .attention-strip { padding: 15px 19px; border-radius: 11px; font-size: 14px; color: #87652c; gap: 14px; }
  .attention-strip button { min-height: 36px; text-underline-offset: 3px; }
  .info-banner { padding: 20px 22px; border-radius: 12px; color: #648352; }
  .info-banner p, .compact-info p { font-size: 15px; line-height: 1.75; color: #536f46; }
  .info-banner strong { font-size: 15px; color: #365e2c; }
  .info-banner p span { font-size: 14px; color: #657f54; margin-top: 5px; }
  .table-toolbar { padding: 21px 24px; gap: 15px; flex-wrap: wrap; }
  .toolbar-title { gap: 11px; }
  .toolbar-actions { gap: 12px; flex-wrap: wrap; }
  .view-toggle { padding: 3px; border-radius: 10px; }
  .view-toggle button { width: 42px; height: 38px; border-radius: 7px; }
  .view-toggle .selected { color: #4d7542; background: #eaf2e1; }
  .filters { padding: 0 24px 21px; gap: 11px; }
  .filter-search { height: 46px; min-width: 220px; border-radius: 9px; border-color: #d6e1ce; padding: 0 13px; color: #81966f; }
  .filter-search input { font-size: 16px; height: 44px; }
  .select-wrap select, .filters .select-wrap select {
    height: 46px;
    font-size: 15px;
    padding: 10px 32px 10px 12px;
    border-radius: 9px;
    border-color: #d6e1ce;
    color: #4b6b3d;
  }
  .select-wrap > svg { right: 12px; color: #6e8c5c; }
  .table-scroll { max-width: 100%; overscroll-behavior-x: contain; scrollbar-color: #b8cbb0 #f2f6ed; }
  thead { background: #f4f7ef; }
  th { padding: 15px 21px; color: #5c754f; font-size: 13px; letter-spacing: .6px; line-height: 1.6; font-weight: 650; border-color: #e3ebdb; }
  td { padding: 18px 21px; font-size: 15px; color: #435e38; line-height: 1.65; border-color: #eaf0e3; }
  td small { font-size: 13px; color: #758a65; margin-top: 5px; }
  td strong { color: #34582b; font-weight: 600; }
  tbody tr:hover { background: #f7faf3; }
  .device-link { max-width: 300px; gap: 12px; min-height: 48px; }
  .device-link > span { min-width: 0; }
  .device-link strong { font-size: 16px; max-width: 250px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
  .device-link small { font-size: 13px; color: #738965; }
  .device-icon { width: 36px; height: 44px; color: #7d9968; border-radius: 8px; }
  .badge { font-size: 14px; font-weight: 600; gap: 6px; padding: 6px 9px; border-radius: 6px; color: #536c40; line-height: 1.5; }
  .badge > span { width: 5px; height: 5px; }
  .status-received { color: #426a7e; }
  .status-diagnosing { color: #74618f; }
  .status-waiting_parts { color: #8d691f; }
  .status-repairing { color: #3d754f; }
  .status-quality_check { color: #596b9b; }
  .status-ready { color: #387737; }
  .status-transferred, .status-delivered, .status-sold { color: #4e742e; }
  .status-cancelled { color: #9f6042; }
  .status-awaiting_receipt { color: #8b682c; }
  .status-awaiting_return { color: #775696; }
  .status-needs_repair, .status-awaiting_sales_receipt { color: #8c682a; }
  .status-customer_payment { color: #48762d; }
  .status-awaiting_platform_receipt { color: #506d98; }
  .muted-cell, .days-unconfirmed { font-size: 14px; color: #728564; }
  .stock-qty, .stock-days-cell strong { font-size: 16px; color: #4d723a; }
  .stock-qty.low { color: #956b28; }
  .stock-days-cell small { font-size: 13px; color: #6e875b; }
  .row-actions { gap: 8px; }
  .board { gap: 16px; padding: 0 24px 24px; }
  .board-column { width: 280px; padding: 13px; border-radius: 12px; }
  .board-column-heading { font-size: 14px; color: #5b7a47; padding-bottom: 15px; }
  .board-column-heading span:last-child { font-size: 13px; color: #6c8759; }
  .board-card { padding: 16px; margin-bottom: 12px; border-radius: 10px; }
  .board-card small { font-size: 12px; color: #748c61; }
  .board-card strong { font-size: 16px; color: #416732; }
  .board-card p { font-size: 14px; color: #698251; }
  .board-card > div { font-size: 13px; color: #718b59; }
  .report-controls { gap: 16px; }
  .report-controls label { font-size: 14px; color: #526f3e; gap: 7px; }
  .report-controls input { font-size: 16px; min-height: 46px; border-radius: 9px; color: #43682f; }
  .report-note, .report-explanation p, .backup-panel p, .trash-note { font-size: 14px; color: #6b8257; line-height: 1.8; }
  .report-explanation { padding: 21px 24px; }
  .backup-panel { padding: 24px; border-radius: 14px; }
  .backup-panel h3 { font-size: 17px; color: #4c7337; }
  .positive { color: #387c3b!important; }
  .negative { color: #a9553a!important; }
  .toast { left: calc(50% + 140px); font-size: 15px; line-height: 1.6; padding: 16px 19px; border-radius: 12px; }
  .toast > button { min-width: 36px; min-height: 36px; }
  .modal-overlay { padding: 26px; background: #0c241b80; backdrop-filter: blur(5px); }
  .modal { width: 680px; max-height: 92dvh; border-radius: 19px; box-shadow: 0 26px 100px #0d281c38; }
  .modal-wide { width: 1040px; }
  .modal-header { padding: 25px 28px; border-color: #dde8d4; }
  .modal-header p { font-size: 12px; letter-spacing: .8px; color: #738f5e; line-height: 1.6; overflow-wrap: anywhere; }
  .modal-header h2 { font-size: 24px; color: #315b22; font-weight: 650; line-height: 1.4; }
  .modal-body { padding: 28px; }
  .form-grid { column-gap: 22px; row-gap: 21px; }
  .field { gap: 9px; }
  .field > span:first-child, .form-module-select > label { font-size: 14px; color: #496c36; font-weight: 600; line-height: 1.6; }
  .field > input, .field > textarea, .field > select,
  .field .select-wrap > select, .form-module-select select,
  .auth-form-container .field > input {
    font-size: 16px;
    padding: 12px 13px;
    min-height: 48px;
    height: auto;
    color: #335b23;
    border-color: #cfdec2;
    border-radius: 9px;
    line-height: 1.5;
  }
  .field input[type=date] { min-height: 48px; }
  .field .select-wrap > select { padding-right: 35px; }
  .field > small, .field-note { font-size: 13px; color: #6e8759; line-height: 1.75; }
  .field input:disabled, .field select:disabled, .source-entry-fields:disabled input,
  .source-entry-fields:disabled textarea { color: #738466; background: #f1f5eb; }
  .form-module-select { gap: 9px; }
  .form-category-tag { font-size: 15px; line-height: 1.7; padding: 15px; }
  .form-category-tag > .mono, .form-category-tag .mono { font-size: 13px; }
  .form-tabs { gap: 24px; margin-top: 26px; overflow-x: auto; }
  .form-tabs button { min-height: 48px; font-size: 14px; line-height: 1.6; color: #70885a; padding-bottom: 13px; flex-shrink: 0; }
  .form-tabs .active { color: #3e702a; border-color: #5d8c42; }
  .form-section-title { font-size: 13px; color: #839d6b; margin-top: 28px; margin-bottom: 20px; }
  .form-section-title span { font-size: 17px; color: #426831; }
  .money-input { height: 48px; border-color: #cfdec2; border-radius: 9px; }
  .money-input > span { font-size: 15px; width: 39px; color: #6b8754; }
  .money-input input { font-size: 16px; color: #335b23; padding: 12px 13px; }
  .calculated-highlight, .modal-body .calculated-highlight { font-size: 15px; line-height: 1.7; color: #52783b; }
  .calculated-highlight strong, .modal-body .calculated-highlight strong { font-size: 26px; }
  .calculated-highlight small { font-size: 13px; color: #6f8b56; }
  .cost-summary > div { font-size: 15px; color: #607b49; gap: 16px; line-height: 1.8; }
  .cost-summary strong { font-size: 16px; color: #3c6529; }
  .summary-total strong { font-size: 21px; }
  .form-footer { margin-top: 28px; padding-top: 22px; gap: 12px; flex-wrap: wrap; }
  .form-footer > div { gap: 10px; flex-wrap: wrap; }
  .form-error { font-size: 14px; padding: 13px 15px; }
  .warranty-form h3 { font-size: 17px; }
  .warranty-form > p, .checkbox-label { font-size: 14px; line-height: 1.8; }
  .checkbox-label { min-height: 44px; }
  .checkbox-label input { width: 18px; height: 18px; flex-shrink: 0; }
  .detail-actionbar { gap: 15px; flex-wrap: wrap; }
  .detail-grid { gap: 24px 28px; padding-bottom: 26px; }
  .detail-grid dt { font-size: 13px; color: #70885b; margin-bottom: 7px; }
  .detail-grid dd { font-size: 16px; color: #3c652a; line-height: 1.8; }
  .detail-notes h3, .detail-section-heading h3 { font-size: 17px; color: #446f2d; }
  .detail-notes p { font-size: 15px; line-height: 1.9; color: #607e47; margin-top: 9px; }
  .detail-history > div { font-size: 14px; color: #617f47; }
  .detail-history small { font-size: 12px; color: #809969; }
  .small-empty, .parts-used > div, .consent-note, .archive-confirm p { font-size: 14px; color: #66834f; }
  .parts-used small { font-size: 13px; color: #789161; }
  .stock-division-switcher { gap: 8px; padding: 7px; border-radius: 12px; }
  .stock-division-switcher > button { min-height: 44px; font-size: 15px; padding: 10px 15px; border-radius: 9px; color: #5e7a49; }
  .stock-division-switcher > button > span { font-size: 12px; color: #5a7942; padding: 2px 6px; }
  .stock-division-switcher > small { font-size: 13px; color: #6e8857; }
  .repeat-filter-bar { gap: 9px; }
  .repeat-filter-bar > button { min-height: 44px; font-size: 14px; padding: 10px 13px; color: #617e49; border-radius: 9px; }
  .repeat-filter-bar > button > span, .repeat-filter-bar > small { font-size: 13px; color: #728d5b; }
  .repeat-badge { font-size: 14px; padding: 4px 7px; color: #8e6328; gap: 6px; }
  .repeat-badge > span { color: #936e35; }
  .auth-shell { background: #f7f9f3; grid-template-columns: 45% 55%; }
  .auth-brand-panel { background: linear-gradient(145deg, #1d3a2e, #14291f); padding: 48px 10% 35px; }
  .auth-brand > span:last-child { font-size: 40px; }
  .auth-brand .brand-mark { width: 54px; height: 54px; }
  .auth-story { padding: 80px 0; }
  .auth-story .eyebrow { font-size: 12px; color: #afc3a1; line-height: 1.6; }
  .auth-story h1 { font-size: clamp(38px, 4vw, 58px); color: #eef2e5; line-height: 1.16; letter-spacing: -1.9px; }
  .auth-story > p:last-of-type { font-size: 17px; line-height: 1.85; color: #b8c9a9; }
  .auth-section-tags { max-width: 380px; gap: 9px; margin-top: 36px; }
  .auth-section-tags span { font-size: 12px; padding: 7px 11px; color: #cbd8b8; border-radius: 7px; }
  .auth-brand-footer { font-size: 14px; line-height: 1.7; color: #aec39c; }
  .auth-form-panel { padding: 55px 48px; }
  .auth-form-container { max-width: 440px; }
  .auth-lock { width: 54px; height: 54px; color: #6b9251; border-radius: 15px; margin-bottom: 25px; }
  .auth-form-container > .eyebrow { font-size: 12px; color: #728d5b; }
  .auth-form-container h2 { font-size: 32px; color: #315a22; font-weight: 650; line-height: 1.3; }
  .auth-description { font-size: 16px; color: #688052; line-height: 1.8; margin: 15px 0 32px; }
  .auth-form-container form { gap: 23px; }
  .auth-form-container .field > span:first-child { font-size: 14px; color: #4e7337; }
  .auth-form-container .field > input { min-height: 52px; }
  .auth-form-container .field > small { font-size: 13px; color: #708c58; }
  .auth-submit { height: 50px; font-size: 16px!important; margin-top: 5px; }
  .auth-help { font-size: 14px; line-height: 1.8; color: #71875b; padding: 20px 0; margin-top: 24px; }
  .auth-link { font-size: 15px; color: #56803a; min-height: 44px; padding: 10px 0; margin-top: 14px; }
  .auth-form-container > footer { font-size: 11px; letter-spacing: 1.8px; color: #81956d; margin-top: 36px; }
  .auth-loading p { font-size: 16px; }
  .account-profile h3 { font-size: 23px; color: #4a7231; }
  .account-profile p { font-size: 15px; color: #6c8854; overflow-wrap: anywhere; }
  .large-avatar { width: 68px; height: 68px; font-size: 28px; border-radius: 19px; }
  .users-help p, .users-help, .role-description, .reset-explanation { font-size: 15px; color: #65804f; line-height: 1.8; }
  .you-label { font-size: 12px; }
  .receipt-heading h3, .source-heading h3, .device-history-heading h3, .operation-panel-heading h3 { font-size: 17px; color: #3f682b; }
  .receipt-number { font-size: 14px; color: #617f48; }
  .receipt-steps strong { font-size: 15px; color: #426d2c; }
  .receipt-steps p, .receipt-steps time { font-size: 13px; line-height: 1.8; color: #72895e; }
  .receipt-confirm p { font-size: 15px; color: #587d3e; line-height: 1.8; }
  .workflow-caption, .device-history-heading p, .device-history-note,
  .operation-panel-heading p, .operation-panel-note, .receipt-undo p,
  .source-entry-note, .source-footnote { font-size: 14px; line-height: 1.8; color: #6a8554; }
  .request-device { border-radius: 11px; padding: 19px; }
  .request-device > strong { font-size: 17px; }
  .request-device p { font-size: 15px; color: #5c7d41; }
  .accounting-body { padding: 24px; }
  .closing-to small, .closing-to span { font-size: 13px; color: #6d8856; }
  .closing-to strong { font-size: 16px; color: #456d2f; }
  .closing-summary > div { font-size: 15px; color: #637e4c; padding: 15px 0; }
  .closing-summary strong { color: #3c6727; }
  .closing-form > p { font-size: 15px; color: #5e7b46; }
  .item-account { padding: 21px; border-radius: 12px; }
  .item-account strong { font-size: 16px; color: #426e2b; }
  .item-account p { font-size: 14px; color: #6d8855; }
  .receipt-link { padding: 17px; border-radius: 10px; }
  .receipt-link strong, .receipt-link > b { font-size: 16px; color: #3e6b27; }
  .receipt-link small { font-size: 13px; color: #718e57; }
  .customer-receipt header > p, .customer-receipt time { font-size: 13px; color: #6b8159; }
  .customer-receipt header h2 { font-size: 23px; }
  .customer-receipt header > strong { font-size: 16px; }
  .customer-receipt dl > div { font-size: 15px; line-height: 1.9; }
  .customer-receipt dt { color: #6b815b; }
  .receipt-amount > span { font-size: 15px; }
  .receipt-amount > strong { font-size: 30px; }
  .receipt-disclosure, .customer-receipt footer { font-size: 14px; color: #667f51; }
  .source-panel { padding: 23px; border-radius: 13px; border-color: #d5e1cb; }
  .source-heading { gap: 10px; }
  .source-heading > a { font-size: 14px; min-height: 44px; align-items: center; color: #5a7e3e; }
  .source-grid { gap: 23px 26px; margin: 22px 0 18px; }
  .source-grid dt { font-size: 13px; color: #70875f; line-height: 1.7; }
  .source-grid dd { font-size: 16px; color: #3f662c; line-height: 1.8; margin-top: 7px; }
  .source-review { color: #8c6a2b; padding: 16px; }
  .source-review strong { font-size: 15px; }
  .source-review ul { font-size: 14px; }
  .source-history { padding-top: 16px; margin-top: 18px; }
  .source-history summary { font-size: 14px; min-height: 44px; line-height: 1.8; padding: 8px 0; color: #597f3c; }
  .source-history strong { font-size: 13px; color: #6f8958; }
  .source-history p { font-size: 15px; color: #4d7336; }
  .source-history small { font-size: 13px; color: #738e59; }
  .receipt-correction { font-size: 14px; color: #896c32; padding: 16px; }
  .receipt-correction strong { font-size: 15px; color: #816025; }
  .local-timeline { gap: 16px; }
  .local-timeline strong { font-size: 14px; color: #5e7d48; }
  .local-timeline small { font-size: 13px; color: #738c5e; }
  .local-hold strong { font-size: 15px; color: #88662a; }
  .local-hold span { font-size: 14px; color: #8b713e; }
  .local-settlement-totals { font-size: 15px; padding: 20px; gap: 14px 25px; color: #668149; }
  .local-settlement-totals strong { color: #3e6927; }
  .local-review-note, .local-review-history { font-size: 14px; color: #6c8755; }
  .local-review-note strong { font-size: 15px; color: #4e7635; }
  .local-payment-complete > p { font-size: 16px; color: #4d7833; }
  .local-payment-complete > small { font-size: 14px; color: #6c8854; }
  .history-visits, .history-visits .text-button { font-size: 14px; }
  .history-visits th { font-size: 13px; }
  .history-visits .history-fault { min-width: 190px; max-width: 340px; }
  .linked-sales-summary, .linked-sales-summary .text-button,
  .transfer-values, .sales-receipt-note { font-size: 14px; line-height: 1.8; color: #718752; }
  .linked-sales-summary { color: #896f3d; padding: 16px; }
  .linked-sales-summary > small { font-size: 13px; color: #8c794f; }
  .transfer-source, .transfer-reason { font-size: 15px; color: #5e7d45; }
  .transfer-source p { font-size: 14px; color: #718a57; }
  .sales-transfer-panel > .text-button { font-size: 14px; }
  .transfer-values strong { color: #476e2d; }
  .operation-column-heading, .operation-cell { min-width: 245px; }
  .operation-column-heading small, .operation-readonly > small, .operation-updated { font-size: 13px; color: #5f7355; }
  .operation-input { gap: 8px; }
  .operation-input select { width: 184px; min-height: 44px; font-size: 15px; padding: 9px 10px; color: #3d632b; border-radius: 8px; }
  .operation-save { width: 44px; height: 44px; border-radius: 8px; flex-shrink: 0; }
  .operation-error { font-size: 13px!important; max-width: 235px; color: #a14536!important; }
  .operation-panel { padding: 21px; border-radius: 12px; }
  .operation-pending { color: #65745a; }
  .operation-waiting_parts { color: #8d681f; }
  .operation-repairing { color: #456b9c; }
  .operation-quality_check { color: #7c5499; }
  .operation-ready { color: #4a762e; }
  .operation-waiting_shahzad { color: #94662b; }
  .operation-dead { color: #a25340; }
  .source-entry { padding: 20px; border-radius: 12px; }
  .source-entry > summary { font-size: 16px; min-height: 44px; color: #446b31; gap: 10px; line-height: 1.6; }
  .source-entry-history h4 { font-size: 16px; color: #4b7336; }
  .source-entry-history-row { padding: 17px; border-radius: 10px; }
  .source-entry-history-heading strong { font-size: 14px; color: #607e48; }
  .source-entry-history-heading button { font-size: 14px; min-height: 44px; }
  .google-sign-in-status { font-size: 15px; }
  .google-sign-in-help, .google-privacy-link, .auth-divider { font-size: 14px; color: #5f7355; }
  .google-privacy-link { min-height: 44px; padding: 10px 0; }
  .google-sign-in .form-error { font-size: 14px; }
  .privacy-page p { font-size: 16px; color: #597648; }
  .privacy-page h2 { font-size: 21px; }
  .privacy-brand { font-size: 12px; }
}

@media screen and (min-width: 1600px) {
  :root { --sidebar: 292px; }
  main { padding: 38px 46px 26px; }
  .topbar { padding: 0 46px; }
  .toast { left: calc(50% + 146px); }
}
@media screen and (max-width: 1250px) {
  :root { --sidebar: 264px; }
  .sidebar { padding-left: 14px; padding-right: 14px; }
  .nav-item { font-size: 13px; padding-left: 11px; padding-right: 11px; gap: 10px; }
  main { padding: 30px 27px 24px; }
  .topbar { padding: 0 27px; }
  .topbar-right { gap: 12px; }
  .private-indicator { display: none; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stat-value { font-size: 34px; }
  .module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-bottom { grid-template-columns: minmax(0, 1fr); }
  .heading-actions .button { white-space: normal; }
  .toast { left: calc(50% + 132px); }
}
@media screen and (max-width: 1000px) {
  .auth-brand-panel { padding: 38px 9% 30px; }
  .auth-form-panel { padding: 42px 32px; }
  .auth-story h1 { font-size: 42px; }
  .auth-story > p:last-of-type { font-size: 16px; }
  .page-heading { align-items: flex-start; }
  .heading-actions { padding-top: 24px; }
}
@media screen and (min-width: 901px) {
  .nav-scrim { display: none; }
}
@media screen and (max-width: 900px) {
  :root { --sidebar: 0px; }
  .sidebar { width: 280px; max-width: calc(100vw - 40px); transform: translateX(-100%); transition: transform .2s; }
  .sidebar.is-open { transform: translateX(0); }
  .main-shell { margin-left: 0; }
  .mobile-menu { display: inline-flex!important; margin-left: -6px; }
  .nav-scrim { display: block; position: fixed; inset: 0; background: #0c241b66; z-index: 29; }
  .topbar { height: 74px; }
  .breadcrumb { font-size: 13px; }
  .toast { left: 50%; }
}
@media screen and (max-width: 700px) {
  main { padding: 26px 20px 22px; }
  .topbar { height: 70px; padding: 0 20px; }
  .topbar-right { gap: 7px; }
  .top-date { display: none; }
  .top-divider, .private-indicator { display: none; }
  .top-avatar { width: 40px; height: 40px; }
  .breadcrumb { gap: 7px; line-height: 1.5; }
  .breadcrumb > span { display: none; }
  .page-heading { flex-direction: column; align-items: stretch; gap: 18px; }
  h1 { font-size: 30px; line-height: 1.3; }
  .eyebrow { font-size: 11px; }
  .page-description { font-size: 15px; margin-top: 10px; }
  .heading-actions { padding-top: 0; justify-content: flex-end; gap: 9px; }
  .heading-actions .sync-button { display: inline-flex; width: 44px; height: 44px; }
  .heading-actions .button { min-height: 44px; font-size: 14px; padding: 10px 14px; }
  .heading-actions .button svg { width: 17px; height: 17px; }
  .sync-line { margin: 21px 0 17px; font-size: 12px; line-height: 1.6; flex-wrap: wrap; }
  .sync-line > span { font-size: 11px; }
  .stats-grid { gap: 13px; }
  .stat-card { min-height: 156px; padding: 17px; border-radius: 13px; }
  .stat-top { font-size: 13px; gap: 5px; }
  .stat-icon { width: 25px; height: 25px; background: transparent; }
  .stat-icon svg { width: 18px; height: 18px; }
  .stat-value { font-size: 29px; letter-spacing: -.8px; }
  .stat-card p { font-size: 12px; line-height: 1.7; }
  .section-heading { margin: 28px 0 17px; }
  .section-heading h2, .panel h2, .toolbar-title h2 { font-size: 18px; }
  .section-heading p { font-size: 13px; }
  .module-grid { gap: 13px; }
  .module-card { padding: 18px; border-radius: 13px; }
  .module-icon { width: 43px; height: 43px; border-radius: 12px; }
  .module-card h3 { font-size: 17px; line-height: 1.5; margin-top: 16px; }
  .module-card > p { font-size: 13px; line-height: 1.7; }
  .module-number { font-size: 12px; }
  .module-card-bottom { font-size: 12px; line-height: 1.7; margin-top: 16px; padding-top: 12px; align-items: flex-end; gap: 6px; }
  .module-card-bottom strong { font-size: 16px; }
  .module-arrow { width: 27px; height: 27px; flex-shrink: 0; }
  .dashboard-bottom { margin-top: 24px; }
  .panel-heading { padding: 19px; min-height: 68px; gap: 12px; flex-wrap: wrap; }
  .inline-search { margin-left: 19px; margin-right: 19px; }
  .table-toolbar { padding: 19px; align-items: flex-start; }
  .toolbar-actions { gap: 8px; }
  .filters { padding: 0 19px 18px; gap: 10px; }
  .filters .filter-search { flex-basis: 100%; min-width: 0; }
  .filters .select-wrap { min-width: 130px; flex: 1; }
  .filters .select-wrap select { font-size: 16px; padding-left: 11px; padding-right: 30px; }
  th { padding: 14px 17px; font-size: 13px; }
  td { padding: 16px 17px; font-size: 14px; }
  .device-link strong { font-size: 15px; }
  .device-link small, td small { font-size: 12px; }
  .info-banner { padding: 18px; align-items: flex-start; gap: 11px; }
  .info-banner p, .info-banner strong { font-size: 14px; }
  .info-banner p span { font-size: 13px; }
  .attention-strip { padding: 14px 17px; font-size: 13px; }
  .main-footer { flex-wrap: wrap; font-size: 12px; gap: 8px; }
  .main-footer > span:first-child { font-size: 11px; }
  .modal-overlay { padding: 12px; }
  .modal { max-height: 94dvh; border-radius: 15px; }
  .modal-header { padding: 21px; gap: 12px; align-items: flex-start; }
  .modal-header h2 { font-size: 22px; }
  .modal-header p { font-size: 11px; line-height: 1.7; }
  .modal-header > .icon-button { margin-top: -4px; margin-right: -7px; }
  .modal-body { padding: 22px; }
  .form-grid { gap: 20px; }
  .field > span:first-child { font-size: 14px; }
  .field > input, .field > textarea, .field > select, .field .select-wrap > select { font-size: 16px; padding: 12px; min-height: 48px; }
  .field .select-wrap > select { padding-right: 33px; }
  .form-category-tag { font-size: 14px; }
  .form-category-tag .mono { font-size: 13px; }
  .form-tabs { gap: 22px; }
  .form-tabs button { font-size: 14px; }
  .form-tabs button svg { width: 17px; }
  .form-section-title span { font-size: 17px; }
  .form-footer { gap: 10px; }
  .form-footer .button { font-size: 14px; min-height: 44px; padding: 10px 12px; }
  .detail-actionbar .button { font-size: 14px; }
  .detail-grid { gap: 20px; }
  .detail-grid dt { font-size: 13px; }
  .detail-grid dd { font-size: 16px; }
  .detail-section-heading h3 { font-size: 17px; }
  .detail-history > div { font-size: 14px; }
  .report-controls { gap: 13px; }
  .report-controls label { font-size: 14px; }
  .report-controls input { font-size: 16px; min-height: 46px; }
  .report-controls .text-button, .report-note { font-size: 14px; }
  .checkbox-label { font-size: 14px; }
  .backup-panel { padding: 19px; align-items: flex-start; flex-direction: column; }
  .backup-panel h3 { font-size: 17px; }
  .backup-panel p { font-size: 14px; }
  .trash-note { font-size: 14px; padding: 18px; }
  .auth-shell { grid-template-columns: 1fr; }
  .auth-brand-panel { padding: 26px 27px; min-height: 128px; }
  .auth-brand { margin: auto 0; }
  .auth-brand > span:last-child { font-size: 34px; }
  .auth-story, .auth-brand-footer { display: none; }
  .auth-form-panel { padding: 36px 27px 32px; min-height: calc(100dvh - 128px); }
  .auth-form-container { max-width: 440px; }
  .auth-lock { width: 50px; height: 50px; margin-bottom: 23px; }
  .auth-form-container h2 { font-size: 29px; }
  .auth-description { font-size: 16px; margin-bottom: 28px; }
  .auth-form-container > footer { margin-top: 30px; }
  .accounting-body { padding: 19px; }
  .closing-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .closing-summary > div { font-size: 15px; }
  .item-account { padding: 18px; }
  .request-panel .panel-heading h2 { font-size: 18px; }
  .receipt-panel { padding: 19px; }
  .receipt-heading h3 { font-size: 17px; }
  .customer-receipt dl > div { font-size: 14px; }
  .source-panel { padding: 19px; }
  .source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; }
  .source-heading h3 { font-size: 17px; }
  .source-heading > a { font-size: 14px; margin-left: 0; }
  .stock-division-switcher { flex-wrap: wrap; gap: 6px; }
  .stock-division-switcher > button { font-size: 14px; gap: 8px; padding: 10px 12px; }
  .stock-division-switcher > small { display: none; }
  .repeat-filter-bar > button { font-size: 14px; padding: 10px 12px; }
  .history-visits th, .history-visits td { padding: 14px 16px; }
  .device-action-buttons { gap: 10px; }
  .operation-panel { padding: 19px; grid-template-columns: 1fr; }
  .operation-cell { min-width: 245px; }
  .operation-input select { font-size: 16px; width: 184px; }
  .source-entry { padding: 18px; }
  .source-entry > summary { font-size: 15px; }
  .source-entry-history-row { padding: 15px; }
  .google-sign-in-help { font-size: 14px; }
  .privacy-page { padding: 28px 23px; margin: 20px; }
  .privacy-page h1 { font-size: 28px; }
  .privacy-page p { font-size: 16px; }
}
@media screen and (max-width: 560px) {
  .form-grid { grid-template-columns: 1fr; }
  .field-wide { grid-column: 1 / -1; }
  .form-footer { align-items: stretch; }
  .form-footer > div { display: flex; flex-wrap: wrap; justify-content: flex-end; }
  .closing-controls { grid-template-columns: 1fr; }
  .closing-to { grid-column: auto; }
  .local-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .local-settlement-totals { grid-template-columns: 1fr; }
  .source-entry-fields .form-grid { grid-template-columns: 1fr; }
}
@media screen and (max-width: 480px) {
  main { padding: 24px 16px 20px; }
  .topbar { padding: 0 16px; }
  .stats-grid { gap: 11px; }
  .stat-card { padding: 15px; min-height: 155px; }
  .stat-top { font-size: 13px; gap: 3px; }
  .stat-icon { display: none; }
  .stat-value { font-size: 27px; }
  .module-grid { grid-template-columns: 1fr; }
  .module-card { padding: 20px; }
  .module-card h3 { font-size: 19px; }
  .module-card > p { font-size: 14px; }
  .module-card-bottom { font-size: 13px; }
  .detail-grid, .source-grid { grid-template-columns: 1fr; gap: 20px; }
  .source-panel { padding: 17px; }
  .source-heading { align-items: flex-start; }
  .source-heading > a { margin-left: 0; }
  .source-heading h3 { font-size: 16px; }
  .detail-section-heading { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
  .detail-section-heading h3 { font-size: 16px; }
  .modal-overlay { padding: 8px; }
  .modal { max-height: 96dvh; border-radius: 13px; }
  .modal-header { padding: 19px; }
  .modal-body { padding: 19px; }
  .form-footer > .button { flex: 1; }
  .cost-summary > div { flex-wrap: wrap; }
  .auth-form-panel { padding: 32px 23px 28px; }
  .auth-form-container h2 { font-size: 28px; }
  .auth-brand-panel { padding-left: 23px; padding-right: 23px; }
  .receipt-link { flex-wrap: wrap; }
  .receipt-link > b { padding-left: 30px; }
  .customer-receipt dl > div { gap: 16px; }
  .customer-receipt dd { max-width: 63%; }
  .source-entry { padding: 16px; }
  .source-entry-history-row { padding: 13px; }
  .source-entry-history-heading { align-items: flex-start; }
  .local-controls form > .button, .local-cancel form > .button { justify-self: stretch; white-space: normal; }
  .device-action-buttons { align-items: stretch; }
  .device-action-buttons > .button { white-space: normal; }
  .transfer-values > span { flex-wrap: wrap; }
}
@media screen and (max-width: 360px) {
  .stats-grid { grid-template-columns: 1fr; }
  .stat-card { min-height: 145px; }
  .stat-value { font-size: 32px; }
  .modal-body { padding: 16px; }
  .modal-header { padding: 17px; }
  .button.small, .form-footer .button { padding: 10px 11px; }
  .form-footer > div { width: 100%; }
  .filters .select-wrap { min-width: 100%; }
}

/* Record workspace review · 9 November 2026. Screen-only layout additions. */
@media screen {
  .skip-link { position: fixed; left: 18px; top: -90px; z-index: 150; padding: 12px 18px; border-radius: 8px; background: #fff; color: #254c38; font-weight: 650; box-shadow: 0 4px 24px #132b2630; }
  .skip-link:focus { top: 14px; }
  .sidebar-close { display: none; }
  main:focus { outline: none; }
  .page-heading h1 { text-wrap: balance; }
  .module-stats { margin-bottom: 24px; }
  .stat-card { border-top: 3px solid #9baea2; }
  .stat-card.amber { border-top-color: #d7af6b; }
  .stat-card.green { border-top-color: #6d9d7b; }
  .stat-card.purple { border-top-color: #ab9cbd; }
  .panel { border-radius: 14px; }
  .filters { display: flex; flex-wrap: wrap; align-items: center; }
  .filter-search { flex: 1 1 300px; max-width: none; }
  .filter-search input { width: 100%; }
  .filters > .select-wrap { flex: 1 1 160px; min-width: 0; }
  .filters > .select-wrap select { width: 100%; }
  .record-list-controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 14px 24px; border-top: 1px solid #e5ebe3; border-bottom: 1px solid #e5ebe3; background: #fafcf8; }
  .record-match-count { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; line-height: 1.6; color: #617263; }
  .record-match-count > svg { color: #78907a; }
  .record-match-count strong { color: #2c4b37; font-variant-numeric: tabular-nums; }
  .clear-record-filters { display: inline-flex; align-items: center; gap: 4px; min-height: 36px; padding: 5px 8px; border-radius: 6px; color: #35694b; font-size: 13px; font-weight: 600; }
  .clear-record-filters:hover { background: #eaf1e6; }
  .overdue-filter-chip { border-radius: 5px; padding: 2px 7px; background: #fff0d8; color: #845c22; font-size: 12px; font-weight: 600; }
  .record-sort, .record-page-size { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #617263; }
  .record-sort select, .record-page-size select { min-height: 40px; padding: 8px 10px; border: 1px solid #d7e1d3; border-radius: 8px; color: #36543e; background: #fff; font-size: 13px; max-width: 100%; cursor: pointer; }
  .record-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 16px 24px; border-top: 1px solid #e5ebe3; background: #fdfefa; }
  .record-range { font-size: 13px; color: #617263; font-variant-numeric: tabular-nums; }
  .record-range strong { color: #36543e; }
  .record-page-buttons { display: flex; align-items: center; gap: 10px; }
  .record-page-buttons > span { font-size: 13px; color: #617263; font-variant-numeric: tabular-nums; }
  .record-page-buttons .icon-button { border: 1px solid #d7e1d3; background: #fff; width: 40px; height: 40px; }
  .record-page-buttons .icon-button:disabled { cursor: default; opacity: .35; }
  .sync-error { color: #9a543b; }
  .table-scroll:focus-visible { outline: 3px solid #649576; outline-offset: -3px; }
  .record-list-controls + .table-scroll { scrollbar-gutter: stable; }
  .table-scroll tbody tr:nth-child(even) { background: #fbfcf9; }
  .table-scroll tbody tr:hover { background: #f0f6ed; }
  .table-scroll th { font-size: 12px; letter-spacing: .4px; }
  .device-link { text-align: left; }
  .device-link:hover strong { color: #286341; text-decoration: underline; text-underline-offset: 3px; }
  .status-awaiting_receipt, .status-awaiting_sales_receipt { background: #fff1dc; color: #805b23; }
  .status-awaiting_return { background: #f1eafa; color: #704b92; }
  .status-ready { background: #e5f3e5; color: #326b36; }
  .status-transferred, .status-delivered, .status-sold { background: #edf2e6; color: #4f6d38; }
  .status-cancelled { background: #faece6; color: #945440; }
}
@media screen and (max-width: 1100px) {
  .record-list-controls, .record-pagination { padding-left: 18px; padding-right: 18px; }
  .record-list-controls { align-items: flex-start; }
}
@media screen and (max-width: 900px) {
  .sidebar-close { display: inline-flex; position: absolute; right: 9px; top: 26px; color: #c6d6c9; width: 36px; height: 36px; }
  .sidebar-close:hover { color: #fff; background: #ffffff14; }
  .sidebar .brand { padding-right: 30px; }
  .sidebar { box-shadow: 8px 0 40px #11291f1f; }
}
@media screen and (max-width: 560px) {
  .record-list-controls, .record-pagination { padding: 12px 16px; gap: 10px; }
  .record-sort { width: 100%; justify-content: space-between; }
  .record-sort select { min-width: 180px; }
  .record-pagination .record-range { width: 100%; }
  .record-pagination .record-page-size { font-size: 12px; }
  .record-page-buttons { gap: 5px; }
  .record-page-buttons .icon-button { width: 36px; height: 40px; }
  .record-page-buttons > span { font-size: 12px; }
  .record-pagination.compact .record-range { width: auto; }
  .filters .filter-search { flex-basis: 100%; min-width: 0; }
  .filters > .select-wrap { flex-basis: calc(50% - 6px); }
  .table-scroll td { padding-top: 16px; padding-bottom: 16px; }
}
@media print {
  .record-list-controls, .record-pagination, .skip-link, .sidebar-close { display: none !important; }
}

/* Haatuf wordmark and final interface polish — 9 November 2026. */
@media screen {
  .sidebar .brand { gap: 13px; align-items: center; }
  .brand .brand-mark, .auth-brand .brand-mark {
    border: 1px solid #d9b66c66;
    background: linear-gradient(145deg, #e3c58b18, #d7ac6308);
    color: #e9bd70;
    box-shadow: inset 0 1px 0 #fff2cc0d, 0 3px 12px #071d1512;
  }
  .brand strong { font-size: 34px; font-weight: 700; letter-spacing: -1px; line-height: 1.12; color: #f8f7ef; }
  .sidebar .brand small { font-size: 11px; font-weight: 650; letter-spacing: 1.8px; line-height: 1.4; color: #bccdbf; margin-top: 7px; }
  .auth-brand > span:last-child { font-size: 40px; font-weight: 700; letter-spacing: -1px; line-height: 1.12; }
  .auth-brand small { font-size: 11px; letter-spacing: 1.9px; line-height: 1.4; color: #bccdbf; margin-top: 8px; }
  .brand-dot { color: #e2b66b; letter-spacing: 0; }
  .nav-item.active { background: linear-gradient(105deg, #d7ac6329, #d7ac6313); box-shadow: inset 0 0 0 1px #d7ac631a; color: #f2d8a7; }
  .panel { box-shadow: 0 4px 20px #183e2605; }
  .button.primary { box-shadow: 0 4px 12px #153e2920, inset 0 1px 0 #ffffff0a; }
  .button.primary:focus-visible { outline-color: #c69a4b; outline-offset: 3px; }
}
@media screen and (hover: hover) {
  .brand:hover .brand-mark, .auth-brand:hover .brand-mark { border-color: #e1b66b99; background: linear-gradient(145deg, #e3c58b24, #d7ac6310); }
  .button.primary:hover:not(:disabled) { background: #1d422f; border-color: #1d422f; }
}
@media screen and (max-width: 480px) {
  .auth-brand > span:last-child { font-size: 36px; }
}

/* Official HAATUF TECH identity. The original image is displayed, not redrawn. */
.haatuf-tech-wordmark {
  position: relative;
  display: block;
  width: 200px;
  aspect-ratio: 100 / 31;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 8px;
  background: #f46f20;
  line-height: normal;
  letter-spacing: normal;
}
.haatuf-tech-wordmark > img {
  position: absolute;
  display: block;
  width: 109%;
  height: auto;
  max-width: none;
  left: -4.5%;
  top: -126%;
}
.haatuf-tech-company {
  display: block;
  margin: 0;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 1.8px;
  line-height: 1.4;
  color: #57655c;
}
.brand.haatuf-tech-brand, .auth-brand.haatuf-tech-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
.auth-brand.haatuf-tech-brand > span:last-child { font: inherit; letter-spacing: normal; line-height: normal; }
.auth-brand.haatuf-tech-brand .haatuf-tech-wordmark { width: 240px; }
.receipt-logo.haatuf-tech-brand { display: block; font: inherit; letter-spacing: normal; }
.receipt-logo.haatuf-tech-brand .haatuf-tech-wordmark { width: 170px; margin-inline: auto; }
@media screen {
  :root { --brand-orange: #f46f20; --brand-action: #b84a06; --brand-cream: #fff4e9; }
  .sidebar .brand.haatuf-tech-brand { align-items: flex-start; gap: 9px; }
  .sidebar .haatuf-tech-company, .auth-brand .haatuf-tech-company { color: #c6d2cd; }
  .auth-brand-panel { background: radial-gradient(ellipse at 10% 10%, #f46f2018, transparent 52%), #17392c; }
  .nav-item.active { background: linear-gradient(105deg, #f46f202e, #f46f2013); color: #ffe0c8; box-shadow: inset 0 0 0 1px #f46f2045; }
  .nav-item.active > svg { color: #ffbb8d; }
  .nav-item.active:before { background: var(--brand-orange); }
  .button.primary { background: var(--brand-action); border-color: var(--brand-action); color: #fff; box-shadow: 0 4px 12px #a946091c, inset 0 1px 0 #ffffff12; }
  .button.primary:focus-visible { outline: 3px solid #8f3605; outline-offset: 3px; }
  button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: #b84a06; }
  .auth-lock { color: #a9490a; background: #fff1e6; border-color: #f5d4bb; }
  .module-card:first-child .module-icon { color: #b84a06; background: #fff1e6; }
  .stat-card:first-child { border-top-color: var(--brand-orange); }
}
@media screen and (hover: hover) {
  .button.primary:hover:not(:disabled) { background: #a73c05; border-color: #a73c05; }
}
@media screen and (max-width: 480px) {
  .auth-brand.haatuf-tech-brand .haatuf-tech-wordmark { width: 200px; }
}

/* Approved light HAATUF TECH navigation — 9 November 2026. */
.haatuf-tech-wordmark { background: transparent; border-radius: 0; }
@media screen {
  .sidebar {
    background: #fff7ed;
    color: #28382f;
    border-right: 1px solid #e9dfcf;
    box-shadow: 2px 0 16px #62451d03;
    scrollbar-color: #d9cbb6 #fff7ed;
  }
  .sidebar .brand.haatuf-tech-brand .haatuf-tech-company,
  .auth-brand.haatuf-tech-brand .haatuf-tech-company {
    color: #515b50;
    margin: 0;
  }
  .sidebar .workspace-tag { color: #38493d; background: #fffaf4; border-color: #e5d8c3; }
  .sidebar .online-dot { background: #7c956f; }
  .sidebar .tag-mini { color: #53614f; background: #fffaf2; border-color: #ddcfb7; }
  .sidebar .nav-label { color: #69725f; }
  .sidebar .nav-item { color: #34473b; }
  .sidebar .nav-item > svg { color: #79816c; }
  .sidebar .nav-item:hover { color: #28382f; background: #f5ecdf; }
  .sidebar .nav-item.active,
  .sidebar .nav-item.active:hover {
    color: #a54608;
    background: #ffe8d7;
    box-shadow: inset 0 0 0 1px #efc7a8;
  }
  .sidebar .nav-item.active > svg { color: #b84a06; }
  .sidebar .nav-item.active:before { background: #f46f20; }
  .sidebar .nav-count {
    color: #465740;
    background: #f8efdf;
    border-color: #e8dcc6;
  }
  .sidebar .nav-item.active .nav-count { color: #a54608; background: #ffdfc6; border-color: #efc7a8; }
  .sidebar .nav-key { color: #a54608; }
  .sidebar .nav-divider { background: #e8ddca; }
  .sidebar .stock-subnav { border-left-color: #dfcdb3; }
  .sidebar .stock-subnav button { color: #455a49; }
  .sidebar .stock-subnav button > span:last-child { color: #566c51; }
  .sidebar .stock-subnav button:hover { color: #28382f; background: #f5ecdf; }
  .sidebar .stock-subnav button.selected { color: #a54608; background: #ffe8d7; }
  .sidebar .stock-subnav button.selected > span:last-child { color: #a54608; }
  .sidebar .stock-subnav button:focus-visible { outline-color: #b84a06; }
  .sidebar .mini-shield { color: #768769; background: #fbf2e6; border-color: #e6d9c4; }
  .sidebar .mini-shield strong { color: #3e5140; }
  .sidebar .mini-shield small { color: #68755e; }
  .sidebar .sidebar-account { border-top-color: #e7dbc7; }
  .sidebar .sidebar-account strong { color: #34473b; }
  .sidebar .sidebar-account small { color: #65735e; }
  .sidebar .avatar { color: #a54608; background: #f7e6d1; }
  .sidebar .account-dot { border-color: #87977c; }
  .sidebar .sidebar-account > .icon-button { color: #67775f; }
  .sidebar .sidebar-account > .icon-button:hover { color: #a54608; background: #ffe8d7; }
  .sidebar .sidebar-close { color: #6d7c65; }
  .sidebar .sidebar-close:hover { color: #a54608; background: #ffe8d7; }
  .auth-brand-panel {
    color: #28382f;
    background: radial-gradient(ellipse at 5% 5%, #ffeddc 0, transparent 58%), #fff7ed;
    border-right: 1px solid #e9dfcf;
  }
  .auth-brand-panel:after {
    border-color: #e4cdb129;
    box-shadow: 0 0 0 70px #e6d4bd0b, 0 0 0 140px #e6d4bd08;
  }
  .auth-story .eyebrow { color: #7b684f; }
  .auth-story h1 { color: #28382f; }
  .auth-story > p:last-of-type { color: #60705c; }
  .auth-section-tags span { color: #52634e; background: #fffaf4; border-color: #e5d8c3; }
  .auth-brand-footer { color: #65745d; }
  .auth-brand-footer > svg { color: #7b8d6b; }
}

/* Customer Care workflow: keep the three tabs and actions within the modal. */
.care-workflow .form-tabs{gap:20px;max-width:100%;overflow-x:auto;overflow-y:hidden}
.care-workflow .form-tabs button{white-space:nowrap;flex-shrink:0}
.care-workflow .form-footer,.care-workflow .form-footer>div{flex-wrap:wrap}
.care-workflow .form-footer>div{justify-content:flex-end;margin-left:auto}
.care-workflow .panel-heading{flex-wrap:wrap;gap:12px;padding:16px 0}
@media(max-width:600px){.care-workflow .form-footer>div{width:100%;margin-left:0;display:grid;grid-template-columns:1fr}.care-workflow .form-footer .button{white-space:normal;justify-content:center}}

/* Haatuf Sales register */
.sales-fields{border:0;padding:0;margin:0;min-width:0}.sales-actions{display:flex;gap:8px;flex-wrap:wrap}.sales-table{min-width:1060px}.sales-table th,.sales-table td{white-space:nowrap}.sales-item-link{position:relative;display:block;text-align:left;color:inherit;background:none;border:0;padding:0 24px 0 0;cursor:pointer;max-width:300px;white-space:normal;font:inherit}.sales-item-link strong{display:block;font-size:14px}.sales-item-link small,.sales-muted{display:block;color:var(--muted,#6c7d75);font-size:12px;margin-top:5px;overflow-wrap:anywhere}.sales-item-link svg{position:absolute;right:0;top:4px}.sales-fault{margin:20px 0}.sales-totals{color:#4b6657;background:#f2f7f1}.sales-totals strong{color:#244535}.sales-summary .stat-top{min-height:24px}.sales-summary .stat-value{font-size:28px}.sales-fields select{width:100%}.detail-actionbar .sales-actions{display:inline-flex}.sales-actions .button{white-space:nowrap}
@media(max-width:600px){.sales-summary .stat-value{font-size:24px}.sales-actions .button{font-size:12px}.sales-totals{grid-template-columns:1fr}}