:root{--navy:#102a43;--ink:#172b4d;--muted:#6b7c93;--line:#e5edf3;--canvas:#f4f8fb;--white:#fff;--teal:#0f9f9a;--teal-soft:#e5f7f5;--blue:#2878d4;--blue-soft:#eaf2ff;--orange:#e98b2b;--orange-soft:#fff4e7;--red:#d85252;--red-soft:#fff0ef;--green:#299b68;--green-soft:#eaf8f1;--purple:#7557d6;--shadow:0 8px 24px rgba(32,63,98,.06);--radius:14px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font:13px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:254px;background:#fff;border-right:1px solid var(--line);padding:20px 14px;flex:0 0 254px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:3px 12px 25px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#36c3ac,#087ca6);color:#fff;display:grid;place-items:center;font-weight:900;font-size:14px;box-shadow:0 7px 14px rgba(15,159,154,.24)}.brand strong{font-size:18px;letter-spacing:-.4px;color:var(--navy)}.brand small{color:var(--muted);font-size:9px;display:block;margin-top:-2px;letter-spacing:.7px}.tenant{margin:0 8px 15px;padding:10px 11px;border:1px solid #dcefed;background:#f6fcfb;border-radius:10px}.tenant small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.6px}.tenant b{display:block;margin-top:2px;color:var(--navy);font-size:12px}.nav-section{padding:13px 12px 7px;color:#9aabba;font-size:10px;font-weight:800;letter-spacing:1.1px}.nav-link{width:100%;border:0;background:transparent;color:#64798e;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;text-align:left;margin:2px 0;position:relative;transition:.18s ease;text-decoration:none}.nav-link:hover{background:#f6f9fc;color:var(--ink)}.nav-link.active{background:var(--teal-soft);color:#087c78;font-weight:750}.nav-link.active:before{content:"";position:absolute;left:-14px;height:26px;width:3px;border-radius:0 3px 3px 0;background:var(--teal)}.nav-icon{width:18px;text-align:center;color:currentColor;font-size:15px}.nav-link .count{margin-left:auto;color:var(--orange);background:var(--orange-soft);padding:2px 6px;border-radius:10px;font-size:10px;font-weight:800}.side-bottom{margin:23px 8px 0;padding:14px;border:1px solid #d9eee9;background:#f5fcfb;border-radius:12px}.side-bottom p{margin:0 0 8px;color:var(--navy);font-weight:700;font-size:12px}.side-bottom span{font-size:11px;color:var(--muted)}.progress{height:5px;background:#dfeeea;border-radius:10px;overflow:hidden;margin:10px 0 5px}.progress i{display:block;height:100%;width:86%;border-radius:inherit;background:var(--teal)}.main{min-width:0;flex:1}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid var(--line)}.top-left{display:flex;align-items:center;gap:10px}.mobile-menu{display:none}.crumb{display:flex;align-items:center;gap:9px;color:var(--muted)}.crumb b{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:10px}.branch-select{border:1px solid var(--line);background:#fbfdff;color:var(--muted);border-radius:8px;padding:8px 9px;max-width:180px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fbfdff;border-radius:8px;padding:8px 11px;color:var(--muted);width:208px}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.icon-btn{width:35px;height:35px;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:9px;position:relative;display:grid;place-items:center}.icon-btn .dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--orange);border:1px solid #fff}.user{display:flex;align-items:center;gap:8px;padding-left:3px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#d7f0ec;color:#087c78;font-weight:800;font-size:11px}.user div:last-child{font-weight:700;font-size:12px}.user small{display:block;color:var(--muted);font-weight:400;font-size:10px}.content{padding:27px 30px 38px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.page-head h1{margin:0 0 5px;color:var(--navy);font-size:23px;letter-spacing:-.55px}.page-head p{margin:0;color:var(--muted)}.head-actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:700;text-decoration:none}.btn:hover{border-color:#b8cbd9}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 6px 13px rgba(15,159,154,.18)}.btn.primary:hover{background:#0c8d89}.btn.danger{color:var(--red);border-color:#f5d0ce;background:var(--red-soft)}.period,.filter,.field input,.field select,.field textarea{background:#fff;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:9px 10px;outline:none}.field input,.field select,.field textarea{width:100%;color:var(--ink)}.field textarea{min-height:80px;resize:vertical}.field label{display:block;color:var(--muted);font-weight:700;font-size:11px;margin-bottom:5px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.form-actions{display:flex;gap:8px;align-items:center;margin-top:14px}.chain{display:flex;align-items:center;gap:0;background:var(--navy);border-radius:13px;padding:12px 18px;color:#cfe0ed;overflow-x:auto;box-shadow:var(--shadow);margin-bottom:19px}.chain-label{color:#fff;font-weight:800;font-size:11px;margin-right:17px;white-space:nowrap}.chain-step{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px}.chain-step.done{color:#9ae2d6}.chain-step .circle{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:10px}.chain-step.done .circle{background:var(--teal);color:#fff}.chev{color:#5c7690;padding:0 10px}.grid{display:grid;gap:17px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{padding:17px 18px 15px;position:relative;overflow:hidden}.kpi-top{display:flex;justify-content:space-between;color:var(--muted);font-weight:700;font-size:12px}.kpi-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center}.kpi:nth-child(1) .kpi-icon{color:var(--blue);background:var(--blue-soft)}.kpi:nth-child(2) .kpi-icon{color:var(--green);background:var(--green-soft)}.kpi:nth-child(3) .kpi-icon{color:var(--orange);background:var(--orange-soft)}.kpi:nth-child(4) .kpi-icon{color:var(--purple);background:#f0edff}.kpi h2{color:var(--navy);margin:12px 0 4px;font-size:22px;letter-spacing:-.4px}.kpi-foot{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.up{color:var(--green);font-weight:800}.down{color:var(--red);font-weight:800}.main-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);margin-bottom:18px}.lower-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 12px;gap:12px}.card-title{margin:0;color:var(--navy);font-size:14px;letter-spacing:-.1px}.card-sub{color:var(--muted);font-size:11px;margin-top:3px}.card-link{background:none;border:0;color:var(--teal);font-weight:800;font-size:11px;text-decoration:none}.chart-card{min-height:310px}.chart-legend{display:flex;gap:14px;font-size:11px;color:var(--muted)}.legend i{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:4px}.legend.sales i{background:var(--teal)}.legend.collections i{background:#86a8dc}.chart-wrap{padding:2px 18px 17px}.chart{width:100%;height:216px;display:block}.chart-labels{display:flex;justify-content:space-between;color:#98a8b8;font-size:10px;padding:0 9px 0 32px;margin-top:-12px}.approval-banner{margin:0 18px 11px;padding:10px 11px;border-radius:9px;background:var(--orange-soft);color:#9b5a12;font-size:11px;display:flex;gap:8px;align-items:flex-start}.approval-item{border-top:1px solid var(--line);padding:12px 18px;display:flex;gap:10px;align-items:flex-start}.approval-avatar{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:10px;background:#eff3fb;color:var(--blue);flex:none}.approval-item strong{display:block;font-size:12px;margin-bottom:2px}.approval-item span{display:block;color:var(--muted);font-size:10px}.approval-actions{margin-left:auto;display:flex;gap:5px}.small-btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 7px;color:var(--muted);font-size:10px;font-weight:800}.small-btn.approve{color:var(--green);border-color:#c8ebd9;background:var(--green-soft)}.small-btn.reject{color:var(--red);border-color:#f5d0ce;background:var(--red-soft)}.table-card{overflow:hidden}.table-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#8a9bad;font-weight:800;font-size:10px;letter-spacing:.2px;text-align:left;background:#fbfcfd;padding:10px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px 18px;border-bottom:1px solid #eef2f5;font-size:11px;vertical-align:middle}.number{text-align:right;font-weight:800;color:var(--navy)}.product{display:flex;gap:10px;align-items:center}.product-thumb{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:900;background:#eaf2ff;color:var(--blue)}.product b{font-size:11px;display:block;color:var(--navy)}.product small{color:var(--muted);font-size:10px}.badge{border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-block;white-space:nowrap}.badge.teal{color:#087c78;background:var(--teal-soft)}.badge.orange{color:#9b5a12;background:var(--orange-soft)}.badge.red{color:#a63c3a;background:var(--red-soft)}.badge.blue{color:#2569ad;background:var(--blue-soft)}.module-hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:20px}.module-hero h2{margin:0 0 3px;color:var(--navy);font-size:20px}.module-hero p{margin:0;color:var(--muted)}.section-gap{margin-top:18px}.alert-strip{margin-top:18px;padding:13px 15px;display:flex;align-items:center;gap:11px;background:#fff8ed;border:1px solid #f4e0bd;border-radius:11px;color:#8a5b20}.alert-strip strong{color:#694513}.alert-strip .btn{margin-left:auto;color:#8a5b20;border-color:#e8d2a8;padding:6px 10px;font-size:11px}.warehouse-row{padding:13px 18px;border-top:1px solid var(--line)}.warehouse-top{display:flex;justify-content:space-between;margin-bottom:8px}.warehouse-top b{font-size:12px}.warehouse-top span{color:var(--muted);font-size:11px}.warehouse-bar{height:8px;border-radius:10px;background:#edf2f6;overflow:hidden}.warehouse-bar i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.warehouse-row:nth-child(3) i{background:var(--blue)}.warehouse-row:nth-child(4) i{background:var(--orange)}.warehouse-foot{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:10px}.detail-card{padding:18px}.detail-card h3{margin:0;color:var(--navy)}.detail-card p{color:var(--muted);font-size:11px}.trace-chain{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:15px 0}.trace-node{padding:10px 12px;border:1px solid var(--line);background:#f7fafc;border-radius:9px;font-size:11px}.trace-node b{display:block;color:var(--navy)}.trace-node small{color:var(--muted)}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration{padding:18px}.integration h3{margin:0;color:var(--navy)}.integration p{font-size:11px;color:var(--muted);min-height:35px}.toast{position:fixed;right:24px;bottom:24px;color:#fff;background:var(--navy);padding:12px 15px;border-radius:9px;box-shadow:0 10px 28px rgba(16,42,67,.22);font-size:12px;transform:translateY(100px);opacity:0;transition:.24s ease;pointer-events:none;z-index:50}.toast.show{transform:translateY(0);opacity:1}.muted{color:var(--muted)}.empty-note{padding:28px;text-align:center;color:var(--muted)}.hidden{display:none!important}.subtle{font-size:11px;color:var(--muted)}
@media(max-width:1120px){.sidebar{width:220px;flex-basis:220px}.topbar,.content{padding-left:20px;padding-right:20px}.main-grid,.lower-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{display:none}.sidebar.open{display:block;position:fixed;z-index:20;inset:0 auto 0 0;box-shadow:14px 0 30px rgba(16,42,67,.16)}.mobile-menu{display:grid}.topbar{height:60px}.branch-select{max-width:135px}.search{width:140px}.user div:last-child{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.page-head{display:block}.head-actions{margin-top:14px}.chain{padding-left:13px}.module-hero{align-items:flex-start;display:block}.module-hero .btn,.module-hero .search{margin-top:13px}.settings-grid{grid-template-columns:1fr}}
.nav-group{margin:2px 0}.nav-group-toggle{width:100%;border:0;background:transparent;color:#9aabba;display:flex;align-items:center;justify-content:space-between;padding:9px 12px 5px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.nav-group-toggle span{font-size:13px;transition:transform .18s ease}.nav-group.open .nav-group-toggle span{transform:rotate(180deg)}.nav-children{display:none}.nav-group.open .nav-children{display:block}.nav-children .nav-link{padding-left:25px}.nav-children .nav-link.active:before{left:-14px}
.loading-state{min-height:220px;display:grid;place-items:center;text-align:center;padding:40px;color:var(--muted)}.loading-state h2{margin:10px 0 2px;color:var(--navy);font-size:16px}.spinner{width:28px;height:28px;border:3px solid #dcefed;border-top-color:var(--teal);border-radius:50%;animation:rxspin .8s linear infinite}@keyframes rxspin{to{transform:rotate(360deg)}}.btn.is-busy,.small-btn.is-busy{opacity:.65;pointer-events:none}
.modal-backdrop{position:fixed;inset:0;background:rgba(16,42,67,.34);display:none;align-items:center;justify-content:center;padding:20px;z-index:80}.modal-backdrop.open{display:flex}.modal-window{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 80px rgba(16,42,67,.3);width:min(760px,100%);max-height:90vh;overflow:auto;position:absolute}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);cursor:move}.modal-head h3{margin:0;color:var(--navy);font-size:15px}.modal-close{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.modal-body{padding:18px}.modal-body .form-grid{margin:0}.modal-source{display:none}.modal-trigger{margin:0 18px 16px}
.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef9f7,#f5f8fc);padding:24px}.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px rgba(16,42,67,.12);padding:30px}.auth-wide{width:min(700px,100%)}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:27px}.auth-brand strong{font-size:20px;color:var(--navy)}.auth-brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.7px}.auth-card h1{margin:0 0 5px;color:var(--navy);font-size:25px}.auth-subtitle{margin:0 0 20px;color:var(--muted)}.auth-error{padding:10px 12px;border-radius:8px;color:#a63c3a;background:var(--red-soft);border:1px solid #f5d0ce;margin-bottom:15px;font-size:12px}.auth-submit{width:100%;justify-content:center;margin-top:10px}.auth-foot,.auth-demo{font-size:11px;color:var(--muted);text-align:center;margin:18px 0 0}.auth-foot a{color:var(--teal);font-weight:800;text-decoration:none}.auth-demo{font-size:10px;margin-top:9px}
@media(max-width:480px){.content{padding:20px 14px}.topbar{padding:0 14px}.crumb{font-size:11px}.search{display:none}.branch-select{display:none}.kpis{grid-template-columns:1fr}.head-actions{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}th,td{padding-left:11px;padding-right:11px}.table-card{overflow-x:auto}.table-card table{min-width:720px}.top-actions{gap:6px}}
.logout-link{display:block;margin:12px 12px;color:#8a9bad;font-size:11px;text-decoration:none}.logout-link:hover{color:var(--red)}.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfdff}.permission-grid label{font-size:11px;color:var(--muted);font-weight:700}.permission-grid input{margin-right:5px;accent-color:var(--teal)}
.document-preview{background:#f3f6f8;border:1px solid var(--line);border-radius:10px;min-height:260px;padding:20px;overflow:auto}.document-preview .paper{max-width:800px;margin:0 auto;background:#fff;padding:36px;box-shadow:0 8px 26px rgba(16,42,67,.08)}.builder-form-card{padding:18px}.builder-form-card .form-actions{justify-content:flex-start}.builder-form-card .field:nth-child(n+10){grid-column:span 1}@media(max-width:700px){.document-preview{padding:8px}.document-preview .paper{padding:20px}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-window{max-height:96vh}.modal-body{padding:14px}}
.auth-page{background:#eef3f6;font-style:normal}.auth-card{border-radius:12px;box-shadow:0 12px 35px rgba(16,42,67,.12);padding:34px}.auth-brand .brand-mark{background:#0f9f9a;box-shadow:none}.auth-card h1,.auth-card p,.auth-card label,.auth-card input,.auth-card button{font-style:normal}.auth-card h1{font-weight:800}.auth-subtitle{line-height:1.55}.auth-error{font-weight:600}.auth-card .field{margin-bottom:14px}.auth-card input{min-height:44px}.auth-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.auth-submit{min-height:44px}.inline-builder-host{margin-top:18px}.inline-document-builder{padding:16px;border:1px solid #dcefed;background:#f8fcfc;border-radius:12px}.inline-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.inline-builder-head h3{margin:0;color:var(--navy)}.inline-builder-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.inline-builder-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}.inline-builder-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.inline-document-preview{margin-top:14px;min-height:160px}.file-capture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.file-capture-grid p{grid-column:1/-1;margin:0}.row-actions{white-space:nowrap}.row-action{margin:2px}.row-action-delete{color:var(--red);border-color:#f5d0ce}.row-details{display:grid;grid-template-columns:150px 1fr;gap:7px 14px;margin:0}.row-details dt{font-weight:800;color:var(--muted);font-size:11px}.row-details dd{margin:0;color:var(--navy);font-size:12px}.sidebar a[href="document-builder.php"]{display:none}
@media(max-width:700px){.inline-builder-fields,.file-capture-grid{grid-template-columns:1fr}.inline-builder-head{display:block}.inline-builder-head .badge{margin-top:10px}.auth-page{padding:14px}.auth-card{padding:24px 18px}.row-actions{white-space:normal;min-width:180px}}
.client-page{min-height:100vh;background:var(--canvas);font-style:normal}.client-page .sidebar{overflow-y:auto}.client-page .logout-link{display:flex;align-items:center;gap:8px;margin:18px 12px 0;color:#64798e;text-decoration:none;font-weight:700}.client-page .logout-link:hover{color:var(--teal)}.client-company-pill{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-access-card span{display:block;line-height:1.5}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.client-grid .card{min-width:0}.client-grid table{min-width:0}.client-page .loading-state{min-height:220px}.client-section{scroll-margin-top:86px}@media(max-width:700px){.client-grid{grid-template-columns:1fr}.client-company-pill{display:none}}
.document-modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:14px}.document-modal-actions .btn{font-size:11px}.record-editor{min-width:0}.record-editor .inline-builder-host{margin-top:16px}.record-editor .form-actions{border-top:1px solid var(--line);padding-top:14px}.modal-body .document-preview{background:#f3f6f8}.modal-body .document-preview .paper{box-shadow:0 4px 16px rgba(16,42,67,.08)}
.document-form-shell{margin-top:18px;border:1px solid #dce7ec;border-radius:14px;background:#f7fafb;overflow:hidden}.doc-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 22px;border-bottom:1px solid #dce7ec;background:#fff}.doc-toolbar h3{margin:4px 0;font-size:18px;color:#123d59}.doc-toolbar p{margin:0;color:#688092;font-size:12px}.doc-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.document-paper{padding:20px;background:#eef4f6}.doc-builder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#fff;border:1px solid #dce7ec;padding:16px;border-radius:10px}.doc-builder-grid .span-2{grid-column:span 2}.doc-builder-grid label,.product-profile span{display:block;color:#6a8192;font-size:11px;font-weight:700;margin-bottom:5px}.doc-builder-grid input,.doc-builder-grid select,.doc-builder-grid textarea{width:100%;border:1px solid #cedde5;border-radius:7px;padding:9px;background:#fff;color:#17324d}.builder-preview{margin-top:18px;background:#fff;border:1px solid #d5e0e6;border-radius:10px;padding:24px;overflow:auto}.builder-preview .paper{max-width:780px;margin:auto;color:#17324d}.builder-preview .top{display:flex;justify-content:space-between;border-bottom:3px solid #0f6f80;padding-bottom:15px}.builder-preview .brand{display:flex;gap:12px;align-items:center}.builder-preview .logo,.builder-preview .logo-placeholder{width:52px;height:52px}.builder-preview .company h1{margin:0;font-size:20px}.builder-preview .company p{margin:2px 0;color:#688092;font-size:11px}.builder-preview .doc-head{text-align:right}.builder-preview .doc-head h2{margin:0 0 5px;color:#0f6f80;font-size:17px}.builder-preview .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;padding:12px;background:#f4f8fa;border:1px solid #dce7ec}.builder-preview .info-grid span,.builder-preview .totals span,.builder-preview .receipt-note span{display:block;color:#6a8192;font-size:9px;text-transform:uppercase}.builder-preview .info-grid strong{display:block;font-size:11px}.builder-preview .items{width:100%;border-collapse:collapse}.builder-preview .items th{background:#0f6f80;color:#fff;text-align:left;padding:8px;font-size:9px}.builder-preview .items td{border-bottom:1px solid #dce7ec;padding:8px;font-size:11px}.builder-preview .items small{display:block;color:#688092}.builder-preview .right{text-align:right}.builder-preview .totals,.builder-preview .receipt-total{width:260px;margin:16px 0 0 auto;border:1px solid #dce7ec}.builder-preview .totals div,.builder-preview .receipt-total{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #e5ebee}.builder-preview .grand{background:#eaf5f5;color:#0f6f80;font-weight:700}.builder-preview .receipt-note{margin-top:14px;padding:10px;background:#f8fafb;border:1px solid #dce7ec}.builder-preview .signatures{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:45px}.builder-preview .signature{border-top:1px solid #738692;padding-top:5px;color:#688092;font-size:10px}.builder-preview .footer{margin-top:28px;border-top:1px solid #dce7ec;padding-top:8px;color:#688092;font-size:10px;display:flex;justify-content:space-between}.product-profile{padding:4px}.product-profile-hero{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid #dce7ec;border-radius:12px;background:#f4f9fa}.product-avatar{width:54px;height:54px;border-radius:14px;background:#d7eeee;color:#0e6978;display:grid;place-items:center;font-weight:800;font-size:18px}.product-profile h3{margin:2px 0 5px;color:#123d59}.product-profile p{margin:0;color:#688092;font-size:12px}.product-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.product-stat{border:1px solid #dce7ec;border-radius:10px;padding:12px;background:#fff}.product-stat strong{display:block;font-size:16px;color:#123d59}.product-profile-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid #dce7ec;border-radius:10px;overflow:hidden}.product-profile-details div{padding:11px 13px;background:#f8fafb;border-bottom:1px solid #e3eaed}.product-profile-details strong{display:block;color:#17324d}.product-profile-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.approval-channel-note{font-size:12px;color:#5b7281;padding:8px 10px;background:#edf7f7;border:1px solid #cde5e3;border-radius:7px}
@media(max-width:760px){.doc-toolbar{display:block}.doc-toolbar-actions{margin-top:12px}.doc-builder-grid{grid-template-columns:1fr 1fr}.doc-builder-grid .span-2{grid-column:span 2}.builder-preview{padding:12px}.builder-preview .info-grid,.product-profile-grid{grid-template-columns:1fr 1fr}.product-profile-details{grid-template-columns:1fr}}@media(max-width:480px){.doc-builder-grid{grid-template-columns:1fr}.doc-builder-grid .span-2{grid-column:auto}.builder-preview .info-grid,.product-profile-grid{grid-template-columns:1fr}.builder-preview .top{display:block}.builder-preview .doc-head{text-align:left;margin-top:12px}.builder-preview .items{min-width:600px}.builder-preview .footer{display:block}}

/* v17 form system and image-matched document designer */
.rxos-form{margin-top:14px}.form-panel{position:relative;overflow:hidden}.form-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--teal),var(--blue))}.form-panel-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.form-panel-title h3{margin:0 0 3px;color:var(--navy)}.form-panel-title p{margin:0;color:var(--muted)}.form-panel-icon{width:38px;height:38px;border-radius:10px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-size:17px;flex:none}.form-section-title{grid-column:1/-1;margin:5px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;color:#74889a}.tenant-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.team-panel{grid-column:1/-1}.platform-scope-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,#102f4b,#164d68);color:#fff;border-radius:13px;padding:16px 19px;margin-bottom:18px;box-shadow:var(--shadow)}.platform-scope-banner strong{display:block;font-size:15px;margin:2px 0}.platform-scope-banner p{margin:0;color:#c5d8e4;font-size:11px}.scope-pill{white-space:nowrap;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}
.document-designer{background:#f3f4f7;border-color:#dfe2e8}.designer-canvas{padding:22px;background:#f1f2f5}.designer-paper{max-width:920px;margin:auto;background:#fff;border:1px solid #d9dde5;border-radius:7px;padding:27px;box-shadow:0 10px 34px rgba(25,35,52,.08);color:#282d39}.designer-title{text-align:center;margin:0 0 24px;font-size:20px;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:7px}.designer-top{display:grid;grid-template-columns:1fr 170px;gap:25px}.designer-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}.designer-paper label,.designer-paper legend{display:block;color:#596273;font-size:10px;font-weight:800}.designer-paper input,.designer-paper select,.designer-paper textarea{width:100%;border:1px solid #ccd2dc;border-radius:4px;background:#fff;padding:8px 9px;color:#262c38;outline:none}.designer-paper input:focus,.designer-paper select:focus,.designer-paper textarea:focus{border-color:#0879db;box-shadow:0 0 0 2px rgba(8,121,219,.11)}.designer-logo{min-height:88px;border:1px dashed #abb3c0;border-radius:3px;display:grid!important;place-items:center;text-align:center;color:#7259cc!important;cursor:pointer}.designer-logo img{max-width:145px;max-height:72px;object-fit:contain}.designer-logo small{display:block;margin-top:3px;font-weight:600}.link-button{border:0;background:none;color:#7156d9;font-size:10px;font-weight:800;padding:7px 0}.designer-parties{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:10px}.designer-parties fieldset{min-width:0;border:1px solid #dce0e7;border-radius:7px;background:#fafbfc;padding:13px}.designer-parties legend{text-transform:uppercase;padding:0 5px}.designer-parties label{margin-bottom:8px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shipping-toggle{margin:11px 0}.shipping-toggle input{width:auto;margin-right:6px}.designer-options{display:grid;grid-template-columns:120px 150px 1fr 1fr;gap:10px;border-top:1px solid #e1e4e9;padding:12px 0}.designer-item-head,.designer-item-row{display:grid;grid-template-columns:minmax(230px,1fr) 95px 125px 135px 30px;gap:7px;align-items:start}.designer-item-head{background:#0879db;color:#fff;padding:9px 8px;font-size:9px;font-weight:900}.designer-item-row{padding:8px;border-bottom:1px solid #e3e6eb}.designer-item-row label{display:block}.designer-item-row small{display:block;margin-top:4px}.designer-item-row strong{display:block;text-align:right;padding:9px 3px;font-size:11px}.designer-item-row button{border:0;background:none;color:#9aa1ad;font-size:18px}.add-line{width:100%;margin-top:9px;border:1px dashed #b3bac6;background:#fff;color:#636d7b;border-radius:4px;padding:8px;font-size:10px}.designer-bottom{display:grid;grid-template-columns:1fr 240px;gap:20px;margin-top:19px}.designer-extras>label{margin-bottom:10px}.footer-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.footer-action-grid button{min-height:39px;border:1px dashed #adb5c0;background:#fff;color:#5f6877;border-radius:4px;font-size:9px}.designer-summary{border:1px solid #dce0e7;border-radius:7px;align-self:start;overflow:hidden}.designer-summary>div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px}.designer-summary .total{border-top:1px solid #dce0e7;font-size:14px}.designer-summary label{padding:7px 12px}.save-continue{display:block;margin:20px auto 0;border:0;border-radius:5px;background:#f00078;color:#fff;font-weight:900;padding:10px 21px}.document-modal-actions+.document-preview .doc-title{color:#232838}
@media(max-width:900px){.tenant-admin-grid{grid-template-columns:1fr}.team-panel{grid-column:auto}.designer-options{grid-template-columns:1fr 1fr}.designer-item-head,.designer-item-row{grid-template-columns:minmax(190px,1fr) 75px 105px 115px 24px}.designer-bottom{grid-template-columns:1fr}.designer-summary{width:100%}}
@media(max-width:620px){.platform-scope-banner{display:block}.scope-pill{display:inline-block;margin-top:10px}.designer-canvas{padding:8px}.designer-paper{padding:15px}.designer-top,.designer-parties,.two-fields{grid-template-columns:1fr}.designer-logo{min-height:70px}.designer-options{grid-template-columns:1fr}.designer-items{overflow:auto}.designer-item-head,.designer-item-row{min-width:620px}.footer-action-grid{grid-template-columns:1fr 1fr}}
.client-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:17px 19px;background:linear-gradient(110deg,#113b59,#0d6a78);color:#fff;border-radius:13px}.client-welcome h2{margin:3px 0;font-size:20px}.client-welcome p{margin:0;color:#cbe0e6}.client-order-card{margin-top:18px}.order-estimate{background:#f4faf9;border:1px solid #cfe9e5;border-radius:9px;padding:11px}.order-estimate strong{display:block;color:var(--navy);font-size:17px}.order-estimate small{display:block;margin-top:5px}.client-grid{grid-template-columns:1fr 1fr}@media(max-width:760px){.client-grid{grid-template-columns:1fr}.client-welcome{display:block}.client-welcome .badge{margin-top:10px}}
.sidebar a[href="document-builder.php"]{display:flex}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto}.topbar{position:sticky;top:0;z-index:15}.client-chain{margin-bottom:18px}
.document-workflow-modal{width:min(1180px,calc(100vw - 32px));max-height:94vh}.document-workflow-modal .modal-body{padding:0}.document-workflow .doc-toolbar{position:sticky;top:0;z-index:4;background:#fff}.workflow-fields:empty{display:none}.workflow-fields{padding:17px 22px;background:#f7fafc;border-bottom:1px solid var(--line)}.workflow-fields .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.document-workflow .designer-paper{max-width:1000px}.designer-item-head.v20,.designer-item-row.v20{grid-template-columns:minmax(230px,1fr) 75px 115px 105px 135px 28px}.custom-fields{display:grid;gap:7px;margin:8px 0 12px}.custom-field-row{display:grid;grid-template-columns:180px 1fr 32px;gap:7px}.custom-field-row input{border:1px solid #ccd2dc;border-radius:4px;padding:8px}.custom-field-row button{border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--red)}.unified-preview{padding:20px;background:#eaf0f4;min-height:760px}.final-document-frame{display:block;width:min(850px,100%);height:1120px;margin:0 auto;border:0;background:#fff;box-shadow:0 12px 38px rgba(16,42,67,.16)}.document-workflow .doc-toolbar-actions{max-width:680px}.document-workflow [hidden]{display:none!important}@media(max-width:900px){.workflow-fields .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-item-head.v20,.designer-item-row.v20{min-width:760px}.designer-items{overflow:auto}.final-document-frame{height:900px}}@media(max-width:620px){.workflow-fields .form-grid{grid-template-columns:1fr}.document-workflow-modal{width:100%;max-height:98vh}.unified-preview{padding:6px}.final-document-frame{height:760px}.custom-field-row{grid-template-columns:1fr 1fr 32px}}

/* v21 multi-workspace + simplified workflow forms */
.workspace-picker-backdrop{position:fixed;inset:0;background:rgba(13,28,45,.58);display:none;align-items:center;justify-content:center;padding:24px;z-index:9999}.workspace-picker-backdrop.open{display:flex}.workspace-picker{width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 90px rgba(13,28,45,.25)}.workspace-picker h2{margin:4px 0 6px}.workspace-picker p{color:#647789}.workspace-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:20px}.workspace-choice-card{border:1px solid #dce7ef;border-radius:14px;padding:16px;background:#fafdff;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center}.workspace-choice-card button{grid-column:1/-1}.workspace-choice-card strong,.workspace-choice-card small{display:block}.workspace-choice-card small{color:#6d7c88;margin-top:3px}.workspace-choice-logo{width:46px;height:46px;border-radius:12px;background:#e7f5fd;color:#078dde;display:flex;align-items:center;justify-content:center;font-weight:900;overflow:hidden}.workspace-choice-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.workspace-select{max-width:250px}
.simple-line-entry{display:grid;grid-template-columns:minmax(220px,2fr) minmax(90px,.7fr) minmax(110px,.8fr) auto;gap:10px;align-items:end;margin:12px 0}.simple-line-entry select,.simple-line-entry input{width:100%;min-height:42px;border:1px solid #dbe5ec;border-radius:9px;padding:9px 11px;background:#fff}.availability-box{border:1px solid #dbe5ec;border-radius:9px;padding:7px 12px;background:#f8fbfd;min-height:42px}.availability-box small,.availability-box strong{display:block}.availability-box small{font-size:10px;color:#768794;text-transform:uppercase;letter-spacing:.05em}.availability-box strong{font-size:15px;color:#173349}.line-list{display:grid;gap:8px;margin:10px 0 16px}.line-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #e0e8ee;border-radius:10px;background:#fbfdff}.line-row span,.line-row small{display:block}.line-row small{color:#718391;margin-top:2px}.empty-note.compact{padding:10px 12px}.grn-line-list{display:grid;gap:10px;margin:14px 0}.receive-line{display:grid;grid-template-columns:minmax(220px,2fr) 100px 150px 145px 145px;gap:8px;align-items:center;border:1px solid #dfe8ee;border-radius:12px;padding:12px;background:#fbfdff}.receive-line small{display:block;color:#718391;margin-top:3px}.receive-line input{min-width:0;border:1px solid #d8e3eb;border-radius:8px;padding:9px}.form-section-title{margin:18px 0 8px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#587084}.span-2{grid-column:span 2}.simple-document-builder .designer-parties{grid-template-columns:1fr}.simple-document-builder .designer-parties fieldset:first-child,.simple-document-builder .designer-logo,.simple-document-builder .designer-extras,.simple-document-builder [data-builder-layout]{display:none!important}.simple-document-builder .designer-paper{padding-top:0}.simple-document-builder .doc-toolbar p:after{content:' Company branding, terms, signature and contact details are controlled from Workspace Settings.';color:#6d7c88}
@media(max-width:900px){.simple-line-entry{grid-template-columns:1fr 1fr}.simple-line-entry .btn{grid-column:1/-1}.receive-line{grid-template-columns:1fr 1fr}.receive-line>div{grid-column:1/-1}.span-2{grid-column:1/-1}}
@media(max-width:600px){.simple-line-entry,.receive-line{grid-template-columns:1fr}.receive-line>div{grid-column:auto}.workspace-choice-grid{grid-template-columns:1fr}}

/* RXOS v22 UX hardening -------------------------------------------------- */
html,body{max-width:100%;overflow-x:hidden}
.content{min-width:0}
.card,.detail-card,.table-card{min-width:0}
.modal-backdrop{position:fixed!important;inset:0!important;padding:18px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;z-index:9999!important;background:rgba(21,47,63,.48)!important}
.modal-backdrop.open{display:flex!important}
.modal-window{position:relative!important;left:auto!important;top:auto!important;margin:0!important;width:min(1040px,calc(100vw - 36px))!important;max-width:none!important;max-height:calc(100dvh - 36px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:16px!important;background:#fff!important;box-shadow:0 28px 80px rgba(13,45,62,.26)!important}
.modal-window.document-workflow-modal{width:min(1240px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important}
.modal-head{position:relative!important;top:auto!important;flex:0 0 auto!important;background:#fff!important;border-bottom:1px solid #dfe9ef!important;cursor:default!important;z-index:5!important;padding:18px 20px!important}
.modal-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:20px!important;overscroll-behavior:contain}
.modal-body>form,.modal-body>.record-editor,.modal-body>.document-workflow{width:100%!important;max-width:none!important}
.modal-source{display:none!important}
.modal-trigger{margin-top:6px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 16px;align-items:start}
.field{min-width:0}.field input,.field select,.field textarea{width:100%;min-width:0}
.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;position:relative}
.form-section-title{margin-top:18px}
.workflow-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.workflow-card-grid>.card{height:100%;display:flex;flex-direction:column}.workflow-card-grid>.card .card-head{flex:1}
.simple-line-entry{display:grid;grid-template-columns:minmax(220px,2fr) minmax(110px,.75fr) minmax(120px,.8fr) auto;gap:12px;align-items:end}
.availability-box{min-height:46px;padding:8px 12px;border:1px solid #d8e6ed;border-radius:9px;background:#f7fbfd;display:flex;flex-direction:column;justify-content:center}
.availability-box small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6a8597}.availability-box strong{font-size:18px;color:#0d3850}.availability-box.searching strong{font-size:13px;color:#6b8494}
.line-list{margin-top:12px}.line-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 12px;border:1px solid #e1ebf0;border-radius:9px;margin-top:8px;background:#fff}.line-row span{min-width:0}.line-row small{display:block;color:#718899;margin-top:3px}
.receive-line{display:grid;grid-template-columns:minmax(230px,2fr) repeat(4,minmax(125px,1fr));gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #e5edf1}.receive-line input{width:100%}
.table-scroll{overflow:auto;max-width:100%}.table-scroll table{min-width:760px}
.table-card td:last-child,.table-card th:last-child{white-space:nowrap}
.inline-new-wrap{display:flex;gap:7px;align-items:center}.inline-new-wrap>select,.inline-new-wrap>input{flex:1;min-width:0}.inline-new-btn{flex:0 0 auto;padding:9px 11px!important;white-space:nowrap}
.page-error{padding:26px}.page-error h2{margin:0 0 8px}.page-error p{max-width:720px}
.loading-inline{display:inline-flex;align-items:center;gap:7px;color:#668399}.loading-inline:before{content:"";width:12px;height:12px;border:2px solid #c9dae2;border-top-color:#00a69c;border-radius:50%;animation:rxspin .7s linear infinite}@keyframes rxspin{to{transform:rotate(360deg)}}
.document-workflow [data-company-fields],.document-workflow .workspace-branding-fields{display:none!important}
@media(max-width:900px){.workflow-card-grid{grid-template-columns:1fr}.simple-line-entry,.receive-line{grid-template-columns:1fr 1fr}.modal-backdrop{padding:8px!important}.modal-window,.modal-window.document-workflow-modal{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}.modal-body{padding:14px!important}}
@media(max-width:620px){.simple-line-entry,.receive-line,.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:0!important}.modal-window,.modal-window.document-workflow-modal{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.modal-head{padding:14px 16px!important}.modal-body{padding:12px!important}.page-head{align-items:flex-start}.head-actions{width:100%;display:flex;flex-wrap:wrap}.head-actions .btn{flex:1}.line-row{align-items:flex-start}}
.inline-new-panel{margin-top:10px;padding:14px;border:1px solid #cfe2ea;border-radius:12px;background:#f8fcfd;box-shadow:0 8px 24px rgba(18,58,76,.08)}
.inline-new-panel h4{margin:0 0 10px;font-size:14px}.inline-new-panel .form-actions{margin-top:10px}
.workflow-summary{display:grid;grid-template-columns:minmax(160px,1fr) minmax(130px,1fr) auto;gap:8px 16px;align-items:center;text-align:left}.workflow-summary small{grid-column:1/-1;color:#6d8797}
@media(max-width:620px){.workflow-summary{grid-template-columns:1fr}.workflow-summary small{grid-column:auto}}

/* === v23 HCI / workflow redesign === */
.modal-backdrop{padding:18px!important;overflow:hidden!important}
.modal-window{position:relative!important;left:auto!important;top:auto!important;margin:0!important;width:min(1180px,calc(100vw - 36px))!important;max-height:calc(100dvh - 36px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.modal-head{cursor:default!important;position:sticky;top:0;z-index:5;background:#fff;flex:none}
.modal-body{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding:20px!important;overscroll-behavior:contain}
.modal-body form{width:100%;max-width:none}
.modal-body .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.modal-body .form-actions{position:sticky;bottom:-20px;background:linear-gradient(180deg,rgba(255,255,255,.78),#fff 28%);padding:14px 0 2px;z-index:4}
.modal-source{display:none!important}
.modal-placeholder+.modal-trigger,.modal-trigger{margin:0 0 14px!important}

.workflow-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.workflow-card-grid>.card{height:100%;display:flex;flex-direction:column}.workflow-card-grid form{display:flex;flex-direction:column;flex:1}.workflow-card-grid .form-actions{margin-top:auto}
.simple-line-entry{display:grid;grid-template-columns:minmax(240px,2.2fr) minmax(185px,1fr) minmax(130px,.8fr) auto;gap:10px;align-items:end;margin:12px 0}
.availability-box{min-height:58px;border:1px solid var(--line);border-radius:9px;padding:8px 11px;background:#f8fbfc;display:flex;flex-direction:column;justify-content:center}.availability-box small{text-transform:uppercase;letter-spacing:.55px;color:var(--muted);font-size:9px}.availability-box strong{font-size:12px;color:var(--navy);line-height:1.25}.availability-box.searching{background:#f2fbfa;border-color:#b7e7df}.availability-box.searching strong{color:var(--teal)}
.line-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.line-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.line-row:last-child{border-bottom:0}.line-row span{min-width:0}.line-row b{display:block;color:var(--navy)}.line-row small{display:block;color:var(--muted);margin-top:2px}

.embedded-document-builder{margin:18px 0 4px;border:1px solid #cfe4e9;border-radius:13px;background:#f8fbfc;overflow:hidden}
.embedded-builder-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid #dbe9ed;background:#fff}.embedded-builder-head h4{margin:2px 0 3px;font-size:14px;color:var(--navy)}.embedded-builder-head p{margin:0;color:var(--muted);font-size:11px;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.75px;font-size:9px;font-weight:800;color:var(--teal)}
.embedded-builder-body{padding:14px;max-height:520px;overflow:auto}.embedded-builder-body .document-preview,.embedded-builder-body .builder-preview{min-height:300px}.embedded-builder-body .document-preview .paper{transform-origin:top center}

.inline-new-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.inline-new-wrap select{min-width:0}.inline-new-btn{height:38px;padding:0 10px;white-space:nowrap;color:var(--teal);border-color:#b8dfda;background:#f3fbfa}
.quick-create-overlay{position:fixed;inset:0;background:rgba(16,42,67,.46);z-index:250;display:grid;place-items:center;padding:18px}.quick-create-card{width:min(820px,calc(100vw - 36px));max-height:calc(100dvh - 36px);background:#fff;border-radius:16px;box-shadow:0 30px 90px rgba(16,42,67,.3);display:flex;flex-direction:column;overflow:hidden}.quick-create-head{padding:17px 19px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);align-items:flex-start}.quick-create-head h3{margin:2px 0 3px}.quick-create-head p{margin:0;color:var(--muted);font-size:11px}.quick-create-body{padding:18px 19px;overflow:auto}.quick-create-actions{padding:13px 19px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:#fbfcfd}

.record-view{display:grid;gap:17px}.record-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:16px;border:1px solid #dce9ee;background:#f8fbfc;border-radius:12px}.record-hero h3{margin:3px 0 4px;font-size:18px;color:var(--navy)}.record-hero p{margin:0;color:var(--muted)}.record-section{border:1px solid var(--line);border-radius:12px;overflow:hidden}.record-section-title{padding:10px 13px;background:#fafcfd;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:.45px}.record-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.record-detail{padding:12px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:66px}.record-detail:nth-child(3n){border-right:0}.record-detail span,.record-metric span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800;margin-bottom:4px}.record-detail strong{display:block;color:var(--navy);font-weight:650;word-break:break-word}.record-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.record-metric{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.record-metric strong{font-size:18px;color:var(--navy)}.record-editor .form-section-title{margin-top:4px}.record-editor .form-grid{margin-bottom:10px}

.settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{position:sticky;top:86px;padding:8px}.settings-nav button{width:100%;border:0;background:transparent;text-align:left;border-radius:8px;padding:10px 11px;color:var(--muted);font-weight:700}.settings-nav button.active,.settings-nav button:hover{background:var(--teal-soft);color:#087c78}.settings-panel{display:none}.settings-panel.active{display:block}.settings-section{padding:0;overflow:hidden}.settings-section .card-head{border-bottom:1px solid var(--line);padding:16px 18px}.settings-section-body{padding:18px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integration-card{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.integration-card h4{margin:0;color:var(--navy)}.integration-card p{min-height:34px;color:var(--muted);font-size:11px}.settings-note{padding:11px 12px;border-radius:9px;background:#f7fafc;border:1px solid var(--line);color:var(--muted);font-size:11px;margin:12px 0}.settings-note strong{color:var(--navy)}

.receive-line{display:grid;grid-template-columns:minmax(220px,2fr) minmax(100px,.65fr) minmax(140px,1fr) minmax(150px,1fr) minmax(150px,1fr);gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;margin:8px 0;background:#fff}.receive-line small{display:block;color:var(--muted);margin-top:3px}.receive-line input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px}

@media(max-width:1000px){.modal-body .form-grid,.record-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-detail:nth-child(3n){border-right:1px solid var(--line)}.record-detail:nth-child(2n){border-right:0}.settings-shell{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{width:auto;white-space:nowrap}.integration-grid{grid-template-columns:1fr}.simple-line-entry,.receive-line{grid-template-columns:1fr 1fr}.record-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.modal-backdrop{padding:0!important}.modal-window{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.modal-body .form-grid,.record-detail-grid,.record-metrics,.simple-line-entry,.receive-line,.workflow-card-grid{grid-template-columns:1fr}.record-detail{border-right:0!important}.embedded-builder-body{padding:8px;max-height:430px}.quick-create-overlay{padding:0}.quick-create-card{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}}


/* === v24 calm workflow + fixed shell ================================== */
@media(min-width:801px){
  .app{display:block;min-height:100vh}.sidebar{position:fixed!important;left:0;top:0;bottom:0;height:100dvh!important;width:254px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;z-index:30!important}.main{margin-left:254px!important;width:calc(100% - 254px)!important;min-height:100vh}.topbar{position:sticky!important;top:0!important;z-index:25!important}
}
@media(min-width:801px) and (max-width:1120px){.sidebar{width:220px!important}.main{margin-left:220px!important;width:calc(100% - 220px)!important}}
.quick-create-overlay{z-index:20000!important}.quick-create-card{box-shadow:0 36px 100px rgba(16,42,67,.36)!important}
.create-document-builder{margin-top:18px}.create-document-builder .document-form-shell{margin-top:0;background:#fff;border-color:#d8e5eb}.create-document-builder .doc-toolbar{padding:15px 17px}.create-document-builder .doc-toolbar p{max-width:700px}.create-document-builder .designer-canvas{background:#f7fafc}.create-document-builder [data-builder-preview]{display:inline-flex}.create-document-builder [data-builder-save]{display:none!important}
.transaction-controls{margin-bottom:14px}.compact-title{margin-top:6px}.transaction-line-entry{margin-top:8px}.compact-lines{margin-bottom:12px}.advanced-fields{border:1px solid var(--line);border-radius:10px;margin:12px 0 4px;background:#fbfcfd}.advanced-fields summary{cursor:pointer;padding:11px 13px;font-weight:800;color:var(--navy);list-style:none}.advanced-fields summary::-webkit-details-marker{display:none}.advanced-fields summary:after{content:'＋';float:right;color:var(--muted)}.advanced-fields[open] summary:after{content:'−'}.advanced-fields .form-grid{padding:0 13px 13px}.linked-party-card{border:1px solid #d6e8eb;background:#f7fbfb;border-radius:10px;padding:11px 13px;margin-top:10px;display:grid;gap:2px}.linked-party-card span,.linked-party-card small{color:var(--muted);font-size:10px}.linked-party-card strong{color:var(--navy);font-size:13px}.compact-field label{font-size:9px;margin-bottom:3px}.receive-line{align-items:end}.location-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.location-edit-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfcfd}.location-edit-card strong{display:block;color:var(--navy)}.location-edit-card small{display:block;color:var(--muted);margin:2px 0 9px}.lpo-card-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}.upload-lpo-card{min-height:100%}.record-section-title{margin:0!important}.rich-record-editor .form-section-title{margin-top:18px!important}.rich-record-editor .form-section-title:first-child{margin-top:0!important}
.modal-body>.record-editor,.modal-body>.record-view{max-width:1180px;margin:0 auto}.modal-window.document-workflow-modal{width:min(1180px,calc(100vw - 36px))!important}.document-workflow-modal .modal-body{padding:18px!important}
@media(max-width:900px){.lpo-card-grid,.location-edit-grid{grid-template-columns:1fr}.transaction-line-entry{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.transaction-line-entry{grid-template-columns:1fr}.create-document-builder .doc-toolbar{align-items:flex-start}.create-document-builder .doc-toolbar-actions{width:100%}}

/* v25 usability refinements */
.quick-create-overlay{position:fixed!important;inset:0!important;z-index:50000!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:5vh 18px!important;overflow:auto!important;background:rgba(10,38,57,.48)!important}.quick-create-card{position:relative!important;z-index:50001!important;max-height:90vh!important;overflow:auto!important}.record-editor,.record-view{max-width:100%;}.modal-body>.record-editor,.modal-body>.record-view{max-height:calc(100dvh - 145px);overflow-y:auto;overscroll-behavior:contain;padding-right:6px}.sales-visit-editor{min-height:0}.form-help{margin:0 0 14px;color:#60788d;font-size:13px}.header-actions{flex-wrap:wrap}

/* v26 operational completion */
.ops-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.ops-tab{border:1px solid #d7e4ec;background:#fff;border-radius:10px;padding:9px 13px;font-weight:700;cursor:pointer;color:#17384e}
.ops-tab.active{background:#e8f8f7;border-color:#8bd8d4;color:#007e7b}
.ops-panel{display:none}.ops-panel.active{display:block}
.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.workflow-action-card{background:#fff;border:1px solid #dce8ef;border-radius:14px;padding:18px;min-width:0}
.workflow-action-card h3{margin:0 0 5px}.workflow-action-card .hint{margin-bottom:14px}
.workflow-action-card form{display:grid;gap:11px}.ops-table-wrap{overflow:auto;max-width:100%}
.statement-head{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.statement-head>div{border:1px solid #dce8ef;border-radius:10px;padding:10px;background:#f8fbfd}
@media(max-width:900px){.ops-grid,.statement-head{grid-template-columns:1fr}.ops-tabs{overflow-x:auto;flex-wrap:nowrap}.ops-tab{white-space:nowrap}}

/* v27 customer statement + quotation stability */
.line-entry-hint{display:block;margin:-5px 0 10px 2px;font-size:11px;color:var(--muted)}
.account-statement{max-width:1180px;margin:0 auto;color:var(--navy)}
.statement-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}
.statement-document-head{display:flex;justify-content:space-between;gap:28px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#f8fcfd,#fff)}
.statement-document-head h2{margin:4px 0 6px;font-size:22px}.statement-document-head p{margin:0 0 4px;color:var(--muted)}
.statement-period{min-width:235px;text-align:right}.statement-period span,.statement-party-grid span,.statement-summary-grid span,.statement-ageing span,.statement-footer span{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:4px}.statement-period strong{display:block;font-size:15px}.statement-period small{display:block;color:var(--muted);margin-top:5px}
.statement-party-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.4fr);gap:12px;margin:14px 0}.statement-party-grid>div{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.statement-party-grid h3{margin:3px 0 4px}.statement-party-grid p,.statement-party-grid small{margin:0;color:var(--muted)}.statement-credit-terms{text-align:right}.statement-credit-terms strong{display:block;font-size:18px}.statement-credit-terms em{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:999px;background:var(--teal-soft);color:#087c78;font-style:normal;font-size:10px;font-weight:800}
.statement-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.statement-summary-grid>div{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fff}.statement-summary-grid strong{font-size:17px}.statement-balance-card{background:#f0fbfa!important;border-color:#a7ddd9!important}
.statement-ageing{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0}.statement-ageing>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#f9fbfc}.statement-ageing b{font-size:13px}
.statement-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.statement-table-wrap table{width:100%;min-width:900px;border-collapse:collapse}.statement-table-wrap th,.statement-table-wrap td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left}.statement-table-wrap th{background:#f7fafc;font-size:9px;letter-spacing:.45px;color:var(--muted)}.statement-table-wrap td small{display:block;color:var(--muted);margin-top:2px}.statement-table-wrap .number{text-align:right}.statement-table-wrap tfoot td{background:#fbfcfd;border-top:2px solid #d9e5eb;border-bottom:0}
.statement-footer{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:14px;padding:14px 16px;border-radius:11px;background:#f8fbfc;border:1px solid var(--line)}.statement-footer strong{font-size:17px}.statement-footer p{margin:0;max-width:680px;color:var(--muted);font-size:11px}
@media(max-width:800px){.statement-document-head,.statement-party-grid,.statement-footer{display:grid;grid-template-columns:1fr}.statement-period,.statement-credit-terms{text-align:left}.statement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-ageing{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.statement-summary-grid,.statement-ageing{grid-template-columns:1fr 1fr}.statement-toolbar{justify-content:stretch}.statement-toolbar .btn{flex:1}}

/* v28 Safari calendar / scrolling and workflow polish */
html,body{min-height:100%;-webkit-overflow-scrolling:touch}
.modal-backdrop{overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.modal-window{max-height:calc(100dvh - 28px)!important;overflow:hidden}
.modal-body{overflow-y:auto!important;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 92px)!important}
.fc-scroller,.calendar-scroll,[data-calendar-scroll]{overflow:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-y!important}
input[type=date],input[type=datetime-local],input[type=month]{min-height:42px;-webkit-appearance:none;appearance:none}
.builder-locked{background:#f2f6f8!important;color:#617589!important;cursor:not-allowed}
.archive-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px;gap:8px}.row-action-delete{color:#9b1c1c;border-color:#e8baba}.archived-list{display:grid;gap:8px}.archived-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dce7ec;border-radius:10px;background:#fff}.download-format{min-width:120px}
.client-management-actions{display:flex;gap:8px;flex-wrap:wrap}.payment-status-note{padding:12px;border:1px solid #d8e6eb;border-radius:10px;background:#f7fafb;margin-top:10px}.payment-status-note.over{border-color:#f0c98a;background:#fff8e9}.payment-status-note.full{border-color:#b8ded5;background:#edf9f6}.payment-status-note.under{border-color:#f0b8b8;background:#fff2f2}
@media(max-width:760px){.modal-window{width:calc(100% - 14px)!important;margin:7px}.modal-body{padding:14px!important}.download-format{width:100%}}

/* v30 pagination */
.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid #e4e9ed;background:#fff;font-size:13px;color:#61707c;flex-wrap:wrap}
.pagination-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pagination-actions [data-page-numbers]{display:flex;gap:6px;align-items:center}
.table-pagination .small-btn.active{background:#b30211;color:#fff;border-color:#b30211}
.table-pagination .small-btn:disabled{opacity:.45;cursor:not-allowed}
.page-gap{padding:0 2px}
/* v32 transaction field labels restored */
.quote-line-head{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(95px,.8fr) minmax(125px,1fr) minmax(120px,1fr) auto;gap:10px;align-items:end;margin:8px 0 5px;padding:0 2px;color:#5e7480;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.quote-line-entry{grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(95px,.8fr) minmax(125px,1fr) minmax(120px,1fr) auto!important;align-items:end}
.quote-line-entry .inline-unit-field{margin:0}.quote-line-entry .inline-unit-field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:900px){.quote-line-head{display:none}.quote-line-entry{grid-template-columns:1fr!important}.quote-line-entry .inline-unit-field>label{position:static;width:auto;height:auto;overflow:visible;clip:auto}}

/* v33 persistent form actions and receipt history */
.detail-card form>.form-actions,.modal-body form>.form-actions,.record-editor>.form-actions,.document-workflow-modal form>.form-actions{position:sticky;bottom:0;z-index:12;background:linear-gradient(180deg,rgba(255,255,255,.84),#fff 28%);padding:12px 0 8px;margin-top:14px;border-top:1px solid var(--line);box-shadow:0 -8px 18px rgba(16,42,67,.05)}
.payment-history-editor{margin:14px 0 18px;border:1px solid var(--line);border-radius:10px;max-height:260px;overflow:auto}.payment-history-editor th{position:sticky;top:0;z-index:1}.payment-history-editor td,.payment-history-editor th{padding:9px 12px}

/* v35 modal/forms and supplier details */
.modal-head{cursor:move!important;user-select:none;-webkit-user-select:none}
.modal-head .modal-close,.modal-head button,.modal-head a{cursor:pointer!important}
.modal-window.rxos-draggable{position:fixed!important;margin:0!important}
.modal-window.rxos-dragging{transition:none!important;box-shadow:0 30px 90px rgba(13,45,62,.34)!important}
.receipt-edit-layout{display:grid;gap:18px}.receipt-edit-summary{margin:0}.receipt-history-block{display:grid;gap:10px}.receipt-payment-fields{align-items:end}.receipt-edit-layout .inline-builder-host{margin-top:8px}.supplier-view-shell{display:grid;gap:22px}.supplier-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.supplier-detail-item{border:1px solid #dfe9ef;border-radius:12px;padding:14px 16px;background:#f9fbfc;min-height:76px}.supplier-detail-item span{display:block;color:#6a7c89;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.supplier-detail-item strong{font-size:14px;color:#102f43;word-break:break-word}.supplier-products-view table{width:100%;border-collapse:collapse}.supplier-products-view th,.supplier-products-view td{padding:11px 12px;border-bottom:1px solid #e5edf2;text-align:left}.supplier-products-view th{font-size:11px;color:#587084;background:#f6f9fb}.supplier-products-view .number{text-align:right}.po-popup-line{grid-template-columns:minmax(260px,2fr) minmax(110px,.6fr) minmax(150px,.8fr) auto}.po-line-head{grid-template-columns:minmax(260px,2fr) minmax(110px,.6fr) minmax(150px,.8fr) auto}.document-workflow-modal #poForm>.form-actions,.document-workflow-modal #receiptInstallmentForm>.form-actions{position:sticky!important;bottom:0!important;z-index:20!important;background:#fff!important;padding:12px 0 4px!important;border-top:1px solid #e5edf2!important}
@media(max-width:850px){.supplier-detail-grid{grid-template-columns:1fr 1fr}.po-popup-line,.po-line-head{grid-template-columns:1fr 1fr}.po-popup-line .btn{grid-column:1/-1}}
@media(max-width:620px){.supplier-detail-grid{grid-template-columns:1fr}.po-popup-line,.po-line-head{grid-template-columns:1fr}.po-line-head{display:none}}


/* v36 supplier catalogue, workspace logo and receipt-flow polish */
.header-action-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;max-width:min(760px,62vw);padding:1px 2px 5px;scrollbar-width:thin}
.header-action-row>.btn{flex:0 0 auto}
.supplier-profile-view{display:grid;gap:16px}
.supplier-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid #dce8ee;border-radius:14px;background:linear-gradient(135deg,#f8fbfd,#fff)}
.supplier-profile-avatar{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#102f43;color:#fff;font-size:18px;font-weight:900;letter-spacing:.04em}
.supplier-profile-title h2{margin:2px 0 3px;color:#102f43;font-size:20px}.supplier-profile-title p{margin:0;color:#6a7c89;font-size:11px}
.supplier-profile-badge{min-width:130px;padding:10px 12px;border:1px solid #d8e6eb;border-radius:10px;background:#fff;text-align:right}.supplier-profile-badge span{display:block;color:#78909c;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.supplier-profile-badge strong{display:block;margin-top:3px;color:#102f43;font-size:17px}
.supplier-profile-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e0e8ed;border-radius:12px;overflow:hidden}.supplier-profile-meta .supplier-detail-item{border:0;border-right:1px solid #e0e8ed;border-radius:0;background:#fff;min-height:72px}.supplier-profile-meta .supplier-detail-item:last-child{border-right:0}
.supplier-catalog-card{border:1px solid #dce8ee;border-radius:13px;overflow:hidden;background:#fff}.supplier-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;border-bottom:1px solid #e2e9ed;background:#fbfcfd}.supplier-catalog-head h3{margin:2px 0 0;color:#102f43}.supplier-catalog-head>strong{padding:5px 9px;border-radius:999px;background:#eef5f8;color:#395568;font-size:11px}.supplier-empty-catalog{display:grid;place-items:center;gap:4px;padding:34px 16px;color:#6a7c89;text-align:center}.supplier-empty-catalog strong{color:#102f43}
.receipt-payment-card{border:1px solid #dce7ec;border-radius:13px;background:#fbfdfe;overflow:hidden}.receipt-payment-card-head{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:13px 15px;border-bottom:1px solid #e3eaee;background:#fff}.receipt-payment-card-head h4{margin:2px 0 0;color:#102f43;font-size:15px}.receipt-payment-card-head small{max-width:520px;color:#70838f;text-align:right}.receipt-payment-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:15px}.receipt-payment-flow .field{margin:0}.receipt-memo-field{grid-column:2 / span 2}.receipt-attachment-field{grid-column:1 / -1}.receipt-attachment-field small{display:block;margin-top:5px;color:#7c8b95;font-size:10px}.receipt-payment-flow input,.receipt-payment-flow select,.receipt-payment-flow textarea{min-height:42px}.receipt-payment-flow textarea{min-height:72px}
@media(max-width:1000px){.supplier-profile-meta{grid-template-columns:1fr 1fr}.supplier-profile-meta .supplier-detail-item:nth-child(2n){border-right:0}.receipt-payment-flow{grid-template-columns:1fr 1fr}.receipt-memo-field{grid-column:1 / -1}.header-action-row{max-width:60vw}}
@media(max-width:700px){.header-action-row{max-width:100%;width:100%}.supplier-profile-hero{grid-template-columns:auto 1fr}.supplier-profile-badge{grid-column:1/-1;text-align:left}.supplier-profile-meta,.receipt-payment-flow{grid-template-columns:1fr}.supplier-profile-meta .supplier-detail-item{border-right:0;border-bottom:1px solid #e0e8ed}.receipt-memo-field,.receipt-attachment-field{grid-column:auto}.receipt-payment-card-head{display:block}.receipt-payment-card-head small{display:block;text-align:left;margin-top:5px}}


/* v37 inline supplier editing, file previews, list search/filter */
.rxos-file-preview{margin-top:8px;display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 11px;border:1px dashed #cbdbe3;border-radius:10px;background:#f8fbfc;color:#476070}
.rxos-file-preview img{width:42px;height:42px;object-fit:cover;border-radius:8px;border:1px solid #d9e5ea}
.rxos-file-preview .rxos-file-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf4f7;color:#9e0010;font-weight:800}
.rxos-file-preview span:last-child{min-width:0;display:grid;gap:2px}.rxos-file-preview b{color:#102f43;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rxos-file-preview small{color:#6c7f8c}
input[type=file]:not([hidden]){width:100%;border:1px solid #cfdae1;border-radius:10px;background:#fff;padding:7px;color:#526572}
input[type=file]:not([hidden])::file-selector-button{border:0;border-radius:8px;background:#102f43;color:#fff;font-weight:700;padding:9px 13px;margin-right:10px;cursor:pointer}
.rxos-list-tools{display:flex;align-items:center;gap:9px;padding:10px 16px;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;background:#fbfcfd}
.rxos-list-search{display:flex;align-items:center;gap:7px;min-width:250px;flex:1;border:1px solid #d8e3e8;border-radius:9px;background:#fff;padding:0 10px}.rxos-list-search input{width:100%;border:0!important;outline:0;padding:9px 0;background:transparent}
.rxos-list-filter{min-width:150px;border:1px solid #d8e3e8;border-radius:9px;background:#fff;padding:9px}.rxos-list-count{margin-left:auto;color:#6d7f8a;font-size:11px;white-space:nowrap}
.supplier-profile-hero.editable{grid-template-columns:auto minmax(0,1fr) 180px}.supplier-title-input{width:100%;font-size:21px;font-weight:800;color:#102f43;border:0;border-bottom:1px dashed transparent;background:transparent;padding:2px 0}.supplier-title-input:focus{outline:0;border-bottom-color:#b30211}
.supplier-profile-badge select{width:100%;border:0;background:transparent;font-size:16px;font-weight:800;color:#102f43;text-align:right}
.supplier-inline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.inline-edit-field{display:grid;gap:6px;padding:13px 14px;border:1px solid #dce8ee;border-radius:12px;background:#fbfcfd}.inline-edit-field>span{font-size:10px;color:#708493;text-transform:uppercase;letter-spacing:.06em}.inline-edit-field input{border:0;border-bottom:1px dashed #d3dee4;background:transparent;padding:4px 0;color:#102f43;font-weight:700;outline:0}.inline-edit-field input:focus{border-bottom-color:#b30211}
.inline-table-input{width:100%;min-width:90px;border:1px solid transparent!important;border-radius:7px;background:transparent!important;padding:6px 7px!important}.inline-table-input:hover,.inline-table-input:focus{border-color:#ccdce4!important;background:#fff!important;outline:0}.inline-table-input.number{text-align:right}
.auto-save-state{position:sticky;bottom:0;z-index:15;padding:9px 12px;border:1px solid #dce7ec;border-radius:10px;background:#f8fbfc;color:#516b7c;font-size:11px;font-weight:700}
@media(max-width:850px){.supplier-inline-grid{grid-template-columns:1fr 1fr}.supplier-profile-hero.editable{grid-template-columns:auto 1fr}.supplier-profile-badge{grid-column:1/-1}.rxos-list-tools{flex-wrap:wrap}.rxos-list-search{min-width:100%}.rxos-list-count{margin-left:0}}
@media(max-width:580px){.supplier-inline-grid{grid-template-columns:1fr}}

/* v38 compact list search + per-column heading filters */
.rxos-v38-list-controls{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
.rxos-compact-search{display:flex;align-items:center;gap:6px;border:1px solid #d9e1e6;border-radius:8px;background:#fff;padding:0 9px;height:34px;width:190px;max-width:24vw;color:#6b7a86}
.rxos-compact-search input{border:0!important;outline:0;background:transparent;width:100%;min-width:0;font-size:12px;padding:0!important}
.rxos-list-count{font-size:11px;color:#70808d;white-space:nowrap}
.table-card thead th{vertical-align:middle}
.rxos-column-filter{border:0;background:transparent;font:inherit;font-size:10px;font-weight:800;color:#6c879a;text-transform:uppercase;letter-spacing:.02em;max-width:100%;padding:4px 18px 4px 0;cursor:pointer;outline:0}
.rxos-column-filter:focus{color:#b30211}
.card-head{gap:12px;flex-wrap:nowrap}
.card-head .archive-toolbar{margin-left:0;flex:0 0 auto}
.row-actions{white-space:nowrap}
.row-actions .small-btn{margin-right:3px}
.sidebar .nav-group{margin:0 0 3px}
.sidebar .nav-group-toggle{text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}
@media(max-width:900px){.rxos-compact-search{width:145px;max-width:40vw}.rxos-v38-list-controls .rxos-list-count{display:none}.card-head{flex-wrap:wrap}}

/* v40: compact list controls only; remove legacy full-width search if old markup survives cache. */
.rxos-list-tools{display:none!important}

/* v40: Sales + Management registers fit the available workspace without horizontal page/table scrolling. */
body[data-rxos-page="clients"] .table-scroll,
body[data-rxos-page="lpo"] .table-scroll,
body[data-rxos-page="quotations"] .table-scroll,
body[data-rxos-page="invoices"] .table-scroll,
body[data-rxos-page="payments"] .table-scroll,
body[data-rxos-page="dispatch"] .table-scroll,
body[data-rxos-page="reports"] .table-scroll,
body[data-rxos-page="approvals"] .table-scroll{overflow-x:hidden!important}
body[data-rxos-page="clients"] .table-scroll table,
body[data-rxos-page="lpo"] .table-scroll table,
body[data-rxos-page="quotations"] .table-scroll table,
body[data-rxos-page="invoices"] .table-scroll table,
body[data-rxos-page="payments"] .table-scroll table,
body[data-rxos-page="dispatch"] .table-scroll table,
body[data-rxos-page="reports"] .table-scroll table,
body[data-rxos-page="approvals"] .table-scroll table{min-width:0!important;width:100%!important;table-layout:fixed}
body[data-rxos-page="clients"] .table-scroll th,body[data-rxos-page="clients"] .table-scroll td,
body[data-rxos-page="lpo"] .table-scroll th,body[data-rxos-page="lpo"] .table-scroll td,
body[data-rxos-page="quotations"] .table-scroll th,body[data-rxos-page="quotations"] .table-scroll td,
body[data-rxos-page="invoices"] .table-scroll th,body[data-rxos-page="invoices"] .table-scroll td,
body[data-rxos-page="payments"] .table-scroll th,body[data-rxos-page="payments"] .table-scroll td,
body[data-rxos-page="dispatch"] .table-scroll th,body[data-rxos-page="dispatch"] .table-scroll td,
body[data-rxos-page="reports"] .table-scroll th,body[data-rxos-page="reports"] .table-scroll td,
body[data-rxos-page="approvals"] .table-scroll th,body[data-rxos-page="approvals"] .table-scroll td{padding:10px 8px!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.3}
body[data-rxos-page="clients"] .row-actions,body[data-rxos-page="lpo"] .row-actions,body[data-rxos-page="quotations"] .row-actions,body[data-rxos-page="invoices"] .row-actions,body[data-rxos-page="payments"] .row-actions,body[data-rxos-page="dispatch"] .row-actions,body[data-rxos-page="reports"] .row-actions,body[data-rxos-page="approvals"] .row-actions{white-space:normal!important}
@media(max-width:1050px){
 body[data-rxos-page="quotations"] .table-scroll th,body[data-rxos-page="quotations"] .table-scroll td,
 body[data-rxos-page="invoices"] .table-scroll th,body[data-rxos-page="invoices"] .table-scroll td,
 body[data-rxos-page="payments"] .table-scroll th,body[data-rxos-page="payments"] .table-scroll td,
 body[data-rxos-page="approvals"] .table-scroll th,body[data-rxos-page="approvals"] .table-scroll td{font-size:9.5px!important;padding:8px 6px!important}
}

/* v40 document edit: transaction fields are above a read-only document preview. */
.document-edit-fields{padding:16px 18px;border:1px solid #dce7ed;border-radius:12px;background:#f8fbfc;margin-bottom:14px}
.document-edit-fields .form-section-title{margin-top:0}
.document-edit-fields .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.document-edit-fields .form-actions{position:sticky;bottom:0;z-index:8;background:rgba(248,251,252,.96);padding:10px 0 0;margin-top:10px}
.document-edit-preview-label{margin:12px 0 8px;font-size:11px;font-weight:800;color:#587084;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:760px){.document-edit-fields .form-grid{grid-template-columns:1fr}}


/* v41 layout reset: readable tables, calm typography, visible actions, consistent spacing. */
.content{max-width:1760px;padding:28px 32px 42px}
.page-head{align-items:center;margin-bottom:20px}
.page-head h1{font-size:24px;font-weight:700;letter-spacing:-.35px}
.page-head p,.card-sub,.subtle{font-weight:400}
.card,.table-card,.detail-card{background:#fff}
.card-title,.table-card h2,.detail-card h2{font-weight:700}
.table-card{overflow:hidden}
.table-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:thin}
.table-scroll table{width:100%;min-width:max-content;table-layout:auto}
.table-scroll th{padding:11px 14px!important;white-space:nowrap!important;overflow-wrap:normal!important;font-size:10px!important;font-weight:700!important;letter-spacing:.18px;line-height:1.25}
.table-scroll td{padding:12px 14px!important;white-space:nowrap!important;overflow-wrap:normal!important;font-size:11px!important;line-height:1.35;font-weight:400}
.table-scroll td b,.table-scroll td strong{font-weight:600}
.table-scroll th:last-child,.table-scroll td:last-child{position:sticky;right:0;z-index:3;background:#fff;box-shadow:-10px 0 14px -14px rgba(15,23,42,.45)}
.table-scroll th:last-child{z-index:4;background:#fbfcfd}
.row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap!important;min-width:max-content}
.row-actions .small-btn{flex:none}
.rxos-table-head-tools{gap:8px}
.rxos-table-search{width:190px;max-width:28vw}
.rxos-column-filter{max-width:180px;font-weight:600}

/* Do not squeeze Sales / Management tables. Preserve readable columns; actions stay visible. */
body[data-rxos-page="quotations"] .table-scroll th,body[data-rxos-page="quotations"] .table-scroll td,
body[data-rxos-page="invoices"] .table-scroll th,body[data-rxos-page="invoices"] .table-scroll td,
body[data-rxos-page="payments"] .table-scroll th,body[data-rxos-page="payments"] .table-scroll td,
body[data-rxos-page="dispatch"] .table-scroll th,body[data-rxos-page="dispatch"] .table-scroll td,
body[data-rxos-page="reports"] .table-scroll th,body[data-rxos-page="reports"] .table-scroll td,
body[data-rxos-page="approvals"] .table-scroll th,body[data-rxos-page="approvals"] .table-scroll td{padding:12px 14px!important;white-space:nowrap!important;overflow-wrap:normal!important;font-size:11px!important;line-height:1.35!important}
body[data-rxos-page="clients"] .row-actions,body[data-rxos-page="lpo"] .row-actions,body[data-rxos-page="quotations"] .row-actions,body[data-rxos-page="invoices"] .row-actions,body[data-rxos-page="payments"] .row-actions,body[data-rxos-page="dispatch"] .row-actions,body[data-rxos-page="reports"] .row-actions,body[data-rxos-page="approvals"] .row-actions{white-space:nowrap!important}

/* Reporting cards need room to breathe; do not place two dense registers side by side. */
body[data-rxos-page="reports"] .main-grid{grid-template-columns:1fr!important}
body[data-rxos-page="reports"] .table-card{min-width:0}

/* Inventory: keep full register readable and make action column permanently reachable. */
body[data-rxos-page="inventory"] .table-scroll table{min-width:1180px}
body[data-rxos-page="inventory"] .content{max-width:1760px}

/* Settings / administration typography: less visual shouting. */
body[data-rxos-page="settings"] .card strong,body[data-rxos-page="settings"] label,body[data-rxos-page="settings"] .field label,
body[data-rxos-page="approvals"] td b,body[data-rxos-page="reports"] td b{font-weight:600!important}
body[data-rxos-page="settings"] .settings-section-title,body[data-rxos-page="settings"] .form-section-title{font-weight:700!important}

/* v41 edit modal: workflow fields first, document preview second, one sticky save bar. */
.document-fields-editor{padding-bottom:0}
.document-edit-fields{margin:0 0 18px;padding:18px 20px;border:1px solid #dce5ec;border-radius:12px;background:#fff}
.document-edit-fields .form-section-title{margin:0 0 14px;color:#34495e;font-size:12px;font-weight:700;letter-spacing:.04em}
.document-edit-fields .form-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px 16px}
.document-edit-fields .field label{font-weight:600;color:#526579}
.document-edit-fields .field input,.document-edit-fields .field select,.document-edit-fields .field textarea{min-height:42px;background:#fff}
.document-edit-fields .field input[readonly],.document-edit-fields .field input:disabled,.document-edit-fields .field select:disabled{background:#f7f9fb;color:#617386;cursor:default}
.document-edit-preview-label{margin:4px 0 10px;padding:0 2px;font-size:11px;font-weight:700;color:#587084;text-transform:uppercase;letter-spacing:.04em}
.document-edit-savebar{position:sticky;bottom:0;z-index:18;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;margin:16px -18px -18px;background:rgba(255,255,255,.98);border-top:1px solid #dce5ec;box-shadow:0 -10px 24px rgba(15,23,42,.06)}
.document-edit-savebar .btn.primary{min-width:112px;justify-content:center}
.document-workflow-modal .modal-body{padding:18px!important}
.document-workflow-modal .unified-preview{border-radius:12px;border:1px solid #dce5ec;background:#edf3f6}
.document-workflow-modal .doc-toolbar{top:0}
@media(max-width:1100px){.document-edit-fields .form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:700px){.content{padding:20px 14px 32px}.document-edit-fields .form-grid{grid-template-columns:1fr}.document-edit-savebar{margin-left:-18px;margin-right:-18px}.rxos-table-search{max-width:56vw}}

/* === v42 UI consistency + document edit restoration =================== */
/* Remove the artificial sticky divider / blank strip before action columns. */
.table-scroll th:last-child:not([data-v38-filter]),.table-scroll td:last-child{position:static!important;right:auto!important;box-shadow:none!important;background:inherit!important}
.table-scroll thead th:last-child{background:#fbfcfd!important}

/* Calm list typography and consistent row alignment. */
.table-card .table-scroll{overflow-x:auto;overflow-y:visible}
.table-card table{width:100%!important;table-layout:auto!important;border-collapse:separate;border-spacing:0}
.table-card th{font-size:10px!important;font-weight:650!important;letter-spacing:.16px!important;color:#5f7a91!important;padding:11px 12px!important;vertical-align:middle!important}
.table-card td{font-size:11px!important;font-weight:400!important;color:#17212b!important;padding:12px 12px!important;vertical-align:middle!important;line-height:1.35!important}
.table-card td b,.table-card td strong{font-weight:600!important}
.table-card .subtle{display:inline;margin-left:2px;font-size:10px;font-weight:400;color:#6d7e8d}
.table-card .row-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;white-space:nowrap!important;min-width:0!important}
.table-card .row-actions .small-btn{padding:7px 9px;min-height:32px}
.rxos-column-filter{font-size:10px!important;font-weight:650!important;color:#5f7a91!important;max-width:none!important;width:100%;min-width:0;padding-right:24px}
.rxos-v38-list-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.rxos-compact-search{width:190px!important;max-width:190px!important}
.rxos-compact-search input{width:100%!important}
.rxos-list-count{white-space:nowrap}

/* Natural list widths: wrap descriptive text instead of crushing every column. */
body[data-rxos-page="suppliers"] .table-card table,
body[data-rxos-page="clients"] .table-card table,
body[data-rxos-page="lpo"] .table-card table,
body[data-rxos-page="quotations"] .table-card table,
body[data-rxos-page="invoices"] .table-card table,
body[data-rxos-page="payments"] .table-card table,
body[data-rxos-page="dispatch"] .table-card table,
body[data-rxos-page="inventory"] .table-card table,
body[data-rxos-page="credit"] .table-card table,
body[data-rxos-page="force"] .table-card table,
body[data-rxos-page="traceability"] .table-card table,
body[data-rxos-page="approvals"] .table-card table{min-width:0!important;width:100%!important}
body[data-rxos-page="suppliers"] .table-card th,body[data-rxos-page="suppliers"] .table-card td,
body[data-rxos-page="clients"] .table-card th,body[data-rxos-page="clients"] .table-card td,
body[data-rxos-page="lpo"] .table-card th,body[data-rxos-page="lpo"] .table-card td,
body[data-rxos-page="quotations"] .table-card th,body[data-rxos-page="quotations"] .table-card td,
body[data-rxos-page="invoices"] .table-card th,body[data-rxos-page="invoices"] .table-card td,
body[data-rxos-page="payments"] .table-card th,body[data-rxos-page="payments"] .table-card td,
body[data-rxos-page="inventory"] .table-card th,body[data-rxos-page="inventory"] .table-card td,
body[data-rxos-page="credit"] .table-card th,body[data-rxos-page="credit"] .table-card td,
body[data-rxos-page="force"] .table-card th,body[data-rxos-page="force"] .table-card td,
body[data-rxos-page="traceability"] .table-card th,body[data-rxos-page="traceability"] .table-card td,
body[data-rxos-page="approvals"] .table-card th,body[data-rxos-page="approvals"] .table-card td{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}

/* Supplier and client registers: balanced columns. */
body[data-rxos-page="suppliers"] .table-card table{table-layout:fixed!important}
body[data-rxos-page="suppliers"] .table-card th:nth-child(1){width:23%}body[data-rxos-page="suppliers"] .table-card th:nth-child(2){width:15%}body[data-rxos-page="suppliers"] .table-card th:nth-child(3){width:18%}body[data-rxos-page="suppliers"] .table-card th:nth-child(4){width:18%}body[data-rxos-page="suppliers"] .table-card th:nth-child(5){width:9%}body[data-rxos-page="suppliers"] .table-card th:nth-child(6){width:17%}
body[data-rxos-page="clients"] .table-card table{table-layout:fixed!important}
body[data-rxos-page="clients"] .table-card th:nth-child(1){width:19%}body[data-rxos-page="clients"] .table-card th:nth-child(2){width:12%}body[data-rxos-page="clients"] .table-card th:nth-child(3){width:14%}body[data-rxos-page="clients"] .table-card th:nth-child(4){width:9%}body[data-rxos-page="clients"] .table-card th:nth-child(5){width:14%}body[data-rxos-page="clients"] .table-card th:nth-child(6){width:12%}body[data-rxos-page="clients"] .table-card th:nth-child(7){width:20%}

/* Dense operational registers get measured widths rather than hidden action columns. */
body[data-rxos-page="payments"] .table-card table{table-layout:fixed!important}
body[data-rxos-page="payments"] .table-card th:nth-child(1){width:10%}body[data-rxos-page="payments"] .table-card th:nth-child(2){width:15%}body[data-rxos-page="payments"] .table-card th:nth-child(3){width:11%}body[data-rxos-page="payments"] .table-card th:nth-child(4){width:10%}body[data-rxos-page="payments"] .table-card th:nth-child(5){width:8%}body[data-rxos-page="payments"] .table-card th:nth-child(6){width:10%}body[data-rxos-page="payments"] .table-card th:nth-child(7){width:12%}body[data-rxos-page="payments"] .table-card th:nth-child(8){width:10%}body[data-rxos-page="payments"] .table-card th:nth-child(9){width:8%}body[data-rxos-page="payments"] .table-card th:nth-child(10){width:14%}
body[data-rxos-page="inventory"] .table-card table{table-layout:fixed!important}
body[data-rxos-page="inventory"] .table-card th:nth-child(1){width:18%}body[data-rxos-page="inventory"] .table-card th:nth-child(2){width:10%}body[data-rxos-page="inventory"] .table-card th:nth-child(3),body[data-rxos-page="inventory"] .table-card th:nth-child(4){width:11%}body[data-rxos-page="inventory"] .table-card th:nth-child(5){width:15%}body[data-rxos-page="inventory"] .table-card th:nth-child(6){width:9%}body[data-rxos-page="inventory"] .table-card th:nth-child(7){width:11%}body[data-rxos-page="inventory"] .table-card th:nth-child(8){width:8%}body[data-rxos-page="inventory"] .table-card th:nth-child(9){width:14%}
body[data-rxos-page="credit"] .table-card table,body[data-rxos-page="traceability"] .table-card table,body[data-rxos-page="approvals"] .table-card table{table-layout:fixed!important}
body[data-rxos-page="credit"] .table-card th:first-child{width:23%}body[data-rxos-page="credit"] .table-card th:last-child{width:9%}
body[data-rxos-page="traceability"] .table-card th:first-child{width:18%}body[data-rxos-page="traceability"] .table-card th:last-child{width:15%}
body[data-rxos-page="approvals"] .table-card th:nth-child(1){width:15%}body[data-rxos-page="approvals"] .table-card th:nth-child(2){width:14%}body[data-rxos-page="approvals"] .table-card th:nth-child(3){width:12%}body[data-rxos-page="approvals"] .table-card th:nth-child(4){width:20%}body[data-rxos-page="approvals"] .table-card th:nth-child(5){width:12%}body[data-rxos-page="approvals"] .table-card th:nth-child(6){width:10%}body[data-rxos-page="approvals"] .table-card th:last-child{width:17%}
body[data-rxos-page="approvals"] .row-actions{flex-wrap:wrap}

/* Supplier catalogue modal: aligned editable catalogue columns. */
.supplier-products-view table{width:100%!important;table-layout:fixed!important;min-width:0!important}
.supplier-products-view th,.supplier-products-view td{padding:10px 10px!important;vertical-align:middle!important;white-space:normal!important}
.supplier-products-view th:nth-child(1){width:18%}.supplier-products-view th:nth-child(2){width:11%}.supplier-products-view th:nth-child(3){width:11%}.supplier-products-view th:nth-child(4){width:16%}.supplier-products-view th:nth-child(5){width:13%}.supplier-products-view th:nth-child(6){width:10%}.supplier-products-view th:nth-child(7),.supplier-products-view th:nth-child(8){width:10%}
.supplier-products-view .inline-table-input{width:100%!important;min-width:0!important;box-sizing:border-box}

/* Sales force: detailed tables stack vertically, never side-by-side. */
body[data-rxos-page="force"] .main-grid{grid-template-columns:1fr!important;display:grid!important;gap:18px!important}
body[data-rxos-page="force"] .table-card{width:100%;min-width:0}

/* Operations centre: action cards stay in one row; lower registers stack vertically. */
body[data-rxos-page="operations"] .ops-panel .ops-grid{display:flex!important;gap:16px!important;overflow-x:auto!important;align-items:stretch;padding-bottom:6px}
body[data-rxos-page="operations"] .ops-panel .workflow-action-card{flex:1 0 31%;min-width:320px;max-width:none}
body[data-rxos-page="operations"] .main-grid{grid-template-columns:1fr!important;display:grid!important;gap:18px!important}
body[data-rxos-page="operations"] .table-card{width:100%;min-width:0}

/* Reports: collapsible full-width accordions. */
body[data-rxos-page="reports"] .main-grid{display:block!important}
.report-accordion{border:1px solid #dce5ec;border-radius:13px;background:#fff;margin:0 0 16px;overflow:hidden}
.report-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;background:#fff}
.report-accordion>summary::-webkit-details-marker{display:none}.report-accordion>summary span{display:grid;gap:3px}.report-accordion>summary strong{font-size:14px;font-weight:700;color:#162b3b}.report-accordion>summary small{font-size:10.5px;color:#71808d;font-weight:400}.report-accordion>summary>b{font-size:16px;color:#6d8496;transition:.2s}.report-accordion[open]>summary>b{transform:rotate(180deg)}
.report-accordion .table-card{border:0!important;border-top:1px solid #e3e9ee!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
body[data-rxos-page="reports"] .table-card table{table-layout:auto!important;min-width:0!important}

/* Edit documents mirror create forms: workflow fields, products, builder, then normal Save. */
.create-style-edit-modal .modal-body{padding:18px 20px!important}
.document-create-match-form{display:block;padding-bottom:0}
.edit-workflow-shell{display:grid;gap:14px}
.document-create-match-form .form-section-title{margin:4px 0 0;padding-bottom:9px;border-bottom:1px solid #dce5ec;font-size:11px;font-weight:750;letter-spacing:.045em;color:#557086;text-transform:uppercase}
.document-create-match-form .edit-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}
.document-create-match-form .field label{font-weight:600;color:#526579}
.document-create-match-form .field input,.document-create-match-form .field select,.document-create-match-form .field textarea{background:#fff;min-height:40px}
.document-create-match-form .field input[readonly],.document-create-match-form .field select:disabled{background:#f6f8fa;color:#526579}
.document-line-editor{display:grid;gap:9px}
.document-line-edit{display:grid;grid-template-columns:minmax(240px,2.1fr) minmax(105px,.7fr) minmax(110px,.75fr) minmax(145px,1fr) minmax(130px,.85fr);gap:10px;align-items:end;padding:11px;border:1px solid #dfe7ec;border-radius:10px;background:#fff}
.document-line-edit .field{margin:0}.document-line-edit .field input{width:100%;box-sizing:border-box}
.edit-full{width:100%}.edit-landed-costs{margin-top:2px}
.edit-document-preview{margin-top:4px}
.document-create-match-form .edit-form-actions{position:sticky!important;bottom:0!important;z-index:22!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;padding:11px 0!important;margin:0!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dce5ec!important;box-shadow:0 -8px 18px rgba(15,23,42,.05)}
.document-create-match-form .edit-form-actions .btn.primary{min-width:74px}
.document-create-match-form .create-document-builder{margin-top:16px}

/* Settings: reduce unnecessary bold weight. */
body[data-rxos-page="settings"] .settings-section-body strong,body[data-rxos-page="settings"] .integration-card strong,body[data-rxos-page="settings"] .field label,body[data-rxos-page="settings"] .settings-nav button{font-weight:600!important}

@media(max-width:1100px){
 .document-create-match-form .edit-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .document-line-edit{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-rxos-page="operations"] .ops-panel .workflow-action-card{flex-basis:360px}
}
@media(max-width:760px){
 .document-create-match-form .edit-create-grid,.document-line-edit{grid-template-columns:1fr}
 .rxos-v38-list-controls{width:auto}.rxos-compact-search{width:150px!important;max-width:150px!important}
}
\n\n/* v43 document edit order: all editable fields stay above the document builder. */\n.document-create-match-form[data-workflow-outside="1"] .edit-workflow-shell{display:grid;gap:16px;margin-bottom:16px}\n.document-create-match-form[data-workflow-outside="1"] .create-document-builder{margin-top:0!important}\n.document-create-match-form[data-workflow-outside="1"] .create-document-builder .workflow-fields:empty{display:none!important}\n.document-create-match-form[data-workflow-outside="1"] .create-document-builder .workflow-fields{display:none!important}\n.document-create-match-form[data-workflow-outside="1"] .form-section-title{margin-top:0}\n.document-create-match-form[data-workflow-outside="1"] .edit-products-title{margin-top:2px}\n.document-create-match-form[data-workflow-outside="1"] .edit-form-actions{position:sticky!important;bottom:0!important;z-index:30!important;margin-top:0!important;padding:12px 0!important;background:#fff!important;border-top:1px solid #dce5ec!important;box-shadow:0 -8px 16px rgba(15,23,42,.05)!important}\n.document-create-match-form[data-workflow-outside="1"] .edit-form-actions .btn.primary{min-width:74px}\n.document-create-match-form[data-workflow-outside="1"] .doc-toolbar{border-top-left-radius:12px;border-top-right-radius:12px}\n

/* v45 meeting workflow additions */
.entity-doc-upload{padding:4px 0 18px}.upload-mini-preview{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;padding:10px 12px;border:1px dashed #cfd5dc;border-radius:10px;background:#fafbfc;font-size:12px}.upload-mini-preview img{width:72px;height:54px;object-fit:cover;border-radius:7px;border:1px solid #ddd}.entity-doc-list{display:grid;gap:8px;margin-top:12px}.entity-doc-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e7e9ed;border-radius:10px;background:#fff}.entity-doc-row small{display:block;color:#69727d;margin-top:2px}.doc-type-pill{font-size:10px;font-weight:700;letter-spacing:.04em;padding:5px 7px;border-radius:6px;background:#f3f4f6}.action-centre-v45{margin-bottom:18px}.v45-alert-kpis{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-top:12px}.v45-alert-kpis a{display:block;padding:12px;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;color:inherit;background:#fff}.v45-alert-kpis strong{font-size:20px;display:block}.v45-inline-note{padding:10px 12px;border-radius:9px;background:#f7f8fa;border:1px solid #e6e8ec;margin:8px 0;font-size:12px}.stock-ok{color:#117a43}.stock-low{color:#a61b1b}.v45-payment-extra{margin-top:12px;border-top:1px solid #eceef1;padding-top:14px}.rfq-line-head{display:grid;grid-template-columns:minmax(220px,1fr) 120px 110px;gap:10px;align-items:end;margin-top:12px}.rfq-lines{display:grid;gap:7px;margin:10px 0 14px}.rfq-line{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #e6e8ec;border-radius:8px}.integration-readiness{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.integration-readiness>div{padding:12px;border:1px solid #e6e8ec;border-radius:10px;background:#fff}.integration-readiness small{display:block;margin-top:4px;color:#707782}@media(max-width:1050px){.v45-alert-kpis,.integration-readiness{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:700px){.entity-doc-row{grid-template-columns:1fr}.rfq-line-head{grid-template-columns:1fr}.v45-alert-kpis,.integration-readiness{grid-template-columns:1fr}}

/* v46 — Orders split into clean Purchase Orders / RFQ panels. */
.v46-order-tabs{display:flex;align-items:center;gap:8px;margin:4px 0 18px;padding:5px;border:1px solid #e0e6eb;border-radius:12px;background:#fff;width:max-content;max-width:100%}
.v46-order-tab{border:0;background:transparent;color:#506575;font:inherit;font-size:12px;font-weight:650;padding:10px 16px;border-radius:8px;cursor:pointer;white-space:nowrap}
.v46-order-tab:hover{background:#f7f9fb}.v46-order-tab.active{background:#fff1f2;color:#b30211;box-shadow:inset 0 0 0 1px #f3b9bf}
.v46-order-panel[hidden]{display:none!important}.v46-order-panel{display:grid;gap:18px;min-width:0}
.v46-order-panel>[class*="section-gap"]{margin-top:0!important}
body[data-rxos-page="orders"] .v46-order-panel .table-card{margin:0!important}
body[data-rxos-page="orders"] .v46-order-panel[data-order-panel="rfq"]>section{margin:0!important;display:grid;gap:18px}
body[data-rxos-page="orders"] .v46-order-panel[data-order-panel="rfq"] .detail-card{margin:0!important}

/* v46 — Client register: balanced columns and a 2×2 action grid so nothing is cut off. */
body[data-rxos-page="clients"] .table-scroll{overflow-x:hidden!important}
body[data-rxos-page="clients"] table.v46-client-register{width:100%!important;min-width:0!important;table-layout:fixed!important}
body[data-rxos-page="clients"] table.v46-client-register th:nth-child(1){width:18%!important}
body[data-rxos-page="clients"] table.v46-client-register th:nth-child(2){width:11%!important}
body[data-rxos-page="clients"] table.v46-client-register th:nth-child(3){width:13%!important}
body[data-rxos-page="clients"] table.v46-client-register th:nth-child(4){width:8%!important}
body[data-rxos-page="clients"] table.v46-client-register th:nth-child(5){width:13%!important}
body[data-rxos-page="clients"] table.v46-client-register th:nth-child(6){width:10%!important}
body[data-rxos-page="clients"] table.v46-client-register th:nth-child(7){width:27%!important}
body[data-rxos-page="clients"] table.v46-client-register td:first-child .subtle{display:block!important;margin:2px 0 0!important;line-height:1.2}
body[data-rxos-page="clients"] table.v46-client-register th,body[data-rxos-page="clients"] table.v46-client-register td{padding:11px 9px!important;overflow:visible!important}
body[data-rxos-page="clients"] .v46-client-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;white-space:normal!important;min-width:0!important;width:100%}
body[data-rxos-page="clients"] .v46-client-action{width:100%;min-width:0!important;padding:6px 7px!important;min-height:30px!important;text-align:center;justify-content:center;white-space:nowrap;font-size:10px!important;box-sizing:border-box}
@media(max-width:900px){.v46-order-tabs{width:100%;overflow-x:auto}.v46-order-tab{flex:0 0 auto}body[data-rxos-page="clients"] .v46-client-actions{grid-template-columns:1fr}}
/* v47 — cohesive meeting-workflow UI */
.v47-entity-modal{max-width:1120px}.v47-entity-layout{display:grid;gap:18px}.v47-entity-section{padding:18px;border:1px solid #dce5e9;border-radius:14px;background:#fff}.v47-form-actions{position:sticky;bottom:0;background:#fff;padding:14px 0 4px;z-index:3}.v47-doc-list{display:grid;gap:8px;margin-top:14px}.v47-doc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e1e7ea;border-radius:10px;background:#fafcfd}.v47-doc-row span:first-child{display:grid;gap:2px}.v47-doc-row small{color:#60717a}.v47-doc-pending{display:grid;gap:4px;padding:10px;background:#fff8e8;border:1px solid #f0d99c;border-radius:10px}.v47-new-currency{margin-top:6px;align-self:flex-start}.v47-import-intro{display:grid;gap:4px;padding:12px 14px;margin-bottom:16px;border-radius:10px;background:#f3f8fa;border:1px solid #d9e7ec}.v47-import-intro span{color:#60717a}.v47-detected{margin-top:16px;display:grid;gap:12px}.v47-more-menu{position:relative;display:inline-block}.v47-more-menu summary{list-style:none;cursor:pointer}.v47-more-menu summary::-webkit-details-marker{display:none}.v47-more-pop{position:absolute;right:0;top:calc(100% + 5px);min-width:165px;background:white;border:1px solid #d9dfe3;border-radius:8px;padding:6px;box-shadow:0 10px 25px rgba(0,0,0,.14);z-index:20}.v47-danger-link{width:100%;border:0;background:#fff;color:#b30000;text-align:left;padding:8px;border-radius:6px;font-weight:600;cursor:pointer}.v47-danger-link:hover{background:#fff1f1}.v47-manual-tag{font-size:12px;color:#50636c;background:#eef5f7;border:1px solid #d7e5e9;border-radius:999px;padding:8px 10px;white-space:nowrap}.row-actions{overflow:visible!important}.row-actions .v47-more-menu{flex:0 0 auto}
@media(max-width:900px){.v47-entity-modal{max-width:96vw}.v47-doc-row{align-items:flex-start;flex-direction:column}.v47-manual-tag{display:none}}

/* RXOS v48 requested UI corrections */
.v48-dashboard .action-centre-v45{margin-top:18px;margin-bottom:22px}.v48-dashboard .action-centre-v45 .card-head{padding-bottom:8px}.v48-dashboard .v45-alert-kpis{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.v48-dashboard .action-centre-v45 .kpi{box-shadow:none;border:1px solid #e3e9ee}
.v48-register .table-scroll{overflow-x:visible}.v48-register table{width:100%;table-layout:fixed}.v48-register th,.v48-register td{vertical-align:middle;white-space:normal;overflow-wrap:anywhere}.v48-register .row-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.v48-register .row-actions .small-btn{white-space:nowrap}.v48-permanent-delete{border-color:#f4a3a8!important;color:#b30211!important;background:#fff7f8!important}.v48-register th:last-child,.v48-register td:last-child{width:280px}.v48-supplier-page .v48-register th:nth-child(1){width:18%}.v48-supplier-page .v48-register th:nth-child(2){width:13%}.v48-supplier-page .v48-register th:nth-child(3){width:18%}.v48-supplier-page .v48-register th:nth-child(4){width:18%}.v48-supplier-page .v48-register th:nth-child(5){width:8%}.v48-client-list-page .v48-register th:last-child,.v48-client-list-page .v48-register td:last-child{width:300px}.v48-client-list-page .v48-register .row-actions{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:6px}
.v48-profile-docs{margin-top:18px;border:1px solid #d7e5ed;border-radius:14px;padding:16px;background:#fff}.v48-doc-list{display:grid;gap:8px;margin-top:12px}.v48-upload-preview{border:1px dashed #c8d8e1;border-radius:10px;padding:10px;margin-top:8px;display:flex;align-items:center;gap:10px;min-height:42px}.v48-upload-preview img{max-height:58px;max-width:96px;border-radius:8px;object-fit:contain}.v48-logo-box{display:grid;grid-template-columns:1fr 220px 1fr;gap:18px;align-items:center;padding:16px;border:1px solid #d7e5ed;border-radius:14px;margin-bottom:18px;background:#fbfdfe}.v48-logo-preview{height:120px;border:1px dashed #c8d8e1;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff}.v48-logo-preview img{max-width:180px;max-height:90px;object-fit:contain}.workspace-brand-logo{justify-content:center!important}.v48-sidebar-logo{max-width:145px;max-height:52px;object-fit:contain;display:block}
.inline-new-btn{margin-top:7px;border:1px solid #b8dbe2;background:#eefafa;color:#006b73;border-radius:7px;font-size:12px;font-weight:700;padding:7px 10px;cursor:pointer}.inline-new-btn:hover{background:#e3f6f8}
.v48-collapse-body[hidden]{display:none}.v48-rule-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v48-rule-view>div{border:1px solid #e0e8ed;border-radius:10px;padding:12px}.v48-rule-view span{display:block;font-size:11px;color:#6b7881;text-transform:uppercase;margin-bottom:5px}.v48-statement-table{table-layout:fixed;width:100%}.v48-statement-table th:nth-child(1),.v48-statement-table td:nth-child(1){width:13%}.v48-statement-table th:nth-child(2),.v48-statement-table td:nth-child(2){width:10%}.v48-statement-table th:nth-child(3),.v48-statement-table td:nth-child(3){width:25%}.v48-statement-table th:nth-child(4),.v48-statement-table td:nth-child(4){width:13%}.v48-statement-table th:nth-child(5),.v48-statement-table td:nth-child(5),.v48-statement-table th:nth-child(6),.v48-statement-table td:nth-child(6),.v48-statement-table th:nth-child(7),.v48-statement-table td:nth-child(7){width:13%;text-align:right}.v48-client-apps .v48-app-list{display:grid}.v48-app-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr) auto;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid #e7edf1}.v48-app-row small{display:block;color:#70808a;margin-top:4px}
@media(max-width:1100px){.v48-dashboard .v45-alert-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v48-register .table-scroll{overflow-x:auto}.v48-register table{min-width:980px}.v48-logo-box{grid-template-columns:1fr}.v48-app-row{grid-template-columns:1fr}.v48-client-list-page .v48-register .row-actions{display:flex}}

/* v48 final scoped corrections — only the requested pages/workflows. */
.v48-dashboard .page-head{margin-bottom:16px}.v48-dashboard>.chain{margin-bottom:18px}.v48-dashboard>.grid.kpis{margin-bottom:18px}.v48-dashboard .action-centre-v45{margin:20px 0}.v48-dashboard .action-centre-v45 .card-head{display:flex;align-items:flex-start;justify-content:space-between}.v48-dashboard .action-centre-v45 h2{font-size:18px;margin:0}.v48-dashboard .action-centre-v45 .v45-alert-kpis{margin-top:10px}
body[data-rxos-page="suppliers"] .v48-register table{table-layout:fixed!important;min-width:0!important}
body[data-rxos-page="suppliers"] .v48-register th:nth-child(1),body[data-rxos-page="suppliers"] .v48-register td:nth-child(1){width:17%!important}
body[data-rxos-page="suppliers"] .v48-register th:nth-child(2),body[data-rxos-page="suppliers"] .v48-register td:nth-child(2){width:12%!important}
body[data-rxos-page="suppliers"] .v48-register th:nth-child(3),body[data-rxos-page="suppliers"] .v48-register td:nth-child(3){width:16%!important}
body[data-rxos-page="suppliers"] .v48-register th:nth-child(4),body[data-rxos-page="suppliers"] .v48-register td:nth-child(4){width:16%!important}
body[data-rxos-page="suppliers"] .v48-register th:nth-child(5),body[data-rxos-page="suppliers"] .v48-register td:nth-child(5){width:7%!important}
body[data-rxos-page="suppliers"] .v48-register th:last-child,body[data-rxos-page="suppliers"] .v48-register td:last-child{width:32%!important}
body[data-rxos-page="suppliers"] .v48-register .row-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}
body[data-rxos-page="suppliers"] .v48-register .row-actions .small-btn{min-width:0!important;width:100%;padding:6px 7px!important;font-size:10px!important;justify-content:center}
body[data-rxos-page="clients"] .v48-register table{table-layout:fixed!important;min-width:0!important}
body[data-rxos-page="clients"] .v48-register th:last-child,body[data-rxos-page="clients"] .v48-register td:last-child{width:31%!important}
body[data-rxos-page="clients"] .v48-register .row-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body[data-rxos-page="clients"] .v48-register .row-actions .small-btn{width:100%;min-width:0!important;padding:6px!important;font-size:10px!important;justify-content:center}
.supplier-products-view table{table-layout:fixed;width:100%;min-width:860px}.supplier-products-view th,.supplier-products-view td{padding:10px 8px!important}.supplier-products-view .inline-table-input{width:100%;min-width:0;box-sizing:border-box;border:0;border-bottom:1px dashed #c9d6dc;background:transparent;padding:5px 3px;font:inherit}.supplier-products-view .inline-table-input:focus{outline:none;border-bottom-color:#b30211;background:#fff9fa}
.statement-table-wrap table,.v48-statement-table{table-layout:fixed!important;width:100%!important}.statement-table-wrap th:nth-child(1),.statement-table-wrap td:nth-child(1){width:14%}.statement-table-wrap th:nth-child(2),.statement-table-wrap td:nth-child(2){width:10%}.statement-table-wrap th:nth-child(3),.statement-table-wrap td:nth-child(3){width:25%}.statement-table-wrap th:nth-child(4),.statement-table-wrap td:nth-child(4){width:13%}.statement-table-wrap th:nth-child(5),.statement-table-wrap td:nth-child(5),.statement-table-wrap th:nth-child(6),.statement-table-wrap td:nth-child(6),.statement-table-wrap th:nth-child(7),.statement-table-wrap td:nth-child(7){width:12.66%;text-align:right!important}.statement-table-wrap td,.statement-table-wrap th{vertical-align:middle!important}.statement-table-wrap td:nth-child(5),.statement-table-wrap td:nth-child(6),.statement-table-wrap td:nth-child(7){font-variant-numeric:tabular-nums}
.client-register-card{max-width:920px}.registration-file-preview{display:grid;gap:7px;margin-top:10px}.registration-file-preview>div{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #dce5ea;border-radius:8px;background:#fbfdfe}.registration-file-preview small{color:#72808a}.auth-success{padding:12px 14px;margin:12px 0;border-radius:9px;background:#edf9f4;border:1px solid #bfe4d3;color:#176744}
.client-dashboard-overview{display:grid;gap:18px}.client-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.client-page .client-section{margin-bottom:20px}.client-page .client-section.card{overflow:hidden}.client-page .client-table{overflow-x:auto}.client-page .client-table table{width:100%;min-width:760px;table-layout:auto}.client-page .client-table th,.client-page .client-table td{white-space:normal;vertical-align:middle}.client-page .client-order-card{margin-bottom:20px}.client-page .client-chain{margin:0}.client-page #clientDashboard>.client-section:not(.client-dashboard-overview){width:100%}
@media(max-width:1180px){.client-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-rxos-page="suppliers"] .v48-register .table-scroll,body[data-rxos-page="clients"] .v48-register .table-scroll{overflow-x:auto!important}body[data-rxos-page="suppliers"] .v48-register table,body[data-rxos-page="clients"] .v48-register table{min-width:1050px!important}}
@media(max-width:700px){.client-kpis{grid-template-columns:1fr}.client-page .client-table table{min-width:680px}}

/* RXOS v49 — targeted UI/performance corrections requested 2026-10-01 */
body.rxos-rendering #pageContent form:not([data-no-modal]){visibility:hidden!important}
body.rxos-ready #pageContent form.modal-source{display:none!important}
.v49-dashboard .action-centre-v45{margin:0 0 20px!important}
.v49-dashboard .action-centre-v45 .v45-alert-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.v49-dashboard .action-centre-v45 .kpi{min-height:108px;padding:16px!important}
.v49-dashboard .action-centre-v45 .kpi h2{font-size:22px!important;line-height:1.15;margin:8px 0 2px!important}

/* Use the calmer quotation/invoice table proportions everywhere else. */
.v49-table-clean.table-card .table-scroll{overflow-x:auto!important;overflow-y:visible!important}
.v49-table-clean table{table-layout:auto!important;width:100%!important;min-width:0!important}
.v49-table-clean th,.v49-table-clean td{white-space:nowrap!important;overflow-wrap:normal!important;padding-left:12px!important;padding-right:12px!important;vertical-align:middle!important}
.v49-table-clean th:last-child,.v49-table-clean td:last-child{width:auto!important;min-width:0!important}
.v49-table-clean .row-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:max-content!important}
.v49-table-clean .row-actions .small-btn{width:auto!important;min-width:0!important;padding:7px 10px!important;font-size:11px!important;white-space:nowrap!important}
body[data-rxos-page="suppliers"] .v49-table-clean th:nth-child(1){width:19%!important}
body[data-rxos-page="suppliers"] .v49-table-clean th:nth-child(2){width:13%!important}
body[data-rxos-page="suppliers"] .v49-table-clean th:nth-child(3){width:18%!important}
body[data-rxos-page="suppliers"] .v49-table-clean th:nth-child(4){width:18%!important}
body[data-rxos-page="suppliers"] .v49-table-clean th:nth-child(5){width:7%!important}
body[data-rxos-page="suppliers"] .v49-table-clean th:last-child{width:25%!important}
body[data-rxos-page="orders"] .v49-table-clean td:first-child,body[data-rxos-page="orders"] .v49-table-clean th:first-child{min-width:170px}
body[data-rxos-page="orders"] .v49-table-clean .row-actions{justify-content:flex-start}
@media(max-width:1180px){.v49-table-clean table{min-width:980px!important}.v49-dashboard .action-centre-v45 .v45-alert-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

.v49-doc-form{display:grid;gap:18px}.v49-doc-note{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:12px 14px;border:1px solid #d9e6ec;border-radius:10px;background:#f7fbfc}.v49-doc-note span{color:#65757d;font-size:12px;max-width:650px}.v49-line-grid{display:grid;grid-template-columns:minmax(260px,2fr) 110px 145px 130px 150px;gap:10px;align-items:end}.v49-line-grid .span-2{grid-column:auto}.v49-add-line{align-self:end}.v49-doc-form .unified-builder-host{margin-top:0}.v49-doc-form .doc-toolbar [data-builder-edit],.v49-doc-form .doc-toolbar [data-builder-save]{display:none!important}.v49-doc-form .workflow-fields{display:none!important}.v49-doc-form .designer-canvas{display:none!important}.v49-doc-form .builder-preview{display:block!important}
@media(max-width:1000px){.v49-line-grid{grid-template-columns:1fr 1fr}.v49-line-grid .field:first-child{grid-column:1/-1}}

.v49-rule-profile{display:grid;gap:16px}.v49-rule-profile .supplier-inline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v49-collapse-btn{margin-left:auto}
.v49-company-files{margin-top:18px!important;padding-top:18px!important;border-top:1px solid #e5eaee}.v49-record-logo-preview{margin-top:10px;min-height:76px;padding:10px;border:1px dashed #cad9e1;border-radius:10px;display:flex;align-items:center;gap:12px;background:#fbfdfe}.v49-record-logo-preview img{max-height:62px;max-width:150px;object-fit:contain}.v49-record-logo-preview span{font-size:12px;color:#65757d}
body[data-rxos-page="suppliers"] .v49-table-clean .row-actions,body[data-rxos-page="clients"] .v49-table-clean .row-actions{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important}
body[data-rxos-page="suppliers"] .v49-table-clean th:last-child,body[data-rxos-page="suppliers"] .v49-table-clean td:last-child{width:390px!important}
body[data-rxos-page="clients"] .v49-table-clean th:last-child,body[data-rxos-page="clients"] .v49-table-clean td:last-child{width:360px!important}
body[data-rxos-page="suppliers"] .v49-table-clean .row-actions .small-btn,body[data-rxos-page="clients"] .v49-table-clean .row-actions .small-btn{width:auto!important;font-size:11px!important;padding:7px 9px!important}
body.rxos-rendering #pageContent{position:relative;min-height:420px}
body.rxos-rendering #pageContent::after{content:"";position:absolute;inset:0;min-height:420px;background:#f6f7f8 url('rxos-loading.gif') center 180px/42px 42px no-repeat;z-index:500;pointer-events:none}
.v49-table-clean table.v49-actions-sticky th:last-child,.v49-table-clean table.v49-actions-sticky td:last-child{position:sticky;right:0;background:#fff;z-index:3;box-shadow:-8px 0 12px rgba(20,35,45,.04)}
.v49-table-clean table.v49-actions-sticky th:last-child{background:#f8fafb;z-index:4}
/* RXOS v50 - Smart document OCR/review */
.v50-smart-head,.v50-review-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:14px 16px;margin-bottom:16px;border:1px solid #e3e8ee;border-radius:10px;background:#fbfcfd}.v50-smart-head b,.v50-review-title b{display:block;color:var(--navy);font-size:14px}.v50-smart-head span:not(.badge),.v50-review-title span:not(.badge){display:block;color:var(--muted);font-size:11px;margin-top:3px;max-width:680px}.v50-review{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.v50-review-table th,.v50-review-table td{padding:9px 10px;vertical-align:top}.v50-review-table select,.v50-review-table input{width:100%;min-width:82px;border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff}.v50-review-table td:first-child select{min-width:240px}.v50-review-table small{display:block;color:var(--muted);font-size:9px;margin-top:4px;max-width:260px;white-space:normal}.v50-review-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.v50-review-note{margin-top:16px}.settings-grid>[data-v50-ocr-card]{min-height:150px}@media(max-width:900px){.v50-smart-head,.v50-review-title{flex-direction:column}.v50-review-table{min-width:880px}}

/* V52 · optional reference-only / smart document upload modes */
.v52-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v52-mode-card{appearance:none;border:1px solid var(--line,#d9dee7);background:var(--card,#fff);border-radius:14px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:9px;min-height:170px;cursor:pointer;font:inherit;color:inherit}.v52-mode-card:hover{border-color:#8c99aa;box-shadow:0 8px 24px rgba(22,35,55,.08);transform:translateY(-1px)}.v52-mode-title{font-size:18px;font-weight:800}.v52-mode-card span:not(.v52-mode-title){line-height:1.5;color:var(--muted,#667085)}.v52-mode-card b{margin-top:auto;font-size:12px;letter-spacing:.02em}.v52-reference-note,.v52-reference-success{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line,#d9dee7);border-radius:12px;background:rgba(247,249,252,.8);margin-bottom:16px}.v52-reference-note span,.v52-reference-success span{color:var(--muted,#667085);line-height:1.45}.v52-reference-success{margin-top:18px}.v52-reference-list{display:flex;flex-direction:column}.v52-reference-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line,#e6e9ef)}.v52-reference-row:first-child{border-top:0}.v52-reference-row>div:first-child{min-width:0}.v52-reference-row small{display:block;margin-top:4px;color:var(--muted,#667085);white-space:normal}.v52-reference-row .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.v52-pending-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;margin-bottom:18px;border:1px solid #cfd8e6;border-radius:12px;background:#f7f9fc}.v52-pending-banner>div:first-child{display:flex;flex-direction:column;gap:4px}.v52-pending-banner span{color:var(--muted,#667085);font-size:13px;line-height:1.4}.v52-pending-banner>div:last-child{display:flex;gap:8px;flex-shrink:0}.v52-reference-panel .card-head{margin-bottom:8px}@media(max-width:760px){.v52-mode-grid{grid-template-columns:1fr}.v52-reference-row,.v52-pending-banner{align-items:flex-start;flex-direction:column}.v52-reference-row .row-actions,.v52-pending-banner>div:last-child{justify-content:flex-start;flex-wrap:wrap}}