:root{--bg:#f4f6f8;--panel:#fff;--text:#14181d;--muted:#707984;--line:#e3e7eb;--line2:#edf0f3;--dark:#111316;--dark2:#191c20;--blue:#2c75e8;--blue2:#edf4ff;--green:#1a9560;--amber:#ce8a25;--red:#d24d48;--shadow:0 12px 32px rgba(20,28,42,.055)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.kicker{font-size:9px;letter-spacing:.16em;font-weight:700;color:#9199a1}.muted{color:var(--muted)}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#eef1f4,#e7ebef)}.login-shell{width:min(1050px,96vw);min-height:610px;background:#fff;border-radius:24px;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;box-shadow:0 35px 90px rgba(17,24,39,.15)}.login-visual{background:linear-gradient(145deg,#101215,#23272d);color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:center}.x-logo{width:36px;height:36px;background:#fff;color:#111;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:18px}.x-logo.xl{width:58px;height:58px;border-radius:17px;font-size:30px}.login-copy{margin-top:22px}.login-copy h1{font-size:64px;letter-spacing:.08em;line-height:1;margin:12px 0 14px}.login-copy p{max-width:520px;color:#aab2bb;line-height:1.7;font-size:12px}.login-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:45px}.login-points>div{padding:14px;border:1px solid #31363c;border-radius:12px;background:#191c20}.login-points b{display:block;font-size:10px}.login-points span{display:block;color:#8d969f;font-size:8.5px;line-height:1.55;margin-top:4px}.login-card{padding:48px 42px;display:flex;flex-direction:column;justify-content:center}.online-note{font-size:9px;color:#69727b;display:flex;gap:8px;align-items:center;margin-bottom:25px}.online-note i,.mode-pill i{width:7px;height:7px;background:#23a66b;border-radius:50%;box-shadow:0 0 0 4px rgba(35,166,107,.10)}.login-card h2{font-size:25px;margin:0 0 7px}.login-card>p{font-size:10px;color:#838b94;line-height:1.6;margin:0 0 20px}.login-card label{font-size:9px;font-weight:700;color:#606975;margin:13px 0 6px}.login-card input,.login-card select{width:100%;border:1px solid #dce1e6;border-radius:9px;padding:10px;background:#fff;outline:none}.login-card>small{font-size:8.5px;color:#969da5;text-align:center;margin-top:11px}.company-chooser{display:grid;gap:7px}.company-choice{display:flex;align-items:center;gap:10px;border:1px solid #dfe4e9;border-radius:11px;background:#fff;padding:9px;text-align:left}.company-choice.active{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue2);background:#fbfdff}.company-choice>span{width:34px;height:34px;border-radius:9px;background:#17191c;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}.company-choice div{flex:1}.company-choice b{display:block;font-size:10px}.company-choice small{display:block;font-size:8.5px;color:#8b939b;margin-top:3px}
.app{min-height:100vh}.sidebar{width:248px;position:fixed;left:0;top:0;bottom:0;background:#111316;color:#e9edf1;border-right:1px solid #272b30;padding:17px 14px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 18px}.brand b{font-size:19px;letter-spacing:.08em}.brand span{display:block;color:#858e97;font-size:9px;margin-top:2px}.company-switch{width:100%;display:flex;align-items:center;gap:9px;border:1px solid #2b3035;border-radius:11px;background:#191c20;color:#fff;padding:9px;text-align:left;margin-bottom:8px}.company-switch>span{width:31px;height:31px;border-radius:9px;background:#2b3035;display:grid;place-items:center;font-size:9px;font-weight:700}.company-switch div{flex:1}.company-switch b{display:block;font-size:10px}.company-switch small{display:block;color:#8d969f;font-size:8.5px;margin-top:2px}.company-switch em,.lux-entry em,.user-button em{font-style:normal;color:#7c858e}.company-menu{position:absolute;left:14px;right:14px;top:115px;background:#1a1d21;border:1px solid #343940;border-radius:11px;padding:6px;z-index:55;box-shadow:0 18px 45px rgba(0,0,0,.25)}.company-menu button{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#d9dee4;border-radius:8px;padding:9px;text-align:left}.company-menu button:hover{background:#252a30}.company-menu button span{width:26px;height:26px;border-radius:7px;background:#30353b;display:grid;place-items:center;font-size:8px}.company-menu button b{font-size:9px}.company-menu button small{display:block;color:#8d969f;font-size:8px;margin-top:2px}.nav-group{margin-top:10px}.nav-label{font-size:8px;letter-spacing:.15em;color:#626b75;padding:8px 11px 5px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#a9b1ba;border-radius:9px;padding:9px 11px;margin:1px 0;text-align:left;font-size:11px}.nav-item>span{width:18px;text-align:center;color:#737d87}.nav-item:hover{background:#1b1f23;color:#fff}.nav-item.active{background:#f3f5f7;color:#111;font-weight:650}.nav-item.active>span{color:#111}.side-bottom{margin-top:auto;border-top:1px solid #282c31;padding-top:8px}.lux-entry{width:100%;display:flex;align-items:center;gap:9px;border:1px solid #353a41;background:linear-gradient(135deg,#1c2024,#282d33);color:#fff;border-radius:11px;padding:10px;margin:11px 0;text-align:left}.lux-entry>span{width:30px;height:30px;border-radius:9px;background:#fff;color:#111;display:grid;place-items:center;font-weight:800}.lux-entry div{flex:1}.lux-entry b{font-size:9.5px}.lux-entry small{display:block;color:#89939d;font-size:8px;margin-top:3px}
.workspace{margin-left:248px;min-height:100vh}.topbar{height:72px;position:sticky;top:0;z-index:25;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.top-left,.top-right,.mode-pill,.user-button{display:flex;align-items:center}.top-left{gap:9px}.top-left small{font-size:8.5px;color:#8a929b}.top-left h2{font-size:16px;margin:2px 0 0}.top-right{gap:9px}.mode-pill{gap:8px;border:1px solid var(--line);border-radius:10px;padding:6px 9px}.mode-pill span b{display:block;font-size:8px}.mode-pill span small{display:block;font-size:7.5px;color:#8e969e;margin-top:1px}.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#59626c}.user-button{gap:8px;border:0;background:transparent;border-radius:10px;padding:5px 7px;text-align:left}.user-button:hover{background:#f1f3f5}.user-button>span{width:32px;height:32px;border-radius:9px;background:#16191d;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}.user-button div{min-width:125px}.user-button b{display:block;font-size:9.5px}.user-button small{display:block;color:#89919a;font-size:8px;margin-top:2px}.mobile{display:none}.content{padding:26px;max-width:1580px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:17px}.page-head h1{font-size:24px;margin:4px 0 5px}.page-head p{font-size:10px;color:#78818b;margin:0}.actions,.toolbar,.segmented{display:flex;align-items:center;gap:8px}.btn{border:1px solid var(--line);background:#fff;color:#20252b;border-radius:9px;padding:8.5px 12px;font-size:9.5px;font-weight:650}.btn:hover{box-shadow:0 5px 16px rgba(19,28,43,.08);transform:translateY(-1px)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.dark{background:#17191c;border-color:#17191c;color:#fff}.btn.danger{background:#fff2f1;border-color:#ffd9d6;color:#b54440}.btn.full{width:100%;margin-top:18px;padding:10px}.btn.small{padding:6.5px 9px;font-size:8.5px}.text-btn{border:0;background:transparent;color:#3267aa;font-size:9px;font-weight:650}.search{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8.5px 10px;min-width:210px;font-size:9px;outline:none}.search:focus,input:focus,select:focus,textarea:focus{border-color:#95b5e8;box-shadow:0 0 0 3px #edf4ff}.segmented{background:#e9edf1;border-radius:10px;padding:3px;overflow:auto}.segmented button{border:0;background:transparent;color:#69727c;border-radius:8px;padding:7px 10px;white-space:nowrap;font-size:9px}.segmented button.active{background:#fff;color:#121519;box-shadow:0 2px 6px rgba(18,25,36,.08);font-weight:650}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:var(--shadow);position:relative}.metric span{display:block;font-size:9px;color:#7d8690}.metric b{display:block;font-size:23px;margin:7px 0 4px}.metric small{font-size:8.5px;color:#90979f}.metric em{position:absolute;right:13px;top:13px;font-style:normal;font-size:8px;padding:4px 6px;background:#eef8f3;color:#197c52;border-radius:7px}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line2)}.panel-head h3{font-size:11px;margin:0}.panel-head p{font-size:8.5px;color:#8a929b;margin:3px 0 0}.panel-body{padding:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;background:#fafbfc;color:#858e97;padding:9px 12px;border-bottom:1px solid var(--line);font-size:7.5px;letter-spacing:.06em;text-transform:uppercase}td{padding:11px 12px;border-bottom:1px solid var(--line2);font-size:9.5px;vertical-align:middle}td b{font-size:9.5px}td small{display:block;color:#9098a1;font-size:8px;margin-top:3px}.row-action{border:0;background:transparent;color:#3267aa;font-size:8.5px;font-weight:650}.pill{display:inline-block;font-size:8px;padding:4px 6px;border-radius:7px;background:#f0f2f4;color:#626b75}.pill.blue{background:#edf4ff;color:#3167aa}.pill.green{background:#edf8f2;color:#168055}.pill.amber{background:#fff6e8;color:#a36a15}.pill.red{background:#fff0ef;color:#b94642}.empty{padding:42px;text-align:center;color:#8d959d}.empty b{display:block;color:#414951;margin-bottom:4px}.empty p{font-size:9px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:14px;text-align:left}.quick-card:hover{border-color:#b8c9e2;background:#fbfdff}.quick-card span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f0f3f6;font-weight:700;margin-bottom:14px}.quick-card b{display:block;font-size:10px}.quick-card small{display:block;color:#8a929b;font-size:8.5px;margin-top:4px;line-height:1.45}.activity{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line2)}.activity:last-child{border-bottom:0}.activity>span{width:28px;height:28px;border-radius:8px;background:#f1f4f7;display:grid;place-items:center}.activity b{display:block;font-size:9.5px}.activity small{display:block;color:#8b939c;font-size:8px;margin-top:3px}.bar-chart{height:210px;display:flex;align-items:end;gap:21px;padding:20px 18px 12px}.bar-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.bar{width:60%;min-width:26px;background:linear-gradient(#8cb4f5,#4a80d8);border-radius:7px 7px 2px 2px}.bar.green{background:linear-gradient(#8ed7b3,#43a77a)}.bar-item b{font-size:8.5px}.bar-item span{font-size:7.5px;color:#8f969e}
.subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.record-head{display:flex;align-items:center;gap:12px}.record-avatar{width:44px;height:44px;border-radius:13px;background:#f0f3f6;display:grid;place-items:center;font-weight:750;color:#2d333a}.record-head h2{font-size:16px;margin:0}.record-head p{font-size:9px;color:#8b939c;margin:4px 0}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-field{padding:11px;border:1px solid var(--line);border-radius:9px}.detail-field span{display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.06em;color:#929aa2}.detail-field b{display:block;font-size:9.5px;margin-top:5px}.timeline{padding:4px 16px}.timeline-item{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line2)}.timeline-item>span{font-size:8px;color:#939aa2}.timeline-item b{font-size:9px}.timeline-item p{font-size:8.5px;color:#757e88;margin:4px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:8.5px;color:#5f6872;font-weight:650}.form-grid input,.form-grid select,.form-grid textarea,.line-item input{width:100%;margin-top:5px;border:1px solid #dde2e7;background:#fff;border-radius:8px;padding:8.5px;font-size:9.5px;outline:none}.form-grid textarea{min-height:70px;resize:vertical}.span-2{grid-column:span 2}.form-section{padding:16px}.form-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.form-title>span{width:30px;height:30px;border-radius:9px;background:#f1f4f7;display:grid;place-items:center;font-size:8px;font-weight:700}.form-title h3{font-size:11px;margin:0}.form-title p{font-size:8px;color:#8c949d;margin:3px 0}.form-title div{flex:1}.line-head,.line-item{display:grid;grid-template-columns:32px 58px minmax(190px,1fr) 55px 95px 95px 28px;gap:7px;align-items:center}.line-head{padding:8px;background:#f7f8fa;border-radius:8px;color:#8a929b;text-transform:uppercase;font-size:7px}.line-item{padding:9px 0;border-bottom:1px solid var(--line2)}.line-item input{margin:0}.product-image{width:50px;height:44px;border:1px dashed #cbd2d9;border-radius:8px;background:#f8fafb;display:grid;place-items:center;position:relative;overflow:hidden;color:#9ba2a9;font-size:7px}.product-image img{width:100%;height:100%;object-fit:cover}.product-image input{position:absolute;inset:0;opacity:0;cursor:pointer}.remove{border:0;background:transparent;color:#b34e49;font-size:15px}.totals-wrap{display:flex;justify-content:flex-end;padding-top:14px}.totals{width:310px;border:1px solid var(--line);border-radius:10px;padding:8px}.totals>div{display:flex;justify-content:space-between;align-items:center;padding:8px 5px;border-bottom:1px solid var(--line2);font-size:9px}.totals>div:last-child{border:0}.totals .grand{font-size:11px}.totals .grand b{font-size:17px}.inline-input{display:flex;align-items:center;gap:4px}.inline-input input{width:55px;margin:0;border:1px solid var(--line);border-radius:6px;padding:5px;font-size:8px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kan-col{min-height:480px;background:#eceff2;border-radius:11px;padding:9px}.kan-col h4{display:flex;justify-content:space-between;font-size:9px;margin:4px 3px 10px}.kan-card{background:#fff;border:1px solid #e0e5e9;border-radius:10px;padding:12px;margin-bottom:8px}.kan-card b{font-size:9.5px}.kan-card small{display:block;color:#8a929b;font-size:8px;margin-top:3px}.progress{height:4px;background:#eceff2;border-radius:5px;margin:12px 0 6px;overflow:hidden}.progress i{display:block;height:100%;background:#5788d5}.kan-card footer{display:flex;justify-content:space-between;font-size:8px;color:#818a93}.permission-grid{display:grid;grid-template-columns:260px 1fr;gap:14px}.user-list{padding:6px}.user-row{display:flex;align-items:center;gap:9px;padding:9px;border-radius:8px}.user-row.active,.user-row:hover{background:#f2f5f7}.user-row>span{width:30px;height:30px;border-radius:8px;background:#17191c;color:#fff;display:grid;place-items:center;font-size:8px}.user-row div{flex:1}.user-row b{display:block;font-size:9px}.user-row small{display:block;color:#8d959d;font-size:7.5px;margin-top:2px}.perm-row{display:grid;grid-template-columns:1.4fr repeat(6,65px);align-items:center;padding:9px 13px;border-bottom:1px solid var(--line2)}.perm-row.header{font-size:7px;color:#89919a;text-transform:uppercase;background:#fafbfc}.perm-row b{font-size:8.5px}.perm-row small{display:block;font-size:7.5px;color:#8d959d;margin-top:2px}.perm-cell{text-align:center}.perm-cell input{width:auto}.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:14px}.settings-menu{background:#fff;border:1px solid var(--line);border-radius:11px;padding:6px;height:max-content}.settings-menu button{width:100%;border:0;background:transparent;text-align:left;border-radius:7px;padding:9px;color:#6d7680;font-size:9px}.settings-menu button.active{background:#f0f3f6;color:#111;font-weight:650}.tax-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.tax-card{border:1px solid var(--line);border-radius:9px;padding:11px}.tax-card b{display:block;font-size:8.5px}.tax-card span{display:block;color:#7f8891;font-size:8px;margin-top:4px}.placeholder-page{padding:55px 25px;text-align:center}.placeholder-icon{width:54px;height:54px;border-radius:15px;background:#f0f3f6;display:grid;place-items:center;margin:0 auto 15px;font-weight:800;font-size:20px}.placeholder-page h2{font-size:17px;margin:0 0 7px}.placeholder-page p{font-size:9.5px;color:#7c858f;max-width:520px;margin:0 auto 17px;line-height:1.6}.modal{position:fixed;inset:0;background:rgba(13,18,24,.42);z-index:100;display:grid;place-items:center;padding:20px}.modal-card{width:min(700px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;box-shadow:0 30px 80px rgba(10,16,25,.25)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line2)}.modal-head h3{font-size:12px;margin:0}.modal-body{padding:17px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.toast{position:fixed;right:22px;bottom:22px;background:#15181c;color:#fff;border-radius:9px;padding:10px 13px;font-size:9px;box-shadow:0 14px 35px rgba(0,0,0,.22);opacity:0;transform:translateY(10px);transition:.2s;z-index:150;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.metric-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}.perm-row{grid-template-columns:1.4fr repeat(6,52px)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.workspace{margin-left:0}.mobile{display:block}.topbar{padding:0 14px}.mode-pill,.user-button div{display:none}.content{padding:17px}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-card{padding:36px 26px}.grid-2,.grid-equal,.permission-grid,.settings-layout{grid-template-columns:1fr}.page-head,.subhead{align-items:flex-start;flex-direction:column}.line-head{display:none}.line-item{grid-template-columns:30px 55px 1fr}.line-item>*:nth-child(n+4){grid-column:auto}.tax-cards{grid-template-columns:1fr}}
@media(max-width:560px){.metric-grid,.quick-grid{grid-template-columns:1fr}.form-grid,.detail-list{grid-template-columns:1fr}.span-2{grid-column:auto}.kanban{grid-template-columns:1fr}.top-right{gap:5px}.user-button>span{width:31px}.actions,.toolbar{flex-wrap:wrap}.search{min-width:160px}.login-card{padding:30px 20px}}

.cip-link{color:#2563a8;white-space:nowrap}
.cip-chip{display:inline-block;font-size:8px;font-weight:700;letter-spacing:.05em;color:#285f9d;background:#edf5ff;border:1px solid #dceafb;border-radius:7px;padding:4px 6px;margin-bottom:7px}
.cip-banner,.reservation-note{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 16px;margin-bottom:13px;box-shadow:var(--shadow)}
.cip-banner b,.reservation-note b{font-size:10px}.cip-banner span,.reservation-note span{font-size:9px;color:#7e8790;margin-left:9px}.reservation-note>div span{display:block;margin:3px 0 0}.reservation-note small{font-size:8.5px;color:#7c858e;text-align:right}
.number-rule{margin:15px 18px 0;background:#f3f7fc;border:1px solid #e0eaf7;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:13px}
.number-rule.variation{background:#fff8ed;border-color:#f2e2c4}.number-rule b{font-size:9px}.number-rule span{font-size:10px;font-weight:700;letter-spacing:.03em}.number-rule small{font-size:8.5px;color:#7c858f;margin-left:auto}
.readonly{background:#f5f7f9!important;color:#5c6670}
.cip-auto-note,.audit-callout{margin-top:13px;background:#f4f7fa;border:1px solid #e5eaf0;border-radius:9px;padding:10px 12px;font-size:9px;color:#717b85}.audit-callout span{display:block;margin-top:4px;line-height:1.5}
.move-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.move-summary>div{border:1px solid #e5e9ed;border-radius:9px;padding:10px}.move-summary span{display:block;font-size:8px;color:#8c949d}.move-summary b{display:block;font-size:9.5px;margin-top:4px}
.row-actions{display:flex;gap:5px;white-space:nowrap}.row-action.strong{font-weight:700;color:#255f9d}
@media(max-width:760px){.cip-banner,.reservation-note,.number-rule{align-items:flex-start;flex-direction:column}.number-rule small{margin-left:0}.move-summary{grid-template-columns:1fr}}

.price-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.price-list-card,.brand-card,.voucher-card{border:1px solid #e5e9ed;border-radius:11px;padding:14px;background:#fff}.price-list-card{display:flex;align-items:center;gap:12px}.price-list-card>div{flex:1}.price-list-card b,.brand-card b,.voucher-card b{display:block;font-size:10px}.price-list-card small,.brand-card small,.voucher-card small{display:block;font-size:8.5px;color:#8a929b;margin-top:4px}.price-list-card>span{font-size:8px;background:#f1f4f7;border-radius:7px;padding:4px 6px;color:#64707b}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brand-card{display:flex;align-items:center;gap:10px}.brand-card>div:nth-child(2){flex:1}.brand-avatar{width:36px;height:36px;border-radius:10px;background:#17191d;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}.voucher-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.empty-state{text-align:center;padding:50px 20px}.empty-state b{display:block;font-size:11px}.empty-state span{display:block;font-size:9px;color:#88919a;margin-top:5px}@media(max-width:900px){.price-list-grid,.brand-grid,.voucher-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.price-list-grid,.brand-grid,.voucher-grid{grid-template-columns:1fr}}

.quotation-register-scroll{max-height:620px;overflow:auto}.quotation-register-scroll thead th{position:sticky;top:0;z-index:2;background:#fafbfc}.quotation-register-scroll tbody tr:hover{background:#f8fafc}

/* V9.31 local-first document register */
.document-local-note{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:12px 15px;border:1px solid #dbe8f7;border-radius:12px;background:#f4f8fd}.document-local-note b{font-size:10px;color:#285f9d}.document-local-note span{font-size:9px;color:#697581}.document-reminder-panel{margin-bottom:14px}.document-reminder-form{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(145px,1fr)) auto;gap:10px;align-items:end}.document-reminder-form label{font-size:8.5px;color:#5f6872;font-weight:650}.document-reminder-form input,.document-name-input{width:100%;margin-top:5px;border:1px solid #dde2e7;background:#fff;border-radius:8px;padding:8.5px;font-size:9.5px;outline:none}.document-reminder-form .btn{height:35px}.document-due-badge{display:inline-block;padding:5px 8px;border-radius:8px;background:#fff0ef;color:#b23e39;font-size:8px;font-weight:800;animation:xrpImportantFlash 1.25s ease-in-out infinite}.document-archive-panel{margin-top:14px}.document-year-grid{display:grid;grid-template-columns:repeat(13,minmax(52px,1fr));gap:6px}.document-year{border:1px solid #dce2e8;border-radius:8px;background:#fff;color:#65707b;padding:7px 5px;font-size:8px;font-weight:700;cursor:pointer}.document-year.active{background:#2673e8;border-color:#2673e8;color:#fff}.document-year-summary{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #edf0f3}.document-year-summary b{font-size:13px}.document-year-summary span{font-size:8.5px;color:#7c8792}.document-name-input{min-width:220px;margin:0}.important-dates-panel{margin-top:14px}.important-date-flash{cursor:pointer;border-radius:9px;padding:11px}.important-date-flash>span{background:#fff0ef!important;color:#b23e39;font-weight:900}.empty.compact{padding:18px}@keyframes xrpImportantFlash{0%,100%{opacity:1}50%{opacity:.5}}
.cheque-entry-panel{margin-bottom:14px}.cheque-entry-panel table{min-width:1120px}.pill.cheque-need-collect{background:#fff2a8;color:#795800;font-weight:900;animation:xrpImportantFlash 1s ease-in-out infinite}.security-cheque-attention{background:#fffdf0}.security-cheque-attention td:first-child b{color:#8b6500}.cheque-collect-flash{background:#fff8c9;border:1px solid #f2d34d;animation:xrpImportantFlash 1s ease-in-out infinite}.cheque-collect-flash>span{background:#ffe86c!important;color:#6d5200!important}
@media(max-width:1200px){.document-reminder-form{grid-template-columns:1fr 1fr}.document-year-grid{grid-template-columns:repeat(7,1fr)}}
@media(max-width:650px){.document-local-note{align-items:flex-start;flex-direction:column}.document-reminder-form{grid-template-columns:1fr}.document-year-grid{grid-template-columns:repeat(4,1fr)}}


/* =========================================================
   V8 — Fluid desktop / wide-screen sizing
   ========================================================= */
:root{
  --sidebar-fluid: clamp(260px, 14vw, 292px);
  --page-pad-x: clamp(24px, 2.0vw, 48px);
  --page-pad-y: clamp(22px, 1.5vw, 36px);
}
.xrp-session-restoring #login{visibility:hidden}.xrp-session-restoring body{background:#f3f5f7}

/* Left navigation: slightly larger and easier to scan */
.sidebar{
  width:var(--sidebar-fluid);
  padding:clamp(18px,1.2vw,24px) clamp(14px,1vw,20px);
}
.workspace{margin-left:var(--sidebar-fluid)}
.brand{gap:12px;padding:0 9px 20px}
.brand b{font-size:clamp(20px,1.08vw,23px)}
.brand span{font-size:clamp(9.5px,.54vw,11px)}
.company-switch{padding:11px 10px;border-radius:12px}
.company-switch>span{width:35px;height:35px;font-size:10px}
.company-switch b{font-size:clamp(10.5px,.62vw,12.5px)}
.company-switch small{font-size:clamp(8.8px,.50vw,10px)}
.nav-group{margin-top:12px}
.nav-label{font-size:clamp(8.5px,.47vw,9.5px);padding:10px 12px 6px}
.nav-item{
  gap:12px;
  padding:10.5px 12px;
  border-radius:10px;
  font-size:clamp(12px,.68vw,13.5px);
  line-height:1.2;
}
.nav-item>span{
  width:22px;
  font-size:clamp(15px,.82vw,17px);
}
.lux-entry{padding:11px 12px}
.lux-entry>span{width:34px;height:34px}
.lux-entry b{font-size:clamp(10px,.57vw,11.5px)}
.lux-entry small{font-size:clamp(8.5px,.48vw,9.5px)}

/* Use the full available display width instead of a centered 1580px island */
.content{
  width:100%;
  max-width:none;
  margin:0;
  padding:var(--page-pad-y) var(--page-pad-x);
}
.topbar{
  padding-left:var(--page-pad-x);
  padding-right:var(--page-pad-x);
}
.top-left h2{font-size:clamp(16px,.9vw,19px)}
.top-left small{font-size:clamp(8.8px,.50vw,10px)}
.user-button b{font-size:clamp(9.8px,.56vw,11px)}
.user-button small{font-size:clamp(8.2px,.46vw,9.3px)}

/* Fluid page typography */
.page-head{margin-bottom:clamp(17px,1.25vw,24px)}
.page-head h1{font-size:clamp(25px,1.55vw,33px)}
.page-head p{font-size:clamp(10px,.62vw,12.5px)}
.btn{font-size:clamp(9.8px,.58vw,11.5px);padding:clamp(8.5px,.48vw,10px) clamp(12px,.75vw,15px)}
.btn.small{font-size:clamp(8.8px,.52vw,10.3px)}
.search{font-size:clamp(9.5px,.55vw,11px);min-width:clamp(210px,15vw,320px)}
.segmented button{font-size:clamp(9.3px,.54vw,10.7px);padding:clamp(7px,.43vw,8.5px) clamp(10px,.68vw,14px)}

/* Panels and cards expand with the screen */
.panel{border-radius:clamp(13px,.8vw,16px)}
.panel-head{padding:clamp(14px,.9vw,18px) clamp(16px,1.05vw,22px)}
.panel-head h3{font-size:clamp(11.5px,.68vw,13.5px)}
.panel-head p{font-size:clamp(8.8px,.52vw,10.5px)}
.panel-body{padding:clamp(16px,1.05vw,22px)}
.metric-grid,.grid-2,.grid-equal{gap:clamp(12px,.85vw,18px)}
.metric{padding:clamp(16px,1.0vw,21px)}
.metric span{font-size:clamp(9.3px,.53vw,10.5px)}
.metric b{font-size:clamp(23px,1.42vw,30px)}
.metric small{font-size:clamp(8.8px,.50vw,10px)}
.quick-grid{gap:clamp(10px,.7vw,15px)}
.quick-card{padding:clamp(14px,.9vw,19px)}
.quick-card b{font-size:clamp(10px,.60vw,12px)}
.quick-card small{font-size:clamp(8.6px,.50vw,10px)}

/* Tables: fill the available area and grow gently on wide displays */
.table-wrap{
  width:100%;
  overflow:auto;
}
.table-wrap table{
  width:100%;
  min-width:max(900px,100%);
  table-layout:auto;
}
th{
  font-size:clamp(7.8px,.46vw,9.2px);
  padding:clamp(9px,.58vw,12px) clamp(12px,.82vw,17px);
}
td{
  font-size:clamp(9.8px,.58vw,11.8px);
  padding:clamp(11px,.70vw,14px) clamp(12px,.82vw,17px);
}
td b{font-size:clamp(9.8px,.58vw,11.8px)}
td small{font-size:clamp(8.2px,.48vw,9.7px)}
.row-action{font-size:clamp(8.8px,.51vw,10.2px)}
.pill{font-size:clamp(8.2px,.48vw,9.6px);padding:5px 7px}

/* Give wide-screen tables breathing room without forcing awkward wrapping */
th,td{white-space:nowrap}
td:nth-child(3),td:nth-child(4),td:nth-child(5){white-space:normal;min-width:110px}
.quotation-register-scroll{
  max-height:clamp(560px, calc(100vh - 250px), 900px);
}
.quotation-register-scroll table{min-width:max(1050px,100%)}

/* Wide desktop: more proportional columns/cards */
@media(min-width:1800px){
  .metric-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}
  .quick-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}
  .grid-2{grid-template-columns:minmax(0,2.2fr) minmax(340px,.8fr)}
  .bar-chart{height:clamp(220px,15vw,300px)}
}
@media(min-width:2400px){
  :root{
    --sidebar-fluid:300px;
    --page-pad-x:54px;
    --page-pad-y:38px;
  }
  .content{font-size:15px}
  .metric-grid,.quick-grid{gap:20px}
  .panel-head{padding:20px 24px}
}

/* Keep existing tablet/mobile behavior intact */
@media(max-width:820px){
  :root{--sidebar-fluid:248px;--page-pad-x:17px;--page-pad-y:17px}
  .sidebar{width:248px}
  .workspace{margin-left:0}
  .content{padding:17px}
  .topbar{padding-left:14px;padding-right:14px}
  .nav-item{font-size:12px}
  .nav-item>span{font-size:15px}
  .table-wrap table{min-width:760px}
}

/* V9 — generic register search / sorting */
th.sortable-head{cursor:pointer;user-select:none;position:relative;padding-right:25px!important}
th.sortable-head:hover{background:#f0f4f8}
th.sortable-head::after{content:"↕";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:9px;color:#a0a8b1;font-weight:400}
th.sortable-head[data-sort-dir="asc"]::after{content:"↑";color:#2c75e8;font-weight:800}
th.sortable-head[data-sort-dir="desc"]::after{content:"↓";color:#2c75e8;font-weight:800}
.quotation-register-scroll{max-height:clamp(570px,calc(100vh - 250px),900px);overflow:auto}
.quotation-register-scroll thead th{position:sticky;top:0;z-index:3;background:#fafbfc}

/* Authenticated login feedback */
.login-error{min-height:18px;color:#b42318;font-size:11px;line-height:1.45;margin-top:2px}
.login-card button[disabled]{cursor:wait;opacity:.7}

/* Product Master */
.product-master-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid #e3e8ed;border-radius:12px;background:#fff}.product-filter-group{display:flex;align-items:center;gap:9px;flex:1}.product-filter-group .search{flex:1}.product-filter-group select{min-width:150px;border:1px solid #dfe4e9;border-radius:9px;background:#fff;padding:9px 11px;font:inherit;color:#2c333a}.product-thumb{width:52px;height:46px;border-radius:7px;border:1px solid #e0e5ea;object-fit:cover;background:#fff}.product-thumb.empty{display:grid;place-items:center;background:#f3f5f7;color:#9aa2aa;font-size:7px}.product-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px}.product-image-editor{display:flex;flex-direction:column;gap:10px}.product-image-preview{width:100%;aspect-ratio:1;border:1px dashed #cfd6dd;border-radius:12px;background:#f5f7f9;display:grid;place-items:center;overflow:hidden;color:#929aa2;font-size:9px;text-align:center;padding:10px}.product-image-preview img{width:100%;height:100%;object-fit:cover}.image-upload{display:flex;justify-content:center;cursor:pointer}.product-image-editor small{font-size:8px;color:#858e97;line-height:1.5}.readonly{background:#f4f6f8!important;color:#4e5862}.modal-card:has(.product-form-layout){width:min(820px,calc(100vw - 28px))}@media(max-width:760px){.product-master-tools,.product-filter-group{align-items:stretch;flex-direction:column}.product-filter-group select{width:100%}.product-form-layout{grid-template-columns:1fr}.product-image-editor{max-width:260px}}

.pill.submitted{background:#fff7cf;color:#8b6900}.pill.hold{background:#fff0dd;color:#a45d0b}.pill.awarded{animation:xrpAwardPulse 1.7s ease-in-out infinite}@keyframes xrpAwardPulse{50%{box-shadow:0 0 0 5px rgba(37,164,104,.14)}}

/* V9.9 — awarded projects and inventory operations */
.project-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:18px}.project-live-card{appearance:none;text-align:left;border:1px solid #e0e5ea;border-radius:13px;background:#fff;padding:17px;color:#1d252c;cursor:pointer;box-shadow:0 7px 24px rgba(22,30,38,.045);transition:.18s}.project-live-card:hover{transform:translateY(-2px);border-color:#a9c8f8;box-shadow:0 10px 26px rgba(38,115,232,.10)}.project-live-card>div,.project-live-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-live-card h3{margin:14px 0 6px;font-size:15px}.project-live-card p{margin:0 0 18px;color:#77818a;font-size:10px}.project-live-card footer{border-top:1px solid #eef1f4;padding-top:11px;font-size:9px;color:#7f8992}.cip-chip{font-size:9px;font-weight:800;color:#246fdc}.material-line{display:grid;grid-template-columns:minmax(0,1fr) 90px 100px;gap:10px;align-items:center;border-bottom:1px solid #edf0f2;padding:9px 0}.material-line label{display:flex;align-items:center;gap:8px;color:#27313a}.material-line label input{width:auto;margin:0}.material-line>span{font-size:9px;color:#737d86}.material-line>input{margin:0}.brand-grid{display:flex;gap:10px;overflow:auto;margin-bottom:15px;padding-bottom:3px}.brand-card{min-width:190px;border:1px solid #e0e5ea;border-radius:11px;background:#fff;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.brand-card.active{border-color:#2875e7;background:#f2f7ff;box-shadow:0 0 0 2px rgba(40,117,231,.10)}.brand-avatar{width:35px;height:35px;border-radius:9px;background:#161c22;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.brand-card b,.brand-card small{display:block}.brand-card small{color:#8a939c;font-size:8px;margin-top:3px}.disabled-note{border:1px dashed #cfd6dd;background:#f6f8fa;color:#747e87;border-radius:11px;padding:18px;text-align:center}.flag-additional{color:#b42318;font-weight:800}@media(max-width:700px){.material-line{grid-template-columns:1fr 70px}.material-line>input{grid-column:1/-1}}
.marketing-client-card footer{align-items:flex-end}.marketing-client-card footer>span:last-child{text-align:right;line-height:1.45}.marketing-client-card .pill{white-space:nowrap}.marketing-workspace .timeline-item{grid-template-columns:105px minmax(0,1fr) 34px}.marketing-workspace .timeline-item .row-action{width:30px;height:30px;padding:0;border-radius:50%;align-self:start}.marketing-notes{min-height:130px;resize:vertical}

/* V9.14 — persistent black theme */
.theme-toggle{height:34px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:0 10px;font-size:9px;font-weight:700}.theme-toggle span{font-size:14px}.theme-toggle.active{background:#050607;border-color:#38404a;color:#fff}
html[data-theme="black"]{color-scheme:dark;--bg:#07090b;--panel:#11151a;--text:#eef2f5;--muted:#9aa4ae;--line:#2a3037;--line2:#20262c;--dark:#050607;--dark2:#101419;--blue:#4b8cf2;--blue2:#172943;--green:#39b77d;--amber:#e0a449;--red:#ee6a64;--shadow:0 12px 32px rgba(0,0,0,.32)}
html[data-theme="black"] body,html[data-theme="black"] .workspace,html[data-theme="black"] .content{background:var(--bg);color:var(--text)}
html[data-theme="black"] .login-screen{background:linear-gradient(145deg,#050607,#101419)}html[data-theme="black"] .login-shell{background:#11151a}
html[data-theme="black"] .topbar{background:rgba(8,10,12,.96)}
html[data-theme="black"] .panel,html[data-theme="black"] .metric,html[data-theme="black"] .quick-card,html[data-theme="black"] .price-list-card,html[data-theme="black"] .brand-card,html[data-theme="black"] .voucher-card,html[data-theme="black"] .product-master-tools,html[data-theme="black"] .project-live-card,html[data-theme="black"] .modal-card,html[data-theme="black"] .login-card,html[data-theme="black"] .theme-toggle,html[data-theme="black"] .btn,html[data-theme="black"] .icon-btn,html[data-theme="black"] .search,html[data-theme="black"] input,html[data-theme="black"] select,html[data-theme="black"] textarea{background:#11151a;color:#eef2f5;border-color:#2a3037}
html[data-theme="black"] th,html[data-theme="black"] .quotation-register-scroll thead th{background:#0d1115;color:#a9b2bb}
html[data-theme="black"] tr:hover,html[data-theme="black"] .quotation-register-scroll tbody tr:hover{background:#151b21}
html[data-theme="black"] .segmented,html[data-theme="black"] .kan-col{background:#080b0e}
html[data-theme="black"] .segmented button.active,html[data-theme="black"] .user-row.active,html[data-theme="black"] .user-row:hover{background:#20262d;color:#fff}
html[data-theme="black"] .user-button:hover,html[data-theme="black"] .quick-card:hover{background:#171c22}
html[data-theme="black"] .readonly,html[data-theme="black"] .product-image-preview,html[data-theme="black"] .disabled-note,html[data-theme="black"] .cip-auto-note,html[data-theme="black"] .audit-callout{background:#0c1014!important;color:#aab3bc;border-color:#2a3037}
html[data-theme="black"] .project-live-card{color:#eef2f5}html[data-theme="black"] .project-live-card p,html[data-theme="black"] .project-live-card footer{color:#9ba5af}html[data-theme="black"] .project-live-card footer{border-color:#252b32}
@media(max-width:820px){.theme-toggle b{display:none}.theme-toggle{width:34px;justify-content:center;padding:0}}

/* V9.18 — live global search and Super Administrator stock deletion */
.stock-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.stock-delete-x{width:24px;height:24px;border:1px solid #f0b9b6;border-radius:50%;background:#fff3f2;color:#c7352f;font-size:17px;font-weight:800;line-height:20px;display:grid;place-items:center;cursor:pointer}.stock-delete-x:hover{background:#c7352f;border-color:#c7352f;color:#fff;transform:scale(1.05)}
.global-search-input{width:100%;margin-bottom:10px}.global-search-list{max-height:min(60vh,520px);overflow:auto;border:1px solid var(--line);border-radius:11px}.global-search-result{width:100%;display:grid;grid-template-columns:95px minmax(150px,1fr);gap:3px 12px;padding:12px 14px;text-align:left;border:0;border-bottom:1px solid var(--line2);background:var(--panel);color:var(--text);cursor:pointer}.global-search-result:last-child{border-bottom:0}.global-search-result:hover{background:#f3f7fc}.global-search-result span{grid-row:1/3;color:#3572c4;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.global-search-result b{font-size:10px}.global-search-result small{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-theme="black"] .stock-delete-x{background:#291313;border-color:#67302d;color:#ff7b73}html[data-theme="black"] .global-search-result:hover{background:#18212a}
.stock-detail-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.reservation-manager{width:100%}.reservation-list{display:grid;gap:8px}.reservation-row{display:grid;grid-template-columns:110px minmax(190px,1.25fr) 100px minmax(220px,1fr) auto;gap:16px;align-items:center;padding:13px 14px;border:1px solid var(--line2);border-radius:10px;background:#fbfcfd}.reservation-row span{display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.05em;color:#929aa2;margin-bottom:4px}.reservation-row b{display:block;font-size:9.5px}.reservation-row small{display:block;font-size:8px;color:#8b939c;margin-top:4px}.reservation-cip b{font-size:13px}.reservation-qty{text-align:center}.reservation-qty b{font-size:14px}.reservation-row .btn{justify-self:end}@media(max-width:1100px){.reservation-row{grid-template-columns:90px 1fr 90px}.reservation-note-text{grid-column:1/3}}

/* V9.24 — locked General / PO Goods Receipt workflows */
.entry-type-lock{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.entry-type-lock div{display:grid;gap:4px}.entry-type-lock small{color:var(--muted)}.entry-type-lock select{width:min(320px,100%);font-weight:800}.entry-type-lock select:disabled{opacity:1;color:var(--text);background:var(--bg);border-color:#94a3b8}.grn-lines-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 10px}.grn-lines-head h4,.grn-lines-head p{margin:0}.grn-lines-head p{font-size:9px;color:var(--muted);margin-top:4px}.grn-product-row{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(110px,.75fr) minmax(110px,.75fr) minmax(210px,1.45fr) 72px minmax(105px,.7fr) minmax(105px,.7fr) minmax(145px,.8fr) auto;gap:9px;align-items:end;padding:12px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.grn-product-row label{min-width:0}.grn-product-row input{width:100%}.grn-product-row .receive-check{align-self:center;display:flex;gap:7px;align-items:center;font-weight:800}.grn-product-row .receive-check input{width:auto}.po-receipt-row{grid-template-columns:100px minmax(100px,.65fr) minmax(100px,.65fr) minmax(100px,.65fr) minmax(210px,1.35fr) 72px minmax(100px,.65fr) minmax(100px,.65fr) minmax(140px,.75fr) 86px}.po-line-balance{grid-column:1/-1;color:var(--muted)}.received-complete{opacity:.58;background:var(--bg)}.has-product-image{box-shadow:inset 4px 0 #22c55e}.po-material-pending{color:#dc2626!important;font-weight:800;animation:poPendingPulse 1.25s ease-in-out infinite}@keyframes poPendingPulse{0%,100%{opacity:.42}50%{opacity:1}}@media(max-width:1200px){.grn-product-row,.po-receipt-row{grid-template-columns:repeat(2,minmax(0,1fr))}.grn-product-row .grn-description,.po-line-balance{grid-column:1/-1}.entry-type-lock{align-items:stretch;flex-direction:column}}
.receipt-type-title{display:flex;align-items:center;gap:12px;padding:0 0 14px;margin-bottom:16px;border-bottom:1px solid var(--line)}.receipt-type-title span{font-size:14px;font-weight:900}.receipt-type-title small{color:var(--muted)}.grn-product-row{padding:8px 0 10px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.grn-product-row input{min-height:34px}.grn-product-row .row-action{margin-bottom:3px}.received-complete{background:transparent}
.modal-card:has(.grn-receipt-form){width:min(1240px,calc(100vw - 34px));max-height:94vh}.grn-receipt-form{display:grid;gap:18px}.grn-receipt-form .receipt-type-title{margin:0;padding:2px 2px 15px}.grn-receipt-form .receipt-type-title span{padding:7px 11px;border-radius:8px;background:#15191e;color:#fff;font-size:10px;letter-spacing:.02em}.grn-document-fields{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.grn-document-fields .grn-notes{grid-column:span 2}.grn-document-fields textarea{min-height:35px;height:35px}.grn-materials-section{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}.grn-materials-section .grn-lines-head{margin:0;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--bg)}.grn-materials-section #grnGeneralRows{padding:0 16px 10px}.grn-materials-section .grn-product-row{grid-template-columns:minmax(115px,.8fr) minmax(105px,.72fr) minmax(105px,.72fr) minmax(210px,1.5fr) 68px minmax(95px,.72fr) minmax(95px,.72fr) 76px minmax(130px,.9fr) 62px;gap:8px;padding:11px 0}.grn-materials-section .po-receipt-row{grid-template-columns:82px minmax(105px,.72fr) minmax(100px,.68fr) minmax(100px,.68fr) minmax(210px,1.45fr) 64px minmax(90px,.64fr) minmax(90px,.64fr) minmax(125px,.8fr) 72px}.grn-materials-section label{font-size:7.5px;text-transform:uppercase;letter-spacing:.035em;color:var(--muted)}.grn-materials-section input{margin-top:5px;padding:7px 8px;border-radius:7px;font-size:9px;text-transform:none;letter-spacing:normal;color:var(--text)}.grn-materials-section input[type=file]{padding:6px;font-size:7px}.grn-materials-section .row-action{height:34px;align-self:end}.grn-materials-section .empty{margin:0;padding:34px}.grn-materials-section .po-line-balance{padding-top:0;font-size:7.5px}.grn-materials-section .receive-check{height:34px;margin-top:15px;padding:0 8px;border-radius:7px;background:var(--bg);text-transform:none;letter-spacing:normal}.grn-materials-section .has-product-image{box-shadow:inset 3px 0 #22c55e}@media(max-width:1050px){.grn-document-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.grn-materials-section{overflow-x:auto}.grn-materials-section .grn-product-row{min-width:1080px}.grn-materials-section .po-receipt-row{min-width:1160px}}@media(max-width:650px){.grn-document-fields{grid-template-columns:1fr}.grn-document-fields .grn-notes{grid-column:auto}}
html[data-theme="black"] .grn-receipt-form .receipt-type-title span{background:#eef2f5;color:#11151a}
input[type="number"]{-moz-appearance:auto!important;appearance:auto!important}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:auto!important;appearance:auto!important;opacity:1!important;display:block!important}
.purchase-lines-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 8px}.purchase-lines-head h4{margin:0}.purchase-lines-head small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.purchase-column-head{display:grid;gap:8px;align-items:center;padding:9px 10px;border-radius:8px;background:#f1f3f5;color:#68717a;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.purchase-column-head.boq-head{grid-template-columns:42px minmax(390px,2.8fr) minmax(82px,.55fr) minmax(98px,.65fr) minmax(110px,.7fr) minmax(118px,.75fr) 30px}.purchase-column-head.manual-head{grid-template-columns:42px minmax(430px,3fr) minmax(98px,.65fr) minmax(110px,.7fr) minmax(118px,.75fr) 30px}.purchase-line{display:grid;grid-template-columns:42px minmax(390px,2.8fr) minmax(82px,.55fr) minmax(98px,.65fr) minmax(110px,.7fr) minmax(118px,.75fr) 30px;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line)}.purchase-line[data-boq-mode="0"]{grid-template-columns:42px minmax(430px,3fr) minmax(98px,.65fr) minmax(110px,.7fr) minmax(118px,.75fr) 30px}.purchase-line label{margin:0}.purchase-line input{margin:0;min-height:34px;padding:7px 8px;border-radius:7px}.purchase-line .purchase-select{height:34px;display:flex;align-items:center;gap:7px;font-weight:900;color:var(--text)}.purchase-line .purchase-select input{width:auto;margin:0}.purchase-line .purchase-item input{text-transform:none}.mobile-column-label{display:none}.purchase-delete-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid #efc2bf;border-radius:50%;background:#fff5f4;color:#c43b35;font-size:17px;font-weight:800;cursor:pointer}.purchase-delete-icon:hover{background:#c43b35;color:#fff}.purchase-cost-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.purchase-cost-strip label{font-size:7.5px;text-transform:uppercase;color:var(--muted)}.purchase-cost-strip input{width:100%;margin-top:5px}.purchase-live-total{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:10px;padding:13px 16px;border-radius:10px;background:#34383d;color:#fff}.purchase-live-total span{font-size:9px;text-transform:uppercase;letter-spacing:.05em}.purchase-live-total b{font-size:15px}.supplier-address-cell{min-width:290px;max-width:440px;white-space:pre-line;line-height:1.55}.supplier-edit-form .supplier-address-field textarea{min-height:130px;white-space:pre-wrap}.modal-card:has(.supplier-edit-form){width:min(660px,calc(100vw - 30px))}.modal-card:has(.purchase-order-form){width:min(1460px,calc(100vw - 28px));max-height:95vh}.modal-card:has(.purchase-order-form) .modal-body{padding:18px 20px}.purchase-order-form>.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.purchase-order-form>.form-grid .span-2{grid-column:span 2}html[data-theme="black"] .purchase-column-head{background:#20262d;color:#aeb7c0}html[data-theme="black"] .purchase-delete-icon{background:#291313;border-color:#67302d;color:#ff7b73}@media(max-width:1100px){.purchase-column-head,.purchase-line,.purchase-line[data-boq-mode="0"]{min-width:1120px}#purchaseColumnHead,#purchaseLines{overflow-x:auto}.purchase-lines-head{align-items:flex-start}.purchase-cost-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-order-form>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.grn-column-head{display:grid;gap:8px;padding:9px 16px;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.grn-general-head{grid-template-columns:minmax(115px,.8fr) minmax(105px,.72fr) minmax(105px,.72fr) minmax(210px,1.5fr) 68px minmax(95px,.72fr) minmax(95px,.72fr) 76px minmax(130px,.9fr) 62px}.grn-po-head{grid-template-columns:82px minmax(105px,.72fr) minmax(100px,.68fr) minmax(100px,.68fr) minmax(210px,1.45fr) 64px minmax(90px,.64fr) minmax(90px,.64fr) minmax(125px,.8fr) 72px;padding-left:16px;padding-right:16px}.grn-materials-section .grn-product-row>label{font-size:0}.grn-materials-section .grn-product-row>label input{font-size:9px}.grn-image-control{height:34px;margin-top:0!important;align-self:end;display:grid!important;place-items:center;position:relative;overflow:hidden;border:1px dashed #aeb8c3;border-radius:8px;background:var(--bg);cursor:pointer}.grn-image-control input{position:absolute;inset:0;width:100%;height:100%;margin:0!important;opacity:0;cursor:pointer}.grn-image-control span{display:flex;align-items:center;justify-content:center;gap:5px;color:#2563eb;font-size:8px!important;text-transform:none;letter-spacing:normal}.grn-image-control small{font-size:6.5px;color:var(--muted)}.has-product-image .grn-image-control{border-style:solid;border-color:#22c55e;background:rgba(34,197,94,.08)}.has-product-image .grn-image-control b{font-size:0}.has-product-image .grn-image-control b:after{content:'Image Added';font-size:8px;color:#15803d}.grn-materials-section .receive-check span{font-size:7.5px;text-transform:none;letter-spacing:normal}.grn-materials-section .grn-lines-head+ .grn-column-head{border-top:0}@media(max-width:1050px){.grn-column-head{min-width:1080px}.grn-po-head{min-width:1160px}}