:root{--ink:#182c35;--muted:#75838b;--line:#e1e7e9;--paper:#f5f7f8;--accent:#087f75;--soft:#e6f4f0;--nav:#142b33}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--nav);color:#c6d5d9;display:flex;flex-direction:column;padding:32px 18px;z-index:2}.brand{display:flex;gap:12px;align-items:center;padding:0 10px;font-size:19px;font-weight:650;color:white}.brand-icon{display:grid;place-items:center;background:#3eaa9a;border-radius:12px;width:43px;height:43px;color:white;letter-spacing:-2px;font-size:25px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#9db7bf;margin-top:6px}.workspace-label{font-size:10px;letter-spacing:1.7px;margin:47px 15px 15px;color:#7396a2}nav a{display:flex;align-items:center;padding:15px 15px;margin:5px 0;border-radius:8px;gap:12px;font-weight:500}nav a span{font-size:21px;width:23px}nav a.active{background:#24434b;color:#fff;box-shadow:inset 3px 0 #52c3b1}nav a:hover{background:#23404a}nav i{margin-left:auto;font-style:normal;font-size:10px;background:#355660;border-radius:4px;padding:3px 6px}.sidebar-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid #34505a;padding:22px 7px 0;color:white}.sidebar-bottom small{display:block;color:#8eabb5;font-size:11px;margin-top:4px}.avatar{border-radius:50%;display:grid;place-items:center;width:35px;height:35px;background:#dce9e7;color:#245a53;font-size:11px;font-weight:700}.status-dot{margin-left:auto;width:7px;height:7px;background:#5db39f;border-radius:50%}.shell{margin-left:238px}.topbar{height:77px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;color:var(--muted);font-size:12px}.topbar-right{display:flex;gap:20px;align-items:center}.preview-pill{background:var(--soft);padding:7px 12px;border-radius:20px;color:var(--accent);font-size:11px}.small{width:29px;height:29px}main{padding:35px 40px 20px;max-width:1660px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--accent);font-weight:700;margin-bottom:10px}h1{font-size:32px;letter-spacing:-1px;font-weight:650;margin:0 0 10px}h2{font-size:18px;letter-spacing:-.4px;margin:0}h3{font-size:14px;margin:0}.subtitle{color:var(--muted);margin:0;line-height:1.6}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.button{border:1px solid var(--line);background:white;color:var(--ink);padding:11px 16px;border-radius:7px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:hover{border-color:#87aaa5;background:#f0f6f5}.button.primary{background:var(--accent);color:white;border-color:var(--accent)}.button:disabled{opacity:.5;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;position:relative}.stat-label{font-size:11px;color:var(--muted)}.stat-value{font-size:30px;letter-spacing:-.7px;font-weight:600;margin:9px 0 5px}.stat-foot{font-size:10px;color:var(--muted)}.stat-icon{position:absolute;right:20px;top:22px;border-radius:8px;padding:7px 10px;background:var(--paper);color:var(--accent);font-size:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-header{padding:22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.toolbar{padding:17px 22px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}input,select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:11px 12px;color:var(--ink);min-width:0}input:focus,select:focus{border-color:var(--accent)}.search{flex:1;max-width:420px;background:#fafbfc}.count{margin-left:auto;font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#fafbfc;font-size:9px;letter-spacing:1.1px;color:var(--muted);font-weight:600;padding:14px 22px;white-space:nowrap}td{padding:14px 22px;border-top:1px solid #edf0f2;font-size:12px}tbody tr:hover{background:#f8fbfa}.product-cell{display:flex;gap:12px;align-items:center;min-width:250px}.product-icon{background:#edf3f4;width:43px;height:43px;display:grid;place-items:center;border-radius:8px;font-size:20px;color:#597d88;flex-shrink:0}.product-name{border:0;background:none;text-align:left;padding:0;font-size:12px;font-weight:650;color:var(--ink);line-height:1.4}.product-name:hover{color:var(--accent)}.secondary{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.badge{display:inline-flex;align-items:center;border-radius:4px;font-size:9px;font-weight:600;padding:5px 8px;white-space:nowrap;background:#eef2f5;color:#5e6e77}.badge.good{background:#e7f5ed;color:#36785c}.badge.warn{background:#fff4dc;color:#956c1b}.badge.bad{background:#fcece9;color:#b35848}.stock{font-weight:650;color:var(--accent)}.stock span{font-weight:400;color:var(--muted)}.table-footer{padding:17px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.pagination{display:flex;gap:7px}.pagination .button{padding:6px 11px}.empty{padding:45px;text-align:center;color:var(--muted)}footer{padding:18px 40px 25px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.container-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kit-card{padding:23px}.kit-top{display:flex;align-items:center;gap:12px;margin-bottom:19px}.kit-card ul{padding:0;list-style:none;border-top:1px solid var(--line);margin:0 0 17px}.kit-card li{padding:11px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:12px}.kit-card .button{width:100%}.warehouse-grid{display:grid;grid-template-columns:280px 1fr;gap:20px}.job-button{width:100%;text-align:left;background:white;border:0;border-bottom:1px solid var(--line);padding:21px;cursor:pointer}.job-button.selected{background:#edf7f4;box-shadow:inset 3px 0 var(--accent)}.job-button strong{font-size:12px;display:block;line-height:1.5}.job-button .badge{margin-top:11px}.notice{background:#edf5f7;border:1px solid #d6e6eb;border-radius:7px;padding:14px 17px;color:#56717b;font-size:12px;line-height:1.6;margin:18px 0}.scanner{padding:23px;border-bottom:1px solid var(--line)}.scan-modes{display:flex;gap:6px;background:#f1f4f5;padding:5px;border-radius:7px;margin:18px 0}.scan-modes button{border:0;background:none;flex:1;padding:10px 4px;border-radius:5px;font-size:11px;color:var(--muted)}.scan-modes button.active{background:white;box-shadow:0 1px 4px #0001;color:var(--accent);font-weight:700}.scan-form{display:flex;gap:9px}.scan-form input{flex:1}.scan-help{margin:12px 0 0;color:var(--muted);font-size:11px}.scan-result{padding:12px 15px;border-radius:6px;margin-top:14px;background:var(--soft);color:#286959;font-size:12px;line-height:1.5}.scan-result.error{background:#fcece9;color:#a94f42}.mini-progress{height:4px;background:#e6ebed;border-radius:4px;margin-top:7px;min-width:40px}.mini-progress b{display:block;height:100%;background:#4fa492;border-radius:4px}.log{padding:20px 23px}.log-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.log-row small{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:13px;padding:0;max-width:900px;width:calc(100% - 40px);max-height:88vh;color:var(--ink);box-shadow:0 20px 90px #142b3330}dialog::backdrop{background:#10242c66;backdrop-filter:blur(3px)}.detail-head{padding:27px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.detail-body{padding:25px}.detail-summary{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.detail-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:0 27px}.detail-tabs span{padding:15px 0;color:var(--accent);border-bottom:2px solid var(--accent);font-size:12px;font-weight:600}.detail-info{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.detail-info div{background:var(--paper);padding:15px;border-radius:7px;font-size:12px}.detail-info small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:13px 20px;border-radius:7px;box-shadow:0 4px 20px #0002;display:none;z-index:10}.loading{padding:80px;text-align:center;color:var(--muted)}.camera{width:100%;max-height:240px;background:#102a33;border-radius:8px;margin-top:15px}.asset-actions{display:flex;gap:10px;margin-top:20px}.label-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.barcode-label{border:1px solid var(--line);text-align:center;padding:15px;border-radius:5px;font-size:10px;break-inside:avoid}.barcode-label svg{display:block;margin:12px auto 7px;max-width:100%;height:45px}.barcode-label strong{display:block;font-family:monospace;font-size:12px}.print-only{display:none}@media(max-width:1100px){.sidebar{width:205px}.shell{margin-left:205px}main{padding:25px}.topbar{padding:0 25px}.container-grid{grid-template-columns:repeat(2,1fr)}.warehouse-grid{grid-template-columns:220px 1fr}td,th{padding:12px 15px}.stats{gap:10px}.stat{padding:17px}.stat-icon{display:none}footer{padding:15px 25px;flex-direction:column}}@media(max-width:760px){.sidebar{position:relative;width:auto;padding:15px;display:block}.brand{font-size:16px}.brand-icon{width:33px;height:33px;font-size:21px}.workspace-label,.sidebar-bottom{display:none}nav{display:flex;margin-top:15px;gap:5px}nav a{flex:1;font-size:10px;padding:10px 8px;margin:0;gap:6px}nav a span{font-size:16px;width:auto}nav i{display:none}.shell{margin-left:0}.topbar{height:55px;padding:0 20px}.topbar-right .avatar{display:none}main{padding:24px 18px}.page-heading{align-items:flex-start;gap:15px}h1{font-size:28px}.page-heading .button{padding:9px;font-size:10px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap;padding:14px}.search{width:100%;max-width:none;flex-basis:100%}.toolbar select{flex:1}.container-grid{grid-template-columns:1fr}.warehouse-grid{grid-template-columns:1fr}.jobs{display:flex;overflow:auto}.job-button{min-width:220px}.scan-form{flex-wrap:wrap}.scan-form input{flex-basis:100%}.scan-form button{flex:1}.detail-info{grid-template-columns:1fr 1fr}.label-sheet{grid-template-columns:1fr 1fr}.detail-head{padding:20px}.detail-body{padding:18px}.preview-pill{font-size:10px}.count{display:none}}@media print{body>*:not(dialog){display:none!important}dialog{position:static;max-height:none;border:0;width:100%;max-width:none;box-shadow:none}dialog::backdrop{display:none}.detail-head,.asset-actions,.detail-tabs,.detail-info{display:none}.barcode-label{border:1px dashed #bbb}.label-sheet{grid-template-columns:repeat(3,1fr)}.print-only{display:block}}
.section-space{margin-top:25px}.mini-progress b{width:0}

progress.mini-progress{display:block;width:50px;height:4px;border:0;appearance:none}progress::-webkit-progress-bar{background:#e6ebed;border-radius:4px}progress::-webkit-progress-value{background:#4fa492;border-radius:4px}progress::-moz-progress-bar{background:#4fa492;border-radius:4px}
/* Layout aligned with the supplied Current RMS reference screens. */
:root{--ink:#252525;--muted:#888;--line:#d8d8d8;--paper:#f4f4f4;--accent:#7c3aed;--soft:#f5f3ff;--nav:#29345b}body{font-family:Arial,Helvetica,sans-serif;font-size:13px;background:var(--paper);color:var(--ink)}a{color:#527eff}a:hover{text-decoration:underline}.current-nav{height:58px;background:var(--nav);display:flex;align-items:stretch;position:sticky;top:0;z-index:20;color:#fff}.current-brand{width:135px;padding:10px 20px;flex-shrink:0;font-size:19px;line-height:19px;color:#fff;font-weight:600;text-decoration:none!important}.current-brand span{display:block;font-size:16px;font-weight:400;color:#cbd0df}.current-nav nav{display:flex;margin:0;align-items:stretch}.current-nav nav>a,.current-nav nav>button,.nav-menu>button{margin:0;padding:0 14px;border:0;border-radius:0;display:flex;align-items:center;background:none;font-size:12px;color:white;font-weight:400;white-space:nowrap}.current-nav nav>a:hover,.current-nav nav>a.active,.nav-menu>button.active,.nav-menu.open>button,.nav-menu>button:hover{background:var(--accent);box-shadow:none;text-decoration:none}.nav-unavailable:disabled{opacity:.65;cursor:default}.nav-menu{position:relative;display:flex}.nav-dropdown{display:none;position:absolute;top:58px;left:0;min-width:185px;background:white;border:1px solid #ddd;box-shadow:0 4px 10px #0003;border-radius:0 0 5px 5px;padding:5px 0;color:#333}.nav-menu.open .nav-dropdown,.nav-menu:focus-within .nav-dropdown{display:block}.nav-dropdown a{display:block;padding:12px 15px;color:#333;font-size:12px}.nav-dropdown a:hover{background:#f4f4f4;text-decoration:none}.nav-right{display:flex;align-items:center;gap:12px;margin-left:auto;padding:0 15px}.nav-right input{border-radius:20px;width:170px;font-size:12px;padding:7px 13px;height:32px}.store-label{border:1px solid #8b91a7;border-radius:20px;padding:7px 11px;font-size:11px;white-space:nowrap}.avatar{background:#fff;color:#29345b;width:30px;height:30px}.shell{margin-left:0}main{max-width:none;padding:20px;min-height:calc(100vh - 105px)}h1{font-size:27px;font-weight:400;letter-spacing:0;line-height:1.25;margin:0 0 10px}h1 .badge{vertical-align:middle;margin-left:5px}h2{font-size:22px;font-weight:400;letter-spacing:0}h3{font-size:16px;font-weight:600}.eyebrow{display:none}.subtitle{font-size:12px}.page-heading{margin-bottom:20px}.button{border:1px solid #aaa;border-radius:4px;font-size:12px;font-weight:400;padding:8px 12px;min-height:32px;background:#f8f8f8;color:#333}.button.primary{background:var(--accent);border-color:var(--accent);font-weight:600;color:white}.button.outline-pink{color:var(--accent);border-color:#c4b5fd;background:none}.button:hover{background:#eee;border-color:#888}.button.primary:hover{background:#7c3aed;border-color:#7c3aed}.button:disabled{opacity:.5}.list-heading{margin-bottom:5px}.list-search-actions{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-bottom:14px}.list-search-actions .search{max-width:none;flex:1;flex-basis:50%;height:32px;border-radius:4px;padding:6px;background:white}.list-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end}.list-controls{display:flex;align-items:flex-end;gap:12px;margin:0 0 20px}.list-controls>label:not(.toggle){display:flex;flex-direction:column;gap:4px;font-size:12px}.list-controls select{min-width:145px;padding:7px 10px;font-size:12px;height:34px;border:1px solid #aaa;border-radius:4px;background:transparent}.toggle{display:flex;gap:7px;align-items:center;height:34px;font-size:12px}.toggle input{accent-color:var(--accent)}.view-switch{margin-left:auto;display:flex;gap:3px}.view-switch button{border:0;background:none;color:#666;font-size:22px;border-radius:50%;width:31px;height:31px}.view-switch button.selected{background:#666;color:white}.listing-panel{background:white;border:1px solid #ddd;border-radius:6px;padding:10px}.product-list th{background:#f4f4f4;font-size:13px;font-weight:400;letter-spacing:0;color:#222;padding:9px 12px;border-bottom:1px solid #ddd}.product-list td{padding:12px;line-height:1.25;font-size:12px;border-top:1px solid #ddd;height:43px}.product-list th:first-child,.product-list td:first-child{width:43%;padding-left:65px}.product-list th:nth-child(2){width:25%}.product-list th:nth-child(3){width:20%}.product-list th:last-child{width:35px}.product-name{font-weight:400;font-size:12px;color:#222;display:inline;text-align:left}.product-name:hover{color:#527eff;text-decoration:underline}.group-link{color:#527eff;background:none;border:0;padding:0;font-size:12px;text-align:left}.favourite{border:0;background:none;color:#222;font-size:22px;padding:0 5px;line-height:1}.favourite.selected{color:var(--accent)}.badge{border-radius:12px;background:#e5e5e5;color:#333;padding:4px 9px;font-size:10px;font-weight:400}.badge.good{background:#207c65;color:white}.badge.warn{background:#efa000;color:white}.badge.bad{background:#b91c1c;color:white}.table-footer{padding:14px 10px;font-size:11px}.pagination{align-items:center;gap:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:10px}.product-grid article{border:1px solid #ddd;border-radius:5px;padding:16px;font-size:12px}.product-grid article>a{color:#222}.product-grid strong{display:block;font-weight:400;margin-top:10px}.product-grid p{font-size:11px;color:#888}.product-grid article>div{display:flex;align-items:center;justify-content:space-between}.picture-placeholder{height:85px;background:#f2f2f2;color:#bbb;display:grid;place-items:center;font-size:40px}.record-layout{display:grid;grid-template-columns:68% 32%;margin:-20px;min-height:calc(100vh - 105px);background:white}.record-main{padding:22px 20px}.record-sidebar{padding:22px;border-left:1px solid #ccc;background:white}.record-sidebar section{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #ddd}.record-sidebar section:last-child{border:0}.record-sidebar h3{margin:0 0 15px;font-size:17px}.record-sidebar p{font-size:12px;line-height:1.5;margin:8px 0;color:#555}.breadcrumbs{font-size:12px;margin-bottom:13px}.record-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:25px}.record-heading h1{font-size:27px}.record-heading p{color:#999;margin:7px 0}.record-heading .list-actions{padding-top:0}.record-shortcuts{display:flex;border:1px solid #ddd;border-radius:7px;overflow:hidden;margin:0 0 30px;background:#f5f5f5}.record-shortcuts a{color:#888;font-size:12px;flex:1;border-right:1px solid #ddd;padding:15px 13px}.record-shortcuts a:last-child{border:0}.record-shortcuts strong{display:block;color:#222;font-size:12px;margin-top:6px}.record-section{margin:30px 0}.record-section h2{margin:0 0 10px;font-size:22px}.record-section th{background:#f4f4f4;color:#222;font-size:12px;letter-spacing:0;font-weight:400;padding:9px 10px}.record-section td{font-size:12px;padding:10px;border-top:1px solid #ddd}.record-section .empty-row{padding:9px;color:#999;font-size:11px;background:#fafafa}.stock-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:stretch}.stock-summary>div{padding:10px 7px}.stock-summary span{display:block;font-size:11px;color:#999;margin-bottom:7px}.stock-summary strong{font-size:13px;font-weight:400}.stock-summary .stock-available{background:#87be00}.stock-available span,.stock-available strong{color:white}.record-sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:17px 15px;margin:0}.record-sidebar dt{font-size:11px;color:#999;margin-bottom:6px}.record-sidebar dd{font-size:12px;font-weight:600;margin:0;overflow-wrap:anywhere}.data-note{font-size:12px;color:#888;line-height:1.5}.record-main .data-note{margin:30px 0}.record-main>h1 small{font-size:16px;color:#999}.pipeline{background:white;border:1px solid #ddd;border-radius:7px;padding:20px}.pipeline h1{font-size:24px;margin-bottom:16px}.pipeline-metrics{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:22px}.pipeline-metrics a{color:#222}.pipeline-metrics a:hover{text-decoration:none}.pipeline-metrics span{display:block;font-size:12px}.pipeline-metrics strong{display:block;font-size:34px;font-weight:400;margin:6px 0 12px}.metric-bar{height:13px;border-radius:20px;background:#ddd}.metric-bar.pink{background:#7c3aed}.metric-bar.orange{background:#ffa000}.metric-bar.green{background:#4caf50}.metric-bar.blue{background:#29a1f5}.dashboard-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:110px}.dashboard-tile{background:white;border:1px solid #ddd;border-radius:7px;color:#222;height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-bottom-width:14px;text-align:center;padding:20px}.dashboard-tile:hover{text-decoration:none;background:#fafafa}.dashboard-tile h3{font-size:14px}.dashboard-tile strong{font-size:34px;font-weight:400}.dashboard-tile.green{border-bottom-color:#4caf50}.dashboard-tile.orange{border-bottom-color:#ffa000}.dashboard-tile.blue{border-bottom-color:#29a1f5}.dashboard-tile.red{border-bottom-color:#c62828}.dashboard-tile.teal{border-bottom-color:#009688}.state-ring{display:block;width:26px;height:26px;border:5px dashed #7c3aed;border-radius:50%;margin:0 0 5px}.panel{border-radius:5px}.warehouse-grid{grid-template-columns:235px 1fr;gap:15px}.panel-header{padding:16px}.scanner{padding:18px}.notice{background:#faf9ff;border-color:#ddd6fe;color:#625078;border-radius:4px;font-size:11px}.scan-modes{border:1px solid #ddd;background:#f4f4f4;border-radius:4px}.scan-modes button.active{color:#7c3aed}.job-button.selected{background:#f5f3ff;box-shadow:inset 3px 0 #7c3aed}.job-button{padding:18px}.scan-result{background:#edf7f0;color:#36704c}.scan-result.error{background:#fae8ec;color:#a34256}table th{letter-spacing:0;font-size:12px;font-weight:400}table td{font-size:12px;padding:12px}.mini-progress{background:#ddd}footer{font-size:10px;padding:15px 20px;border-top:1px solid #ddd;background:#f4f4f4}dialog{max-width:600px;border-radius:6px}.detail-head{padding:20px}.detail-body{padding:20px}.detail-head h2{font-size:22px}.detail-body input{padding:8px}.listing-panel .record-section{margin:10px}.empty{padding:30px}.section-space{margin-top:20px}
@media(max-width:1150px){.current-brand{width:110px;padding-left:14px;font-size:17px}.current-nav nav>a,.current-nav nav>button,.nav-menu>button{padding:0 10px;font-size:11px}.nav-right{gap:7px;padding:0 10px}.nav-right input{width:130px}.store-label{display:none}.record-layout{grid-template-columns:70% 30%}.record-sidebar{padding:18px}.record-heading{flex-wrap:wrap}.list-search-actions{gap:15px}.list-actions{flex-wrap:wrap}.product-grid{grid-template-columns:repeat(3,1fr)}.dashboard-tile{height:190px}}@media(max-width:760px){.current-nav{height:auto;position:relative;display:flex;flex-wrap:wrap}.current-brand{width:115px;padding:10px 15px}.current-nav nav{order:3;width:100%;overflow-x:auto;height:43px}.current-nav nav>a,.current-nav nav>button,.nav-menu>button{font-size:11px;padding:0 13px}.nav-right{padding:10px;margin-left:auto}.nav-right input{width:150px}.current-nav nav .nav-menu{position:static}.nav-dropdown{top:94px;left:15px;z-index:20}.current-nav nav .nav-menu:focus-within:not(.open) .nav-dropdown{display:none}main{padding:16px}h1{font-size:24px}.list-search-actions{flex-wrap:wrap;gap:10px}.list-search-actions .search{flex-basis:100%;height:35px}.list-actions{justify-content:flex-start}.list-controls{gap:8px;flex-wrap:wrap;margin-bottom:14px}.list-controls select{min-width:110px}.view-switch{margin-left:auto}.product-list th:first-child,.product-list td:first-child{padding-left:12px;min-width:200px}.product-list td{padding:11px}.product-list th{white-space:nowrap}.product-grid{grid-template-columns:repeat(2,1fr)}.record-layout{margin:-16px;grid-template-columns:1fr}.record-sidebar{border-left:0;border-top:1px solid #ddd}.record-main{padding:20px 16px}.record-shortcuts{flex-wrap:wrap}.record-shortcuts a{flex-basis:50%;border-bottom:1px solid #ddd}.record-heading{gap:5px;margin-bottom:20px}.record-heading h1{font-size:24px}.warehouse-grid{grid-template-columns:1fr}.pipeline{padding:15px}.pipeline-metrics{grid-template-columns:1fr 1fr;gap:20px}.dashboard-tiles{grid-template-columns:1fr 1fr;margin-top:35px}.dashboard-tile{height:155px;padding:10px}.dashboard-tile h3{font-size:12px}.pipeline-metrics strong{font-size:28px}.record-sidebar dl{grid-template-columns:1fr 1fr}.table-wrap{overflow:auto}.record-section table{min-width:570px}}
@media print{body>.shell{display:block!important}body>.current-nav,body>dialog,body>#toast,footer,.record-heading .list-actions{display:none!important}.record-layout{display:block}.record-sidebar{border:0}.record-main{padding:10px}main{padding:0}.record-section{break-inside:avoid}}
.current-brand{white-space:nowrap;font-size:17px;line-height:18px}.current-brand span{font-size:15px;line-height:17px}.list-search-actions .list-actions{flex-shrink:0}@media(min-width:761px) and (max-width:1050px){.nav-right input{display:none}.current-brand{width:110px}.current-nav nav>a,.current-nav nav>button,.nav-menu>button{padding:0 10px}.list-search-actions{flex-wrap:wrap}.list-search-actions .search{flex-basis:100%}.list-search-actions .list-actions{margin-left:auto}.record-layout{grid-template-columns:65% 35%}}
.nav-menu:focus-within:not(.open) .nav-dropdown{display:none}
.record-main,.record-sidebar{min-width:0}.record-heading>div:first-child{min-width:0}.record-heading h1{overflow-wrap:anywhere}.record-shortcuts a{min-width:0}.breadcrumbs{overflow-wrap:anywhere}@media(max-width:760px){.record-layout{grid-template-columns:minmax(0,1fr)}.current-nav nav{min-width:0}.listing-panel{min-width:0}.listing-panel>table{min-width:570px}.listing-panel{overflow-x:auto}}
.record-form {display:grid;gap:18px;padding:12px 0}.record-form label{display:grid;gap:6px;font-size:14px}.record-form input,.record-form select{width:100%;padding:10px;border:1px solid #bbb;border-radius:4px;font:inherit}.record-form [type=submit]{justify-self:start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.login-panel{max-width:440px;margin:65px auto;background:white;padding:30px;border:1px solid #ddd;border-radius:6px}.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}.list-heading{gap:15px}.avatar{border:0;cursor:pointer}dialog .record-form{min-width:min(420px,70vw)}
.alphabet-filter{display:flex;border:1px solid #aaa;border-radius:4px;overflow:auto;margin:16px 0 10px}.alphabet-filter button{flex:1;min-width:30px;border:0;border-right:1px solid #bbb;background:white;padding:6px 8px;font-size:13px;cursor:pointer}.alphabet-filter button.selected{background:#7c3aed;color:white}.alphabet-filter button:last-child{border-right:0}
@media(min-width:761px){#customer-search{max-width:50%}}@media(max-width:500px){.form-row{grid-template-columns:1fr}.login-panel{margin:25px 0;padding:20px}}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}dialog:has(.record-form){padding:20px;max-width:calc(100vw - 40px);max-height:90vh;overflow:auto}dialog .record-form{min-width:0;width:min(420px,100%)}@media(max-width:760px){.list-search-actions .list-actions{flex-wrap:wrap;max-width:100%;margin-left:0}.record-form{width:100%}.modal-head h2{overflow-wrap:anywhere}.page-heading{gap:10px;flex-wrap:wrap}}
.document-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.action-stack{display:grid;gap:12px;min-width:260px}.record-form textarea{width:100%;font:inherit;border:1px solid #bbb;padding:10px;border-radius:4px;resize:vertical}.list-controls input{padding:8px;border:1px solid #bbb;border-radius:4px}details p{font-size:12px;margin:8px 0}summary{cursor:pointer;color:#546da6}#job-shortages{margin:20px 0}.pipeline-metrics>div{padding:18px}.pipeline-metrics>div>span,.pipeline-metrics>div>strong{display:block}.pipeline-metrics>div>strong{font-size:30px;margin-top:8px}
.label-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.stock-label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border:1px solid #ccc;border-radius:4px;padding:15px;break-inside:avoid}.stock-label>input{position:absolute;left:8px;top:8px}.stock-label strong{font-size:12px;text-align:center}.stock-label svg{max-width:100%;height:90px}.stock-label small{font-size:11px}.skip-print{opacity:.45}@media print{.label-sheet{grid-template-columns:repeat(3,1fr);gap:4mm}.stock-label{border:1px dashed #ddd;width:60mm;height:35mm;padding:2mm}.stock-label svg{width:56mm;height:23mm}.stock-label input,.skip-print,#print-labels,.document-actions,.record-heading .list-actions{display:none!important}.stock-label strong{font-size:8pt}body:has(.label-sheet) main>h1,body:has(.label-sheet) .list-heading,body:has(.label-sheet) .data-note{display:none!important}}
.record-form .check-label{display:flex;align-items:center;gap:8px}.record-form .check-label input{width:auto}
.document-brand{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0;padding:20px 0;border-bottom:1px solid #ddd}.document-brand p{font-size:12px;line-height:1.5;margin:4px 0}.document-brand strong{display:block;margin:4px 0}.attachment-list{list-style:none;padding:0}.attachment-list li{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eee;padding:10px 0}.attachment-list li>.button{margin-left:auto}.attachment-list a{overflow-wrap:anywhere}@media(max-width:760px){.document-brand{grid-template-columns:1fr}.attachment-list li{flex-wrap:wrap}}@media print{.no-print{display:none!important}.document-brand{grid-template-columns:1fr 1fr}}

.pipeline progress{display:block;width:100%;height:15px;margin-top:14px;appearance:none;border:0;border-radius:12px;overflow:hidden;background:#ddd}.pipeline progress::-webkit-progress-bar{background:#ddd;border-radius:12px}.pipeline progress::-webkit-progress-value{background:#4caf50;border-radius:12px}.pipeline progress.pink::-webkit-progress-value{background:#7c3aed}.pipeline progress.orange::-webkit-progress-value{background:#ff9800}.pipeline progress.blue::-webkit-progress-value{background:#2196f3}.pipeline progress::-moz-progress-bar{background:#4caf50}

.global-search-toggle{display:none}@media(min-width:761px) and (max-width:1050px){.global-search-toggle{display:inline-flex;border-radius:50%;width:30px;height:30px;padding:0;color:#293356;background:white;font-size:20px}}
/* Grouped document editor follows the resource and opportunity table layout. */
.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.editor-main{min-width:0}.editor-top,.editor-toolbar,.editor-line-footer,.item-view-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-top{margin-bottom:24px}.editor-top h1{margin:8px 0}.editor-top p{margin:0;color:#777}.editor-top #top-total{font-size:22px;margin-right:12px}.edit-panel,.bill-sidebar>section{background:#fff;border:1px solid #dcdcdc;border-radius:5px;padding:18px;margin-bottom:20px}.bill-sidebar h2,.editor-toolbar h2{font-size:18px;margin:0 0 18px}.bill-sidebar>section>h2{padding-bottom:14px;border-bottom:1px solid #e5e5e5}.bill-sidebar dl div{display:flex;justify-content:space-between;padding:12px 0}.bill-sidebar dd{margin:0;font-weight:600}.bill-sidebar dt{color:#666}.bill-sidebar .grand-total{border-top:1px solid #ddd;font-size:20px;margin-top:18px;padding-top:22px}.grand-total dd{color:#7c3aed}.document-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.document-editor label{display:flex;flex-direction:column;gap:7px;color:#666;font-size:13px}.document-editor input,.document-editor textarea,.document-editor select{width:100%;min-width:0;border:1px solid #ccc;border-radius:4px;padding:8px;background:#fff;color:#333;font:inherit}.document-editor textarea{resize:vertical}.document-editor input:focus,.document-editor textarea:focus,.document-editor select:focus{outline:2px solid #adc1f9;outline-offset:0}.document-editor .check-label{flex-direction:row;align-items:center}.check-label input{width:auto}.discount-controls{display:flex;gap:8px;margin:14px 0}.discount-controls select{flex:1.5}.discount-controls input{flex:1;width:80px}.editor-toolbar h2{margin:0}.editor-toolbar>div{display:flex;gap:5px;flex-wrap:wrap}.item-view-tools{justify-content:flex-start;margin:15px 0}.item-view-tools span{margin-left:auto;font-size:12px;color:#888}.item-view-tools .selected{color:#7c3aed;border-color:#7c3aed}.editable-items{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;min-width:950px}.editable-items th{font-weight:400;color:#888;background:#f6f6f6;text-align:left;padding:8px}.editable-items td{border-bottom:1px solid #e5e5e5;padding:8px 5px;vertical-align:middle}.editable-items .handle-col{width:30px}.editable-items th:nth-child(2){width:160px}.editable-items th:nth-child(3){width:220px}.editable-items th:nth-child(4){width:130px}.editable-items th:nth-child(5){width:135px}.editable-items th:nth-child(6),.editable-items th:nth-child(7){width:105px}.editable-items th.amount{width:100px}.editable-items th:last-child{width:30px}.services-view .detail-col,.details-view .service-col{display:none}.details-view th.detail-col{width:100px}.editable-items textarea{min-height:52px}.editable-items .group-title td{background:#f8f8f8;padding:7px 5px;border-bottom:1px solid #ddd}.group-edit-heading{display:flex;align-items:center;gap:10px}.group-edit-heading input[data-line-field=description]{font-size:15px;font-weight:700;border-color:transparent;background:transparent;flex:2}.group-edit-heading .project-input{flex:1;max-width:220px;font-size:12px}.group-toggle,.grab-handle,.row-menu{border:0;background:transparent;cursor:pointer;color:#526eff;font-size:19px;padding:3px}.group-toggle{color:#666;min-width:22px}.grab-handle{cursor:grab;touch-action:none;color:#666;font-size:18px;letter-spacing:-4px;width:24px;height:30px;padding-right:7px;user-select:none}.grab-handle:active{cursor:grabbing}.grab-handle:focus-visible{outline:2px solid #7c3aed}.dragging{opacity:.55}.drop-before{box-shadow:inset 0 3px #7c3aed}.drop-after{box-shadow:inset 0 -3px #7c3aed}.type-badge{display:inline-block;font-size:10px;color:white;border-radius:12px;padding:2px 7px;margin-top:4px;background:#888}.type-badge.service{background:#6d28d9}.type-badge.rental{background:#0081bd}.rental-name{display:block}.editor-line-footer{background:#fafafa;padding:12px;margin-top:0}.text-button{border:0;color:#526eff;background:transparent;cursor:pointer}.editor-line-footer span{margin-left:auto;color:#888;font-size:12px}.aux-panel summary{font-weight:600;cursor:pointer}.aux-panel details[open] summary{margin-bottom:15px}.aux-panel label{margin:12px 0}.time-entry,.history-row,.credit-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #eee}.time-entry small,.credit-entry small{display:block;color:#888;margin-top:5px}.unsaved{color:#b65d00}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#item-picker{border:1px solid #ddd;background:#fafafa;margin-top:15px;padding:14px}.picker-controls{display:flex;gap:12px}#picker-results{max-height:300px;overflow:auto;margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#picker-results>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #ddd}#picker-results small{display:block;color:#888}.amount{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.document-section .group-title th{background:#f6f6f6;font-weight:600;padding:10px;text-align:left;border-bottom:1px solid #ddd}.document-section .group-child td{padding:13px 10px;border-bottom:1px solid #e4e4e4}.document-section .group-child td:first-child{padding-left:32px}.project-code{font-size:11px;color:#888;margin-left:20px;font-weight:400}.line-description{margin-top:5px;font-size:12px;color:#777}.rate-breakdown{font-size:11px;color:#697bbb;margin-top:6px}.rate-breakdown summary{cursor:pointer}.rate-breakdown div{padding-top:4px;color:#777}.nowrap{white-space:nowrap}.invoice-dates{display:flex;gap:25px;flex-wrap:wrap;margin:20px 0}.invoice-dates div{display:flex;flex-direction:column;gap:5px}.invoice-dates span{color:#888;font-size:12px}.document-lifecycle{display:flex;margin:20px 0 30px;background:#f6f6f6;border:1px solid #ddd;border-radius:5px;padding:20px}.document-lifecycle>div{flex:1;display:flex;gap:8px;align-items:center;color:#aaa}.document-lifecycle .complete{color:#7c3aed}.document-lifecycle .step-dot{border-radius:50%;border:2px solid currentColor;width:26px;height:26px;display:inline-grid;place-items:center}.document-summary{margin:20px 0 20px auto;max-width:380px}.document-summary>div{display:flex;justify-content:space-between;padding:10px}.bill-sidebar .button{margin:4px 0}.document-view .record-sidebar .button{margin:4px 0}.internal-note{border-bottom:1px solid #eee;padding:12px 0}.internal-note small{color:#888}.status-pill{display:inline-block;padding:3px 10px;border-radius:12px;background:#eee;color:#666;margin-right:10px}
@media(max-width:1100px){.billing-layout{grid-template-columns:minmax(0,1fr)}.bill-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bill-sidebar>section{margin:0}.item-view-tools span{display:none}.document-fields{grid-template-columns:1fr 1fr}.customer-field{grid-column:span 2}}
@media(max-width:600px){.bill-sidebar{display:block}.bill-sidebar>section{margin-bottom:15px}.document-fields{grid-template-columns:1fr}.customer-field{grid-column:auto}.editor-top{align-items:flex-start;flex-direction:column}.editor-toolbar{align-items:flex-start;flex-direction:column}.edit-panel{padding:12px}.editor-top .list-actions{width:100%;justify-content:flex-end}#picker-results{grid-template-columns:1fr}}
@media print{.document-view .record-sidebar,.document-view .record-heading .list-actions,.document-view .document-actions,.document-view .document-lifecycle,.document-view #discussion-section,.document-view #attachments-section,.group-toggle,.document-view .breadcrumbs{display:none!important}.document-view .record-layout{display:block}.document-section tr[hidden]{display:table-row!important}.document-section .group-child{break-inside:avoid}.document-section .group-title{break-after:avoid}}
.document-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.document-top h1{margin:10px 0}.document-top p{color:#777}.document-lifecycle .reached{color:#7c3aed}.document-lifecycle>div{position:relative;flex-direction:column;align-items:flex-start;gap:7px}.document-lifecycle>div>span{border:2px solid currentColor;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#f6f6f6;z-index:1}.document-lifecycle>div:not(:last-child):before{content:'';position:absolute;top:14px;left:28px;right:0;height:3px;background:#ddd}.document-lifecycle small{color:#999}.bill-main{background:#fff;border:1px solid #ddd;border-radius:5px;padding:20px;min-width:0}.document-dates{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.document-dates h2{font-size:17px;margin:10px 0}.document-dates small,.document-dates dt{color:#888}.document-dates dl>div{display:flex;gap:15px;justify-content:flex-end;margin:10px 0}.document-dates dd{margin:0;font-weight:600}.grouped-document{border-collapse:collapse;width:100%;min-width:800px;font-size:12px}.grouped-document thead th{background:#f5f5f5;color:#888;padding:10px;text-align:left;font-weight:400}.grouped-document td:first-child{width:35%}.grouped-document td:nth-child(2){max-width:170px}.document-section.collapsed .group-child{display:none}.bill-totals{max-width:330px;margin:25px 0 25px auto}.bill-totals div{display:flex;justify-content:space-between;padding:10px}.bill-totals dd{margin:0;font-weight:600}.bill-totals .grand-total{border-top:1px solid #ddd;margin-top:10px;font-size:18px}.action-stack{display:flex;flex-direction:column}.discussion{border-bottom:1px solid #eee;padding:12px 0}.discussion small{color:#888;margin-left:15px}.document-page .aux-panel{margin-top:24px;padding-top:15px;border-top:1px solid #ddd}
@media(max-width:600px){.document-top,.document-dates{flex-direction:column;align-items:flex-start}.document-dates dl>div{justify-content:flex-start}.bill-main{padding:12px}}
@media print{.document-page .bill-sidebar,.document-page .list-actions,.document-page .no-print,.document-page .document-lifecycle,.document-page #attachments,.document-page .breadcrumbs{display:none!important}.document-page .billing-layout{display:block}.document-page .bill-main{border:0;padding:0}.grouped-document{min-width:0;font-size:10px}.document-section.collapsed .group-child{display:table-row}.document-page .table-wrap{overflow:visible}.document-page .document-brand{break-inside:avoid}}
.feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.feed-toolbar span{font-size:13px;color:#777}.feed-picker summary{font-weight:600;cursor:pointer}.feed-event{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #e5e5e5;padding:14px 0}.feed-event>div{min-width:0}.feed-event small{display:block;color:#777;margin-top:6px;line-height:1.5}.feed-event label{margin-top:8px}.feed-event>button{flex-shrink:0}.feed-picker .notice{margin:12px 0}@media(max-width:600px){.feed-event{align-items:flex-start;flex-direction:column}}

/* Opportunity views share Current-style dense tables and a persistent summary. */
.opportunity-page{grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr)}
.opportunity-heading h1{font-size:25px}.opportunity-heading .preserve-text{white-space:pre-wrap}.opportunity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px}.opportunity-toolbar>div{display:flex;flex-wrap:wrap;gap:5px}.opportunity-toolbar .button{color:#7c3aed;border-color:#c4b5fd}.opportunity-toolbar .primary{color:white}.opportunity-source{display:flex;align-items:center;gap:14px;margin:8px 0 18px}.opportunity-source label{font-size:12px;color:#666}.opportunity-source select{margin-left:8px;max-width:240px}.opportunity-table{font-size:12px;width:100%}.opportunity-table td,.opportunity-table th{padding:7px 8px}.opportunity-table td:first-child{min-width:200px}.opportunity-table small{display:block;color:#777;margin-top:4px}.opportunity-group th{background:#f7f7f7!important;color:#333;font-size:15px;text-align:left}.group-toggle,.row-menu{border:0;background:transparent;cursor:pointer;color:#507dff}.group-toggle{margin-right:8px}.opportunity-table tbody.collapsed tr:not(.opportunity-group){display:none}.opportunity-table .asset-child td:first-child{padding-left:24px}.opportunity-table .shortage{background:#f8cdcd}.fulfilment-pill,.type-badge{display:inline-block;white-space:nowrap;border-radius:14px;padding:3px 9px;color:white;font-size:12px;background:#777}.type-badge.rental{background:#007bb4}.type-badge.service,.fulfilment-pill.out{background:#6d28d9}.fulfilment-pill.returned{background:#005dc2}.fulfilment-pill.reserved,.fulfilment-pill.confirmed{background:#7629ac}.fulfilment-pill.prepared,.fulfilment-pill.finalised{background:#1b795f}.opportunity-controls{display:flex;gap:6px;padding:12px 0}.opportunity-total{text-align:right;padding:12px;border-top:1px solid #ddd}.warehouse-function-tabs{display:flex;border-bottom:2px solid #82bc00}.warehouse-function-tabs button{border:0;padding:10px 13px;background:#f5f5f5;cursor:pointer}.warehouse-function-tabs .active{background:#82bc00;color:white}.opportunity-scan{background:#f7f7f7;padding:14px;margin-bottom:12px}.opportunity-scan form{display:flex;gap:8px;flex-wrap:wrap}.opportunity-scan input{flex:1;min-width:220px}.opportunity-scan p:empty{display:none}.service-day{margin:25px 0}.service-resource{font-weight:600;margin:10px 0}.service-resource .fulfilment-pill{margin-left:10px}.service-card{border:1px solid #56bbd5;border-top:8px solid #56bbd5;padding:12px}.service-card>span{float:right}.service-card p{margin:6px 0}.service-card .button{margin-top:8px}.opportunity-documents{margin-top:30px}.opportunity-documents .button{margin:3px}.opportunity-sidebar small{color:#777}.opportunity-sidebar dd{font-weight:600}.opportunity-sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:15px}.opportunity-sidebar dl>div{display:block}.opportunity-sidebar dt{font-size:12px;color:#999}.opportunity-sidebar dd{margin:5px 0}.opportunity-view .amount{text-align:right}@media(max-width:1000px){.opportunity-page{grid-template-columns:1fr}.opportunity-toolbar{align-items:flex-start;flex-direction:column}.opportunity-source{flex-wrap:wrap}.warehouse-function-tabs{overflow:auto}}
.order-grab{border:0;background:transparent;cursor:grab;color:#777;margin-right:8px;font-size:16px;padding:0 4px}.order-grab:active{cursor:grabbing}.order-grab:focus-visible{outline:2px solid #7c3aed}
.invoice-warehouse-tabs{display:flex;gap:8px;margin:0 0 18px}.invoice-warehouse-panel{background:white;padding:20px;border:1px solid #ddd}.invoice-warehouse-panel[hidden],.document-page[hidden],.document-editor[hidden]{display:none!important}.embedded-warehouse .opportunity-table{min-width:750px}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:24px}.tool-card{display:block;padding:24px;border:1px solid #ddd;background:#fff;border-radius:5px;font-size:18px}.tool-card:hover{border-color:#7c3aed}

.portal-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}

.button[hidden]{display:none!important}

/* Client communication history */
.message-filters{display:flex;gap:18px;align-items:end;margin:14px 0}.message-filters label{display:grid;gap:5px}.message-filters input{width:320px}.message-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);height:70vh;min-height:460px;border:1px solid #ddd;border-radius:7px;overflow:hidden;background:white}.message-clients{overflow:auto;border-right:1px solid #ddd;background:#fafafa}.message-client{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:18px 14px;border:0;border-bottom:1px solid #e5e5e5;background:transparent;cursor:pointer;color:inherit}.message-client.selected{background:#f5f3ff;box-shadow:inset 4px 0 #7c3aed}.message-avatar{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:#e7e7ed}.message-client-copy{display:grid;gap:5px;min-width:0;flex:1}.message-client-copy time{font-size:11px;color:#666}.message-client-copy>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#666}.message-conversation{min-width:0;display:flex;flex-direction:column;min-height:0}.message-thread-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;border-bottom:1px solid #ddd}.message-thread-header h2{margin:0;font-size:18px}.message-thread{overflow:auto;flex:1;padding:24px;display:flex;flex-direction:column;gap:16px;background:#f5f5f7}.message-bubble{flex:none;width:82%;max-width:850px;padding:16px 19px;border-radius:14px;border:1px solid #ddd6fe;background:#f5f3ff;align-self:flex-end;overflow-wrap:anywhere}.message-bubble.incoming{align-self:flex-start;background:white;border-color:#ddd}.message-meta,.message-bubble footer{font-size:12px;color:#645569}.message-bubble h3{font-size:14px;margin:10px 0}.message-body{white-space:pre-wrap;line-height:1.5;margin:10px 0;max-height:300px;overflow:auto}.message-links{display:flex;gap:12px;align-items:center;margin-top:10px}.message-links .button{font-size:11px;padding:3px 9px}.message-bubble footer{margin-top:12px}@media(max-width:760px){.message-workspace{grid-template-columns:1fr;height:auto}.message-clients{max-height:230px;border-right:0;border-bottom:1px solid #ddd}.message-thread{height:60vh;flex:auto}.message-filters{flex-wrap:wrap}.message-filters input{width:240px}.message-bubble{width:95%}.message-thread-header{padding:14px}}
.message-bubble footer{display:block;background:none;border:0;padding:0;color:#645569}.message-bubble footer time{display:inline}.message-thread .message-bubble .message-links{padding:0}

dialog.quote-composer-dialog{width: min(1200px,96vw);max-width:96vw;padding:28px;background:white}dialog.quote-composer-dialog .record-form{width:100%;display:block}.quote-composer{font-size:15px}.quote-composer label{margin-bottom:10px}.quote-composer-dialog .modal-head h2{font-size:25px}.composer-required{text-align:right;color:#777}.rich-shell{border:1px solid #ccc;border-radius:5px;overflow:hidden}.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#f4f4f4;border-bottom:1px solid #ccc}.rich-toolbar button,.rich-toolbar select{width:auto!important;padding:7px 10px;border:1px solid #888;background:white;border-radius:3px;font-size:14px}.rich-toolbar input[type=color]{width:40px;height:34px;padding:2px}#quote-rich-body{font:16px/1.6 Arial,sans-serif;padding:16px;min-height:370px;max-height:510px;overflow:auto;background:white;outline:none}#quote-rich-body.expanded{max-height:none;min-height:65vh}#quote-rich-body p{margin:0 0 24px}#quote-rich-body table{border-collapse:collapse;width:100%;margin-bottom:24px}#quote-rich-body td,#quote-rich-body th{border:1px solid #ddd;padding:12px;font:inherit;text-align:left}#quote-rich-body img{max-width:100%}.composer-section{border-top:1px solid #ccc;margin-top:35px;padding:22px 0}.composer-section small{display:block;margin-top:10px;color:#777}.quote-participant{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:14px;align-items:center;margin-bottom:14px}.quote-composer-dialog form>button{margin:20px 10px 0 0;float:right;padding:14px 24px}.quote-composer-dialog form:after{content:'';display:block;clear:both}@media(max-width:700px){.quote-participant{grid-template-columns:1fr}.rich-toolbar{gap:3px}dialog.quote-composer-dialog{padding:15px}#quote-rich-body{max-height:400px}}

#quote-rich-body{font:12px/1.5 Arial,Helvetica,sans-serif;color:#424242}#quote-rich-body p{margin:0 0 16px}#quote-rich-body th{font-weight:bold}#quote-rich-body table{margin-bottom:16px}

/* Opportunity item form */
dialog:has(#op-create-another){width:min(760px,94vw)}#record-form:has(#op-create-another){display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:none}#record-form:has(#op-create-another)>p,#op-item-results,#op-item-selection,#op-service-time,#record-form:has(#op-create-another)>button,#record-form:has(#op-create-another)>#form-error{grid-column:1/-1}#record-form:has(#op-create-another) label{max-width:none;margin:0}#record-form:has(#op-create-another) input,#record-form:has(#op-create-another) select,#record-form:has(#op-create-another) textarea{width:100%}#op-item-results:empty,#op-item-selection:empty{display:none}@media(max-width:520px){#record-form:has(#op-create-another){grid-template-columns:1fr}}
/* Current-style opportunity item entry */
.op-item-types{display:flex;gap:24px;margin:16px 0}.op-item-types label{display:flex!important;align-items:center;gap:7px}.op-item-types input{width:auto!important;margin:0}.op-item-section{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.op-item-result{display:block;width:100%;border:0;border-bottom:1px solid #eee;background:white;text-align:left;padding:10px 14px;font:inherit;color:#333;cursor:pointer}.op-item-result:hover,.op-item-result:focus{background:#0085b9;color:white}#op-item-results:not(:empty){border:1px solid #ccc;box-shadow:0 3px 6px #0002;max-height:240px;overflow:auto}.op-item-form [hidden]{display:none!important}.opportunity-table .row-menu{float:right}.opportunity-table small{white-space:pre-wrap}.opportunity-actions-menu{position:relative}.opportunity-actions-menu>div{position:absolute;right:0;z-index:8;min-width:200px;display:flex;flex-direction:column;background:white;padding:6px;border:1px solid #ddd;box-shadow:0 3px 8px #0002}.opportunity-actions-menu summary{list-style:none;cursor:pointer}
.opportunity-picker{border:1px solid #ddd;padding:14px;margin:12px 0 20px;background:#fafafa}.opportunity-picker .picker-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.opportunity-picker .picker-controls label:first-child{flex:1}.opportunity-picker label{display:grid;gap:5px}.opportunity-picker input,.opportunity-picker select{padding:7px;border:1px solid #aaa;border-radius:3px;font:inherit}.op-picker-row{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #ddd}.op-picker-row span{flex:1}.op-picker-row small{display:block;color:#777}.op-picker-row input{width:65px}#op-picker-results{max-height:330px;overflow:auto}
.inline-value{border:0;background:transparent;color:inherit;padding:3px;font:inherit;cursor:text;border-bottom:1px dashed transparent}.inline-value:hover,.inline-value:focus{border-bottom-color:#6b89ff;background:#f6f7ff}.inline-price-input{width:85px;font:inherit;padding:4px;border:1px solid #6b89ff}
.opportunity-heading .list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.opportunity-heading .list-heading h1{flex:1;margin:12px 0;min-width:220px}.opportunity-heading-actions{display:flex;align-items:center;gap:8px}.opportunity-heading-actions .document-actions{margin:0}.opportunity-actions-menu>div{min-width:205px;gap:4px}.opportunity-heading .secondary{margin:8px 0}.opportunity-heading .preserve-text:empty{display:none}

.opportunity-activities{margin:24px 0 32px}.opportunity-section-footer{display:flex;gap:18px;align-items:center;background:#f5f5f5;padding:12px;border-radius:0 0 6px 6px}.opportunity-section-footer .text-button{border:0;background:none;padding:0;color:var(--link,#527aff);font:inherit;cursor:pointer}.opportunity-activities>.secondary{min-height:32px}
.schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.schedule-scroll{overflow:auto}.schedule-calendar{min-width:700px;border:1px solid #ddd;border-radius:7px;background:#fff;overflow:hidden}.schedule-weekdays,.schedule-days{display:grid;grid-template-columns:repeat(7,1fr)}.schedule-weekdays{background:#f6f6f6;text-align:center;padding:12px;color:#666}.schedule-week{position:relative;border-top:1px solid #ddd;min-height:110px}.schedule-days{position:absolute;inset:0;pointer-events:none}.schedule-days>div{border-right:1px solid #eee;text-align:right;padding:7px;color:#555}.schedule-days .outside{background:#fafafa;color:#aaa}.schedule-days .is-today span{background:#7c3aed;color:white;border-radius:4px;padding:3px 7px}.schedule-bars{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:26px;gap:4px 3px;margin:35px 4px 8px}.schedule-chip{display:flex;align-items:center;gap:5px;min-width:0;padding:3px 6px;border-left:3px solid;border-radius:3px;font-size:12px;text-decoration:none;color:#333}.schedule-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.schedule-chip small{white-space:nowrap}.schedule-chip:hover{filter:brightness(.94)}.schedule-chip:focus-visible{outline:2px solid #222;outline-offset:1px}.schedule-job{background:#eee5fa;border-color:#8350b2}.schedule-quote{background:#fff0d2;border-color:#d99000}.schedule-invoice{background:#dff0fb;border-color:#2186c4}.schedule-summary section{background:#fff;border:1px solid #ddd;border-radius:6px;padding:16px;margin-bottom:16px}.schedule-agenda{display:block;padding:9px 0;border-bottom:1px solid #eee;text-decoration:none}.schedule-agenda span,.schedule-agenda small{display:block;color:#666;font-size:12px;margin-top:3px}.schedule-key{display:inline-block;width:12px;height:12px;border-left:3px solid;margin-right:8px}@media(max-width:1000px){.schedule-layout{grid-template-columns:1fr}.schedule-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:650px){.schedule-summary{display:block}}

/* Shared invoice, quotation and opportunity lists */
.record-summary{display:flex;overflow-x:auto;border:1px solid #ddd;border-radius:8px;background:white;margin:16px 0}.record-summary-tab{flex:1;min-width:125px;text-align:left;border:0;border-right:1px solid #eee;background:transparent;padding:16px;cursor:pointer;color:inherit;border-bottom:3px solid transparent}.record-summary-tab span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#666}.record-summary-tab strong{display:inline-block;font-size:23px;margin:8px 8px 0 0}.record-summary-tab small{color:#777;white-space:nowrap}.record-summary-tab.selected{border-bottom-color:var(--pink,#7c3aed);background:#f5f3ff}.record-draft-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#fff8e7;border:1px solid #ebd49b;border-radius:7px;margin:16px 0}.record-filters{display:flex;gap:16px;align-items:end;padding:15px;border-bottom:1px solid #eee}.record-filters label{display:grid;gap:5px;font-size:12px}.record-filters label:last-child{margin-left:auto}.record-filters input,.record-filters select{min-height:36px;max-width:300px}.record-group th{background:#f6f6f8;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#666;padding:9px 14px!important}.record-number{font-weight:600}.customer-initials{display:inline-flex;align-items:center;justify-content:center;background:#edf0fa;color:#425180;border-radius:5px;width:28px;height:28px;margin-right:9px;font-size:11px;font-weight:bold}.record-state{display:inline-block;padding:4px 8px;border-radius:5px;background:#eee;color:#555;font-size:11px;text-transform:uppercase;font-weight:600;white-space:nowrap}.state-sent,.state-viewed,.state-quote{background:#e9e4ff;color:#5b4595}.state-paid,.state-accepted,.state-completed{background:#ddf5e7;color:#246541}.state-overdue,.state-expired,.state-declined{background:#ffe2e4;color:#a52e39}.state-order{background:#dfedfa;color:#285d89}.record-amount{text-align:right!important;white-space:nowrap;font-weight:600}.record-count{padding:0 16px}.record-filters+ .table-wrap td{padding:14px}.record-summary-tab:focus-visible{outline:2px solid #425180;outline-offset:-3px}@media(max-width:700px){.record-filters{flex-wrap:wrap}.record-filters label:last-child{margin-left:0}.record-summary-tab{min-width:110px}.record-draft-notice{align-items:start}.record-filters input,.record-filters select{max-width:220px}}

.rms-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.rms-list-heading h1{margin-bottom:4px}.rms-list-heading .document-actions{margin:0}.rms-list-filters label:first-child{flex:1}.rms-list-filters input[type=search]{width:100%;max-width:700px}.rms-record-table td{padding:10px 12px!important;vertical-align:middle}.rms-record-table .record-subject{width:43%;min-width:250px}.rms-record-table .record-number{font-weight:500;color:#333}.rms-record-table .record-number:hover{color:#7c3aed;text-decoration:underline}.rms-record-table .secondary{margin-top:5px;font-size:12px}.record-venue{display:block;margin-top:3px;color:#777}.record-stage{text-align:center;width:65px;font-size:11px;color:#777}.record-stage-ring{display:block;width:22px;height:22px;border:4px dashed #999;border-radius:50%;margin:0 auto 4px}.ring-order{border-color:#6d28d9}.ring-quote{border-color:#efa600}.ring-completed{border-color:#444}.rms-record-table .record-state{border-radius:16px;text-transform:none;font-size:12px;padding:6px 10px}.state-open{background:#55b8e5;color:#123949}.record-group-toggle{border:0;background:none;color:#555;text-align:left;font-size:12px;cursor:pointer;width:100%;padding:0;text-transform:none;letter-spacing:normal}.record-group-toggle span{color:#888}.record-group-toggle[aria-expanded=false]{font-weight:bold}.rms-record-table .record-group th{padding:7px 12px!important}.rms-record-table tr[hidden]{display:none}@media(max-width:700px){.rms-list-heading{align-items:start;flex-direction:column}.rms-list-filters label:first-child{flex-basis:100%}}
.calculated-hours{display:block;font-size:12px;font-weight:normal;color:#666;margin-top:4px;white-space:nowrap}

.op-item-dropdown{position:fixed;inset:auto;margin:0;padding:5px 0;min-width:170px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;box-shadow:0 4px 12px #0003}.op-item-dropdown button{display:block;width:100%;border:0;background:transparent;padding:12px 15px;text-align:left;font:inherit;cursor:pointer;color:inherit}.op-item-dropdown button:hover,.op-item-dropdown button:focus-visible{background:#f3f5fa;outline:none}.op-item-dropdown .delete{border-top:1px solid #eee;margin-top:5px;color:#b42335}

.combination-toggle{border:0;background:transparent;color:#507dff;cursor:pointer;margin-right:7px}.opportunity-table .combination-content td:first-child{padding-left:48px}.combination-indent{color:#999;margin-right:10px}.opportunity-table .combination-content[hidden]{display:none}

/* Draw above table cells so the drop position stays visible while dragging. */
.invoice-drop-marker{position:fixed;z-index:10000;height:4px;background:#7c3aed;pointer-events:none;box-shadow:0 0 0 1px #fff;transform:translateY(-2px)}
.invoice-drop-marker[hidden]{display:none}
.invoice-drop-marker::before{content:'';position:absolute;left:-4px;top:-3px;width:10px;height:10px;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 2px #fff}
.invoice-drop-marker span{position:absolute;left:12px;bottom:8px;max-width:calc(100% - 24px);box-sizing:border-box;padding:5px 10px;border-radius:4px;background:#6d28d9;color:#fff;font:600 12px/1.4 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 7px #0003}
.invoice-drop-marker.label-below span{bottom:auto;top:10px}

/* Schedule colour follows status; record type remains in each entry label. */
.schedule-status-draft{background:#eef0f3;border-color:#77808e;color:#374151}
.schedule-status-sent{background:#dbeafe;border-color:#2563eb;color:#173c78}
.schedule-status-paid{background:#dcfce7;border-color:#15803d;color:#14532d}
.schedule-status-order{background:#f3e8ff;border-color:#9333ea;color:#6b21a8}
.schedule-status-overdue{background:#fee2e2;border-color:#dc2626;color:#991b1b}
.schedule-status-other{background:#f5f5f5;border-color:#a3a3a3;color:#525252}
.schedule-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin:12px 0 16px;font-size:13px;color:#444}
.schedule-legend>span{display:inline-flex;align-items:center}
.schedule-agenda[class*="schedule-status-"]{border-left:3px solid;padding:9px 8px;margin:6px 0;border-radius:3px;border-left-color:inherit}
.schedule-agenda.schedule-status-draft{border-left-color:#77808e}
.schedule-agenda.schedule-status-sent{border-left-color:#2563eb}
.schedule-agenda.schedule-status-paid{border-left-color:#15803d}
.schedule-agenda.schedule-status-order{border-left-color:#9333ea}
.schedule-agenda.schedule-status-overdue{border-left-color:#dc2626}
.schedule-agenda.schedule-status-other{border-left-color:#a3a3a3}

.expense-form{max-width:1100px;background:white;border:1px solid #ddd;border-top:3px solid #7c3aed;border-radius:12px;padding:28px;margin:24px auto}.expense-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.expense-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}.expense-form input:not([type=checkbox]),.expense-form select,.expense-form textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #ccc;border-radius:6px;font:inherit;background:#fff;color:#222}.expense-grid>div>label{margin-bottom:8px}.expense-grid>div>input{margin-bottom:22px}.expense-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.expense-form small{font-size:12px;color:#666;font-weight:normal}.expense-form .expense-checkbox{display:flex;flex-direction:row;align-items:center;gap:10px}.expense-actions{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding-top:24px;margin-top:22px}#expense-error{color:#a40000;background:#fff0f0;padding:14px;margin:14px 0}@media(max-width:700px){.expense-grid,.expense-amounts{grid-template-columns:1fr}.expense-form{padding:18px}}

.schedule-days{pointer-events:auto}.schedule-days>button{font:inherit;border:0;border-right:1px solid #eee;background:transparent;text-align:right;display:flex;align-items:flex-start;justify-content:flex-end;padding:7px;color:#555;cursor:pointer}.schedule-days>button:hover{background:#f5f3ff}.schedule-days>button:focus-visible{outline:2px solid #7c3aed;outline-offset:-2px}.schedule-bars{pointer-events:none}.schedule-chip{pointer-events:auto}

/* Searchable client selection preserves the existing select's record ID and handlers. */
.client-search{display:block;position:relative;min-width:190px;width:100%}.client-search>input{width:100%;box-sizing:border-box}.client-search-results{position:absolute;z-index:1000;top:100%;left:0;right:0;max-height:280px;overflow:auto;background:#fff;color:#222;border:1px solid #bbb;border-radius:4px;box-shadow:0 4px 14px #0002}.client-search-results[hidden]{display:none}.client-search-results>[role=option],.client-search-empty{display:block;padding:10px 12px;cursor:pointer;font-weight:normal}.client-search-results>[role=option]:hover,.client-search-results>[aria-selected=true]{background:#f5f3ff;color:#6d28d9}.client-search-empty{color:#666;cursor:default}select[data-client-search][hidden]{display:none!important}

/* Document sidebar and saved price history. */
@media(min-width:1101px){.document-page .billing-layout{grid-template-columns:minmax(0,1fr) clamp(360px,24vw,440px)}}
.document-page .bill-sidebar{min-width:0}
.document-page .bill-sidebar>section{padding:20px}
.version-heading,.version-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.version-heading strong{font-variant-numeric:tabular-nums}
.version-amount{white-space:nowrap}
.version-current{padding:16px;border-radius:8px;background:#f3edff;border:1px solid #ddd0fb}
.version-current .version-heading{margin-bottom:10px}
.version-current .version-heading>strong{font-size:21px;color:#6d28d9}
.bill-sidebar .version-key{font-size:12px;line-height:1.5;color:#6b7280;margin:14px 0 4px}
.version-entry{padding:15px 0;border-bottom:1px solid #e5e7eb}
.version-entry:last-child{border-bottom:0;padding-bottom:0}
.version-meta{margin-top:8px;font-size:12px;color:#6b7280;flex-wrap:wrap}
.version-change{display:inline-block;font-size:12px;font-weight:600;line-height:1.4;padding:4px 9px;border-radius:6px;white-space:nowrap;font-variant-numeric:tabular-nums;background:#f0f1f4;color:#606775}
.version-change.increase{background:#e3f4ec;color:#166648}
.version-change.decrease{background:#fee2e2;color:#b91c1c}
html[data-theme=dark] .version-current{background:#7c3aed14;border-color:#7c3aed55}
html[data-theme=dark] .version-current .version-heading>strong{color:#c4b5fd}
html[data-theme=dark] .version-entry{border-color:#ffffff12}
html[data-theme=dark] .bill-sidebar .version-key,html[data-theme=dark] .version-meta{color:#a6a9b8}
html[data-theme=dark] .version-change{background:#ffffff0a;color:#b7bac8}
html[data-theme=dark] .version-change.increase{background:#34d39918;color:#8be0bb}
html[data-theme=dark] .version-change.decrease{background:#ef444420;color:#fca5a5}

.version-open{font:inherit;font-weight:600;text-align:left;padding:0}.version-diff{width:100%;border-collapse:collapse}.version-diff th,.version-diff td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #8883;white-space:pre-wrap;overflow-wrap:anywhere}.version-diff thead th{font-size:13px;color:#8b7eb3}.version-diff tbody th{width:34%}.version-diff td{width:33%;font-variant-numeric:tabular-nums}

/* Readable, scoped saved-version comparison dialog. */
dialog:has(.version-comparison){width:min(1000px,94vw)}
dialog .record-form:has(.version-comparison){width:100%;max-width:none}
.version-comparison{width:100%;min-width:0}
.comparison-subtitle,.comparison-date{color:var(--muted);font-size:13px}
.comparison-total{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;background:#7c3aed12;border:1px solid #7c3aed40;border-radius:10px;margin:20px 0}
.comparison-total>strong{font-size:22px;flex:1;font-variant-numeric:tabular-nums}.comparison-total strong span{color:var(--muted);padding:0 8px}
.comparison-card{border:1px solid #8883;border-radius:10px;padding:18px;margin:16px 0}.comparison-card h3{margin:0;font-size:16px}.comparison-date{margin:6px 0 14px}
.comparison-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1fr) minmax(0,1fr);gap:20px;padding:12px 0;border-bottom:1px solid #8882;line-height:1.5;font-variant-numeric:tabular-nums}.comparison-row:last-child{border:0}.comparison-row>span,.comparison-row>strong{overflow-wrap:anywhere;white-space:pre-wrap}.comparison-labels{font-size:12px;color:var(--muted);margin-top:10px}.comparison-row>strong{font-weight:600}
@media(max-width:600px){.comparison-card{padding:12px}.comparison-row{gap:10px;grid-template-columns:1fr 1fr}.comparison-row>:first-child{grid-column:1/-1}.comparison-labels>:first-child{display:none}.comparison-total>strong{font-size:18px}}