:root{--navy:#06172b;--navy2:#0b2742;--gold:#d9b84f;--gold2:#caa234;--bg:#f3f7fb;--card:#fff;--line:#dbe5f0;--text:#071527;--muted:#627084;--danger:#e11d48;--green:#0f9f5f;--shadow:0 16px 38px rgba(6,23,43,.08);--r:18px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;background:var(--gold);color:#081220;font-weight:850;padding:12px 18px;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.08)}button:hover{filter:brightness(.98)}button:disabled{opacity:.55;cursor:not-allowed}.btn-dark{background:var(--navy);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-red,.danger{background:var(--danger);color:#fff}.btn-ghost{background:#eef4fb;color:#0b2742;box-shadow:none;border:1px solid var(--line)}input,select,textarea{width:100%;border:1px solid #cbd7e7;border-radius:12px;padding:12px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,184,79,.16)}label{display:block;font-size:13px;font-weight:850;margin:0 0 6px;color:#172437}textarea{min-height:82px;resize:vertical}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:var(--navy);color:#dfe9f8;padding:18px 14px}.side-title{font-size:24px;font-weight:950;letter-spacing:.04em;margin:0 0 12px}.side-badge{display:inline-block;border:1px solid rgba(217,184,79,.7);border-radius:999px;color:#ffe58d;padding:7px 14px;font-weight:950;font-size:13px;margin-bottom:18px}.menu-group{color:#ffd85c;font-weight:950;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:18px 12px 8px}.menu-btn{display:block;width:100%;text-align:left;background:#081e36;color:#dce8f5;box-shadow:none;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;margin:6px 0;font-weight:850}.menu-btn.active{background:#112b49;color:#fff;border-color:rgba(217,184,79,.6);box-shadow:inset 4px 0 0 var(--gold)}.main-shell{min-width:0}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(250px,520px) auto auto auto;align-items:center;gap:14px;padding:14px 22px}.hamb{display:none;background:var(--gold);padding:10px 14px}.brand-mini{display:flex;align-items:center;gap:12px;min-width:0}.brand-mini img{width:56px;height:56px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:6px}.brand-mini b{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mini small,.user-pill small{display:block;color:var(--muted);font-size:12px;font-weight:800}.business-select{height:44px}.top-new{white-space:nowrap}.user-pill{background:#f0f4ff;border:1px solid #ced8ff;border-radius:14px;padding:10px 14px;min-width:170px}.logout{background:#a10f3b;color:#fff}.content{padding:28px 32px 80px;max-width:1760px;margin:0 auto}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:26px;margin-bottom:24px}.page-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}.page-head h1{margin:0;font-size:30px;letter-spacing:.01em}.page-line{height:1px;flex:1;background:linear-gradient(90deg,var(--gold),transparent)}.hero{background:var(--navy);border-radius:18px;color:#fff;padding:28px;display:flex;align-items:center;gap:18px;margin-bottom:18px}.hero img{width:74px;height:74px;border-radius:16px;background:#fff;padding:8px;object-fit:contain}.hero h2{margin:0 0 8px}.hero p{margin:4px 0}.grid{display:grid;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px}.stat span{color:var(--muted);font-weight:850;font-size:13px}.stat b{display:block;font-size:26px;margin-top:8px}.stat.good{background:#effcf4;border-color:#bae8c8}.stat.warn{background:#fffbea;border-color:#f3d46b}.stat.dangerish{background:#fff1f2;border-color:#fecdd3}.hint{background:#eef6ff;border:1px solid #b7d8ff;border-radius:14px;padding:13px 15px;font-weight:850;margin:12px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:920px}.table th{background:var(--navy);color:#fff;text-align:left;padding:14px;font-size:13px;white-space:nowrap;border-bottom:3px solid var(--gold)}.table td{padding:16px 14px;border-bottom:1px solid #edf1f6;vertical-align:middle}.table tr:last-child td{border-bottom:0}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.actions button{padding:10px 14px;border-radius:10px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}.badge.paid,.badge.confirmed{background:#dcfce7;color:#166534}.badge.pending,.badge.follow{background:#fef3c7;color:#854d0e}.badge.partial{background:#dbeafe;color:#1d4ed8}.badge.lost,.badge.delete{background:#fee2e2;color:#991b1b}.badge.closed{background:#e0f2fe;color:#075985}.billing-shell{display:grid;gap:18px}.bill-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.fast-box{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:18px}.item-head,.item-row{display:grid;grid-template-columns:70px minmax(300px,1fr) 100px 110px 130px 140px 80px;gap:0;align-items:center}.item-head{background:var(--navy);color:#fff;border-radius:14px 14px 0 0;font-weight:900}.item-head div,.item-row>*{padding:12px}.item-row{background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.item-row:last-child{border-radius:0 0 14px 14px}.item-row input,.item-row select{border-radius:0;border:0;border-left:1px solid #edf1f6;box-shadow:none}.delete-row{background:#d9303e;color:#fff;border-radius:10px;padding:8px 12px}.adminbar{border:1px solid #e4bd2d;background:#fff8df;border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#721c00;font-weight:850}.totalbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.total-line{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:14px;border-bottom:1px dashed #cbd7e7;padding:10px 0}.total-line:last-child{border-bottom:0}.total-big b{font-size:28px}.savebar{display:flex;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow);position:sticky;bottom:12px;z-index:12}.crm-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.crm-tabs button.active{background:var(--navy);color:#fff}.register-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;margin-bottom:12px}.login-view{min-height:100vh;align-items:center;justify-content:center;background:linear-gradient(135deg,#06172b,#0d3154)}.login-card{width:min(460px,92vw);background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.25);padding:32px}.login-brand{display:flex;gap:12px;margin-bottom:16px}.login-brand img{width:70px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:14px;padding:6px}.form-msg{margin-top:12px;color:var(--danger);font-weight:850}.toast{position:fixed;right:20px;bottom:20px;background:#06172b;color:#fff;padding:14px 18px;border-radius:14px;box-shadow:var(--shadow);z-index:100;display:none}.modal{position:fixed;inset:0;background:rgba(6,23,43,.45);z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}.modal[hidden]{display:none}.modal-card{background:#fff;border-radius:20px;padding:24px;max-width:900px;width:min(900px,94vw);max-height:90vh;overflow:auto;position:relative}.modal-close{position:absolute;right:14px;top:14px;background:#e11d48;color:#fff;border-radius:50%;width:36px;height:36px;padding:0}.empty{padding:22px;border:1px dashed #cbd7e7;border-radius:14px;color:var(--muted);font-weight:800}.mobile-card-list{display:none}.no-print{display:initial}.qr-img{width:120px;height:120px;object-fit:contain}.print-page{font-family:Arial,sans-serif;color:#06172b}.direct-warn{font-weight:900;color:#7c2d12}.admin-cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.hidden{display:none!important}@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;z-index:40;transition:left .2s}.sidebar.open{left:0}.topbar{grid-template-columns:auto 1fr auto;gap:10px;padding:12px}.hamb{display:block}.brand-mini small,.business-select,.user-pill{display:none}.content{padding:16px}.grid2,.grid3,.grid4,.bill-top{grid-template-columns:1fr}.hero{padding:18px}.page-head h1{font-size:24px}.item-scroll{overflow:auto}.item-head,.item-row{min-width:860px}.savebar{position:static}.desktop-only{display:none}.mobile-card-list{display:block}.table.mobile-hide{display:none}.top-new,.logout{padding:10px 12px}.total-line{grid-template-columns:1fr}.admin-cost-grid{grid-template-columns:1fr}.card{padding:18px}}


/* V367.2 clean compact billing polish - no old patch owners */
.fast-add-grid{display:grid;grid-template-columns:minmax(320px,1fr) 140px auto;gap:14px;align-items:end}
.fast-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.fast-actions button{white-space:nowrap}
.fast-item,.fast-qty{min-width:0}.instant-hero{max-width:1120px;margin-left:auto;margin-right:auto;padding:22px 28px}.instant-clean{max-width:1320px;margin:0 auto}.instant-clean .totalbox{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:14px}.instant-clean .total-line{display:block;border-bottom:0;border-right:1px dashed #d6e0ec;padding:10px 16px}.instant-clean .total-line:last-child{border-right:0}.instant-clean .total-line input{margin-top:8px}.instant-clean .savebar{position:static;margin-top:12px}.billing-shell>.savebar{position:sticky;bottom:14px}.menu-btn.coming{opacity:.58;cursor:not-allowed}
@media(max-width:1000px){.fast-add-grid{grid-template-columns:1fr}.fast-actions{display:grid;grid-template-columns:1fr 1fr}.instant-clean .totalbox{grid-template-columns:1fr}.instant-clean .total-line{border-right:0;border-bottom:1px dashed #d6e0ec}.instant-hero{max-width:100%;padding:18px}.billing-shell>.savebar{position:static}.fast-actions button{white-space:normal}}
@media(max-width:560px){.fast-actions{grid-template-columns:1fr}.savebar button{width:100%}.page-head h1{font-size:22px}.content{padding:12px}.card{padding:14px}.hero{align-items:flex-start}.item-head,.item-row{min-width:780px}}

/* V367.3 restored module polish */
.card-lite{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(6,23,43,.06)}
.pay-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.savebar.inline{position:static;box-shadow:none;margin:12px 0;background:#f8fafc}.btnlink{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gold);color:#081220;text-decoration:none;font-weight:900;padding:10px 14px;box-shadow:0 10px 22px rgba(0,0,0,.08)}
.fast-box{padding:14px}.fast-box h2{margin:0 0 12px}.instant-clean .adminbar{margin-top:10px}.instant-clean .item-scroll{margin-top:8px}.instant-clean .savebar{justify-content:flex-start}.instant-clean .savebar button{min-width:135px}.ledger-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.table td small{color:var(--muted);font-weight:800}.form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1000px){.pay-layout{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.instant-clean .savebar button{min-width:0}.btnlink{width:100%}}

/* V367.5 core workflow PRO polish - no old patch owners */
.pro-filterbar{display:grid;grid-template-columns:minmax(260px,1fr) 170px 170px 170px auto auto;gap:12px;align-items:end;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px;margin:14px 0}
.register-list{display:grid;gap:14px}.register-list.compact{gap:10px}.register-card.pro,.register-card.mini{box-shadow:0 12px 32px rgba(6,23,43,.06);border-color:#d5e2f0}.reg-main{display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:14px;align-items:center}.doc-no{font-size:18px;color:#06172b}.register-card small,.reg-main small{display:block;color:var(--muted);font-weight:800;margin-top:4px}.reg-money{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0;padding:12px;background:#f8fafc;border-radius:14px;border:1px solid #e7eef7}.reg-money span{font-size:13px;color:var(--muted);font-weight:850}.reg-money b{display:block;color:#06172b;font-size:18px;margin-top:2px}.reg-actions{border-top:1px solid #edf1f6;padding-top:12px}.pay-form .pro-filterbar{grid-template-columns:1fr auto auto;margin-top:0}.card-lite h2{margin-top:0}.instant-clean .fast-box{border-color:#d9b84f;background:#fffdf4}.instant-clean .adminbar{border-left:5px solid var(--gold)}.billing-shell .savebar button,.instant-clean .savebar button{min-width:150px}.modal-card .table{min-width:700px}
@media(max-width:1000px){.pro-filterbar{grid-template-columns:1fr 1fr}.pay-form .pro-filterbar{grid-template-columns:1fr}.reg-main{grid-template-columns:1fr}.reg-money{display:grid;grid-template-columns:1fr 1fr}.reg-actions button{flex:1 1 42%}.billing-shell .savebar button,.instant-clean .savebar button{min-width:0}}
@media(max-width:560px){.pro-filterbar{grid-template-columns:1fr}.reg-money{grid-template-columns:1fr}.reg-actions button{flex:1 1 100%}}

/* V367.6 Settings PRO - branding, terms and user management only */
.brand-preview-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px 18px;margin:14px 0;box-shadow:0 12px 32px rgba(6,23,43,.06)}
.brand-preview-left{display:flex;gap:16px;align-items:center}.brand-preview-left img{width:92px;height:68px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:#fff;padding:6px}.brand-preview-left h2{margin:0 0 4px;color:var(--navy)}.brand-preview-left p{margin:3px 0;color:var(--muted);font-weight:800}.brand-preview-badge{background:var(--navy);color:#fff;border-radius:14px;border-bottom:4px solid var(--gold);font-weight:950;text-align:center;padding:18px 28px;min-width:170px}.branding-grid{align-items:start}.form-row.two{grid-template-columns:1fr 1fr}.form-row.three{grid-template-columns:repeat(3,1fr)}.form-row.four{grid-template-columns:repeat(4,1fr)}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.check-grid label{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:10px;font-weight:850}.asset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.asset-preview{border:1px solid var(--line);border-radius:14px;background:#f8fafc;padding:10px;min-height:126px}.asset-preview b{display:block;margin-bottom:7px}.asset-preview img{display:block;width:100%;height:68px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid #e6edf6}.asset-preview small{display:block;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px}.empty.small{padding:20px 8px;font-size:12px;text-align:center}.settings-savebar{border-left:5px solid var(--gold);justify-content:flex-start}.perm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.perm-grid label{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px;font-weight:850;font-size:13px}
@media(max-width:1000px){.brand-preview-panel,.brand-preview-left{align-items:flex-start;flex-direction:column}.brand-preview-badge{width:100%}.form-row.two,.form-row.three,.form-row.four{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr 1fr}.perm-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.asset-grid,.check-grid,.perm-grid{grid-template-columns:1fr}.brand-preview-left img{width:82px;height:60px}}

/* V367.7 USER MANAGEMENT PRO */
.user-pro-grid{display:grid;grid-template-columns:2fr .9fr;gap:18px;align-items:start;margin:14px 0 18px}
.user-form-card,.user-help-card{border:1px solid #e5e7eb;background:#fff;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.user-help-card{position:sticky;top:78px}
.clean-list{margin:0;padding-left:18px;line-height:1.8;color:#334155}
.hint.mini{margin-top:14px;padding:12px;font-size:13px}
.input-action{display:flex;gap:8px;align-items:center}.input-action input{flex:1}.input-action button{white-space:nowrap;padding:10px 12px}
.perm-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 12px}.perm-toolbar select{max-width:260px}
.perm-grid.pro{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:12px}.perm-card{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#f8fafc}.perm-card h3{margin:0 0 8px;font-size:14px;color:#0f172a}.perm-card label{display:block;margin:7px 0;font-size:13px;color:#334155}.perm-card input{margin-right:7px}.admin-lock{opacity:.75}.admin-lock:before{content:'Admin role selected: full access enabled automatically';display:block;margin:0 0 10px;padding:9px 11px;border-radius:12px;background:#ecfdf5;color:#065f46;font-weight:700}
.user-stats{margin:12px 0 16px}.user-table td small{display:block;color:#64748b;margin-top:4px}.user-actions{gap:6px;flex-wrap:wrap}.user-actions button{padding:8px 10px;font-size:12px}.user-table-wrap{max-height:680px;overflow:auto}.register-toolbar{display:grid;grid-template-columns:1.5fr .6fr auto;gap:12px;align-items:end;margin-bottom:12px}.settings-savebar{position:sticky;bottom:10px;z-index:8;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-radius:14px;padding:10px;margin-top:14px}
@media(max-width:1000px){.user-pro-grid{grid-template-columns:1fr}.user-help-card{position:relative;top:auto}.perm-grid.pro{grid-template-columns:1fr}.register-toolbar{grid-template-columns:1fr}.user-table{min-width:980px}.perm-toolbar select{max-width:100%}}

/* V367.8 PURCHASE & VENDORS PRO - clean module only */
.purchase-pro-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,.9fr);gap:18px;align-items:start}.purchase-form-card{border-left:5px solid var(--gold)}.purchase-fast{margin:14px 0;background:#fffdf4;border-color:#f3d46b}.purchase-items{margin:14px 0}.purchase-bottom{align-items:start}.purchase-bottom textarea{min-height:150px}.purchase-head,.purchase-row{grid-template-columns:70px minmax(280px,1fr) 110px 110px 140px 140px 80px}.vendor-card{border-left:5px solid var(--gold)}.register-list.compact .register-card{margin-bottom:0}.register-toolbar{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px}.purchase-form-card .savebar.inline,.card-lite .savebar.inline{position:static}.purchase-form-card .totalbox{background:#f8fafc}.purchase-form-card .total-line b#purStatus{font-size:18px;color:var(--navy)}.po-row{grid-template-columns:70px minmax(280px,1fr) 110px 110px 140px 140px 80px}.po-row input,.po-row select,.purchase-row input,.purchase-row select{min-width:0}.register-card.pro .actions button{white-space:nowrap}.vendor-card .reg-money b{color:#06172b}
@media(max-width:1200px){.purchase-pro-grid{grid-template-columns:1fr}.purchase-head,.purchase-row,.po-row{min-width:860px}.register-toolbar{grid-template-columns:1fr!important}}
@media(max-width:560px){.purchase-pro-grid{gap:12px}.purchase-form-card,.card-lite{padding:13px}.purchase-head,.purchase-row,.po-row{min-width:800px}.register-card.pro .actions button{width:100%}}
/* V367.9 STOCK PRO - clean module only */
.stock-filter{grid-template-columns:minmax(280px,1fr) 180px auto auto auto}
.stock-card{border-left:5px solid var(--gold)}
.stock-card .doc-no{font-size:19px}
.stock-card-list .register-card{margin-bottom:0}
.template-grid .register-card{min-height:170px;display:flex;flex-direction:column;justify-content:space-between}
.template-grid .register-card b{font-size:18px;color:#06172b}
.template-grid .register-card small{display:block;color:var(--muted);font-weight:850;margin-top:6px}
.card-lite{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 12px 32px rgba(6,23,43,.04)}
.card-lite .register-list{margin-top:8px}
@media(max-width:1000px){.stock-filter{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}.stock-card .reg-money{grid-template-columns:1fr}}

/* V367.10 Reports & Export PRO */
.report-filter{align-items:end;margin-bottom:16px}
.report-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.report-tabs button{background:#f8fafc;color:#0f172a;border:1px solid #cbd5e1;border-radius:999px;padding:9px 14px;font-weight:800}
.report-tabs button.active{background:#06172b;color:#fff;border-color:#06172b;box-shadow:0 8px 22px rgba(2,6,23,.14)}
.reports-stats{margin-bottom:10px}
.pro-report-table th{text-transform:capitalize;white-space:nowrap}
.pro-report-table td{vertical-align:top}
.report-export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:10px}
.report-export-grid.big{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.report-export-grid button{width:100%;min-height:42px}
@media(max-width:760px){.report-filter,.pro-filterbar.small{grid-template-columns:1fr!important}.report-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.report-tabs button{white-space:nowrap}.reports-stats{grid-template-columns:1fr 1fr!important}.report-export-grid{grid-template-columns:1fr!important}}


/* V367.11 Business Separation + Terms/WhatsApp/PDF Text PRO */
.business-separation-panel{border:1px solid rgba(212,175,55,.45);background:linear-gradient(180deg,#fff,#fffaf0)}
.sep-card{border:1px solid rgba(2,22,50,.12);box-shadow:0 14px 34px rgba(2,22,50,.08);margin:14px 0}
.mini-note{font-size:12px;color:#526070;margin:8px 0 0;line-height:1.45}
.preview-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px;margin-top:12px}
.preview-box pre{white-space:pre-wrap;font-family:inherit;margin:0;color:#0f172a}
.ai-action-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}
.ai-action-card{background:#fff;border:1px solid #d8e0ea;border-left:5px solid #d4af37;border-radius:14px;padding:16px;box-shadow:0 12px 28px rgba(2,22,50,.06)}
.ai-action-card span{display:inline-block;background:#06172b;color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;letter-spacing:.04em}
.ai-action-card h3{margin:12px 0 6px;font-size:18px;color:#06172b}.ai-action-card p{margin:0;color:#475569;line-height:1.45}
.settings-savebar{position:sticky;bottom:10px;z-index:8;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid #dbe5f0;border-radius:14px;padding:12px;box-shadow:0 14px 34px rgba(2,22,50,.12)}

/* V367.12 AI BUSINESS BRAIN PAGE VIEW PRO - only AI page */
.ai-pro-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#06172b,#0b2742);color:#fff;border-radius:20px;padding:24px;margin:16px 0 18px;border-bottom:5px solid var(--gold);box-shadow:0 18px 44px rgba(6,23,43,.18)}
.ai-pro-hero h2{margin:6px 0 8px;font-size:28px}.ai-pro-hero p{margin:0;color:#dbeafe;font-weight:750;line-height:1.45}.ai-kicker{display:inline-block;background:rgba(217,184,79,.16);border:1px solid rgba(217,184,79,.6);color:#ffe58d;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:950;letter-spacing:.08em}.ai-hero-score{min-width:180px;background:#fff;color:#06172b;border-radius:18px;padding:18px;text-align:center}.ai-hero-score span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.ai-hero-score b{display:block;margin-top:8px;font-size:30px;color:#991b1b}.ai-score-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:14px 0 18px}.ai-pro-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(340px,.9fr);gap:18px;align-items:start}.ai-main-panel,.ai-side-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 14px 34px rgba(6,23,43,.07)}.ai-main-panel h2,.ai-side-panel h2{margin:0 0 12px;color:#06172b}.ai-plan-list{display:grid;gap:12px;margin-bottom:20px}.ai-plan-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #dbe5f0;border-left:6px solid var(--gold);border-radius:16px;padding:16px;background:#fff}.ai-plan-card span{display:inline-block;background:#06172b;color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:950}.ai-plan-card h3{margin:8px 0 5px;font-size:18px}.ai-plan-card p{margin:0;color:#475569;line-height:1.45}.ai-plan-card.high{border-left-color:#ef4444;background:#fff7f7}.ai-plan-card.today{border-left-color:#f59e0b;background:#fffbeb}.ai-plan-card.stock{border-left-color:#0ea5e9;background:#f0f9ff}.ai-plan-card.setup{border-left-color:#8b5cf6;background:#f5f3ff}.ai-plan-card.ok{border-left-color:#22c55e;background:#f0fdf4}.ai-plan-side{min-width:150px;text-align:right}.ai-plan-side b{display:block;font-size:20px;margin-bottom:10px;color:#06172b}.ai-plan-side button{padding:10px 12px}.ai-mini-list{display:grid;gap:8px;margin-bottom:20px}.ai-mini-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) 110px 95px;gap:10px;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:10px 12px}.ai-mini-row span{color:#64748b;font-weight:750}.ai-mini-row strong{text-align:right;color:#06172b}.ai-mini-row button{padding:8px 10px;background:#0f9f5f;color:#fff}.ai-health{border-radius:14px;padding:12px 13px;margin-bottom:10px;border:1px solid #dbe5f0}.ai-health b{display:block;margin-bottom:5px}.ai-health p{margin:0;color:#475569;font-weight:750}.ai-health.ok{background:#ecfdf5;border-color:#bbf7d0}.ai-health.bad{background:#fff7ed;border-color:#fed7aa}.ai-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.ai-quick-grid button{width:100%;background:#f8fafc;color:#06172b;border:1px solid #dbe5f0;box-shadow:none}.empty.compact{padding:14px;font-size:14px}
@media(max-width:1200px){.ai-score-grid{grid-template-columns:repeat(3,1fr)}.ai-pro-layout{grid-template-columns:1fr}.ai-side-panel{order:-1}}
@media(max-width:760px){.ai-pro-hero{flex-direction:column;align-items:flex-start}.ai-hero-score{width:100%}.ai-score-grid{grid-template-columns:1fr 1fr}.ai-mini-row{grid-template-columns:1fr}.ai-mini-row strong{text-align:left}.ai-quick-grid{grid-template-columns:1fr}.ai-plan-card{flex-direction:column;align-items:flex-start}.ai-plan-side{text-align:left;width:100%}.ai-plan-side button{width:100%}}

/* V367.16 Invoice / Bill Register PRO small patch - separate production action, no billing engine change */
.invoice-pro-list{gap:16px}.invoice-pro-card{padding:16px;border-left:5px solid var(--gold);background:linear-gradient(180deg,#fff,#fbfdff)}.invoice-pro-top{display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:14px;align-items:center}.invoice-pro-money{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.invoice-pro-money span{background:#f8fafc;border:1px solid #e7eef7;border-radius:14px;padding:12px;color:var(--muted);font-weight:850}.invoice-pro-money b{display:block;color:#06172b;font-size:19px;margin-top:3px}.invoice-pro-money .due{background:#fff1f2;border-color:#fecdd3}.invoice-pro-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #edf1f6;padding-top:14px}.invoice-pro-actions button{padding:10px 13px;border-radius:10px;white-space:nowrap}.invoice-pro-actions .btn-red{margin-left:auto}@media(max-width:1000px){.invoice-pro-top{grid-template-columns:1fr}.invoice-pro-money{grid-template-columns:1fr}.invoice-pro-actions button{flex:1 1 42%}.invoice-pro-actions .btn-red{margin-left:0}}@media(max-width:560px){.invoice-pro-actions button{flex:1 1 100%}}


/* V367.17 Invoice Register Separation + Safety */
.invoice-tabs{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px;margin:16px 0}
.invoice-tabs button{box-shadow:none;border:1px solid var(--line);background:#fff;color:#06172b}
.invoice-tabs button.active{background:var(--navy);color:#fff;border-color:var(--gold)}
.invoice-locked{border-left-color:#64748b!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}
.invoice-safety-note{font-weight:850;font-size:13px;border:1px dashed #cbd7e7;border-radius:12px;background:#f8fafc;padding:10px;margin:8px 0;color:#334155}
.invoice-locked .invoice-safety-note{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.invoice-pro-actions button:disabled{background:#e5e7eb!important;color:#64748b!important;box-shadow:none!important}
@media(max-width:700px){.invoice-tabs button{width:100%}.invoice-safety-note{font-size:12px}}

/* V367.18 Quotation Follow-up Register CRM PRO - quotation module only */
.quote-toolbar{grid-template-columns:minmax(260px,1fr) 220px auto;align-items:end;margin:16px 0}
.quote-tabs{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px;margin:16px 0}
.quote-tabs button{box-shadow:none;border:1px solid var(--line);background:#fff;color:#06172b;display:flex;gap:8px;align-items:center}
.quote-tabs button.active{background:var(--navy);color:#fff;border-color:var(--gold)}
.quote-tabs button b{background:rgba(217,184,79,.16);border-radius:999px;padding:2px 8px}
.quote-card-list{display:grid;gap:14px}
.quote-pro-card{border-left:5px solid var(--gold);background:linear-gradient(180deg,#fff,#fbfdff)}
.quote-pro-card.quote-overdue{border-left-color:#e11d48;background:linear-gradient(180deg,#fff,#fff7f7)}
.quote-pro-top{display:grid;grid-template-columns:1.2fr 1.2fr auto;gap:14px;align-items:center}
.quote-pro-top .doc-no{display:block;font-size:20px;color:#06172b;margin-bottom:6px}.quote-pro-top small{display:block;color:var(--muted);font-weight:850;margin-top:5px}
.quote-meta-grid{display:grid;grid-template-columns:210px 1fr 170px;gap:10px;margin:13px 0}
.quote-meta-grid div{background:#f8fafc;border:1px solid #e7eef7;border-radius:14px;padding:11px}.quote-meta-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900}.quote-meta-grid b{display:block;color:#06172b;margin-top:4px;white-space:normal;word-break:break-word}
.quote-actions{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #edf1f6;padding-top:13px}.quote-actions button{padding:10px 12px;border-radius:10px;white-space:nowrap}.quote-actions .btn-red:last-child{margin-left:auto}
.quote-stats{margin-bottom:4px}
@media(max-width:1000px){.quote-toolbar{grid-template-columns:1fr}.quote-pro-top,.quote-meta-grid{grid-template-columns:1fr}.quote-actions button{flex:1 1 42%}.quote-actions .btn-red:last-child{margin-left:0}}
@media(max-width:560px){.quote-actions button{flex:1 1 100%}.quote-tabs button{width:100%;justify-content:space-between}}


/* V367.19 Customer Pages PRO - customer module only */
.card-lite{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 0}.form-row{display:grid;gap:14px;margin:10px 0}.form-row.two{grid-template-columns:1fr 1fr}.form-row.three{grid-template-columns:repeat(3,1fr)}.form-row.four{grid-template-columns:repeat(4,1fr)}.savebar.inline{position:static;box-shadow:none;margin-top:12px}.customer-stats{margin-bottom:16px}.customer-form-card{background:linear-gradient(180deg,#fff,#fbfdff);border-left:5px solid var(--gold)}.customer-filterbar{display:grid;grid-template-columns:minmax(260px,1fr) 240px auto;gap:14px;align-items:end;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px;margin:16px 0}.customer-card-list{display:grid;gap:14px}.customer-pro-card{border-left:5px solid var(--gold);background:linear-gradient(180deg,#fff,#fbfdff)}.customer-pro-top{display:grid;grid-template-columns:1fr minmax(520px,1.5fr) auto;gap:16px;align-items:center}.customer-name{font-size:20px;color:#06172b}.customer-pro-top small{display:block;color:var(--muted);font-weight:800;margin-top:5px}.customer-pro-money{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.customer-pro-money span{background:#f8fafc;border:1px solid #e7eef7;border-radius:12px;padding:10px;color:var(--muted);font-weight:850;font-size:12px}.customer-pro-money b{display:block;color:#06172b;font-size:16px;margin-top:4px}.customer-pro-money .due{background:#fff1f2;border-color:#fecdd3}.customer-actions{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #edf1f6;padding-top:13px;margin-top:13px}.customer-actions button{padding:10px 12px;border-radius:10px}.ledger-top-panel{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px;margin:14px 0}.customer-ledger-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#06172b;color:#fff;border-radius:18px;padding:20px;margin:16px 0}.customer-ledger-hero h2{margin:0 0 6px}.customer-ledger-hero p{margin:0;color:#dbeafe}.timeline-list{display:grid;gap:10px;margin-top:12px}.timeline-row{display:grid;grid-template-columns:120px 1fr 1fr 120px;gap:10px;align-items:center;border:1px solid #dbe5f0;border-left:5px solid var(--gold);border-radius:14px;background:#fff;padding:12px}.timeline-row.payment{border-left-color:#16a34a;background:#f0fdf4}.timeline-row.quotation{border-left-color:#f59e0b;background:#fffbeb}.timeline-row span,.timeline-row em{color:#64748b;font-weight:800;font-style:normal}.timeline-row strong{text-align:right;color:#06172b}.btnlink{display:inline-block;border-radius:10px;background:#eef4fb;color:#0b2742;border:1px solid var(--line);padding:10px 12px;text-decoration:none;font-weight:850}
@media(max-width:1200px){.customer-pro-top{grid-template-columns:1fr}.customer-pro-money{grid-template-columns:repeat(3,1fr)}.customer-filterbar{grid-template-columns:1fr}.form-row.four{grid-template-columns:1fr 1fr}.timeline-row{grid-template-columns:1fr 1fr}.customer-ledger-hero{flex-direction:column;align-items:flex-start}.customer-ledger-hero .actions{width:100%}.customer-ledger-hero .actions button{flex:1 1 45%}}
@media(max-width:700px){.customer-pro-money{grid-template-columns:1fr 1fr}.form-row.two,.form-row.three,.form-row.four{grid-template-columns:1fr}.customer-actions button{flex:1 1 100%}.timeline-row{grid-template-columns:1fr}.timeline-row strong{text-align:left}.customer-ledger-hero .actions button{flex:1 1 100%}}


/* V367.20 Reports & Export PRO Redesign - reports module only */
.reports-pro-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,620px);gap:18px;align-items:end;background:#06172b;color:#fff;border-radius:20px;padding:22px;margin:10px 0 18px;border-bottom:5px solid var(--gold);box-shadow:0 18px 44px rgba(6,23,43,.16)}
.reports-pro-top span{display:inline-block;color:#ffe58d;border:1px solid rgba(217,184,79,.55);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;letter-spacing:.07em}.reports-pro-top h2{margin:9px 0 6px;font-size:28px}.reports-pro-top p{margin:0;color:#dbeafe;font-weight:750}.reports-pro-range{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:end;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px}.reports-pro-range label{color:#e5e7eb}.reports-pro-range input{background:#fff}.reports-command{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:#fff8df;border:1px solid #f3d46b;border-radius:16px;padding:12px 14px;margin-bottom:14px;font-weight:850;color:#5f3b00}.reports-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.report-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(6,23,43,.06);border-left:5px solid #cbd5e1}.report-card span{display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.report-card b{display:block;margin-top:7px;font-size:24px;color:#06172b}.report-card small{display:block;margin-top:4px;color:#64748b;font-weight:800}.report-card.good{border-left-color:#22c55e;background:#f7fff9}.report-card.warn{border-left-color:#f59e0b;background:#fffbeb}.report-card.dangerish{border-left-color:#ef4444;background:#fff7f7}.reports-clean-tabs{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px;margin:16px 0}.reports-clean-tabs button{box-shadow:none;background:#fff;border:1px solid var(--line);display:inline-flex;gap:8px;align-items:center}.reports-clean-tabs button.active{background:var(--navy);color:#fff;border-color:var(--gold)}.reports-clean-tabs button b{background:rgba(217,184,79,.18);border-radius:999px;padding:2px 7px;font-size:11px}.reports-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.report-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(6,23,43,.06);margin-bottom:16px}.report-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;border-bottom:1px solid #edf1f6;padding-bottom:10px}.report-panel-head h2{margin:0;color:#06172b}.report-panel-head button{padding:9px 12px;background:#eef4fb;color:#06172b;border:1px solid var(--line);box-shadow:none}.report-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:end;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px}.report-table-wrap{border-radius:14px}.pro-report-table th{font-size:12px;letter-spacing:.03em}.pro-report-table td{font-size:13px}.report-save{position:static!important;box-shadow:none!important;margin-top:12px}.empty.compact{padding:14px;font-size:13px}@media(max-width:1100px){.reports-pro-top,.reports-layout{grid-template-columns:1fr}.reports-kpi-grid{grid-template-columns:repeat(2,1fr)}.reports-pro-range{grid-template-columns:1fr 1fr}}@media(max-width:720px){.reports-pro-range,.report-toolbar,.reports-command{grid-template-columns:1fr}.reports-kpi-grid{grid-template-columns:1fr}.reports-clean-tabs button{width:100%;justify-content:space-between}.reports-pro-top h2{font-size:23px}}


/* V367.20.1 Reports Compact Overview - reports module only */
.compact-overview .report-panel{margin-bottom:12px;padding:14px}.compact-overview .report-panel-head{margin-bottom:8px;padding-bottom:8px}.compact-overview .report-panel-head h2{font-size:18px}.compact-owner-panel,.compact-vendor-panel{overflow:visible!important}.report-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-action-card{border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:11px;min-height:0}.report-action-card span{display:block;font-size:11px;font-weight:950;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.report-action-card b{display:block;margin-top:4px;color:#06172b;font-size:14px}.report-action-card small{display:block;margin-top:3px;color:#64748b;font-weight:850}.report-action-card strong{display:block;margin-top:6px;color:#0f172a;font-size:16px}.compact-total-strip{display:flex;justify-content:space-between;align-items:center;border:1px solid #f3d46b;background:#fff8df;border-radius:13px;padding:10px 12px;margin-bottom:10px;font-weight:900}.compact-total-strip span{color:#5f3b00}.compact-total-strip b{font-size:18px;color:#06172b}.report-vendor-list{display:grid;gap:8px;max-height:none!important;overflow:visible!important}.report-vendor-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:13px;background:#fff;padding:10px}.report-vendor-row b{display:block;color:#06172b}.report-vendor-row small{display:block;color:#64748b;font-weight:800;margin-top:3px}.report-vendor-row strong{color:#b45309;font-size:15px}.compact-panel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.compact-panel-actions button{flex:1 1 140px;background:#eef4fb;color:#06172b;border:1px solid var(--line);box-shadow:none}.compact-overview .report-table-wrap{max-height:260px;overflow:auto}.compact-overview .pro-report-table td,.compact-overview .pro-report-table th{font-size:12px;padding:7px 8px}@media(max-width:720px){.report-action-grid{grid-template-columns:1fr}.report-vendor-row{grid-template-columns:1fr}.report-vendor-row strong{text-align:left}.compact-overview .report-table-wrap{max-height:none;overflow:visible}}


/* V367.21 Production Jobs PRO - production module only */
.production-stats{margin-bottom:16px}.prod-command{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#06172b;color:#fff;border-radius:20px;padding:22px;margin:12px 0 16px;border-bottom:5px solid var(--gold);box-shadow:0 18px 44px rgba(6,23,43,.16)}.prod-command span{display:inline-block;color:#ffe58d;border:1px solid rgba(217,184,79,.55);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;letter-spacing:.07em}.prod-command h2{margin:9px 0 5px}.prod-command p{margin:0;color:#dbeafe;font-weight:780}.prod-actions{display:flex;gap:10px;flex-wrap:wrap}.prod-filterbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px;margin:16px 0}.prod-tabs button{display:inline-flex;gap:8px;align-items:center}.prod-tabs button b{background:rgba(217,184,79,.18);border-radius:999px;padding:2px 7px;font-size:11px}.prod-board{display:grid;gap:14px}.prod-card{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(6,23,43,.06)}.prod-card.overdue{border-left-color:#ef4444;background:#fff7f7}.prod-card.ready{border-left-color:#22c55e;background:#f7fff9}.prod-card.delivered,.prod-card.completed{border-left-color:#64748b;background:#f8fafc}.prod-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #edf1f6;padding-bottom:10px}.prod-top b{font-size:19px;color:#06172b}.prod-top small{display:block;color:#64748b;font-weight:850;margin-top:4px}.prod-work h3{margin:12px 0 6px}.prod-work p{margin:0;color:#64748b;font-weight:750}.prod-meta,.prod-money{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.prod-money{grid-template-columns:repeat(5,1fr)}.prod-meta span,.prod-money span{border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;padding:10px}.prod-meta small,.prod-money small{display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.03em}.prod-meta b,.prod-money b{display:block;color:#06172b;margin-top:4px}.prod-money .good{background:#f0fdf4;border-color:#bbf7d0}.prod-money .danger,.prod-meta .danger{background:#fff1f2;border-color:#fecdd3}.row-actions{border-top:1px solid #edf1f6;margin-top:13px;padding-top:13px}.row-actions button{padding:9px 11px}.modal .form-row.four{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.prod-command,.prod-filterbar{grid-template-columns:1fr}.prod-meta{grid-template-columns:1fr 1fr}.prod-money{grid-template-columns:1fr 1fr}.prod-actions button,.row-actions button{flex:1 1 42%}.modal .form-row.four{grid-template-columns:1fr 1fr}}@media(max-width:620px){.prod-meta,.prod-money,.modal .form-row.four{grid-template-columns:1fr}.prod-top{display:block}.prod-top .badge{margin-top:8px}.prod-actions button,.row-actions button{flex:1 1 100%}}


/* V367.22 Dashboard Owner Overview PRO - dashboard module only */
.owner-dash-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:center;background:#06172b;color:#fff;border-radius:22px;padding:22px;margin:12px 0 18px;border-bottom:5px solid var(--gold);box-shadow:0 18px 44px rgba(6,23,43,.16)}
.owner-dash-hero span{display:inline-block;color:#ffe58d;border:1px solid rgba(217,184,79,.55);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;letter-spacing:.07em}.owner-dash-hero h2{margin:9px 0 6px;font-size:28px}.owner-dash-hero p{margin:0;color:#dbeafe;font-weight:750}.owner-priority{background:#fff;color:#06172b;border-radius:18px;padding:16px;border-left:6px solid #94a3b8;box-shadow:0 10px 26px rgba(0,0,0,.16)}.owner-priority small{display:block;color:#64748b;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.owner-priority b{display:block;margin:6px 0 12px;font-size:20px}.owner-priority button{width:100%;background:#06172b}.owner-priority.good{border-left-color:#22c55e}.owner-priority.warn{border-left-color:#f59e0b}.owner-priority.dangerish{border-left-color:#ef4444}.owner-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.owner-kpi{background:#fff;border:1px solid var(--line);border-left:5px solid #cbd5e1;border-radius:17px;padding:14px;box-shadow:0 10px 24px rgba(6,23,43,.055);min-height:92px}.owner-kpi span{display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.035em}.owner-kpi b{display:block;margin-top:7px;color:#06172b;font-size:22px}.owner-kpi small{display:block;margin-top:4px;color:#64748b;font-weight:800}.owner-kpi.good{border-left-color:#22c55e;background:#f7fff9}.owner-kpi.warn{border-left-color:#f59e0b;background:#fffbeb}.owner-kpi.dangerish{border-left-color:#ef4444;background:#fff7f7}.owner-action-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}.owner-action{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:17px;padding:13px;box-shadow:0 10px 24px rgba(6,23,43,.055)}.owner-action strong{display:inline-block;font-size:11px;background:#eef4fb;color:#06172b;border-radius:999px;padding:4px 8px;margin-bottom:7px}.owner-action b{display:block;color:#06172b;font-size:15px}.owner-action span{display:block;color:#64748b;font-weight:750;margin:5px 0 10px;font-size:13px}.owner-action button{width:100%;padding:9px 10px}.owner-action.good{border-left-color:#22c55e}.owner-action.warn{border-left-color:#f59e0b}.owner-action.dangerish{border-left-color:#ef4444}.owner-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.owner-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:0 10px 26px rgba(6,23,43,.055)}.owner-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #edf1f6;padding-bottom:10px;margin-bottom:10px}.owner-panel-head h2{font-size:18px;margin:0;color:#06172b}.owner-panel-head button{background:#eef4fb;color:#06172b;border:1px solid var(--line);box-shadow:none;padding:8px 11px}.owner-list{display:grid;gap:8px}.owner-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(130px,1fr) auto;gap:10px;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;border-radius:13px;padding:10px}.owner-row b{color:#06172b}.owner-row span{color:#64748b;font-weight:800;font-size:13px}.owner-row strong{color:#0f172a}.owner-row.overdue{background:#fff1f2;border-color:#fecdd3}.owner-row.overdue strong{color:#b91c1c}.owner-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.owner-quick-grid button{background:#06172b}.empty.compact{padding:14px;font-size:13px;border-radius:13px}
@media(max-width:1200px){.owner-kpi-grid{grid-template-columns:repeat(3,1fr)}.owner-action-strip{grid-template-columns:1fr 1fr}.owner-dash-hero{grid-template-columns:1fr}.owner-board-grid{grid-template-columns:1fr}}
@media(max-width:760px){.owner-kpi-grid,.owner-action-strip,.owner-board-grid{grid-template-columns:1fr}.owner-dash-hero h2{font-size:23px}.owner-row{grid-template-columns:1fr}.owner-row strong{text-align:left}.owner-quick-grid{grid-template-columns:1fr}}

/* V367.22.1 - Dashboard Quick Actions label visibility fix only */
.owner-quick-grid button{
  color:#ffffff !important;
  background:#06172b !important;
  border:1px solid rgba(217,184,79,.35) !important;
  box-shadow:0 10px 22px rgba(6,23,43,.10) !important;
}
.owner-quick-grid button:hover{
  background:#0d3154 !important;
  color:#ffffff !important;
}
.owner-priority button{
  color:#ffffff !important;
}

/* V367.24 Stock Clarity PRO - stock module only */
.stock-help-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 16px}
.stock-help-strip div{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:14px;padding:12px 14px;box-shadow:0 10px 22px rgba(6,23,43,.04)}
.stock-help-strip b{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}.stock-help-strip span{display:block;color:var(--muted);font-weight:800;font-size:12px;line-height:1.35}
.stock-summary-cards{margin:12px 0 16px}.stock-card-list.clarity{display:grid;gap:12px}.stock-reg-main{grid-template-columns:1.5fr .55fr auto}.stock-big span{display:block;color:var(--muted);font-weight:850;font-size:12px}.stock-big b{font-size:22px;color:var(--navy)}
.stock-meter{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.stock-meter div{background:#f8fafc;border:1px solid #e6edf6;border-radius:12px;padding:10px}.stock-meter span{display:block;color:var(--muted);font-size:12px;font-weight:850}.stock-meter b{display:block;font-size:17px;color:#06172b;margin-top:4px}.stock-card.stock-low{background:#fffdf3;border-color:#f3d46b}.stock-card.stock-out{background:#fff5f5;border-color:#fecdd3}
.stock-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0 18px}.flow-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(6,23,43,.05)}.flow-card span{display:block;color:var(--muted);font-size:12px;font-weight:900}.flow-card b{display:block;font-size:28px;margin:5px 0;color:var(--navy)}.flow-card small{color:var(--muted);font-weight:800}.flow-card.in{border-left:5px solid #16a34a}.flow-card.out{border-left:5px solid #dc2626}.stock-adjust-preview{margin:12px 0;padding:13px 15px;border-radius:14px;background:#06172b;color:#fff;font-weight:950;letter-spacing:.02em}.stock-ledger-table td small{display:block;color:var(--muted);font-weight:800;margin-top:3px}
@media(max-width:1100px){.stock-help-strip,.stock-flow-grid,.stock-meter{grid-template-columns:1fr 1fr}.stock-reg-main{grid-template-columns:1fr}.stock-big b{font-size:20px}}
@media(max-width:560px){.stock-help-strip,.stock-flow-grid,.stock-meter{grid-template-columns:1fr}.stock-card .actions button{width:100%}}

/* V367.38 Business-wise default template clarity */
.template-business-strip{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 16px;padding:10px 12px;border:1px solid #dbe5f0;border-radius:14px;background:#f8fafc;color:#06172b}
.template-business-strip span{background:#fff;border:1px solid #e5edf7;border-radius:999px;padding:7px 10px;font-size:13px}
.template-default-card{border-left:4px solid #0f766e}
.template-default-card .reg-actions{align-items:center}

/* V367.41 Mobile View PRO - UI only: register/quotation/customer/reports/purchase mobile polish */
@media (max-width: 820px){
  html,body{max-width:100%;overflow-x:hidden!important;background:#eef4fb}
  .content{padding:12px 10px 92px!important;max-width:100%!important}
  .card{padding:14px!important;border-radius:18px!important;margin-bottom:14px!important;box-shadow:0 10px 26px rgba(6,23,43,.07)!important}
  .page-head{gap:10px;margin-bottom:12px;align-items:flex-start}.page-head h1{font-size:24px!important;line-height:1.15}.page-line{margin-top:16px}
  .hint{font-size:13px;line-height:1.45;padding:11px 12px;margin:10px 0;border-radius:13px}
  .topbar{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;padding:9px 10px!important;align-items:center}
  .hamb{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:42px;padding:0!important;border-radius:12px!important}
  .brand-mini{gap:8px}.brand-mini img{width:42px!important;height:42px!important;border-radius:12px!important}.brand-mini b{font-size:15px!important;line-height:1.1}.brand-mini small{display:block!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
  .top-new{grid-column:1 / -1;width:100%;padding:11px!important;border-radius:14px!important}.logout{padding:9px 10px!important;border-radius:12px!important}.user-pill,.business-select{display:none!important}
  .sidebar{width:min(88vw,310px)!important;left:-92vw!important;z-index:1000!important;box-shadow:0 24px 70px rgba(0,0,0,.32)}.sidebar.open{left:0!important}.menu-btn{padding:13px 14px!important;border-radius:13px!important;font-size:15px!important}.menu-group{margin-top:16px}
  .grid2,.grid3,.grid4,.reports-stats,.stock-summary-cards,.quote-stats,.owner-kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.stat{padding:13px!important;border-radius:14px}.stat b{font-size:21px!important;margin-top:5px}.stat span{font-size:11px!important}
  .crm-tabs,.report-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:4px 2px 8px!important;margin:10px -2px!important;scroll-snap-type:x proximity}.crm-tabs button,.report-tabs button{white-space:nowrap!important;flex:0 0 auto!important;padding:10px 12px!important;border-radius:999px!important;scroll-snap-align:start;box-shadow:0 6px 16px rgba(6,23,43,.08)}
  .pro-filterbar,.quote-toolbar,.report-filter,.register-toolbar{grid-template-columns:1fr!important;padding:11px!important;gap:9px!important;border-radius:15px!important;margin:10px 0!important}.pro-filterbar button,.quote-toolbar button,.report-filter button{width:100%}

  /* Invoice Register mobile cards */
  .register-list,.quote-card-list{display:grid!important;gap:12px!important}.register-card,.register-card.pro,.register-card.mini,.invoice-pro-card,.quote-pro-card{border-radius:18px!important;padding:13px!important;margin:0!important;box-shadow:0 12px 26px rgba(6,23,43,.07)!important;border-color:#d9e3ef!important;background:#fff!important}
  .invoice-pro-top,.quote-pro-top,.reg-main{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.doc-no{font-size:18px!important;line-height:1.15}.invoice-pro-top small,.quote-pro-top small,.register-card small{font-size:12px!important}
  .invoice-pro-money,.reg-money,.quote-meta-grid,.prod-meta,.prod-money{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:9px!important;margin:10px 0!important}.invoice-pro-money span,.reg-money span,.quote-meta-grid div{background:#f8fafc;border:1px solid #e7eef7;border-radius:12px;padding:9px;font-size:12px}.invoice-pro-money b,.reg-money b{font-size:17px!important}.invoice-safety-note{font-size:12px;line-height:1.4;background:#fffdf4;border:1px solid #f3d46b;border-radius:12px;padding:9px;margin:8px 0}
  .invoice-pro-actions,.quote-actions,.reg-actions,.actions,.row-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;border-top:1px solid #edf1f6;padding-top:10px;margin-top:8px}.invoice-pro-actions button,.quote-actions button,.reg-actions button,.actions button,.row-actions button{width:100%!important;min-width:0!important;padding:11px 9px!important;border-radius:12px!important;font-size:13px!important;white-space:normal!important;line-height:1.2}

  /* Billing / Instant mobile */
  .bill-top{grid-template-columns:1fr!important;gap:10px!important}.fast-box{padding:13px!important}.item-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.item-head,.item-row{min-width:760px!important}.adminbar{font-size:12px;gap:8px;padding:10px}.billing-shell .savebar,.instant-clean .savebar,.savebar{position:sticky!important;bottom:8px!important;z-index:30!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important}.savebar button{width:100%!important;min-width:0!important;padding:11px 9px!important;font-size:13px!important}

  /* Generic tables become readable cards on mobile only */
  .table-wrap{overflow:visible!important;border:0!important;background:transparent!important}.mobile-card-table{min-width:0!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important}.mobile-card-table thead{display:none!important}.mobile-card-table tbody,.mobile-card-table tr,.mobile-card-table td{display:block!important;width:100%!important}.mobile-card-table tr{background:#fff;border:1px solid #dbe5f0;border-radius:16px;margin:0 0 11px;padding:9px;box-shadow:0 8px 20px rgba(6,23,43,.055)}.mobile-card-table td{border:0!important;border-bottom:1px solid #edf1f6!important;padding:9px 8px 9px 46%!important;min-height:38px;position:relative;text-align:right}.mobile-card-table td:last-child{border-bottom:0!important}.mobile-card-table td:before{content:attr(data-label);position:absolute;left:8px;top:9px;width:40%;text-align:left;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.02em}.mobile-card-table td .actions,.mobile-card-table td .row-actions{grid-template-columns:1fr 1fr!important;text-align:left}.modal-card .mobile-card-table td{padding-left:42%!important}

  .modal{padding:8px!important;align-items:flex-start!important}.modal-card{width:100%!important;max-width:100%!important;max-height:94dvh!important;border-radius:18px!important;padding:18px 13px!important;margin-top:8px}.modal-close{right:9px;top:9px}.toast{left:10px!important;right:10px!important;bottom:10px!important;text-align:center}
}
@media (max-width: 520px){
  .grid2,.grid3,.grid4,.reports-stats,.stock-summary-cards,.quote-stats,.owner-kpi-grid{grid-template-columns:1fr!important}.invoice-pro-actions,.quote-actions,.reg-actions,.actions,.row-actions{grid-template-columns:1fr!important}.invoice-pro-money,.reg-money,.quote-meta-grid,.prod-meta,.prod-money{grid-template-columns:1fr!important}.billing-shell .savebar,.instant-clean .savebar,.savebar{grid-template-columns:1fr 1fr!important}.savebar button:last-child:nth-child(odd){grid-column:1 / -1}.mobile-card-table td{padding-left:8px!important;padding-top:31px!important;text-align:left}.mobile-card-table td:before{top:8px;width:auto;right:8px}.brand-mini small{max-width:145px}.content{padding-left:8px!important;padding-right:8px!important}.card{padding-left:12px!important;padding-right:12px!important}}

/* V367.41.1 Mobile No Horizontal Scroll Fix - UI only */
@media (max-width: 820px){
  /* Full billing and instant billing item list must become cards, not horizontal scroll */
  .item-scroll{overflow:visible!important;width:100%!important;max-width:100%!important}
  .item-head{display:none!important}
  .item-row{
    min-width:0!important;width:100%!important;max-width:100%!important;
    display:grid!important;grid-template-columns:44px 1fr!important;
    grid-template-areas:
      "sn desc"
      "qty qty"
      "unit unit"
      "rate rate"
      "total total"
      "del del"!important;
    gap:8px!important;align-items:stretch!important;
    border:1px solid #dbe5f0!important;border-radius:16px!important;
    background:#fff!important;margin:0 0 12px!important;padding:10px!important;
    box-shadow:0 8px 20px rgba(6,23,43,.055)!important;
  }
  .item-row>*{padding:0!important;border:0!important;min-width:0!important;max-width:100%!important;width:100%!important;background:transparent!important;box-shadow:none!important}
  .item-row>*:nth-child(1){grid-area:sn!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f8fafc!important;border:1px solid #e7eef7!important;border-radius:12px!important;font-weight:950!important;color:#06172b!important;min-height:42px!important}
  .item-row>*:nth-child(2){grid-area:desc!important}
  .item-row>*:nth-child(3){grid-area:qty!important}
  .item-row>*:nth-child(4){grid-area:unit!important}
  .item-row>*:nth-child(5){grid-area:rate!important}
  .item-row>*:nth-child(6){grid-area:total!important;background:#f8fafc!important;border:1px solid #e7eef7!important;border-radius:12px!important;padding:12px!important;font-weight:950!important;text-align:left!important;color:#06172b!important;min-height:42px!important}
  .item-row>*:nth-child(7){grid-area:del!important}
  .item-row input,.item-row select,.item-row textarea{
    border:1px solid #cbd7e7!important;border-radius:12px!important;padding:12px!important;width:100%!important;background:#fff!important;box-shadow:none!important;min-height:44px!important;
  }
  .item-row .delete-row,.item-row button.delete-row,.item-row>*:nth-child(7) button{
    width:100%!important;border-radius:12px!important;min-height:44px!important;background:#d9303e!important;color:#fff!important;
  }
  .item-row>*:nth-child(2)::before{content:'Item / Description';display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;margin:0 0 5px;letter-spacing:.02em}
  .item-row>*:nth-child(3)::before{content:'Qty';display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;margin:0 0 5px;letter-spacing:.02em}
  .item-row>*:nth-child(4)::before{content:'Unit';display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;margin:0 0 5px;letter-spacing:.02em}
  .item-row>*:nth-child(5)::before{content:'Rate';display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;margin:0 0 5px;letter-spacing:.02em}
  .item-row>*:nth-child(6)::before{content:'Total';display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;margin:0 0 5px;letter-spacing:.02em}
  .item-row>*:nth-child(7)::before{content:'Delete';display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;margin:0 0 5px;letter-spacing:.02em}

  /* Admin/private profit strip should not push width */
  .adminbar{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:hidden!important}
  .adminbar button{width:100%!important;white-space:normal!important;text-align:center!important}
  .adminbar span,.adminbar b{display:block!important;max-width:100%!important;white-space:normal!important;word-break:break-word!important;line-height:1.35!important}

  /* Fast billing search area no side overflow */
  .fast-box,.billing-shell,.bill-top{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .fast-box .grid,.fast-box .grid2,.fast-box .grid3{grid-template-columns:1fr!important;gap:10px!important}

  /* Prevent table/card pages from creating body horizontal scroll */
  .table,.table-wrap,.mobile-card-table,.register-list,.quote-card-list,.card{max-width:100%!important}
  #content,.content,.main-shell{overflow-x:hidden!important}
}
@media (max-width:520px){
  .item-row{grid-template-columns:38px 1fr!important;padding:9px!important}
  .adminbar{font-size:12px!important}
}


/* V367.44.5 User Management PRO */
.user-level-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:10px 0 16px}
.user-level-strip button{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:11px 12px;text-align:left;box-shadow:0 8px 20px rgba(15,23,42,.05);cursor:pointer}
.user-level-strip button b{display:block;font-size:20px;color:#0f172a;line-height:1}.user-level-strip button span{font-size:12px;color:#64748b;font-weight:800}
.user-form-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.user-form-head h2{margin:0}
.pro-user-toolbar{grid-template-columns:1.4fr .9fr auto}.user-table td small{display:block;color:#64748b;margin-top:4px;font-weight:750}.user-table td:nth-child(2) small{max-width:180px}
.user-form-card .form-row.three{grid-template-columns:1.05fr 1fr .75fr}.user-form-card select,.user-form-card input{min-height:42px}.perm-card label{cursor:pointer}.perm-card label:hover{background:#fff;border-radius:8px}
@media(max-width:1000px){.user-form-card .form-row.three,.pro-user-toolbar{grid-template-columns:1fr}.user-table{min-width:1180px}}


/* V367.44.6 Dashboard-only clean owner view */
.dash-pro-header{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:stretch;margin:12px 0 14px;background:linear-gradient(135deg,#06172b,#0f2744);color:#fff;border-radius:24px;padding:22px;border:1px solid rgba(217,184,79,.34);box-shadow:0 18px 45px rgba(6,23,43,.18)}
.dash-pro-header span{display:inline-block;color:#ffe58d;border:1px solid rgba(217,184,79,.58);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;letter-spacing:.08em}.dash-pro-header h2{margin:9px 0 6px;font-size:30px;line-height:1.1}.dash-pro-header p{margin:0;color:#dbeafe;font-weight:760;max-width:820px}.dash-score{background:#fff;color:#06172b;border-radius:20px;padding:15px;border-left:7px solid #94a3b8;display:grid;align-content:center;box-shadow:0 13px 28px rgba(0,0,0,.14)}.dash-score small{display:block;color:#64748b;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.dash-score b{display:block;margin:4px 0;color:#06172b;font-size:34px}.dash-score strong{font-size:13px;color:#334155}.dash-score.good{border-left-color:#22c55e}.dash-score.warn{border-left-color:#f59e0b}.dash-score.dangerish{border-left-color:#ef4444}.dash-focus-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin:12px 0 16px}.dash-mini-pill{background:#fff;border:1px solid var(--line);border-top:4px solid #cbd5e1;border-radius:16px;padding:12px;box-shadow:0 10px 24px rgba(6,23,43,.05)}.dash-mini-pill span{display:block;color:#64748b;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.dash-mini-pill b{display:block;margin-top:6px;color:#06172b;font-size:18px}.dash-mini-pill.good{border-top-color:#22c55e;background:#f7fff9}.dash-mini-pill.warn{border-top-color:#f59e0b;background:#fffbeb}.dash-mini-pill.dangerish{border-top-color:#ef4444;background:#fff7f7}.dash-mini-pill.cash{border-top-color:#0ea5e9;background:#f0f9ff}.dash-main-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;margin:16px 0}.dash-chart-grid{height:245px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;padding:10px 4px 2px}.dash-month{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:7px;text-align:center}.dash-month span{font-size:12px;font-weight:950;color:#64748b}.dash-month small{font-size:11px;color:#64748b;font-weight:850;white-space:nowrap}.dash-bars{height:100%;display:flex;align-items:end;justify-content:center;gap:5px;border-radius:12px;background:#f8fafc;border:1px solid #edf1f6;padding:7px}.dash-bars i,.dash-bars em{display:block;width:16px;min-height:3%;border-radius:8px 8px 3px 3px}.dash-bars i{background:#06172b}.dash-bars em{background:#d9b84f}.dash-chart-legend{display:flex;gap:14px;justify-content:center;margin-top:6px;color:#64748b;font-size:12px;font-weight:900}.dash-chart-legend span{display:flex;align-items:center;gap:6px}.dash-chart-legend i,.dash-chart-legend em{width:12px;height:12px;border-radius:4px;display:inline-block}.dash-chart-legend i{background:#06172b}.dash-chart-legend em{background:#d9b84f}.dash-check-list{display:grid;gap:9px}.dash-check{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:9px}.dash-check b{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#f59e0b;color:#fff;font-size:13px}.dash-check span{font-weight:850;color:#334155}.dash-check button{background:#eef4fb;color:#06172b;border:1px solid var(--line);box-shadow:none;padding:7px 10px}.dash-check.ok{background:#f7fff9;border-color:#bbf7d0}.dash-check.ok b{background:#22c55e}.dash-check.todo{background:#fff7ed;border-color:#fed7aa}.dash-check.todo b{background:#f97316}@media(max-width:1200px){.dash-focus-grid{grid-template-columns:repeat(3,1fr)}.dash-main-grid,.dash-pro-header{grid-template-columns:1fr}}@media(max-width:760px){.dash-focus-grid,.dash-main-grid{grid-template-columns:1fr}.dash-pro-header{padding:16px;border-radius:18px}.dash-pro-header h2{font-size:23px}.dash-chart-grid{height:210px;gap:6px}.dash-bars i,.dash-bars em{width:12px}.dash-check{grid-template-columns:28px 1fr}.dash-check button{grid-column:1 / -1;width:100%}}

/* V367.44.7 Reports PRO - reports module only */
.reports-command-centre{grid-template-columns:minmax(0,1fr) minmax(430px,680px)}
.report-date-shortcuts{display:flex;gap:9px;flex-wrap:wrap;margin:-6px 0 16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px;box-shadow:0 8px 20px rgba(6,23,43,.05)}
.report-date-shortcuts button{background:#f8fafc;color:#06172b;border:1px solid var(--line);box-shadow:none;padding:9px 13px;border-radius:999px;font-weight:900}.report-date-shortcuts button:nth-last-child(-n+2){background:#06172b;color:#fff;border-color:#06172b}.reports-owner-kpis{grid-template-columns:repeat(4,1fr)}
.report-owner-status{border-left:5px solid var(--gold);background:linear-gradient(90deg,#fff8df,#ffffff)}
.reports-owner-kpis .report-card:nth-child(12){background:#f8fafc;border-left-color:#0f172a}.report-toolbar input{min-height:42px}.reports-layout>.report-panel:only-child{grid-column:1/-1}
@media(max-width:1100px){.reports-command-centre{grid-template-columns:1fr}.reports-owner-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.report-date-shortcuts{display:grid;grid-template-columns:1fr 1fr}.report-date-shortcuts button{width:100%}.reports-owner-kpis{grid-template-columns:1fr!important}}


/* V367.44.7.1 Reports Audit + Excel + No Right Scroll Fix - reports module only */
html,body{max-width:100%;overflow-x:hidden!important}
.content,.card,.page,.reports-pro-top,.reports-command-centre,.reports-pro-range,.reports-safe-range,.reports-layout,.reports-kpi-grid,.reports-clean-tabs,.report-toolbar,.report-panel,.report-table-wrap,.table-wrap{max-width:100%;min-width:0;box-sizing:border-box}
.reports-command-centre{grid-template-columns:minmax(0,1fr) minmax(0,680px)!important;overflow:hidden}
.reports-safe-range{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto!important;gap:10px;align-items:end}
.reports-safe-range>div{min-width:0}.reports-safe-range label{display:block;margin-bottom:5px}.reports-safe-range input{width:100%;min-width:0;box-sizing:border-box}
.report-mini-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.report-mini-actions button{padding:8px 11px!important;white-space:nowrap}
.report-export-grid.big{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}.report-export-grid button{white-space:normal!important;overflow-wrap:anywhere}
.reports-clean-tabs{overflow-x:auto!important;white-space:nowrap}.reports-clean-tabs button{flex:0 0 auto}
.report-table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch}.pro-report-table{min-width:760px;width:100%}.pro-report-table td,.pro-report-table th{word-break:normal;overflow-wrap:anywhere}
@media(max-width:900px){.reports-safe-range{grid-template-columns:1fr 1fr!important}.reports-safe-range button{width:100%}.report-toolbar{grid-template-columns:1fr!important}.report-mini-actions{justify-content:flex-start}}
@media(max-width:720px){.reports-pro-top{padding:14px!important;margin-left:0!important;margin-right:0!important;border-radius:16px}.reports-safe-range{grid-template-columns:1fr!important}.reports-layout{grid-template-columns:1fr!important}.report-panel-head{align-items:flex-start;flex-direction:column}.report-mini-actions{width:100%}.report-mini-actions button{flex:1 1 120px}.pro-report-table{min-width:640px}.reports-clean-tabs button{width:auto!important}}


/* V367.44.7.2 Vyapar-level Reports - reports module only */
.vyapar-report-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 18px;max-width:100%;min-width:0;box-sizing:border-box}
.vyapar-report-menu button{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:18px;padding:15px;text-align:left;box-shadow:0 10px 26px rgba(6,23,43,.06);color:#06172b;min-width:0;white-space:normal;line-height:1.35}
.vyapar-report-menu button b{display:block;font-size:15px;margin-bottom:6px}.vyapar-report-menu button span{display:block;color:#64748b;font-size:12px;font-weight:800}
.report-category-tabs{display:flex;gap:8px;max-width:100%;min-width:0}.report-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#06172b;color:#fff;border-radius:16px;padding:13px 15px;margin:12px 0 14px;max-width:100%;box-sizing:border-box;overflow:hidden}.report-section-title h2{margin:0;font-size:19px;color:#fff}.report-section-title button{background:#fff;color:#06172b;border:0;box-shadow:none;white-space:nowrap}
.reports-layout,.reports-layout>div,.report-panel,.report-table-wrap,.table-wrap{min-width:0!important;max-width:100%!important}.pro-report-table{width:100%}.report-export-grid.big{grid-template-columns:repeat(3,minmax(0,1fr))!important}.report-export-grid.big button{white-space:normal;min-height:46px}
@media(max-width:1100px){.vyapar-report-menu{grid-template-columns:1fr 1fr}.report-export-grid.big{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){.vyapar-report-menu{grid-template-columns:1fr}.report-section-title{align-items:flex-start;flex-direction:column}.report-section-title button{width:100%}.report-export-grid.big{grid-template-columns:1fr!important}.report-category-tabs button{width:auto!important;max-width:260px}.reports-clean-tabs{padding:8px!important}.reports-pro-top,.report-panel{overflow:hidden}.report-table-wrap{overflow-x:auto!important}.pro-report-table{min-width:620px}}

/* V367.44.7.3 Menu Sticky Fix - UI shell only
   Keeps left menu visible while scrolling long Dashboard/Reports pages. */
@media (min-width:1001px){
  .app{grid-template-columns:1fr!important;min-height:100vh!important;align-items:start!important}
  .sidebar{
    position:fixed!important;
    top:0!important;left:0!important;bottom:0!important;
    width:260px!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    z-index:90!important;
    overscroll-behavior:contain!important;
  }
  .main-shell{
    margin-left:260px!important;
    width:calc(100% - 260px)!important;
    min-width:0!important;
    min-height:100vh!important;
  }
  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:80!important;
  }
  .content{width:100%!important;min-width:0!important}
}
@media (max-width:1000px){
  .app{grid-template-columns:1fr!important}
  .main-shell{margin-left:0!important;width:100%!important;min-width:0!important}
  .sidebar{
    position:fixed!important;
    top:0!important;bottom:0!important;
    height:100vh!important;height:100dvh!important;max-height:100dvh!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }
  .topbar{position:sticky!important;top:0!important;z-index:80!important}
}


/* V367.44.9 Mobile Polish PRO - UI only
   Scope: mobile/tablet layout, touch spacing, sticky top/save bars, no horizontal page scroll.
   No billing/purchase/report/pdf/database logic changed. */
@media (max-width: 1000px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;touch-action:manipulation;-webkit-text-size-adjust:100%}
  body{background:#eef4fb!important}
  .app,.main-shell,#content,.content{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .content{padding:12px 10px 104px!important;margin:0!important}
  .card{max-width:100%!important;overflow:hidden!important}

  /* Mobile app shell */
  .topbar{
    position:sticky!important;top:0!important;z-index:850!important;
    grid-template-columns:44px minmax(0,1fr) 46px!important;
    gap:8px!important;padding:8px 9px!important;
    box-shadow:0 8px 22px rgba(6,23,43,.08)!important;
    border-bottom:1px solid #dbe5f0!important;
  }
  .hamb{width:44px!important;height:42px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:13px!important;font-size:20px!important}
  .brand-mini{min-width:0!important;gap:8px!important;overflow:hidden!important}
  .brand-mini img{flex:0 0 40px!important;width:40px!important;height:40px!important;padding:5px!important;border-radius:12px!important}
  .brand-mini b{font-size:14px!important;line-height:1.05!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .brand-mini small{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;line-height:1.1!important}
  .logout{width:46px!important;height:42px!important;padding:0!important;border-radius:13px!important;font-size:0!important;position:relative!important}
  .logout::after{content:'⎋';font-size:18px!important;line-height:1!important;color:#fff!important}
  .top-new{grid-column:1 / -1!important;width:100%!important;min-height:42px!important;padding:10px!important;border-radius:14px!important;background:#06172b!important;color:#fff!important;box-shadow:none!important}
  .business-select,.user-pill{display:none!important}

  /* Drawer menu: smooth overlay, no page width push */
  .sidebar{
    width:min(86vw,315px)!important;left:-92vw!important;top:0!important;bottom:0!important;
    height:100dvh!important;max-height:100dvh!important;z-index:1000!important;
    padding:16px 13px 22px!important;box-shadow:22px 0 70px rgba(6,23,43,.36)!important;
    transition:left .18s ease!important;
  }
  .sidebar.open{left:0!important}
  body.erp-mobile-menu-open::after{
    content:'';position:fixed;inset:0;background:rgba(6,23,43,.46);z-index:999;backdrop-filter:blur(1px);
  }
  .sidebar.open{z-index:1001!important}
  .side-title{font-size:22px!important;margin-bottom:9px!important}.side-badge{font-size:12px!important;padding:6px 11px!important;margin-bottom:10px!important}
  .menu-group{font-size:12px!important;margin:15px 9px 6px!important}.menu-btn{min-height:44px!important;padding:12px 13px!important;margin:6px 0!important;border-radius:13px!important}

  /* Forms become clean mobile cards */
  .page-head{margin:8px 0 12px!important;gap:8px!important}.page-head h1{font-size:23px!important;line-height:1.12!important}.page-line{display:none!important}
  .hero{display:grid!important;grid-template-columns:56px 1fr!important;gap:12px!important;padding:15px!important;border-radius:18px!important;align-items:center!important;overflow:hidden!important}
  .hero img{width:54px!important;height:54px!important;border-radius:14px!important}.hero h2{font-size:18px!important;margin:0 0 4px!important}.hero p{font-size:12px!important;line-height:1.35!important;margin:2px 0!important}
  .bill-top,.grid2,.grid3,.grid4,.form-row,.form-row.two,.form-row.three,.pro-user-toolbar,.reports-safe-range{grid-template-columns:1fr!important;gap:10px!important}
  label{font-size:12px!important;margin-bottom:5px!important}input,select,textarea{min-height:44px!important;border-radius:12px!important;padding:11px!important;font-size:15px!important}textarea{min-height:90px!important}
  button{min-height:42px!important;border-radius:12px!important;padding:10px 12px!important}

  /* Billing and Instant Billing touch model */
  .billing-shell{gap:12px!important}.fast-box{padding:13px!important;border-radius:16px!important;overflow:hidden!important}.fast-box h2{font-size:18px!important;margin:0 0 10px!important}
  .fast-add-grid{grid-template-columns:1fr!important;gap:9px!important}.fast-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.fast-actions button{width:100%!important;white-space:normal!important}
  .item-scroll{overflow:visible!important;max-width:100%!important;width:100%!important}
  .item-row{box-shadow:0 10px 24px rgba(6,23,43,.07)!important;border-radius:18px!important;margin-bottom:12px!important;border-color:#d7e2ef!important;background:#fff!important}
  .item-row input,.item-row select{font-size:16px!important;background:#fff!important}
  .totalbox{padding:14px!important;border-radius:18px!important}.total-line{grid-template-columns:1fr!important;gap:6px!important;padding:9px 0!important}.total-big b{font-size:26px!important}
  .savebar{
    position:sticky!important;bottom:8px!important;z-index:780!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
    padding:9px!important;border-radius:18px!important;border:1px solid #dbe5f0!important;
    background:rgba(255,255,255,.97)!important;backdrop-filter:blur(10px)!important;
    box-shadow:0 -8px 28px rgba(6,23,43,.13)!important;
  }
  .savebar button{width:100%!important;min-height:46px!important;padding:10px 8px!important;font-size:13px!important;line-height:1.15!important;white-space:normal!important}

  /* Registers / cards / actions */
  .actions,.row-actions,.reg-actions,.invoice-pro-actions,.quote-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .actions button,.row-actions button,.reg-actions button,.invoice-pro-actions button,.quote-actions button{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.15!important;font-size:13px!important;padding:10px 8px!important}
  .register-card,.invoice-pro-card,.quote-pro-card,.stock-card,.prod-card,.user-level-strip button{max-width:100%!important;border-radius:18px!important;overflow:hidden!important}
  .crm-tabs,.reports-clean-tabs,.report-category-tabs,.report-date-shortcuts{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;scrollbar-width:none!important;max-width:100%!important}
  .crm-tabs::-webkit-scrollbar,.reports-clean-tabs::-webkit-scrollbar,.report-category-tabs::-webkit-scrollbar,.report-date-shortcuts::-webkit-scrollbar{display:none!important}
  .crm-tabs button,.reports-clean-tabs button,.report-category-tabs button,.report-date-shortcuts button{flex:0 0 auto!important;white-space:nowrap!important;max-width:260px!important}

  /* Reports/Dashboard: no right page extension */
  .dash-pro-header,.dash-main-grid,.dash-focus-grid,.reports-command-centre,.reports-layout,.vyapar-report-menu,.report-export-grid.big,.reports-owner-kpis{grid-template-columns:1fr!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .dash-pro-header{padding:15px!important;border-radius:18px!important}.dash-pro-header h2{font-size:22px!important}.dash-score b{font-size:30px!important}
  .dash-chart-grid{height:200px!important;gap:5px!important;overflow:hidden!important}.dash-month small{font-size:10px!important}.dash-bars{padding:5px!important}.dash-bars i,.dash-bars em{width:10px!important}
  .report-table-wrap,.table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:14px!important}
  .pro-report-table{min-width:620px!important}.table:not(.mobile-card-table){min-width:760px!important}
  .report-section-title{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:12px!important;border-radius:16px!important}.report-section-title button{width:100%!important}

  /* Modal and toast */
  .modal{padding:7px!important;align-items:flex-start!important;z-index:1200!important}.modal-card{width:100%!important;max-width:100%!important;max-height:94dvh!important;border-radius:18px!important;padding:17px 12px!important;margin-top:7px!important}.modal-close{right:8px!important;top:8px!important;z-index:2!important}
  .toast{left:10px!important;right:10px!important;bottom:10px!important;text-align:center!important;z-index:1300!important;border-radius:14px!important}
}
@media (max-width: 560px){
  .content{padding-left:8px!important;padding-right:8px!important}
  .card{padding:12px!important;border-radius:16px!important}.page-head h1{font-size:21px!important}
  .hero{grid-template-columns:1fr!important}.hero img{display:none!important}
  .fast-actions,.savebar,.actions,.row-actions,.reg-actions,.invoice-pro-actions,.quote-actions{grid-template-columns:1fr 1fr!important}
  .savebar button:last-child:nth-child(odd),.actions button:last-child:nth-child(odd),.row-actions button:last-child:nth-child(odd){grid-column:1 / -1!important}
  .mobile-card-table td{font-size:14px!important}.pro-report-table{min-width:580px!important}
}


/* V367.45 Expense & Other Income PRO */
.finance-pro{display:grid;gap:14px;max-width:100%;overflow-x:hidden}.finance-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.finance-tabs button{border:1px solid #cbd5e1;background:#fff;border-radius:14px;padding:10px 13px;font-weight:800;cursor:pointer}.finance-tabs button.active{background:#0f172a;color:#fff;border-color:#0f172a}.finance-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.finance-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px;box-shadow:0 10px 25px rgba(15,23,42,.06)}.finance-kpi span{display:block;font-size:12px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.finance-kpi b{display:block;font-size:22px;margin-top:5px;color:#0f172a}.finance-kpi small{color:#64748b}.finance-kpi.good{border-color:#bbf7d0;background:#f0fdf4}.finance-kpi.warn{border-color:#fed7aa;background:#fff7ed}.finance-grid{display:grid;gap:14px}.finance-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.finance-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.06);min-width:0}.finance-panel h2{margin:0 0 12px;font-size:18px}.finance-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.finance-table-wrap{max-width:100%;overflow:auto}.finance-table th{text-transform:capitalize;white-space:nowrap}.finance-table td{vertical-align:top}.form-action{display:flex;align-items:end}.form-action button{width:100%}@media(max-width:900px){.finance-kpi-grid,.finance-grid.two{grid-template-columns:1fr}.finance-tabs{position:sticky;top:54px;z-index:4;background:#f8fafc;padding:8px 0}.finance-tabs button{flex:1 1 140px}.finance-panel{padding:12px;border-radius:16px}.finance-table td,.finance-table th{font-size:12px}.finance-table button{padding:7px 8px;margin:2px}}

/* V367.45.1 Finance Reports Connection */
.reports-finance-kpis{margin:12px 0 16px}
.report-mini-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:780px){.reports-finance-kpis{grid-template-columns:1fr 1fr}.report-mini-actions button{min-height:38px}}


/* V367.46 Final UI Theme Control PRO - visual only */
button{background:var(--button-bg,var(--gold));}
.btn-dark{background:var(--navy)!important;color:#fff}.btn-green{background:var(--green)!important;color:#fff}.btn-red,.danger{background:var(--danger)!important;color:#fff}.btn-ghost{background:#eef4fb!important;color:#0b2742!important}.logout{background:#a10f3b!important;color:#fff}.hamb{background:var(--button-bg,var(--gold))!important;color:#081220!important}
.topbar{background:var(--topbar-bg,rgba(255,255,255,.96))!important}.menu-btn{background:var(--navy2,#081e36)!important}.menu-btn.active{box-shadow:inset 4px 0 0 var(--gold)!important;border-color:var(--gold)!important}.page-line{background:linear-gradient(90deg,var(--gold),transparent)!important}.card,.card-lite,.stat,.register-card,.modal-card,.table-wrap,.totalbox,.fast-box{background:var(--card)!important;color:var(--text)}
.inside-page-submenu{position:sticky;top:78px;z-index:18;display:flex;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:10px;margin:12px 0 18px;box-shadow:0 10px 22px rgba(6,23,43,.06)}
.inside-page-submenu button{padding:9px 13px;border-radius:999px;background:#f8fafc;color:#0b2742;border:1px solid #dbe5f0;box-shadow:none}.inside-page-submenu button:hover{background:var(--button-bg,var(--gold));color:#081220}
.theme-control-panel{margin:18px 0;border-left:5px solid var(--gold)!important}.theme-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.theme-head h2{margin:0 0 6px}.theme-head p{margin:0;color:var(--muted);font-weight:800}.theme-presets{display:flex;gap:8px;flex-wrap:wrap}.theme-presets button{padding:9px 12px;border-radius:12px}.theme-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.theme-color-grid input[type=color]{height:48px;padding:5px}.theme-live-preview{margin-top:14px;border:1px dashed var(--gold);border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,rgba(217,184,79,.10),transparent)}.theme-live-preview b{font-size:18px}.theme-live-preview span{color:var(--muted);font-weight:800}.theme-live-preview button{margin-left:auto}
body.theme-dark{--line:#334155;--muted:#cbd5e1;color:#f8fafc}body.theme-dark .topbar{border-bottom-color:#334155!important}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#0b1220!important;color:#f8fafc!important;border-color:#334155!important}body.theme-dark .hint{background:#12223a!important;border-color:#334155!important;color:#e2e8f0!important}body.theme-dark .inside-page-submenu{background:rgba(15,23,42,.94)!important;border-color:#334155!important}body.theme-dark .inside-page-submenu button{background:#111827!important;color:#f8fafc!important;border-color:#334155!important}body.theme-dark .table td{border-bottom-color:#263244!important}body.theme-dark .table-wrap,body.theme-dark .stat,body.theme-dark .fast-box,body.theme-dark .totalbox{border-color:#334155!important}
body[data-theme-density="compact"] .content{padding-top:18px}body[data-theme-density="compact"] .card{padding:20px}body[data-theme-density="compact"] .card-lite{padding:14px}body[data-theme-density="compact"] button{padding:10px 14px}body[data-theme-density="compact"] input,body[data-theme-density="compact"] select,body[data-theme-density="compact"] textarea{padding:10px}
body[data-menu-style="soft"] .sidebar{background:linear-gradient(180deg,var(--navy),#0f172a)}body[data-menu-style="soft"] .menu-btn{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important}
@media(max-width:820px){.inside-page-submenu{top:62px;overflow-x:auto;flex-wrap:nowrap;margin:8px 0 12px}.inside-page-submenu button{white-space:nowrap;flex:0 0 auto}.theme-head{display:block}.theme-presets{margin-top:10px}.theme-color-grid{grid-template-columns:1fr 1fr}.theme-live-preview button{margin-left:0;width:100%}}
@media(max-width:520px){.theme-color-grid{grid-template-columns:1fr}.inside-page-submenu{top:57px}}

/* V367.46.5 LOGIN + HEADER + PWA SHELL PRO - shell/UI only */
:root{--topbar-bg:#ffffff;--button-bg:var(--gold);--shell-header-h:76px}
button{background:var(--button-bg, var(--gold))}
.topbar{background:var(--topbar-bg, rgba(255,255,255,.96))!important}
.pwa-splash{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 10%,rgba(217,184,79,.22),transparent 32%),linear-gradient(135deg,#06172b 0%,#0b2742 45%,#1c1305 100%);transition:opacity .28s ease,visibility .28s ease}.pwa-splash.hide{opacity:0;visibility:hidden;pointer-events:none}.pwa-splash-card{width:min(320px,82vw);border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.1);backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.32);padding:28px;text-align:center;color:#fff}.pwa-splash-card img{width:180px;max-width:76%;height:auto;display:block;margin:0 auto 16px;object-fit:contain;border:0;background:transparent;filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))}.pwa-splash-card b{display:block;font-size:26px;letter-spacing:.04em}.pwa-splash-card span{display:block;color:#ffe9a3;font-weight:850;margin-top:6px}.pwa-splash-card i{display:block;width:120px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#d9b84f,transparent);margin:22px auto 0;animation:pwaLoad 1.2s infinite ease-in-out}@keyframes pwaLoad{0%{transform:scaleX(.35);opacity:.55}50%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.35);opacity:.55}}
.login-pro{background:radial-gradient(circle at 15% 10%,rgba(217,184,79,.28),transparent 28%),radial-gradient(circle at 90% 80%,rgba(14,165,233,.16),transparent 30%),linear-gradient(135deg,#03111f,#071a31 48%,#241408);padding:28px}.login-shell{width:min(1120px,96vw);display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}.login-visual{position:relative;overflow:hidden;border-radius:34px;padding:42px;min-height:560px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 100px rgba(0,0,0,.32)}.login-visual:before{content:'';position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;border-radius:50%;background:rgba(217,184,79,.18)}.login-main-logo{width:min(390px,82%);height:auto;object-fit:contain;background:rgba(255,255,255,.94);border:0;border-radius:28px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.26)}.royal-chip{display:inline-flex;margin-top:28px;border:1px solid rgba(217,184,79,.7);border-radius:999px;color:#ffdf73;background:rgba(217,184,79,.08);padding:9px 14px;font-weight:950;letter-spacing:.04em}.login-visual h1{font-size:46px;line-height:1.02;margin:24px 0 14px;max-width:540px}.login-visual p{color:#e7eef7;font-size:17px;max-width:560px;line-height:1.55}.login-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.login-points b{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);border-radius:14px;padding:11px 15px;color:#fff}.login-card-pro{align-self:center;width:100%;border-radius:34px;padding:38px;background:rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(0,0,0,.24)}.login-card-pro h2{font-size:34px;margin:8px 0 8px}.login-card-pro p{color:var(--muted);font-weight:750;margin:0 0 22px}.mobile-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-weight:950;color:#06172b}.mobile-login-brand img{width:86px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px}.login-submit{width:100%;margin-top:10px;padding:14px 18px;border-radius:16px;font-size:16px;background:linear-gradient(135deg,var(--navy),#0d3154);color:#fff;box-shadow:0 16px 32px rgba(6,23,43,.18)}
.app-topbar-pro{height:var(--shell-header-h);grid-template-columns:auto minmax(220px,1fr) minmax(220px,440px) auto auto auto;padding:10px 18px;box-shadow:0 8px 24px rgba(6,23,43,.06)}.app-title-mini img{width:48px;height:48px;border-radius:13px}.app-title-mini b{font-size:17px}.app-title-mini small{font-size:11px}.app-menu-btn{min-width:44px;height:44px;padding:0;border-radius:14px;display:none;align-items:center;justify-content:center;font-size:22px}.app-logout-btn{height:44px;padding:0 16px;border-radius:14px;white-space:nowrap}.main-shell{position:relative}.content{scroll-margin-top:calc(var(--shell-header-h) + 12px)}
body.theme-dark .login-card-pro{background:#0f172a;color:#f8fafc;border:1px solid rgba(255,255,255,.12)}body.theme-dark .login-card-pro p,body.theme-dark .mobile-login-brand{color:#dbe5f0}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#111827;color:#f8fafc;border-color:#334155}body.theme-dark .topbar{border-bottom-color:rgba(255,255,255,.08)}
@media (max-width:1000px){
  :root{--shell-header-h:58px}
  body{padding-top:0!important;overflow-x:hidden}.app{min-height:100dvh}.main-shell{min-width:0;padding-top:var(--shell-header-h)}
  .app-topbar-pro{position:fixed!important;top:0;left:0;right:0;z-index:70;height:var(--shell-header-h);grid-template-columns:44px minmax(0,1fr) auto!important;gap:8px!important;padding:7px 9px!important;background:var(--topbar-bg,#fff)!important;box-shadow:0 10px 28px rgba(6,23,43,.13)}
  .app-menu-btn{display:flex!important}.app-title-mini{gap:8px;min-width:0}.app-title-mini img{width:38px!important;height:38px!important;border-radius:11px!important;padding:4px!important}.app-title-mini b{font-size:14px!important;line-height:1.1;max-width:calc(100vw - 150px);display:block}.app-title-mini small{display:block!important;font-size:10px!important;max-width:calc(100vw - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-topbar-pro .business-select,.app-topbar-pro .top-new,.app-topbar-pro .user-pill{display:none!important}.app-logout-btn{height:38px!important;padding:0 10px!important;border-radius:11px!important;font-size:12px!important;background:#a10f3b!important;color:#fff!important}.sidebar{top:var(--shell-header-h)!important;height:calc(100dvh - var(--shell-header-h))!important;z-index:65!important}.sidebar.open{box-shadow:22px 0 50px rgba(0,0,0,.26)}.content{padding-top:12px!important}.page-head{position:relative;margin-bottom:14px}.page-head h1{font-size:22px!important}.pwa-splash-card{width:min(280px,84vw);padding:22px;border-radius:26px}.pwa-splash-card img{width:165px}.pwa-splash-card b{font-size:23px}
  .login-pro{padding:0;align-items:stretch;justify-content:stretch;background:linear-gradient(180deg,#06172b 0%,#0b2742 44%,#f3f7fb 44%,#f3f7fb 100%)}.login-shell{width:100%;min-height:100dvh;display:flex;flex-direction:column;gap:0}.login-visual{min-height:42dvh;border-radius:0 0 34px 34px;border:0;padding:30px 20px 88px;box-shadow:none;text-align:center}.login-main-logo{width:min(260px,78vw);border-radius:24px;padding:12px}.royal-chip{margin-top:16px;font-size:12px}.login-visual h1{font-size:28px;margin:16px auto 8px}.login-visual p{font-size:13px;margin:0 auto;max-width:330px}.login-points{display:none}.login-card-pro{width:min(420px,92vw);margin:-58px auto 18px;border-radius:28px;padding:24px;box-shadow:0 18px 50px rgba(6,23,43,.2)}.login-card-pro h2{font-size:26px}.mobile-login-brand{justify-content:center;flex-direction:column;gap:6px}.mobile-login-brand img{display:none}.login-submit{min-height:48px;border-radius:15px}
}
@media (min-width:1001px){.app-topbar-pro .hamb{display:none!important}.app-topbar-pro{position:sticky!important}.login-card-pro .mobile-login-brand img{display:none}}
@media (max-width:480px){.app-title-mini b{font-size:13px!important}.app-title-mini small{font-size:9.5px!important}.app-logout-btn{font-size:0!important;width:38px!important;padding:0!important}.app-logout-btn:before{content:'⏻';font-size:18px}.content{padding-left:8px!important;padding-right:8px!important}}


/* V367.46.5.1 Login/Header/PWA/Root correction */
.mobile-login-copy{display:none}
.pwa-splash{background:linear-gradient(160deg,#07182b 0%,#0b2a48 55%,#2b2108 100%)!important}
.pwa-splash-card{width:min(250px,76vw)!important;border-radius:30px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(217,184,79,.35)!important;padding:24px 22px!important}
.pwa-splash-card img{width:122px!important;max-width:58%!important;border-radius:28px!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.24))!important;margin-bottom:14px!important}
.pwa-splash-card b{font-size:24px!important;line-height:1.05!important}
.pwa-splash-card span{font-size:12px!important;color:#ffe8a4!important}
.pwa-splash-card i{width:92px!important;height:3px!important;margin-top:16px!important}
.app-logout-btn{background:#9f1239!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 22px rgba(159,18,57,.22)!important;font-weight:950!important}
@media(max-width:1000px){
  .login-visual p{display:block!important;color:#f7fafc!important;font-weight:850!important;font-size:14px!important;line-height:1.45!important;margin-top:8px!important}
  .mobile-login-copy{display:block;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #d9e2ef;color:#0b2742;font-size:13px;font-weight:850;line-height:1.35;text-align:center}
  .app-logout-btn{height:44px!important;min-width:44px!important;border-radius:14px!important;font-size:12px!important;padding:0 12px!important;background:#9f1239!important;color:#fff!important}
}
@media(max-width:480px){
  .app-title-mini b{max-width:calc(100vw - 160px)!important}
  .app-title-mini small{max-width:calc(100vw - 160px)!important}
  .app-logout-btn{font-size:0!important;width:44px!important;height:44px!important;padding:0!important}
  .app-logout-btn:before{content:'⏻';font-size:22px!important;line-height:1}
  .pwa-splash-card{width:min(230px,74vw)!important;padding:22px 18px!important}
  .pwa-splash-card img{width:108px!important}
}

/* V367.46.5.2 - logout single icon + root/direct URL polish */
@media (max-width: 700px){
  .app-logout-btn.logout::after{content:none!important;display:none!important;}
  .app-logout-btn::before{content:'⏻'!important;font-size:24px!important;line-height:1!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  .app-logout-btn{width:48px!important;height:46px!important;min-width:48px!important;padding:0!important;border-radius:15px!important;background:#9f1239!important;color:#fff!important;box-shadow:0 10px 22px rgba(159,18,57,.24)!important;}
  .app-topbar-pro{min-height:58px!important;}
  .app-title-mini b{font-size:14px!important;}
  .app-title-mini small{font-size:10px!important;}
}
@media (max-width: 520px){
  .shell-login-hero{padding-bottom:70px!important;}
  .shell-login-card{margin-top:-84px!important;}
  .shell-login-subtitle{display:block!important;color:#08213c!important;font-weight:850!important;line-height:1.35!important;}
}


/* V367.46.5.3 - mobile login duplicate text fix */
@media (max-width:1000px){
  .login-visual p{display:none!important;}
  .mobile-login-copy{display:block!important;}
  .login-visual{padding-bottom:78px!important;}
  .login-card-pro{margin-top:-52px!important;}
}

/* V367.46.5.5 Private Profit Admin Logic Fix */
.private-profit-note{margin-top:12px;background:#fff8df;border:1px solid #f3d46b;border-radius:14px;padding:12px;font-weight:850;color:#5f3b00}.private-profit-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.private-profit-mini span{background:#fff;border:1px solid #ead58d;border-radius:12px;padding:8px}.private-profit-table{min-width:980px}.profit-text{color:#166534}.loss-text{color:#991b1b}.private-adminbar{border-left:5px solid var(--gold)}@media(max-width:760px){.private-profit-mini{grid-template-columns:1fr}.private-profit-table{min-width:900px}}


/* V367.46.5.8 Workflow Shortcut Helper PRO - transparent key + Alt+H panel only */
.shortcut-fab{position:fixed;right:18px;bottom:18px;z-index:9990;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:rgba(6,23,43,.58);color:#fff;border:1px solid rgba(217,184,79,.48);box-shadow:0 12px 34px rgba(6,23,43,.22);backdrop-filter:blur(12px);opacity:.56;transition:.18s ease;min-height:40px}
.shortcut-fab:hover{opacity:1;transform:translateY(-1px)}.shortcut-fab b{font-size:17px;line-height:1}.shortcut-fab span{font-size:12px;font-weight:950;letter-spacing:.02em}
.shortcut-help{position:fixed;inset:0;z-index:9995;background:rgba(6,23,43,.42);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}
.shortcut-card{position:relative;width:min(920px,96vw);max-height:90vh;overflow:auto;background:rgba(255,255,255,.95);border:1px solid rgba(217,184,79,.42);border-radius:26px;box-shadow:0 30px 90px rgba(2,12,27,.35);padding:24px}
.shortcut-close{position:absolute;right:15px;top:14px;width:38px;height:38px;border-radius:999px;padding:0;background:#a10f3b;color:#fff;font-size:24px;line-height:1;box-shadow:none}.shortcut-head{padding:4px 52px 16px 4px}.shortcut-head span{display:inline-block;background:#06172b;color:#ffe58d;border:1px solid rgba(217,184,79,.55);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.shortcut-head h2{margin:12px 0 6px;font-size:28px;color:#06172b}.shortcut-head p{margin:0;color:#475569;font-weight:750;line-height:1.45}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shortcut-row{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center;border:1px solid #e2e8f0;background:rgba(248,250,252,.92);border-radius:16px;padding:12px}.shortcut-row kbd{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:12px;background:linear-gradient(180deg,#102842,#06172b);color:#ffe58d;border:1px solid rgba(217,184,79,.45);box-shadow:inset 0 -2px 0 rgba(255,255,255,.08);font-family:inherit;font-weight:950;font-size:13px}.shortcut-row b{display:block;color:#06172b;margin-bottom:3px}.shortcut-row span{display:block;color:#64748b;font-size:13px;font-weight:750;line-height:1.35}.shortcut-note{margin-top:14px;border:1px dashed #d8bd61;background:#fffbea;color:#713f12;border-radius:14px;padding:12px;font-weight:850}.shortcut-note b{color:#06172b}
@media(max-width:760px){.shortcut-fab{right:12px;bottom:12px;padding:8px 10px}.shortcut-card{padding:18px;border-radius:22px}.shortcut-grid{grid-template-columns:1fr}.shortcut-row{grid-template-columns:96px 1fr;padding:10px}.shortcut-head h2{font-size:24px}.shortcut-head{padding-right:44px}.shortcut-close{right:12px;top:12px}}
@media print{.shortcut-fab,.shortcut-help{display:none!important}}


/* V367.46.5.9 Professional Login + Page Notes Cleanup */
.login-pro{background:radial-gradient(circle at 18% 10%,rgba(217,184,79,.18),transparent 30%),linear-gradient(135deg,#020b15,#071a31 58%,#120f0a)!important;}
.royal-chip{background:rgba(255,255,255,.08)!important;color:#f6d66b!important;border-color:rgba(217,184,79,.48)!important;text-transform:uppercase;font-size:12px!important;letter-spacing:.08em!important;}
.login-visual h1{font-weight:950;letter-spacing:.01em!important;}
.login-visual p{font-size:16px!important;color:#d9e5f2!important;}
.login-points b{font-size:13px!important;font-weight:850!important;letter-spacing:.01em!important;}
.login-card-pro{border:1px solid rgba(217,184,79,.14)!important;}
.mobile-login-copy{background:#f9fbfd!important;border-color:#dbe5f0!important;color:#0b2742!important;font-weight:800!important;}
.professional-note{font-size:13px!important;font-weight:750!important;line-height:1.45!important;color:#334155!important;background:#f8fafc!important;border-color:#e2e8f0!important;}
@media(max-width:760px){
  .login-visual h1{font-size:25px!important;}
  .login-visual p{font-size:12.5px!important;max-width:310px!important;}
  .royal-chip{font-size:10.5px!important;padding:7px 11px!important;}
  .mobile-login-copy{font-size:12.5px!important;padding:10px 12px!important;}
}

/* V367.46.5.10 Production Jobs PRO */
.prod-command.pro{background:linear-gradient(135deg,#06172b,#102a4a);}
.prod-filterbar.pro{grid-template-columns:minmax(230px,1.4fr) minmax(150px,.55fr) minmax(150px,.55fr) auto;}
.prod-bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fffdf4;border:1px solid #efd05d;border-radius:14px;padding:10px 12px;margin:10px 0 12px;font-weight:850;color:#06172b}
.prod-bulkbar label{display:flex;align-items:center;gap:7px}.prod-bulkbar span{background:#06172b;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px}.prod-check{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:950;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 9px;white-space:nowrap;margin-right:2px}.prod-check input{width:16px;height:16px}.prod-card .prod-top{align-items:center}.prod-card .prod-top>div{flex:1}.prod-card .row-actions{display:flex;gap:8px;flex-wrap:wrap}.prod-card .row-actions button{flex:0 0 auto}.prod-card.hold{border-left-color:#f59e0b;background:#fffbeb}
@media(max-width:1100px){.prod-filterbar.pro{grid-template-columns:1fr 1fr}.prod-card .row-actions button{flex:1 1 42%}}
@media(max-width:620px){.prod-filterbar.pro{grid-template-columns:1fr}.prod-bulkbar{display:grid;grid-template-columns:1fr}.prod-card .prod-top{display:grid;grid-template-columns:1fr}.prod-check{width:max-content}.prod-card .row-actions button{flex:1 1 100%}}

/* V367.46.5.17 - Amount input safety: hide spinner only for money/rate/cost fields, keep Qty normal */
input.twc-no-number-spin::-webkit-outer-spin-button,
input.twc-no-number-spin::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
input.twc-no-number-spin{
  -moz-appearance:textfield;
  appearance:textfield;
}


/* V367.46.5.18 Final Freeze Health Check - UI only */
.health-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin:12px 0}
.health-summary>div,.health-card{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.health-summary small,.health-card small{display:block;color:#64748b;margin-top:4px;line-height:1.35}.health-summary b{font-size:20px;color:#06172b}
.health-grid-list{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;margin-top:10px}.health-card{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.health-card span{font-weight:900;border-radius:999px;padding:6px 10px;background:#dcfce7;color:#166534;font-size:12px}.health-card.bad{border-color:#fecdd3;background:#fff1f2}.health-card.bad span{background:#fee2e2;color:#991b1b}
@media(max-width:760px){.health-summary,.health-grid-list{grid-template-columns:1fr}.health-summary b{font-size:18px}}


/* V367.46.5.21 Royal Mobile UI + PWA Logout SVG Fix
   UI shell only: sidebar/topbar appearance and reliable logout icon. No billing, purchase, report, PDF or DB logic changed. */
.app-logout-btn.logout,.app-logout-btn{
  font-size:0!important;
  color:#fff!important;
  overflow:hidden!important;
  display:inline-grid!important;
  place-items:center!important;
}
.app-logout-btn.logout::after,.logout.app-logout-btn::after{content:none!important;display:none!important;}
.app-logout-btn.logout::before,.logout.app-logout-btn::before{
  content:""!important;
  width:24px!important;
  height:24px!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:24px 24px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8v9.2'/%3E%3Cpath d='M6.15 6.9A8.4 8.4 0 1 0 17.85 6.9'/%3E%3C/svg%3E")!important;
}
@media (max-width:1000px){
  :root{--mobile-top-h:62px;}
  body{background:linear-gradient(180deg,#eef5ff 0%,#f8fbff 48%,#edf3fb 100%)!important;}
  .app-topbar-pro.topbar,.topbar{
    min-height:var(--mobile-top-h)!important;
    padding:9px 10px!important;
    background:rgba(255,255,255,.90)!important;
    border-bottom:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 12px 32px rgba(2,12,27,.10)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .hamb.app-menu-btn,.hamb{
    background:linear-gradient(135deg,#f6d76a 0%,#d5ab35 55%,#fff1a8 100%)!important;
    color:#06172b!important;
    border:1px solid rgba(120,83,9,.18)!important;
    box-shadow:0 10px 22px rgba(168,122,18,.22), inset 0 1px 0 rgba(255,255,255,.50)!important;
    font-weight:950!important;
  }
  .brand-mini.app-title-mini,.brand-mini{
    min-height:44px!important;
    padding:4px 7px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.58)!important;
    border:1px solid rgba(15,23,42,.06)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
  }
  .brand-mini img{
    background:#fff!important;
    border:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
  }
  .brand-mini b{color:#071527!important;font-weight:950!important;letter-spacing:.01em!important;}
  .brand-mini small{color:#506175!important;font-weight:850!important;}
  .app-logout-btn.logout,.app-logout-btn{
    width:48px!important;height:46px!important;min-width:48px!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,#be123c 0%,#8f1237 100%)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 12px 26px rgba(159,18,57,.30), inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  .sidebar{
    width:min(88vw,322px)!important;
    padding:18px 14px calc(26px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 22% 0%,rgba(246,215,106,.20),transparent 31%),
      radial-gradient(circle at 100% 18%,rgba(14,165,233,.14),transparent 34%),
      linear-gradient(180deg,#06172b 0%,#071b31 42%,#030b15 100%)!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    box-shadow:26px 0 80px rgba(2,12,27,.46)!important;
  }
  .sidebar::before{
    content:"";position:sticky;top:0;display:block;height:1px;margin:-18px -14px 12px;
    background:linear-gradient(90deg,transparent,rgba(246,215,106,.75),transparent);
  }
  .side-title{
    position:relative!important;
    font-size:25px!important;
    line-height:1!important;
    margin:4px 2px 9px!important;
    letter-spacing:.08em!important;
    color:#f8fbff!important;
    text-shadow:0 8px 24px rgba(0,0,0,.25)!important;
  }
  .side-title::after{
    content:"Control Room";display:block;margin-top:8px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(226,236,247,.70);font-weight:850;
  }
  .side-badge{
    display:inline-flex!important;align-items:center!important;gap:7px!important;
    padding:8px 13px!important;margin:0 0 16px 0!important;border-radius:999px!important;
    color:#fff4b8!important;background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(246,215,106,.46)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .side-badge::before{content:"●";font-size:9px;color:#22c55e;text-shadow:0 0 12px #22c55e;}
  .menu-group{
    position:relative!important;
    margin:18px 8px 8px!important;
    padding-left:12px!important;
    color:#f6d76a!important;
    font-size:12px!important;
    letter-spacing:.09em!important;
  }
  .menu-group::before{
    content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:999px;background:linear-gradient(#f6d76a,#8ec5ff);
  }
  .menu-btn{
    min-height:48px!important;
    padding:13px 14px!important;
    margin:7px 0!important;
    border-radius:16px!important;
    color:#eaf3ff!important;
    background:linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.035))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    font-weight:900!important;
    line-height:1.25!important;
  }
  .menu-btn:active{transform:scale(.985)!important;}
  .menu-btn.active{
    color:#071527!important;
    background:linear-gradient(135deg,#f6d76a 0%,#ffeaa2 48%,#d2a93a 100%)!important;
    border-color:rgba(255,238,168,.72)!important;
    box-shadow:0 14px 30px rgba(217,184,79,.25),inset 0 1px 0 rgba(255,255,255,.65)!important;
  }
  body.erp-mobile-menu-open{overflow:hidden!important;}
  body.erp-mobile-menu-open::after{
    content:""!important;
    position:fixed!important;inset:0!important;z-index:999!important;
    background:rgba(2,12,27,.54)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
  }
  .content{padding-top:14px!important;}
}
@media (display-mode:standalone) and (max-width:1000px){
  .app-topbar-pro.topbar,.topbar{padding-top:calc(9px + env(safe-area-inset-top))!important;}
  .sidebar{padding-top:calc(18px + env(safe-area-inset-top))!important;}
}

/* V367.46.5.22 Royal Desktop UI Polish
   Desktop shell/card/table visual polish only. No billing, purchase, report, PDF or DB logic changed. */
@media (min-width:1001px){
  :root{
    --desktop-shell:#eef4fb;
    --desktop-panel:rgba(255,255,255,.92);
    --desktop-ink:#071527;
    --desktop-soft:#f7fafc;
    --desktop-gold:#d9b84f;
  }
  body{
    background:
      radial-gradient(circle at 18% -8%,rgba(217,184,79,.20),transparent 30%),
      radial-gradient(circle at 94% 6%,rgba(37,99,235,.11),transparent 26%),
      linear-gradient(180deg,#f5f8fc 0%,#eef4fb 58%,#f8fbff 100%)!important;
  }
  .app{
    grid-template-columns:288px minmax(0,1fr)!important;
    background:transparent!important;
  }
  .sidebar{
    padding:22px 16px 28px!important;
    background:
      radial-gradient(circle at 22% 0%,rgba(246,215,106,.22),transparent 32%),
      radial-gradient(circle at 100% 18%,rgba(14,165,233,.12),transparent 33%),
      linear-gradient(180deg,#06172b 0%,#071b31 45%,#030b15 100%)!important;
    border-right:1px solid rgba(255,255,255,.09)!important;
    box-shadow:22px 0 55px rgba(2,12,27,.18)!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(217,184,79,.42) rgba(255,255,255,.06);
  }
  .sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.sidebar::-webkit-scrollbar-thumb{background:rgba(217,184,79,.44);border-radius:999px}
  .side-title{
    margin:2px 0 6px!important;
    color:#fff!important;
    font-size:27px!important;
    letter-spacing:.10em!important;
    text-shadow:0 12px 28px rgba(0,0,0,.32)!important;
  }
  .side-title::after{
    content:'BUSINESS CONTROL SUITE';
    display:block;
    margin-top:8px;
    color:rgba(226,236,247,.72);
    font-size:10px;
    letter-spacing:.20em;
    font-weight:900;
  }
  .side-badge{
    margin:10px 0 18px!important;
    padding:9px 14px!important;
    color:#fff3b0!important;
    background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;
    border:1px solid rgba(246,215,106,.45)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 28px rgba(0,0,0,.12)!important;
  }
  .side-badge::before{content:'● ';color:#22c55e;text-shadow:0 0 12px #22c55e;}
  .menu-group{
    margin:20px 10px 8px!important;
    padding-left:13px!important;
    position:relative!important;
    color:#f6d76a!important;
    font-size:12px!important;
    letter-spacing:.10em!important;
  }
  .menu-group::before{
    content:'';position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:999px;
    background:linear-gradient(#f6d76a,#8ec5ff);
  }
  .menu-btn{
    min-height:46px!important;
    margin:7px 0!important;
    padding:12px 14px!important;
    border-radius:16px!important;
    color:#eaf3ff!important;
    background:linear-gradient(145deg,rgba(255,255,255,.076),rgba(255,255,255,.030))!important;
    border:1px solid rgba(255,255,255,.095)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(0,0,0,.08)!important;
    transition:transform .16s ease, background .16s ease, box-shadow .16s ease, border-color .16s ease!important;
  }
  .menu-btn:hover{
    transform:translateX(3px)!important;
    border-color:rgba(217,184,79,.38)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.044))!important;
  }
  .menu-btn.active{
    color:#071527!important;
    background:linear-gradient(135deg,#f6d76a 0%,#ffeaa2 48%,#d2a93a 100%)!important;
    border-color:rgba(255,238,168,.72)!important;
    box-shadow:0 16px 34px rgba(217,184,79,.22),inset 0 1px 0 rgba(255,255,255,.70)!important;
  }
  .main-shell{min-width:0!important;}
  .topbar.app-topbar-pro,.topbar{
    top:0!important;
    min-height:74px!important;
    grid-template-columns:minmax(300px,1fr) minmax(260px,430px) auto minmax(185px,auto) 56px!important;
    gap:14px!important;
    padding:11px 24px!important;
    background:rgba(255,255,255,.84)!important;
    border-bottom:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 16px 38px rgba(2,12,27,.075)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .brand-mini.app-title-mini,.brand-mini{
    gap:12px!important;
    min-height:52px!important;
    padding:6px 10px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.58)!important;
    border:1px solid rgba(15,23,42,.065)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
  }
  .brand-mini img{
    width:50px!important;height:50px!important;
    border-radius:16px!important;
    box-shadow:0 10px 22px rgba(15,23,42,.09)!important;
  }
  .brand-mini b{font-size:17px!important;font-weight:950!important;color:#071527!important;}
  .brand-mini small{font-size:11px!important;color:#506175!important;font-weight:850!important;}
  .business-select{
    height:48px!important;
    border-radius:16px!important;
    background:#fff!important;
    border:1px solid #d8e2ee!important;
    box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
    font-weight:850!important;
  }
  .top-new{
    height:48px!important;
    border-radius:16px!important;
    padding:0 18px!important;
    background:linear-gradient(135deg,#f6d76a 0%,#d2a93a 100%)!important;
    color:#071527!important;
    box-shadow:0 12px 26px rgba(217,184,79,.22)!important;
  }
  .user-pill{
    min-height:48px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#f8fbff,#eef5ff)!important;
    border:1px solid #d8e2ee!important;
    box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
  }
  .app-logout-btn.logout,.app-logout-btn{
    width:52px!important;height:50px!important;min-width:52px!important;padding:0!important;border-radius:17px!important;
    background:linear-gradient(145deg,#be123c 0%,#8f1237 100%)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 14px 28px rgba(159,18,57,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  .content{
    max-width:1780px!important;
    padding:30px 34px 90px!important;
  }
  .card,.owner-panel,.dashboard-panel,.fast-box,.totalbox,.register-card,.invoice-pro-card,.quote-pro-card,.health-card,.stat{
    border-radius:22px!important;
    border:1px solid rgba(203,215,231,.86)!important;
    background:var(--desktop-panel)!important;
    box-shadow:0 18px 44px rgba(6,23,43,.075)!important;
  }
  .card{padding:28px!important;}
  .page-head{
    padding:4px 2px 8px!important;
    margin-bottom:20px!important;
  }
  .page-head h1{
    font-size:31px!important;
    letter-spacing:.005em!important;
    color:#06172b!important;
  }
  .page-line{
    height:2px!important;
    background:linear-gradient(90deg,#d9b84f,rgba(217,184,79,.22),transparent)!important;
  }
  .hero{
    background:
      radial-gradient(circle at 95% 10%,rgba(217,184,79,.25),transparent 28%),
      linear-gradient(135deg,#06172b 0%,#102a4a 100%)!important;
    border:1px solid rgba(217,184,79,.25)!important;
    box-shadow:0 18px 42px rgba(6,23,43,.13)!important;
  }
  .stat{
    padding:19px!important;
    transition:transform .16s ease, box-shadow .16s ease!important;
  }
  .stat:hover{transform:translateY(-2px)!important;box-shadow:0 22px 52px rgba(6,23,43,.095)!important;}
  .stat span{font-size:12px!important;text-transform:uppercase;letter-spacing:.045em!important;color:#64748b!important;}
  .stat b{font-size:27px!important;color:#06172b!important;}
  input,select,textarea{
    border-radius:14px!important;
    border-color:#cfdceb!important;
    background:#fff!important;
  }
  button{border-radius:14px!important;}
  .btn-ghost{background:#f3f7fb!important;border-color:#d8e2ee!important;}
  .table-wrap{
    border-radius:20px!important;
    border:1px solid rgba(203,215,231,.95)!important;
    box-shadow:0 14px 34px rgba(6,23,43,.055)!important;
  }
  .table th{
    background:linear-gradient(180deg,#102a4a,#06172b)!important;
    border-bottom:3px solid #d9b84f!important;
    padding:15px!important;
  }
  .table td{padding:15px!important;}
  .table tbody tr:hover td{background:#f8fbff!important;}
  .crm-tabs,.report-tabs,.finance-tabs,.invoice-tabs{
    padding:8px!important;
    border-radius:18px!important;
    background:#edf4fb!important;
    border:1px solid #dce7f3!important;
  }
  .crm-tabs button,.report-tabs button,.finance-tabs button,.invoice-tabs button{
    box-shadow:none!important;
    border:1px solid transparent!important;
    background:#fff!important;
    color:#102a4a!important;
  }
  .crm-tabs button.active,.report-tabs button.active,.finance-tabs button.active,.invoice-tabs button.active{
    background:linear-gradient(135deg,#06172b,#102a4a)!important;
    color:#fff!important;
    border-color:rgba(217,184,79,.35)!important;
  }
  .actions button,.row-actions button,.reg-actions button,.invoice-pro-actions button,.quote-actions button{
    box-shadow:0 8px 18px rgba(6,23,43,.055)!important;
  }
  .savebar{
    bottom:18px!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid rgba(203,215,231,.92)!important;
    box-shadow:0 20px 54px rgba(6,23,43,.12)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .modal-card{
    border-radius:24px!important;
    border:1px solid rgba(203,215,231,.92)!important;
    box-shadow:0 34px 95px rgba(2,12,27,.34)!important;
  }
}


/* V367.46.5.23 Desktop Layout Width Fix
   Fixes desktop dashboard/content collapse and excess blank right-side space.
   UI shell only. No billing, purchase, report, finance, PDF, database or login logic changed. */
@media (min-width:1001px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  #appView.app,.app{
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-height:100vh!important;
    align-items:start!important;
  }
  .sidebar{
    position:fixed!important;
    top:0!important;left:0!important;bottom:0!important;
    width:260px!important;
    height:100vh!important;height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    z-index:90!important;
  }
  .main-shell{
    margin-left:260px!important;
    width:calc(100vw - 260px)!important;
    max-width:calc(100vw - 260px)!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .topbar.app-topbar-pro,.topbar{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(240px,420px) minmax(240px,380px) auto minmax(150px,180px) 56px!important;
    gap:12px!important;
  }
  .brand-mini.app-title-mini,.brand-mini,.business-select,.user-pill{min-width:0!important;}
  .brand-mini b,.brand-mini small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:24px 28px 86px!important;
    overflow-x:hidden!important;
  }
  .content>.card,.content section.card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    display:block!important;
    overflow:visible!important;
  }
  .page-head{width:100%!important;}

  /* Company hero must use full row. Screenshot issue: dark hero collapsed to left and text overflowed white. */
  .hero{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:center!important;
    gap:20px!important;
    overflow:hidden!important;
    padding:22px 26px!important;
    color:#fff!important;
  }
  .hero>div{min-width:0!important;max-width:100%!important;color:#fff!important;}
  .hero h2,.hero p,.hero b{color:#fff!important;}
  .hero img{width:76px!important;height:76px!important;object-fit:contain!important;}

  /* Dashboard grids: use available desktop width, not narrow left column. */
  .dash-pro-header,.owner-dash-hero{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(240px,320px)!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  .dash-score,.owner-priority{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    align-self:stretch!important;
  }
  .dash-focus-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .owner-kpi-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .owner-action-strip{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
    gap:13px!important;
  }
  .dash-main-grid,.owner-board-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:16px!important;
  }
  .owner-panel,.dashboard-panel,.dash-chart-panel,.dash-mini-pill,.owner-kpi,.owner-action{
    min-width:0!important;
    max-width:100%!important;
  }
  .dash-chart-grid{width:100%!important;min-width:0!important;}
  .owner-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto!important;}
}
@media (min-width:1001px) and (max-width:1350px){
  .topbar.app-topbar-pro,.topbar{grid-template-columns:minmax(220px,1fr) minmax(220px,340px) auto 56px!important;}
  .user-pill{display:none!important;}
  .dash-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .owner-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (min-width:1001px) and (max-width:1180px){
  .dash-pro-header,.owner-dash-hero,.dash-main-grid,.owner-board-grid{grid-template-columns:1fr!important;}
  .owner-kpi-grid,.dash-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .content{padding-left:20px!important;padding-right:20px!important;}
}


/* V367.46.5.24 Desktop Compact UI + User Permission Fix
   Fixes broken generic hero grid on Instant Billing and makes User Management compact.
   Also supports separated add/edit/delete permission meaning in the UI. */
@media (min-width:1001px){
  /* Instant Billing hero: previous desktop generic .hero grid forced the text into a narrow 92px column. */
  .billing-shell.instant-clean .instant-hero{
    width:100%!important;
    max-width:100%!important;
    min-height:132px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(150px,230px)!important;
    align-items:center!important;
    gap:22px!important;
    padding:24px 30px!important;
    margin:0 0 18px!important;
    overflow:hidden!important;
  }
  .billing-shell.instant-clean .instant-hero>div{
    min-width:0!important;
    max-width:720px!important;
  }
  .billing-shell.instant-clean .instant-hero h2{
    font-size:30px!important;
    line-height:1.08!important;
    margin:0 0 7px!important;
    white-space:normal!important;
  }
  .billing-shell.instant-clean .instant-hero p{
    max-width:620px!important;
    font-size:15px!important;
    line-height:1.45!important;
    margin:0!important;
    white-space:normal!important;
    color:#dbeafe!important;
  }
  .billing-shell.instant-clean .instant-hero button{
    justify-self:end!important;
    width:100%!important;
    max-width:220px!important;
    min-height:48px!important;
    white-space:nowrap!important;
  }
  .billing-shell.instant-clean .grid3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:end!important;
  }
  .billing-shell.instant-clean .fast-box,
  .billing-shell.instant-clean .totalbox,
  .billing-shell.instant-clean .item-scroll{
    max-width:100%!important;
    overflow:hidden!important;
  }
  .fast-add-grid{
    grid-template-columns:minmax(0,1.15fr) 150px minmax(260px,.85fr)!important;
  }
  .fast-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .fast-actions button{width:100%!important;white-space:normal!important;}

  /* User Management compact desktop layout */
  .user-stats.grid4{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .user-stats .stat{padding:13px 14px!important;border-radius:16px!important;}
  .user-stats .stat b{font-size:22px!important;margin-top:4px!important;}
  .user-level-strip{
    grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;
    gap:8px!important;
    margin:8px 0 12px!important;
  }
  .user-level-strip button{
    min-height:58px!important;
    padding:9px 11px!important;
    border-radius:13px!important;
    box-shadow:0 6px 16px rgba(15,23,42,.04)!important;
  }
  .user-level-strip button b{font-size:18px!important;}
  .user-level-strip button span{font-size:11px!important;line-height:1.2!important;}
  .user-pro-grid{
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:14px!important;
    margin:10px 0 14px!important;
  }
  .user-form-card,.user-help-card,.card-lite{
    border-radius:18px!important;
  }
  .user-form-card{
    padding:16px!important;
  }
  .user-help-card{
    padding:14px!important;
    max-height:calc(100dvh - 112px)!important;
    overflow:auto!important;
  }
  .user-help-card h2{font-size:18px!important;margin:0 0 8px!important;}
  .user-help-card .clean-list{margin:0!important;padding-left:18px!important;}
  .user-help-card li{font-size:12px!important;line-height:1.35!important;margin-bottom:6px!important;}
  .user-form-head{margin-bottom:10px!important;}
  .user-form-head h2{font-size:20px!important;}
  .user-form-card .form-row.two,
  .user-form-card .form-row.three{
    gap:10px!important;
  }
  .user-form-card input,
  .user-form-card select{
    min-height:38px!important;
    padding:9px 11px!important;
    border-radius:11px!important;
  }
  .user-form-card label{font-size:12px!important;margin-bottom:4px!important;}
  .user-form-card small{font-size:11px!important;line-height:1.25!important;}
  .input-action{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 94px!important;gap:6px!important;}
  .input-action button{padding:8px 9px!important;border-radius:10px!important;}
  .perm-title-help{font-size:12px;color:#64748b;font-weight:850;margin-left:8px;}
  .perm-toolbar{
    display:grid!important;
    grid-template-columns:auto auto minmax(240px,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    margin-bottom:9px!important;
  }
  .perm-toolbar button,
  .perm-toolbar select{
    min-height:36px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  .perm-grid.pro{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .perm-card{
    padding:9px 10px!important;
    border:1px solid #e2e8f0!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 6px 15px rgba(15,23,42,.035)!important;
  }
  .perm-card h3{
    margin:0 0 6px!important;
    font-size:12px!important;
    color:#06172b!important;
    text-transform:uppercase!important;
    letter-spacing:.025em!important;
  }
  .perm-card label{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:26px!important;
    padding:4px 5px!important;
    margin:1px 0!important;
    font-size:12px!important;
    line-height:1.25!important;
    border-radius:8px!important;
  }
  .perm-card input[type="checkbox"]{
    width:15px!important;
    height:15px!important;
    min-height:15px!important;
    padding:0!important;
    flex:0 0 15px!important;
  }
  .settings-savebar.inline{
    position:sticky!important;
    bottom:12px!important;
    display:flex!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:15px!important;
  }
  .settings-savebar button{padding:9px 12px!important;font-size:13px!important;}
  .pro-user-toolbar{
    grid-template-columns:minmax(320px,1fr) 240px 110px!important;
    gap:10px!important;
  }
  .user-table-wrap{max-height:520px!important;}
  .user-table th,.user-table td{padding:10px 11px!important;}
  .user-actions{gap:5px!important;}
  .user-actions button{padding:7px 9px!important;font-size:11px!important;border-radius:9px!important;}
}
@media (min-width:1001px) and (max-width:1320px){
  .perm-grid.pro{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .user-pro-grid{grid-template-columns:1fr!important;}
  .user-help-card{position:relative!important;top:auto!important;max-height:none!important;}
  .billing-shell.instant-clean .grid3{grid-template-columns:1fr 1fr 1fr!important;}
}
@media (min-width:1001px) and (max-width:1120px){
  .perm-grid.pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .fast-add-grid{grid-template-columns:1fr 140px!important;}
  .fast-actions{grid-column:1 / -1!important;}
  .billing-shell.instant-clean .instant-hero{grid-template-columns:1fr!important;}
  .billing-shell.instant-clean .instant-hero button{justify-self:start!important;}
}


/* V367.46.5.25 Global Search PRO + WhatsApp Follow-up Center */
.global-search-hero,.followup-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;background:linear-gradient(135deg,#06172b,#12283f);color:#fff;border-radius:20px;padding:18px;margin:10px 0 16px;border-bottom:5px solid var(--gold);box-shadow:0 16px 38px rgba(6,23,43,.13)}
.global-search-hero span,.followup-hero span{display:inline-block;color:#ffe58d;border:1px solid rgba(217,184,79,.55);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:950;letter-spacing:.06em}.global-search-hero h2,.followup-hero h2{margin:7px 0 4px;font-size:24px}.global-search-hero p,.followup-hero p{margin:0;color:#dbeafe;font-weight:780}.global-search-hero button,.followup-hero button{background:var(--gold);color:#06172b}.global-search-box{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:14px}.global-result-count{font-weight:950;color:#64748b;margin:6px 0 10px}.global-result-list,.follow-list{display:grid;gap:10px}.global-result-card,.follow-card{display:grid;grid-template-columns:135px minmax(220px,1fr) minmax(150px,.55fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:16px;padding:12px;box-shadow:0 8px 20px rgba(6,23,43,.05)}.global-result-type{font-weight:950;color:#0f172a;background:#f8fafc;border-radius:12px;padding:8px;text-align:center}.global-result-card b,.follow-card b{display:block;color:#06172b}.global-result-card small,.follow-card small{display:block;color:#64748b;font-weight:800;margin-top:3px}.global-result-money span,.global-result-money strong,.follow-money span{display:block;font-weight:950;color:#06172b}.global-result-money strong{color:#b91c1c}.follow-money small{color:#64748b;font-weight:850}.follow-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.follow-tabs button{background:#eef4fb;color:#06172b;border:1px solid var(--line);box-shadow:none}.follow-tabs button.active{background:#06172b!important;color:#fff!important;border-color:#06172b}.follow-card{grid-template-columns:minmax(240px,1fr) 140px auto}.follow-card .actions,.global-result-card .actions{justify-content:flex-end}.follow-card .actions button,.global-result-card .actions button{padding:8px 10px;font-size:12px}
@media(max-width:980px){.global-search-hero,.followup-hero,.global-search-box,.global-result-card,.follow-card{grid-template-columns:1fr}.global-result-type{text-align:left}.follow-card .actions,.global-result-card .actions{justify-content:flex-start}.global-search-hero button,.followup-hero button{width:100%}}

/* V367.46.5.27 Premium Login Page UI - login page style only */
.login-view.login-2026{
  min-height:100dvh!important;
  width:100%!important;
  position:relative!important;
  overflow:auto!important;
  align-items:center!important;
  justify-content:center!important;
  padding:26px!important;
  color:#f8fbff!important;
  background:
    radial-gradient(circle at 39% 23%,rgba(46,123,255,.34),transparent 0 22%,transparent 35%),
    radial-gradient(circle at 8% 92%,rgba(28,118,255,.22),transparent 0 26%,transparent 42%),
    linear-gradient(115deg,#020915 0%,#061327 47%,#081c3e 100%)!important;
}
.login-view.login-2026 *{box-sizing:border-box!important;}
.login2026-bg-orb{position:absolute!important;pointer-events:none!important;border-radius:999px!important;filter:blur(2px)!important;opacity:.9!important;}
.login2026-bg-orb.orb-a{width:520px!important;height:520px!important;left:30%!important;top:7%!important;background:radial-gradient(circle at 65% 45%,rgba(47,130,255,.75),rgba(16,53,120,.18) 42%,transparent 67%)!important;box-shadow:0 0 120px rgba(47,130,255,.25)!important;}
.login2026-bg-orb.orb-b{width:360px!important;height:360px!important;right:8%!important;bottom:5%!important;background:radial-gradient(circle,rgba(17,80,180,.28),transparent 68%)!important;}
.login2026-shell{
  position:relative!important;
  z-index:1!important;
  width:min(1640px,98vw)!important;
  min-height:min(860px,calc(100dvh - 52px))!important;
  display:grid!important;
  grid-template-columns:minmax(620px,1.05fr) minmax(500px,.92fr)!important;
  gap:54px!important;
  align-items:center!important;
  padding:56px 64px!important;
  border-radius:36px!important;
  overflow:hidden!important;
  background:linear-gradient(110deg,rgba(4,18,42,.92),rgba(3,13,31,.82))!important;
  border:1px solid rgba(84,153,255,.22)!important;
  box-shadow:0 36px 110px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.login2026-shell:before{content:''!important;position:absolute!important;left:-110px!important;bottom:-130px!important;width:520px!important;height:300px!important;background:radial-gradient(ellipse,rgba(0,102,255,.28),transparent 70%)!important;pointer-events:none!important;}
.login2026-shell:after{content:''!important;position:absolute!important;left:-40px!important;bottom:-30px!important;width:680px!important;height:300px!important;background-image:radial-gradient(rgba(57,133,255,.48) 1.2px,transparent 1.2px)!important;background-size:15px 15px!important;opacity:.32!important;transform:rotate(-6deg)!important;pointer-events:none!important;}
.login2026-hero{position:relative!important;z-index:1!important;min-width:0!important;color:#fff!important;padding:18px 0!important;}
.login2026-brandrow{display:flex!important;align-items:center!important;gap:22px!important;margin-bottom:36px!important;}
.login2026-mark{width:86px!important;height:86px!important;border-radius:20px!important;border:1px solid rgba(80,150,255,.6)!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;box-shadow:0 0 34px rgba(46,123,255,.32), inset 0 0 18px rgba(255,255,255,.06)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:6px!important;padding:20px!important;}
.login2026-mark i{display:block!important;width:10px!important;border-radius:4px 4px 0 0!important;background:linear-gradient(180deg,#ffdf7a,#d49a22)!important;box-shadow:0 0 14px rgba(255,211,90,.35)!important;}
.login2026-mark i:nth-child(1){height:25px!important}.login2026-mark i:nth-child(2){height:42px!important}.login2026-mark i:nth-child(3){height:58px!important}
.login2026-title{font-size:36px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.16em!important;color:#fff!important;text-transform:uppercase!important;text-shadow:0 0 20px rgba(255,255,255,.16)!important;}
.login2026-subtitle{margin-top:12px!important;font-size:15px!important;letter-spacing:.36em!important;font-weight:900!important;color:#8bb8ff!important;text-transform:uppercase!important;}
.login2026-goldline{width:72px!important;height:3px!important;border-radius:99px!important;background:linear-gradient(90deg,#e6b84a,rgba(230,184,74,.12))!important;margin:0 0 26px!important;box-shadow:0 0 18px rgba(230,184,74,.32)!important;}
.login2026-hero h1{margin:0!important;font-size:70px!important;line-height:.98!important;letter-spacing:-.045em!important;font-weight:1000!important;color:#fff!important;text-shadow:0 22px 60px rgba(0,0,0,.32)!important;}
.login2026-hero h1 span{display:inline-block!important;background:linear-gradient(180deg,#eef7ff 4%,#68a7ff 62%,#276de8 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important;}
.login2026-lead{max-width:620px!important;margin:24px 0 28px!important;color:#d8e5fa!important;font-size:18px!important;line-height:1.55!important;font-weight:650!important;}
.login2026-pills{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;max-width:690px!important;margin:0 0 30px!important;}
.login2026-pills b{min-height:56px!important;display:flex!important;align-items:center!important;gap:13px!important;justify-content:center!important;border-radius:15px!important;border:1px solid rgba(111,173,255,.24)!important;background:linear-gradient(180deg,rgba(21,47,93,.8),rgba(8,23,49,.72))!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 14px 35px rgba(0,0,0,.18)!important;}
.login2026-pills span{width:32px!important;height:32px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#1b6bff!important;box-shadow:0 0 18px rgba(27,107,255,.5)!important;color:#fff!important;font-size:15px!important;}
.login2026-pills b:nth-child(2) span{background:#26a647!important;box-shadow:0 0 18px rgba(38,166,71,.45)!important;}.login2026-pills b:nth-child(3) span{background:#704cff!important;box-shadow:0 0 18px rgba(112,76,255,.45)!important;}.login2026-pills b:nth-child(4) span{background:#e69525!important;box-shadow:0 0 18px rgba(230,149,37,.45)!important;}
.login2026-showcase{width:min(720px,100%)!important;min-height:190px!important;display:grid!important;grid-template-columns:1fr 1px 1fr!important;align-items:center!important;gap:20px!important;padding:26px 28px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(8,31,70,.78),rgba(6,19,43,.84))!important;border:1px solid rgba(61,127,255,.32)!important;box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,0 26px 70px rgba(0,0,0,.27),0 0 34px rgba(46,123,255,.16)!important;backdrop-filter:blur(16px)!important;}
.login2026-divider{height:130px!important;background:linear-gradient(180deg,transparent,rgba(209,226,255,.28),transparent)!important;}
.login2026-logoBox{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.login2026-logoBox.gbit img{display:block!important;width:100%!important;max-width:300px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 18px 18px rgba(0,0,0,.42))!important;}
.login2026-logoBox.twc img{display:block!important;width:100%!important;max-width:260px!important;max-height:140px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35)) brightness(1.18)!important;}
.login2026-benefits{width:min(720px,100%)!important;margin-top:22px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-radius:18px!important;border:1px solid rgba(111,173,255,.18)!important;background:rgba(5,20,45,.72)!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important;overflow:hidden!important;}
.login2026-benefits span{min-height:76px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:left!important;color:#dfeaff!important;font-size:25px!important;border-right:1px solid rgba(255,255,255,.09)!important;}
.login2026-benefits span:last-child{border-right:0!important}.login2026-benefits b{font-size:14px!important;line-height:1.2!important;color:#e9f2ff!important;font-weight:850!important;}
.login2026-footer{display:block!important;margin-top:22px!important;text-align:center!important;color:#8394ad!important;font-size:13px!important;font-weight:700!important;width:min(720px,100%)!important;}
.login-2026 .login2026-card.login-card-pro{position:relative!important;z-index:2!important;justify-self:center!important;width:min(620px,100%)!important;min-height:650px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;padding:58px 58px 44px!important;border-radius:30px!important;background:linear-gradient(155deg,rgba(23,54,113,.65),rgba(5,18,44,.84))!important;border:1px solid rgba(118,176,255,.45)!important;box-shadow:0 35px 120px rgba(0,0,0,.42),0 0 70px rgba(25,111,255,.16),inset 0 0 44px rgba(66,137,255,.12)!important;backdrop-filter:blur(20px)!important;color:#f7fbff!important;}
.login-2026 .login2026-card:before{content:''!important;position:absolute!important;left:60px!important;right:60px!important;top:-1px!important;height:2px!important;background:linear-gradient(90deg,transparent,#8fbfff,transparent)!important;box-shadow:0 0 22px #5c9eff!important;}
.login-2026 .login2026-card:after{content:''!important;position:absolute!important;right:-2px!important;top:27%!important;width:2px!important;height:38%!important;background:linear-gradient(180deg,transparent,#65a8ff,transparent)!important;box-shadow:0 0 18px #65a8ff!important;}
.login2026-lock{width:82px!important;height:82px!important;margin:0 auto 24px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:34px!important;background:radial-gradient(circle at 35% 30%,rgba(100,170,255,.24),rgba(9,31,71,.55))!important;border:1px solid rgba(94,160,255,.38)!important;box-shadow:0 0 44px rgba(44,128,255,.28), inset 0 0 20px rgba(255,255,255,.08)!important;}
.login2026-formtag{text-align:center!important;text-transform:uppercase!important;letter-spacing:.38em!important;color:#8bb8ff!important;font-weight:950!important;font-size:13px!important;margin-bottom:16px!important;}
.login-2026 .login2026-card h2{font-size:45px!important;line-height:1!important;margin:0!important;text-align:center!important;color:#fff!important;font-weight:1000!important;letter-spacing:-.02em!important;}
.login2026-smallline{width:70px!important;height:2px!important;background:#d9b84f!important;border-radius:99px!important;margin:20px auto 18px!important;box-shadow:0 0 16px rgba(217,184,79,.4)!important;}
.login-2026 .login2026-card p{margin:0 0 30px!important;text-align:center!important;color:#c4d3ea!important;font-size:16px!important;font-weight:650!important;}
.login2026-form{display:block!important;margin:0!important;}
.login2026-form>label{display:block!important;color:#f4f7ff!important;margin:0 0 10px!important;font-size:15px!important;font-weight:950!important;}
.login2026-field{position:relative!important;display:grid!important;grid-template-columns:34px 1fr auto!important;align-items:center!important;min-height:56px!important;margin:0 0 24px!important;padding:0 16px!important;border-radius:13px!important;background:rgba(5,18,42,.52)!important;border:1px solid rgba(162,194,240,.32)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 24px rgba(0,0,0,.1)!important;transition:.16s ease!important;}
.login2026-field:focus-within{border-color:#5d9dff!important;box-shadow:0 0 0 4px rgba(45,122,255,.18),0 0 30px rgba(45,122,255,.16)!important;}
.login2026-field>span{font-size:18px!important;opacity:.72!important;}
.login2026-field input{height:54px!important;width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 10px!important;color:#fff!important;font-size:17px!important;font-weight:750!important;outline:0!important;}
.login2026-field input::placeholder{color:#e6eefc!important;opacity:.72!important;}
.login2026-eye{width:34px!important;height:34px!important;padding:0!important;margin:0!important;border-radius:10px!important;background:transparent!important;color:#dbeaff!important;box-shadow:none!important;font-size:18px!important;opacity:.85!important;}
.login2026-rowline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:-4px 0 26px!important;color:#dbeaff!important;}
.login2026-check{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;color:#e8f1ff!important;font-size:15px!important;font-weight:800!important;cursor:pointer!important;}
.login2026-check input{appearance:auto!important;width:22px!important;height:22px!important;min-height:22px!important;margin:0!important;padding:0!important;accent-color:#2d7dff!important;}
.login2026-rowline a{color:#72a9ff!important;font-weight:800!important;text-decoration:none!important;}.login2026-rowline a:hover{text-decoration:underline!important;}
.login-2026 .login2026-submit{width:100%!important;height:66px!important;border-radius:15px!important;background:linear-gradient(180deg,#3a95ff,#1962f0)!important;color:#fff!important;font-size:20px!important;font-weight:1000!important;letter-spacing:.01em!important;box-shadow:0 20px 50px rgba(30,105,255,.38), inset 0 1px 0 rgba(255,255,255,.3)!important;border:1px solid rgba(172,210,255,.36)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;}
.login-2026 .login2026-submit span{font-size:32px!important;line-height:1!important;}.login-2026 .login2026-submit:hover{filter:none!important;transform:translateY(-1px)!important;}
.login-2026 #loginMsg{min-height:20px!important;text-align:center!important;margin:14px 0 0!important;color:#ffb4b4!important;font-weight:900!important;}
.login2026-secure{margin-top:26px!important;padding-top:24px!important;border-top:1px solid rgba(157,190,236,.18)!important;color:#aebed5!important;text-align:center!important;font-weight:700!important;font-size:14px!important;}
@media (max-width:1320px){.login2026-shell{grid-template-columns:1fr 520px!important;gap:36px!important;padding:44px!important}.login2026-hero h1{font-size:58px!important}.login2026-pills{gap:12px!important}.login2026-pills b{font-size:14px!important}.login2026-showcase{padding:22px!important}.login2026-benefits b{font-size:12.5px!important}.login-2026 .login2026-card.login-card-pro{padding:46px 42px!important}}
@media (max-width:1000px){.login-view.login-2026{padding:0!important;background:linear-gradient(180deg,#020915 0%,#061327 58%,#081c3e 100%)!important}.login2026-bg-orb{display:none!important}.login2026-shell{width:100%!important;min-height:100dvh!important;border-radius:0!important;border:0!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:22px 16px 24px!important;overflow:auto!important}.login2026-shell:before,.login2026-shell:after{display:none!important}.login2026-hero{text-align:center!important;padding:10px 0 18px!important}.login2026-brandrow{justify-content:center!important;gap:12px!important;margin-bottom:18px!important}.login2026-mark{width:54px!important;height:54px!important;border-radius:15px!important;padding:12px!important;gap:4px!important}.login2026-mark i{width:7px!important}.login2026-mark i:nth-child(1){height:16px!important}.login2026-mark i:nth-child(2){height:25px!important}.login2026-mark i:nth-child(3){height:34px!important}.login2026-title{font-size:24px!important;letter-spacing:.12em!important}.login2026-subtitle{font-size:10px!important;letter-spacing:.23em!important;margin-top:7px!important}.login2026-goldline{margin:0 auto 12px!important}.login2026-hero h1{font-size:38px!important;line-height:1.02!important}.login2026-lead{font-size:13px!important;margin:12px auto 14px!important;max-width:360px!important}.login2026-pills{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin:0 auto 14px!important;max-width:430px!important}.login2026-pills b{min-height:40px!important;padding:6px!important;font-size:11px!important;border-radius:12px!important}.login2026-pills span{display:none!important}.login2026-showcase{grid-template-columns:1fr 1px 1fr!important;gap:10px!important;padding:14px!important;min-height:105px!important;margin:auto!important;max-width:430px!important;border-radius:18px!important}.login2026-logoBox.gbit img{max-width:170px!important}.login2026-logoBox.twc img{max-width:145px!important;max-height:80px!important}.login2026-divider{height:78px!important}.login2026-benefits,.login2026-footer{display:none!important}.login-2026 .login2026-card.login-card-pro{width:min(430px,100%)!important;min-height:auto!important;margin:8px auto 0!important;border-radius:24px!important;padding:28px 22px 22px!important}.login2026-lock{width:58px!important;height:58px!important;font-size:24px!important;margin-bottom:14px!important}.login2026-formtag{font-size:10px!important;letter-spacing:.28em!important;margin-bottom:10px!important}.login-2026 .login2026-card h2{font-size:30px!important}.login2026-smallline{margin:12px auto!important}.login-2026 .login2026-card p{font-size:13px!important;margin-bottom:18px!important}.login2026-form>label{font-size:13px!important;margin-bottom:7px!important}.login2026-field{min-height:50px!important;margin-bottom:14px!important}.login2026-field input{height:48px!important;font-size:15px!important}.login2026-rowline{margin:0 0 18px!important}.login2026-check,.login2026-rowline a{font-size:13px!important}.login-2026 .login2026-submit{height:52px!important;font-size:16px!important}.login2026-secure{font-size:11.5px!important;margin-top:16px!important;padding-top:15px!important}}
@media (max-width:520px){.login2026-pills{grid-template-columns:repeat(2,1fr)!important}.login2026-showcase{grid-template-columns:1fr!important}.login2026-divider{display:none!important}.login2026-logoBox.gbit img{max-width:210px!important}.login2026-logoBox.twc img{max-width:190px!important}.login2026-rowline{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.login2026-hero h1{font-size:32px!important}}


/* V367.46.5.27 Login Fullscreen + Compact Fix
   Purpose: login page must not show ERP sidebar/header, and desktop login must fit cleanly without giant size/scroll.
   UI-only. Login auth/session logic untouched. */
body.is-login{overflow:hidden!important;background:#020915!important;}
body.is-login #appView,
body.is-login #appView *,
body.is-login .sidebar,
body.is-login .topbar,
body.is-login .main-shell{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body.is-login #loginView{display:flex!important;position:fixed!important;inset:0!important;z-index:99999!important;margin:0!important;padding:18px!important;overflow:hidden!important;}
body.is-login #loginView[hidden]{display:flex!important;}
body.is-logged #loginView{display:none!important;visibility:hidden!important;pointer-events:none!important;}

/* desktop compact premium login */
body.is-login .login-view.login-2026{align-items:center!important;justify-content:center!important;background:
  radial-gradient(circle at 38% 26%,rgba(41,118,255,.34),transparent 0 19%,transparent 31%),
  radial-gradient(circle at 7% 96%,rgba(25,104,230,.21),transparent 0 25%,transparent 40%),
  linear-gradient(115deg,#020713 0%,#061225 47%,#061a38 100%)!important;}
body.is-login .login2026-bg-orb.orb-a{width:430px!important;height:430px!important;left:31%!important;top:9%!important;opacity:.72!important;}
body.is-login .login2026-bg-orb.orb-b{width:290px!important;height:290px!important;right:9%!important;bottom:6%!important;opacity:.48!important;}
body.is-login .login2026-shell{width:min(1400px,calc(100vw - 38px))!important;min-height:auto!important;height:min(760px,calc(100dvh - 36px))!important;display:grid!important;grid-template-columns:minmax(560px,1fr) minmax(430px,520px)!important;gap:40px!important;align-items:center!important;padding:34px 46px!important;border-radius:30px!important;overflow:hidden!important;}
body.is-login .login2026-hero{padding:4px 0!important;}
body.is-login .login2026-brandrow{gap:18px!important;margin-bottom:22px!important;}
body.is-login .login2026-mark{width:66px!important;height:66px!important;border-radius:18px!important;padding:15px!important;gap:5px!important;}
body.is-login .login2026-mark i{width:8px!important;}
body.is-login .login2026-mark i:nth-child(1){height:19px!important}body.is-login .login2026-mark i:nth-child(2){height:32px!important}body.is-login .login2026-mark i:nth-child(3){height:45px!important}
body.is-login .login2026-title{font-size:31px!important;letter-spacing:.15em!important;}
body.is-login .login2026-subtitle{font-size:12px!important;letter-spacing:.31em!important;margin-top:8px!important;}
body.is-login .login2026-goldline{width:58px!important;height:2px!important;margin:0 0 18px!important;}
body.is-login .login2026-hero h1{font-size:56px!important;line-height:.98!important;}
body.is-login .login2026-lead{max-width:590px!important;margin:16px 0 18px!important;font-size:15.5px!important;line-height:1.45!important;}
body.is-login .login2026-pills{max-width:610px!important;gap:14px!important;margin:0 0 20px!important;}
body.is-login .login2026-pills b{min-height:48px!important;border-radius:14px!important;font-size:14px!important;gap:10px!important;}
body.is-login .login2026-pills span{width:28px!important;height:28px!important;border-radius:8px!important;font-size:13px!important;}
body.is-login .login2026-showcase{width:min(640px,100%)!important;min-height:150px!important;gap:14px!important;padding:18px 20px!important;border-radius:20px!important;}
body.is-login .login2026-divider{height:105px!important;}
body.is-login .login2026-logoBox.gbit img{max-width:250px!important;max-height:112px!important;}
body.is-login .login2026-logoBox.twc img{max-width:225px!important;max-height:116px!important;}
body.is-login .login2026-benefits{width:min(640px,100%)!important;margin-top:16px!important;min-height:58px!important;border-radius:16px!important;}
body.is-login .login2026-benefits span{padding:10px 12px!important;font-size:18px!important;}
body.is-login .login2026-benefits b{font-size:12px!important;line-height:1.2!important;}
body.is-login .login2026-footer{margin-top:14px!important;font-size:12px!important;width:min(640px,100%)!important;}

body.is-login .login-2026 .login2026-card.login-card-pro{width:min(520px,100%)!important;min-height:0!important;height:auto!important;padding:34px 40px 30px!important;border-radius:28px!important;}
body.is-login .login2026-lock{width:62px!important;height:62px!important;font-size:24px!important;margin:0 auto 16px!important;}
body.is-login .login2026-formtag{font-size:11px!important;letter-spacing:.34em!important;margin-bottom:12px!important;}
body.is-login .login-2026 .login2026-card h2{font-size:35px!important;}
body.is-login .login2026-smallline{width:58px!important;margin:14px auto 12px!important;}
body.is-login .login-2026 .login2026-card p{font-size:13.5px!important;margin:0 0 20px!important;}
body.is-login .login2026-form>label{font-size:13px!important;margin:0 0 7px!important;}
body.is-login .login2026-field{min-height:48px!important;margin:0 0 16px!important;padding:0 13px!important;border-radius:12px!important;grid-template-columns:28px 1fr auto!important;}
body.is-login .login2026-field input{height:46px!important;font-size:15px!important;padding:0 8px!important;background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important;}
body.is-login .login2026-field>span{font-size:15px!important;}
body.is-login .login2026-eye{width:30px!important;height:30px!important;font-size:15px!important;}
body.is-login .login2026-rowline{margin:-2px 0 18px!important;}
body.is-login .login2026-check{font-size:13px!important;gap:8px!important;}
body.is-login .login2026-check input{width:18px!important;height:18px!important;min-height:18px!important;}
body.is-login .login2026-rowline a{font-size:13px!important;}
body.is-login .login-2026 .login2026-submit{height:54px!important;border-radius:14px!important;font-size:16.5px!important;gap:12px!important;}
body.is-login .login-2026 .login2026-submit span{font-size:25px!important;}
body.is-login .login2026-secure{margin-top:18px!important;padding-top:16px!important;font-size:12.5px!important;}

@media (max-width:1180px){
  body.is-login{overflow:auto!important;}
  body.is-login #loginView{position:relative!important;min-height:100dvh!important;overflow:auto!important;padding:0!important;}
  body.is-login .login2026-shell{width:100%!important;min-height:100dvh!important;height:auto!important;border-radius:0!important;border:0!important;grid-template-columns:1fr!important;gap:18px!important;padding:26px 18px!important;}
  body.is-login .login2026-hero{text-align:center!important;}
  body.is-login .login2026-brandrow{justify-content:center!important;}
  body.is-login .login2026-goldline{margin-left:auto!important;margin-right:auto!important;}
  body.is-login .login2026-hero h1{font-size:40px!important;}
  body.is-login .login2026-lead{margin-left:auto!important;margin-right:auto!important;}
  body.is-login .login2026-pills{margin-left:auto!important;margin-right:auto!important;}
  body.is-login .login2026-showcase{margin-left:auto!important;margin-right:auto!important;}
  body.is-login .login2026-benefits{display:none!important;}
  body.is-login .login2026-footer{display:none!important;}
  body.is-login .login-2026 .login2026-card.login-card-pro{margin:0 auto!important;width:min(430px,100%)!important;padding:28px 22px 22px!important;}
}
@media (max-width:560px){
  body.is-login .login2026-pills{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
  body.is-login .login2026-showcase{grid-template-columns:1fr!important;min-height:auto!important;}
  body.is-login .login2026-divider{display:none!important;}
  body.is-login .login2026-logoBox.gbit img{max-width:220px!important;}
  body.is-login .login2026-logoBox.twc img{max-width:195px!important;}
  body.is-login .login2026-rowline{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;}
}

/* V367.46.5.28 Full ERP Theme Match Login UI
   Purpose: after-login ERP shell visually matches premium login page.
   UI-only: no billing / purchase / reports / finance / PDF / DB logic changed. */
body.is-logged{
  background:#020915!important;
  color:#eaf2ff;
}
body.is-logged .app{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 34% 8%,rgba(36,116,255,.30),transparent 0 18%,transparent 34%),
    radial-gradient(circle at 88% 78%,rgba(32,91,196,.20),transparent 0 23%,transparent 42%),
    linear-gradient(115deg,#020713 0%,#061225 48%,#061a38 100%)!important;
}
body.is-logged .main-shell{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 62% 0%,rgba(56,135,255,.22),transparent 0 20%,transparent 36%),
    linear-gradient(135deg,rgba(4,18,42,.92),rgba(3,13,31,.86))!important;
}
body.is-logged .content{
  max-width:1760px!important;
  padding-top:24px!important;
  color:#071527!important;
}
body.is-logged .sidebar{
  background:
    radial-gradient(circle at 105% 0%,rgba(48,126,255,.22),transparent 0 28%,transparent 45%),
    linear-gradient(180deg,#020915 0%,#06172b 48%,#081f3d 100%)!important;
  color:#eaf2ff!important;
  border-right:1px solid rgba(91,156,255,.22)!important;
  box-shadow:18px 0 55px rgba(0,0,0,.30), inset -1px 0 0 rgba(255,255,255,.035)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(231,185,78,.85) rgba(255,255,255,.05)!important;
}
body.is-logged .sidebar::-webkit-scrollbar{width:8px!important;}
body.is-logged .sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;}
body.is-logged .sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e7b94e,#2f7cff)!important;border-radius:999px!important;}
body.is-logged .side-title{
  color:#fff!important;
  font-size:25px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 20px rgba(255,255,255,.16)!important;
  margin-bottom:5px!important;
}
body.is-logged .side-title:after{
  content:'Business Control Suite';
  display:block;
  margin-top:8px;
  color:#8ebaff;
  font-size:9px;
  letter-spacing:.28em;
  font-weight:900;
}
body.is-logged .side-badge{
  margin-top:14px!important;
  color:#ffe58d!important;
  background:linear-gradient(135deg,rgba(217,184,79,.16),rgba(255,255,255,.03))!important;
  border:1px solid rgba(217,184,79,.60)!important;
  box-shadow:0 0 24px rgba(217,184,79,.10)!important;
}
body.is-logged .menu-group{
  color:#ffdc67!important;
  text-shadow:0 0 16px rgba(217,184,79,.18)!important;
  letter-spacing:.08em!important;
}
body.is-logged .menu-btn{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  color:#eaf2ff!important;
  border:1px solid rgba(129,178,255,.16)!important;
  border-radius:15px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
body.is-logged .menu-btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(92,154,255,.45)!important;
  background:linear-gradient(145deg,rgba(54,127,255,.20),rgba(255,255,255,.035))!important;
}
body.is-logged .menu-btn.active{
  color:#061225!important;
  background:linear-gradient(135deg,#f3cc66,#d8aa35)!important;
  border-color:rgba(255,225,128,.85)!important;
  box-shadow:0 18px 34px rgba(217,184,79,.22), inset 0 0 0 1px rgba(255,255,255,.30)!important;
}
body.is-logged .app-topbar-pro,
body.is-logged .topbar{
  background:linear-gradient(135deg,rgba(7,22,50,.92),rgba(10,35,78,.82))!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(107,165,255,.22)!important;
  box-shadow:0 16px 50px rgba(0,0,0,.26), inset 0 -1px 0 rgba(255,255,255,.025)!important;
  color:#f8fbff!important;
}
body.is-logged .app-menu-btn,
body.is-logged .hamb{
  background:linear-gradient(135deg,#e6b84a,#c69226)!important;
  color:#061225!important;
  box-shadow:0 10px 24px rgba(217,184,79,.22)!important;
}
body.is-logged .brand-mini img{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(145,190,255,.30)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
body.is-logged .brand-mini b,
body.is-logged .user-pill b{
  color:#fff!important;
}
body.is-logged .brand-mini small,
body.is-logged .user-pill small{
  color:#b8cef2!important;
}
body.is-logged .business-select{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(129,178,255,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
body.is-logged .business-select option{color:#061225;background:#fff;}
body.is-logged .top-new{
  color:#061225!important;
  background:linear-gradient(135deg,#f0c75e,#d9a930)!important;
  box-shadow:0 12px 26px rgba(217,184,79,.25)!important;
}
body.is-logged .user-pill{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(129,178,255,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
body.is-logged .logout,
body.is-logged .app-logout-btn{
  background:linear-gradient(135deg,#b31645,#7c1236)!important;
  color:#fff!important;
  box-shadow:0 16px 30px rgba(163,18,62,.32)!important;
}
body.is-logged .card,
body.is-logged .card-lite,
body.is-logged .stat,
body.is-logged .register-card,
body.is-logged .invoice-pro-card,
body.is-logged .quote-pro-card,
body.is-logged .customer-pro-card,
body.is-logged .owner-panel,
body.is-logged .dashboard-panel,
body.is-logged .finance-panel,
body.is-logged .health-card,
body.is-logged .table-wrap,
body.is-logged .totalbox,
body.is-logged .fast-box{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,255,.94))!important;
  border:1px solid rgba(151,184,231,.34)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.65)!important;
}
body.is-logged .card{
  border-radius:24px!important;
}
body.is-logged .card-lite,
body.is-logged .stat,
body.is-logged .register-card,
body.is-logged .owner-panel,
body.is-logged .finance-panel{
  border-radius:18px!important;
}
body.is-logged .page-head h1{
  color:#061225!important;
  font-weight:1000!important;
  letter-spacing:-.02em!important;
}
body.is-logged .page-line{
  height:2px!important;
  background:linear-gradient(90deg,#e6b84a,rgba(46,123,255,.38),transparent)!important;
  box-shadow:0 0 20px rgba(217,184,79,.18)!important;
}
body.is-logged .hero,
body.is-logged .owner-dash-hero,
body.is-logged .dash-pro-header,
body.is-logged .global-search-hero,
body.is-logged .followup-hero,
body.is-logged .customer-ledger-hero{
  background:
    radial-gradient(circle at 78% 15%,rgba(55,132,255,.30),transparent 0 26%,transparent 44%),
    linear-gradient(135deg,#061225,#0a2550 64%,#07182f)!important;
  border:1px solid rgba(88,154,255,.32)!important;
  border-bottom:4px solid #e6b84a!important;
  box-shadow:0 24px 58px rgba(3,13,31,.28)!important;
}
body.is-logged .hero h2,
body.is-logged .owner-dash-hero h2,
body.is-logged .dash-pro-header h2,
body.is-logged .global-search-hero h2,
body.is-logged .followup-hero h2{color:#fff!important;}
body.is-logged .hero p,
body.is-logged .owner-dash-hero p,
body.is-logged .dash-pro-header p,
body.is-logged .global-search-hero p,
body.is-logged .followup-hero p{color:#d9e8ff!important;}
body.is-logged button,
body.is-logged .btnlink{
  border-radius:13px!important;
  font-weight:950!important;
}
body.is-logged button:not(.btn-red):not(.danger):not(.logout):not(.app-logout-btn):not(.modal-close):not(.btn-green):not(.btn-dark):not(.btn-ghost){
  background:linear-gradient(135deg,#e6b84a,#d19b28)!important;
  color:#061225!important;
  box-shadow:0 12px 24px rgba(217,184,79,.20)!important;
}
body.is-logged .btn-dark,
body.is-logged .crm-tabs button.active,
body.is-logged .report-tabs button.active,
body.is-logged .finance-tabs button.active,
body.is-logged .invoice-tabs button.active,
body.is-logged .follow-tabs button.active{
  background:linear-gradient(135deg,#0a2550,#061225)!important;
  color:#fff!important;
  border-color:rgba(92,154,255,.28)!important;
}
body.is-logged .btn-ghost,
body.is-logged .crm-tabs button,
body.is-logged .report-tabs button,
body.is-logged .finance-tabs button,
body.is-logged .invoice-tabs button,
body.is-logged .follow-tabs button,
body.is-logged .inside-page-submenu button{
  background:rgba(236,244,255,.92)!important;
  color:#061225!important;
  border:1px solid rgba(151,184,231,.60)!important;
  box-shadow:none!important;
}
body.is-logged input,
body.is-logged select,
body.is-logged textarea{
  background:#f8fbff!important;
  color:#061225!important;
  border:1px solid #cbd9ec!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
body.is-logged input:focus,
body.is-logged select:focus,
body.is-logged textarea:focus{
  border-color:#4b8dff!important;
  box-shadow:0 0 0 4px rgba(47,124,255,.12), inset 0 1px 0 rgba(255,255,255,.7)!important;
}
body.is-logged label{color:#0f2038!important;font-weight:950!important;}
body.is-logged .table th,
body.is-logged .item-head,
body.is-logged .purchase-head,
body.is-logged .po-head{
  background:linear-gradient(135deg,#061225,#0a2550)!important;
  color:#fff!important;
  border-bottom-color:#e6b84a!important;
}
body.is-logged .table td,
body.is-logged .item-row{
  background:#fff!important;
}
body.is-logged .savebar,
body.is-logged .settings-savebar.inline{
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(151,184,231,.50)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(12px)!important;
}
body.is-logged .hint,
body.is-logged .register-toolbar,
body.is-logged .pro-filterbar,
body.is-logged .quote-toolbar,
body.is-logged .report-filter,
body.is-logged .customer-filterbar,
body.is-logged .global-search-box,
body.is-logged .ledger-top-panel,
body.is-logged .inside-page-submenu{
  background:rgba(238,246,255,.92)!important;
  border:1px solid rgba(151,184,231,.46)!important;
  color:#061225!important;
  box-shadow:0 10px 26px rgba(0,0,0,.06)!important;
}
body.is-logged .modal{
  background:rgba(2,9,21,.70)!important;
  backdrop-filter:blur(8px)!important;
}
body.is-logged .modal-card{
  background:linear-gradient(180deg,#ffffff,#f5f9ff)!important;
  color:#061225!important;
}
body.is-logged .toast{
  background:linear-gradient(135deg,#061225,#0a2550)!important;
  border:1px solid rgba(92,154,255,.28)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.30)!important;
}
body.is-logged .badge{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.40)!important;
}
body.is-logged .empty{
  background:rgba(248,251,255,.72)!important;
  border-color:#cbd9ec!important;
}
@media (min-width:1001px){
  body.is-logged .content{padding:26px 32px 88px!important;}
  body.is-logged .topbar{height:74px!important;}
  body.is-logged .app{grid-template-columns:260px 1fr!important;}
}
@media (max-width:1000px){
  body.is-logged .main-shell{background:linear-gradient(180deg,#061225,#081a34)!important;}
  body.is-logged .content{padding-bottom:96px!important;}
  body.is-logged .app-topbar-pro{background:linear-gradient(135deg,rgba(7,22,50,.96),rgba(10,35,78,.92))!important;}
  body.is-logged .sidebar{background:linear-gradient(180deg,#020915,#06172b 54%,#082345)!important;}
  body.is-logged .card{border-radius:20px!important;}
  body.is-logged .page-head h1{font-size:22px!important;}
}


/* V367.46.5.29 Branding Theme Dynamic Restore
   Fix: V367.46.5.28 had fixed blue/gold overrides. This restores Branding / Theme Control
   while keeping the premium login-matched shell. UI-only, no business logic changed. */
:root{
  --button-text:#ffffff;
  --accent-text:#061225;
  --sidebar-text:#ffffff;
  --topbar-text:#071527;
  --card-text:#071527;
}
body.is-logged{
  background:var(--bg)!important;
  color:var(--text)!important;
}
body.is-logged .app,
body.is-logged .main-shell{
  background:
    radial-gradient(circle at 36% 0%,rgba(47,124,255,.12),transparent 0 22%,transparent 40%),
    var(--bg)!important;
}
body.is-logged.theme-dark .app,
body.is-logged.theme-dark .main-shell{
  background:
    radial-gradient(circle at 36% 0%,rgba(47,124,255,.24),transparent 0 22%,transparent 42%),
    linear-gradient(135deg,var(--navy),#020915)!important;
}
body.is-logged .content{
  color:var(--text)!important;
}
body.is-logged .sidebar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.18)),
    var(--navy)!important;
  color:var(--sidebar-text)!important;
  border-right:1px solid color-mix(in srgb,var(--gold) 38%,transparent)!important;
}
body.is-logged .side-title,
body.is-logged .side-title:after,
body.is-logged .menu-btn,
body.is-logged .brand-mini b,
body.is-logged .user-pill b{
  color:inherit!important;
}
body.is-logged .side-title:after,
body.is-logged .brand-mini small,
body.is-logged .user-pill small{
  color:color-mix(in srgb,var(--sidebar-text) 74%,var(--gold) 26%)!important;
}
body.is-logged .side-badge{
  color:var(--sidebar-text)!important;
  background:color-mix(in srgb,var(--gold) 18%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--gold) 62%,transparent)!important;
  box-shadow:0 0 22px color-mix(in srgb,var(--gold) 18%,transparent)!important;
}
body.is-logged .menu-group{
  color:var(--gold)!important;
  text-shadow:0 0 14px color-mix(in srgb,var(--gold) 18%,transparent)!important;
}
body.is-logged .menu-btn{
  background:color-mix(in srgb,var(--navy) 82%,#ffffff 18%)!important;
  border:1px solid color-mix(in srgb,var(--gold) 24%,transparent)!important;
}
body.is-logged .menu-btn:hover{
  background:color-mix(in srgb,var(--button-bg) 22%,var(--navy) 78%)!important;
  border-color:color-mix(in srgb,var(--button-bg) 52%,transparent)!important;
}
body.is-logged .menu-btn.active{
  background:linear-gradient(135deg,var(--button-bg),color-mix(in srgb,var(--button-bg) 80%,#000 20%))!important;
  color:var(--button-text)!important;
  border-color:color-mix(in srgb,var(--button-bg) 70%,#ffffff 30%)!important;
  box-shadow:0 16px 34px color-mix(in srgb,var(--button-bg) 22%,transparent), inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
body.is-logged .app-topbar-pro,
body.is-logged .topbar{
  background:
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.04)),
    var(--topbar-bg)!important;
  color:var(--topbar-text)!important;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 28%,transparent)!important;
}
body.is-logged.theme-dark .app-topbar-pro,
body.is-logged.theme-dark .topbar{
  background:
    linear-gradient(135deg,rgba(255,255,255,.09),rgba(0,0,0,.14)),
    var(--topbar-bg)!important;
}
body.is-logged .topbar .brand-mini b,
body.is-logged .topbar .user-pill b,
body.is-logged .topbar .brand-mini small,
body.is-logged .topbar .user-pill small{
  color:var(--topbar-text)!important;
}
body.is-logged .app-menu-btn,
body.is-logged .hamb,
body.is-logged .top-new,
body.is-logged button:not(.btn-red):not(.danger):not(.logout):not(.app-logout-btn):not(.modal-close):not(.btn-green):not(.btn-dark):not(.btn-ghost){
  background:linear-gradient(135deg,var(--button-bg),color-mix(in srgb,var(--button-bg) 82%,#000 18%))!important;
  color:var(--button-text)!important;
  box-shadow:0 12px 25px color-mix(in srgb,var(--button-bg) 22%,transparent)!important;
}
body.is-logged .btn-dark,
body.is-logged .crm-tabs button.active,
body.is-logged .report-tabs button.active,
body.is-logged .finance-tabs button.active,
body.is-logged .invoice-tabs button.active,
body.is-logged .follow-tabs button.active{
  background:linear-gradient(135deg,var(--navy),color-mix(in srgb,var(--navy) 82%,#000 18%))!important;
  color:var(--sidebar-text)!important;
  border-color:color-mix(in srgb,var(--gold) 30%,transparent)!important;
}
body.is-logged .btn-ghost,
body.is-logged .crm-tabs button,
body.is-logged .report-tabs button,
body.is-logged .finance-tabs button,
body.is-logged .invoice-tabs button,
body.is-logged .follow-tabs button,
body.is-logged .inside-page-submenu button{
  background:color-mix(in srgb,var(--card) 88%,var(--bg) 12%)!important;
  color:var(--text)!important;
  border:1px solid color-mix(in srgb,var(--gold) 24%,#cbd9ec 76%)!important;
}
body.is-logged .card,
body.is-logged .card-lite,
body.is-logged .stat,
body.is-logged .register-card,
body.is-logged .invoice-pro-card,
body.is-logged .quote-pro-card,
body.is-logged .customer-pro-card,
body.is-logged .owner-panel,
body.is-logged .dashboard-panel,
body.is-logged .finance-panel,
body.is-logged .health-card,
body.is-logged .table-wrap,
body.is-logged .totalbox,
body.is-logged .fast-box,
body.is-logged .modal-card{
  background:var(--card)!important;
  color:var(--text)!important;
  border:1px solid color-mix(in srgb,var(--gold) 18%,#d7e3f2 82%)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.22)!important;
}
body.is-logged.theme-dark .card,
body.is-logged.theme-dark .card-lite,
body.is-logged.theme-dark .stat,
body.is-logged.theme-dark .register-card,
body.is-logged.theme-dark .invoice-pro-card,
body.is-logged.theme-dark .quote-pro-card,
body.is-logged.theme-dark .customer-pro-card,
body.is-logged.theme-dark .owner-panel,
body.is-logged.theme-dark .dashboard-panel,
body.is-logged.theme-dark .finance-panel,
body.is-logged.theme-dark .health-card,
body.is-logged.theme-dark .table-wrap,
body.is-logged.theme-dark .totalbox,
body.is-logged.theme-dark .fast-box,
body.is-logged.theme-dark .modal-card{
  box-shadow:0 20px 50px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
body.is-logged .page-head h1,
body.is-logged label,
body.is-logged .global-result-card b,
body.is-logged .follow-card b,
body.is-logged .global-result-money span,
body.is-logged .global-result-money strong,
body.is-logged .follow-money span{
  color:var(--text)!important;
}
body.is-logged .page-line{
  background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--button-bg) 44%,transparent),transparent)!important;
}
body.is-logged .hero,
body.is-logged .owner-dash-hero,
body.is-logged .dash-pro-header,
body.is-logged .global-search-hero,
body.is-logged .followup-hero,
body.is-logged .customer-ledger-hero{
  background:
    radial-gradient(circle at 78% 15%,rgba(255,255,255,.10),transparent 0 26%,transparent 44%),
    linear-gradient(135deg,var(--navy),color-mix(in srgb,var(--navy) 76%,#000 24%))!important;
  color:var(--sidebar-text)!important;
  border:1px solid color-mix(in srgb,var(--gold) 34%,transparent)!important;
  border-bottom:4px solid var(--gold)!important;
}
body.is-logged .hero h2,
body.is-logged .owner-dash-hero h2,
body.is-logged .dash-pro-header h2,
body.is-logged .global-search-hero h2,
body.is-logged .followup-hero h2,
body.is-logged .hero p,
body.is-logged .owner-dash-hero p,
body.is-logged .dash-pro-header p,
body.is-logged .global-search-hero p,
body.is-logged .followup-hero p{
  color:var(--sidebar-text)!important;
}
body.is-logged .table th,
body.is-logged .item-head,
body.is-logged .purchase-head,
body.is-logged .po-head{
  background:linear-gradient(135deg,var(--navy),color-mix(in srgb,var(--navy) 82%,#000 18%))!important;
  color:var(--sidebar-text)!important;
  border-bottom-color:var(--gold)!important;
}
body.is-logged .table td,
body.is-logged .item-row,
body.is-logged input,
body.is-logged select,
body.is-logged textarea{
  background:color-mix(in srgb,var(--card) 92%,#ffffff 8%)!important;
  color:var(--text)!important;
}
body.is-logged input:focus,
body.is-logged select:focus,
body.is-logged textarea:focus{
  border-color:var(--button-bg)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--button-bg) 18%,transparent)!important;
}
body.is-logged .savebar,
body.is-logged .settings-savebar.inline,
body.is-logged .hint,
body.is-logged .register-toolbar,
body.is-logged .pro-filterbar,
body.is-logged .quote-toolbar,
body.is-logged .report-filter,
body.is-logged .customer-filterbar,
body.is-logged .global-search-box,
body.is-logged .ledger-top-panel,
body.is-logged .inside-page-submenu{
  background:color-mix(in srgb,var(--card) 86%,var(--bg) 14%)!important;
  color:var(--text)!important;
  border:1px solid color-mix(in srgb,var(--gold) 18%,#d7e3f2 82%)!important;
}
body.is-logged[data-theme-density="compact"] .card,
body.is-logged[data-theme-density="compact"] .card-lite,
body.is-logged[data-theme-density="compact"] .stat{
  padding:16px!important;
}
body.is-logged[data-menu-style="soft"] .menu-btn{
  background:color-mix(in srgb,var(--navy) 68%,#ffffff 32%)!important;
}


/* V367.46.5.30 Branding Theme PRO Final Polish
   Purpose: remove leftover fixed gold, make G Bit blue/green branding consistent,
   and make Theme Control affect submenu/menu/buttons/cards/tables more completely. */
:root{
  --theme-soft:color-mix(in srgb,var(--button-bg) 14%,transparent);
  --theme-line:color-mix(in srgb,var(--button-bg) 28%,#d7e3f2 72%);
  --theme-accent-soft:color-mix(in srgb,var(--gold) 16%,transparent);
}
body.is-logged[data-biz-theme="gbit"]{
  --legacy-gold-block:#0ea5e9;
}
body.is-logged[data-biz-theme="gbit"] .side-badge,
body.is-logged[data-biz-theme="gbit"] .menu-group,
body.is-logged[data-biz-theme="gbit"] .page-line,
body.is-logged[data-biz-theme="gbit"] .login2026-smallline{
  color:var(--gold)!important;
}
body.is-logged[data-biz-theme="gbit"] .side-badge{
  background:color-mix(in srgb,var(--gold) 15%,transparent)!important;
  border-color:color-mix(in srgb,var(--gold) 55%,transparent)!important;
  box-shadow:0 0 22px color-mix(in srgb,var(--gold) 14%,transparent)!important;
}
body.is-logged .inside-page-submenu,
body.is-logged .register-toolbar,
body.is-logged .quote-toolbar,
body.is-logged .pro-filterbar,
body.is-logged .report-filter,
body.is-logged .customer-filterbar,
body.is-logged .global-search-box,
body.is-logged .ledger-top-panel{
  background:linear-gradient(135deg,color-mix(in srgb,var(--card) 92%,var(--button-bg) 8%),color-mix(in srgb,var(--card) 88%,var(--bg) 12%))!important;
  border-color:var(--theme-line)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.10), inset 0 0 0 1px rgba(255,255,255,.10)!important;
}
body.is-logged .inside-page-submenu button,
body.is-logged .crm-tabs button,
body.is-logged .report-tabs button,
body.is-logged .finance-tabs button,
body.is-logged .invoice-tabs button,
body.is-logged .follow-tabs button{
  background:linear-gradient(135deg,color-mix(in srgb,var(--card) 82%,var(--button-bg) 18%),color-mix(in srgb,var(--card) 92%,var(--bg) 8%))!important;
  color:var(--text)!important;
  border:1px solid color-mix(in srgb,var(--button-bg) 34%,transparent)!important;
  box-shadow:none!important;
}
body.is-logged .inside-page-submenu button:hover,
body.is-logged .crm-tabs button:hover,
body.is-logged .report-tabs button:hover,
body.is-logged .finance-tabs button:hover,
body.is-logged .invoice-tabs button:hover,
body.is-logged .follow-tabs button:hover{
  background:linear-gradient(135deg,color-mix(in srgb,var(--button-bg) 25%,var(--card) 75%),color-mix(in srgb,var(--button-bg) 12%,var(--card) 88%))!important;
  border-color:color-mix(in srgb,var(--button-bg) 58%,transparent)!important;
}
body.is-logged .crm-tabs button.active,
body.is-logged .report-tabs button.active,
body.is-logged .finance-tabs button.active,
body.is-logged .invoice-tabs button.active,
body.is-logged .follow-tabs button.active{
  background:linear-gradient(135deg,var(--button-bg),color-mix(in srgb,var(--button-bg) 82%,#000 18%))!important;
  color:var(--button-text)!important;
  border-color:color-mix(in srgb,var(--button-bg) 70%,#fff 30%)!important;
}
body.is-logged .menu-btn.active{
  background:linear-gradient(135deg,var(--button-bg),color-mix(in srgb,var(--button-bg) 84%,#000 16%))!important;
  color:var(--button-text)!important;
  border-color:color-mix(in srgb,var(--button-bg) 70%,#ffffff 30%)!important;
  box-shadow:0 14px 32px color-mix(in srgb,var(--button-bg) 24%,transparent), inset 4px 0 0 var(--gold)!important;
}
body.is-logged .top-new,
body.is-logged .btn-green,
body.is-logged .settings-savebar button:first-child{
  background:linear-gradient(135deg,var(--button-bg),color-mix(in srgb,var(--button-bg) 80%,#000 20%))!important;
  color:var(--button-text)!important;
}
body.is-logged .card,
body.is-logged .card-lite,
body.is-logged .stat,
body.is-logged .table-wrap,
body.is-logged .register-card,
body.is-logged .invoice-pro-card,
body.is-logged .quote-pro-card,
body.is-logged .customer-pro-card,
body.is-logged .owner-panel,
body.is-logged .dashboard-panel,
body.is-logged .finance-panel,
body.is-logged .health-card,
body.is-logged .theme-control-panel,
body.is-logged .brand-preview-panel{
  border-color:color-mix(in srgb,var(--button-bg) 18%,#d7e3f2 82%)!important;
}
body.is-logged.theme-dark .inside-page-submenu,
body.is-logged.theme-dark .register-toolbar,
body.is-logged.theme-dark .quote-toolbar,
body.is-logged.theme-dark .pro-filterbar,
body.is-logged.theme-dark .report-filter,
body.is-logged.theme-dark .customer-filterbar,
body.is-logged.theme-dark .global-search-box,
body.is-logged.theme-dark .ledger-top-panel,
body.is-logged.theme-dark .card,
body.is-logged.theme-dark .card-lite,
body.is-logged.theme-dark .stat,
body.is-logged.theme-dark .table-wrap,
body.is-logged.theme-dark .register-card,
body.is-logged.theme-dark .invoice-pro-card,
body.is-logged.theme-dark .quote-pro-card,
body.is-logged.theme-dark .customer-pro-card,
body.is-logged.theme-dark .owner-panel,
body.is-logged.theme-dark .dashboard-panel,
body.is-logged.theme-dark .finance-panel,
body.is-logged.theme-dark .health-card,
body.is-logged.theme-dark .theme-control-panel,
body.is-logged.theme-dark .brand-preview-panel{
  background:linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,#ffffff 8%),color-mix(in srgb,var(--card) 80%,#000 20%))!important;
  color:var(--text)!important;
  border-color:color-mix(in srgb,var(--button-bg) 28%,transparent)!important;
}
body.is-logged.theme-dark input,
body.is-logged.theme-dark select,
body.is-logged.theme-dark textarea,
body.is-logged.theme-dark .table td,
body.is-logged.theme-dark .item-row{
  background:color-mix(in srgb,var(--card) 78%,#ffffff 8%)!important;
  color:var(--text)!important;
  border-color:color-mix(in srgb,var(--button-bg) 24%,transparent)!important;
}
body.is-logged.theme-dark .table th,
body.is-logged.theme-dark .item-head,
body.is-logged.theme-dark .purchase-head,
body.is-logged.theme-dark .po-head{
  background:linear-gradient(135deg,var(--button-bg),color-mix(in srgb,var(--button-bg) 65%,var(--navy) 35%))!important;
  color:var(--button-text)!important;
  border-bottom-color:var(--gold)!important;
}
body.is-logged .theme-presets button:nth-child(1){
  background:linear-gradient(135deg,#0ea5e9,#22c55e)!important;
  color:#ffffff!important;
}
body.is-logged .theme-live-preview{
  background:linear-gradient(135deg,color-mix(in srgb,var(--button-bg) 18%,var(--card) 82%),color-mix(in srgb,var(--gold) 10%,var(--card) 90%))!important;
  color:var(--text)!important;
  border:1px solid color-mix(in srgb,var(--button-bg) 34%,transparent)!important;
}
body.is-logged .theme-live-preview button{
  background:linear-gradient(135deg,var(--button-bg),color-mix(in srgb,var(--button-bg) 80%,#000 20%))!important;
  color:var(--button-text)!important;
}
@media (min-width:1001px){
  body.is-logged[data-theme-density="compact"] .topbar{height:64px!important;padding-top:8px!important;padding-bottom:8px!important;}
  body.is-logged[data-theme-density="compact"] .content{padding-top:20px!important;}
}


/* V367.46.5.31 Branding Theme Clean + Health UX Polish
   UI-only. Keeps Branding / Theme Control dynamic, but fixes old light/washed G Bit theme fallback.
   Also styles Backup page health shortcut and WhatsApp auto-send note. */
body.is-logged[data-biz-theme="gbit"].theme-dark{
  --navy:#031426;
  --topbar-bg:#051b33;
  --bg:#07111f;
  --card:#0f2137;
  --button-bg:#0ea5e9;
  --gold:#22c55e;
  --gold2:#22c55e;
  --text:#eaf6ff;
  --sidebar-text:#eef8ff;
  --topbar-text:#eef8ff;
  --button-text:#ffffff;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .app,
body.is-logged[data-biz-theme="gbit"].theme-dark .main-shell{
  background:
    radial-gradient(circle at 22% 0%,rgba(14,165,233,.24),transparent 0 20%,transparent 42%),
    radial-gradient(circle at 90% 70%,rgba(34,197,94,.13),transparent 0 22%,transparent 45%),
    linear-gradient(135deg,#07111f 0%,#031426 50%,#04111f 100%)!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .topbar,
body.is-logged[data-biz-theme="gbit"].theme-dark .app-topbar-pro{
  background:linear-gradient(135deg,rgba(3,20,38,.98),rgba(5,34,64,.94))!important;
  border-bottom:1px solid rgba(14,165,233,.30)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.34)!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .business-select,
body.is-logged[data-biz-theme="gbit"].theme-dark .user-pill{
  background:rgba(255,255,255,.06)!important;
  color:#eef8ff!important;
  border:1px solid rgba(14,165,233,.28)!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .business-select option{background:#ffffff!important;color:#071527!important;}
body.is-logged[data-biz-theme="gbit"].theme-dark .top-new,
body.is-logged[data-biz-theme="gbit"].theme-dark .menu-btn.active,
body.is-logged[data-biz-theme="gbit"].theme-dark .crm-tabs button.active,
body.is-logged[data-biz-theme="gbit"].theme-dark .report-tabs button.active,
body.is-logged[data-biz-theme="gbit"].theme-dark .finance-tabs button.active,
body.is-logged[data-biz-theme="gbit"].theme-dark .invoice-tabs button.active,
body.is-logged[data-biz-theme="gbit"].theme-dark .follow-tabs button.active,
body.is-logged[data-biz-theme="gbit"].theme-dark button:not(.btn-red):not(.danger):not(.logout):not(.app-logout-btn):not(.modal-close):not(.btn-green):not(.btn-dark):not(.btn-ghost){
  background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;
  color:#ffffff!important;
  border-color:rgba(14,165,233,.45)!important;
  box-shadow:0 14px 30px rgba(14,165,233,.20)!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .btn-green,
body.is-logged[data-biz-theme="gbit"].theme-dark .settings-savebar button:first-child{
  background:linear-gradient(135deg,#16a34a,#0f9f5f)!important;
  color:#ffffff!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .sidebar{
  background:linear-gradient(180deg,#031426 0%,#041b33 54%,#06172b 100%)!important;
  border-right:1px solid rgba(34,197,94,.26)!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .side-badge{
  color:#d9ffe9!important;
  background:rgba(34,197,94,.14)!important;
  border-color:rgba(34,197,94,.45)!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .menu-group,
body.is-logged[data-biz-theme="gbit"].theme-dark .page-line{
  color:#22c55e!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .card,
body.is-logged[data-biz-theme="gbit"].theme-dark .card-lite,
body.is-logged[data-biz-theme="gbit"].theme-dark .stat,
body.is-logged[data-biz-theme="gbit"].theme-dark .register-card,
body.is-logged[data-biz-theme="gbit"].theme-dark .table-wrap,
body.is-logged[data-biz-theme="gbit"].theme-dark .totalbox,
body.is-logged[data-biz-theme="gbit"].theme-dark .fast-box,
body.is-logged[data-biz-theme="gbit"].theme-dark .modal-card,
body.is-logged[data-biz-theme="gbit"].theme-dark .owner-panel,
body.is-logged[data-biz-theme="gbit"].theme-dark .dashboard-panel,
body.is-logged[data-biz-theme="gbit"].theme-dark .finance-panel,
body.is-logged[data-biz-theme="gbit"].theme-dark .health-card{
  background:linear-gradient(145deg,rgba(15,33,55,.98),rgba(9,25,44,.96))!important;
  color:#eaf6ff!important;
  border:1px solid rgba(14,165,233,.22)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.045)!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .page-head h1,
body.is-logged[data-biz-theme="gbit"].theme-dark label,
body.is-logged[data-biz-theme="gbit"].theme-dark .stat b,
body.is-logged[data-biz-theme="gbit"].theme-dark .register-card b,
body.is-logged[data-biz-theme="gbit"].theme-dark .card h2,
body.is-logged[data-biz-theme="gbit"].theme-dark .card h3{
  color:#f8fbff!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .hint,
body.is-logged[data-biz-theme="gbit"].theme-dark .savebar,
body.is-logged[data-biz-theme="gbit"].theme-dark .register-toolbar,
body.is-logged[data-biz-theme="gbit"].theme-dark .pro-filterbar,
body.is-logged[data-biz-theme="gbit"].theme-dark .quote-toolbar,
body.is-logged[data-biz-theme="gbit"].theme-dark .report-filter,
body.is-logged[data-biz-theme="gbit"].theme-dark .customer-filterbar,
body.is-logged[data-biz-theme="gbit"].theme-dark .global-search-box,
body.is-logged[data-biz-theme="gbit"].theme-dark .ledger-top-panel,
body.is-logged[data-biz-theme="gbit"].theme-dark .inside-page-submenu{
  background:linear-gradient(135deg,rgba(15,33,55,.88),rgba(7,21,38,.92))!important;
  color:#dcefff!important;
  border:1px solid rgba(14,165,233,.20)!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark input,
body.is-logged[data-biz-theme="gbit"].theme-dark select,
body.is-logged[data-biz-theme="gbit"].theme-dark textarea,
body.is-logged[data-biz-theme="gbit"].theme-dark .table td,
body.is-logged[data-biz-theme="gbit"].theme-dark .item-row{
  background:rgba(255,255,255,.06)!important;
  color:#eef8ff!important;
  border-color:rgba(14,165,233,.20)!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark input::placeholder,
body.is-logged[data-biz-theme="gbit"].theme-dark textarea::placeholder{color:rgba(234,246,255,.62)!important;}
body.is-logged[data-biz-theme="gbit"].theme-dark .table th,
body.is-logged[data-biz-theme="gbit"].theme-dark .item-head,
body.is-logged[data-biz-theme="gbit"].theme-dark .purchase-head,
body.is-logged[data-biz-theme="gbit"].theme-dark .po-head{
  background:linear-gradient(135deg,#031426,#0b3158)!important;
  border-bottom-color:#22c55e!important;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .hero,
body.is-logged[data-biz-theme="gbit"].theme-dark .owner-dash-hero,
body.is-logged[data-biz-theme="gbit"].theme-dark .dash-pro-header,
body.is-logged[data-biz-theme="gbit"].theme-dark .global-search-hero,
body.is-logged[data-biz-theme="gbit"].theme-dark .followup-hero,
body.is-logged[data-biz-theme="gbit"].theme-dark .customer-ledger-hero,
body.is-logged[data-biz-theme="gbit"].theme-dark .backup-command-card{
  background:
    radial-gradient(circle at 88% 18%,rgba(34,197,94,.18),transparent 0 22%,transparent 42%),
    linear-gradient(135deg,#031426,#0b3158 72%,#04111f)!important;
  color:#ffffff!important;
  border:1px solid rgba(14,165,233,.28)!important;
  border-bottom:3px solid #22c55e!important;
}
.backup-command-card{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  border-radius:20px;padding:18px 22px;margin:0 0 16px;
}
.backup-command-card span,.followup-hero span{font-weight:950;letter-spacing:.12em;font-size:11px;color:#22c55e!important;text-transform:uppercase;}
.backup-command-card h2{margin:4px 0 5px;font-size:24px;color:inherit!important;}
.backup-command-card p{margin:0;color:inherit;opacity:.86;font-weight:800;}
.backup-command-card button{white-space:nowrap;}
.auto-wa-note{
  margin:12px 0 16px;padding:13px 16px;border-radius:16px;
  background:color-mix(in srgb,var(--button-bg) 10%,var(--card) 90%);
  color:var(--text);border:1px solid color-mix(in srgb,var(--button-bg) 28%,transparent);
  font-weight:850;
}
body.is-logged[data-biz-theme="gbit"].theme-dark .auto-wa-note{
  background:rgba(14,165,233,.09)!important;color:#dcefff!important;border-color:rgba(14,165,233,.24)!important;
}
@media(max-width:820px){.backup-command-card{display:block}.backup-command-card button{width:100%;margin-top:12px}}


/* V367.46.5.32 Branding Theme Real Save + Home Match Fix
   Fixes: theme colours saved from Branding page must stay exactly as selected.
   Removes the feeling of fixed/restoring colour. UI-only. */
body.is-logged{
  background:var(--erp-bg)!important;
  color:var(--erp-text)!important;
}
body.is-logged .app,
body.is-logged .main-shell{
  background:
    radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--erp-button) 22%,transparent),transparent 0 22%,transparent 45%),
    radial-gradient(circle at 90% 70%,color-mix(in srgb,var(--erp-accent) 12%,transparent),transparent 0 22%,transparent 45%),
    linear-gradient(135deg,var(--erp-bg),color-mix(in srgb,var(--erp-bg) 82%,#000 18%))!important;
}
body.is-logged .sidebar{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--erp-sidebar) 96%,#fff 4%),color-mix(in srgb,var(--erp-sidebar) 82%,#000 18%))!important;
  color:var(--erp-sidebar-text)!important;
  border-right:1px solid color-mix(in srgb,var(--erp-accent) 26%,transparent)!important;
}
body.is-logged .side-title,
body.is-logged .side-subtitle,
body.is-logged .sidebar small,
body.is-logged .sidebar .menu-btn{color:var(--erp-sidebar-text)!important;}
body.is-logged .side-badge{
  background:color-mix(in srgb,var(--erp-accent) 14%,transparent)!important;
  border-color:color-mix(in srgb,var(--erp-accent) 42%,transparent)!important;
  color:var(--erp-sidebar-text)!important;
  box-shadow:none!important;
}
body.is-logged .menu-group{
  color:color-mix(in srgb,var(--erp-accent) 84%,var(--erp-sidebar-text) 16%)!important;
  text-shadow:none!important;
}
body.is-logged .menu-btn{
  background:color-mix(in srgb,var(--erp-sidebar) 78%,#ffffff 10%)!important;
  color:var(--erp-sidebar-text)!important;
  border-color:color-mix(in srgb,var(--erp-accent) 16%,transparent)!important;
  box-shadow:none!important;
}
body.is-logged .menu-btn.active,
body.is-logged .menu-btn:hover{
  background:linear-gradient(135deg,var(--erp-button),color-mix(in srgb,var(--erp-button) 78%,#000 22%))!important;
  color:var(--erp-button-text)!important;
  border-color:color-mix(in srgb,var(--erp-button) 64%,#ffffff 22%)!important;
  box-shadow:0 14px 32px color-mix(in srgb,var(--erp-button) 20%,transparent)!important;
}
body.is-logged .topbar,
body.is-logged .app-topbar-pro{
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--erp-topbar) 96%,#ffffff 4%),color-mix(in srgb,var(--erp-topbar) 88%,#000 12%))!important;
  color:var(--erp-topbar-text)!important;
  border-bottom:1px solid color-mix(in srgb,var(--erp-button) 22%,transparent)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
}
body.is-logged .topbar .brand-mini b,
body.is-logged .topbar .brand-mini small,
body.is-logged .topbar .user-pill b,
body.is-logged .topbar .user-pill small{color:var(--erp-topbar-text)!important;}
body.is-logged .business-select,
body.is-logged .user-pill,
body.is-logged .brand-mini{
  background:color-mix(in srgb,var(--erp-card) 76%,var(--erp-topbar) 24%)!important;
  color:var(--erp-text)!important;
  border:1px solid color-mix(in srgb,var(--erp-button) 18%,#d7e3f2 82%)!important;
}
body.is-logged .business-select option{background:#ffffff!important;color:#071527!important;}
body.is-logged .top-new,
body.is-logged .app-menu-btn,
body.is-logged .hamb,
body.is-logged button:not(.btn-red):not(.danger):not(.logout):not(.app-logout-btn):not(.modal-close):not(.btn-green):not(.btn-dark):not(.btn-ghost){
  background:linear-gradient(135deg,var(--erp-button),color-mix(in srgb,var(--erp-button) 82%,#000 18%))!important;
  color:var(--erp-button-text)!important;
  border-color:color-mix(in srgb,var(--erp-button) 36%,transparent)!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--erp-button) 16%,transparent)!important;
}
body.is-logged .btn-green,
body.is-logged .settings-savebar button:first-child{
  background:linear-gradient(135deg,var(--erp-accent),color-mix(in srgb,var(--erp-accent) 82%,#000 18%))!important;
  color:var(--accent-text)!important;
}
body.is-logged .btn-dark,
body.is-logged .crm-tabs button.active,
body.is-logged .report-tabs button.active,
body.is-logged .finance-tabs button.active,
body.is-logged .invoice-tabs button.active,
body.is-logged .follow-tabs button.active{
  background:linear-gradient(135deg,var(--erp-button),color-mix(in srgb,var(--erp-button) 82%,#000 18%))!important;
  color:var(--erp-button-text)!important;
  border-color:color-mix(in srgb,var(--erp-button) 42%,transparent)!important;
}
body.is-logged .card,
body.is-logged .card-lite,
body.is-logged .stat,
body.is-logged .table-wrap,
body.is-logged .register-card,
body.is-logged .invoice-pro-card,
body.is-logged .quote-pro-card,
body.is-logged .customer-pro-card,
body.is-logged .owner-panel,
body.is-logged .dashboard-panel,
body.is-logged .finance-panel,
body.is-logged .health-card,
body.is-logged .totalbox,
body.is-logged .fast-box,
body.is-logged .modal-card,
body.is-logged .theme-control-panel,
body.is-logged .brand-preview-panel{
  background:linear-gradient(145deg,color-mix(in srgb,var(--erp-card) 96%,#fff 4%),color-mix(in srgb,var(--erp-card) 88%,#000 12%))!important;
  color:var(--erp-text)!important;
  border:1px solid color-mix(in srgb,var(--erp-button) 18%,#d7e3f2 82%)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.14), inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
body.is-logged .page-head h1,
body.is-logged .card h2,
body.is-logged .card h3,
body.is-logged .card-lite h2,
body.is-logged label,
body.is-logged .stat b,
body.is-logged .register-card b,
body.is-logged .global-result-card b,
body.is-logged .follow-card b{color:var(--erp-text)!important;}
body.is-logged .page-line{
  background:linear-gradient(90deg,var(--erp-accent),color-mix(in srgb,var(--erp-button) 44%,transparent),transparent)!important;
}
body.is-logged .hint,
body.is-logged .savebar,
body.is-logged .inside-page-submenu,
body.is-logged .register-toolbar,
body.is-logged .quote-toolbar,
body.is-logged .pro-filterbar,
body.is-logged .report-filter,
body.is-logged .customer-filterbar,
body.is-logged .global-search-box,
body.is-logged .ledger-top-panel,
body.is-logged .auto-wa-note{
  background:linear-gradient(135deg,color-mix(in srgb,var(--erp-card) 88%,var(--erp-button) 12%),color-mix(in srgb,var(--erp-card) 92%,var(--erp-bg) 8%))!important;
  color:var(--erp-text)!important;
  border:1px solid color-mix(in srgb,var(--erp-button) 18%,transparent)!important;
}
body.is-logged .inside-page-submenu button,
body.is-logged .crm-tabs button,
body.is-logged .report-tabs button,
body.is-logged .finance-tabs button,
body.is-logged .invoice-tabs button,
body.is-logged .follow-tabs button,
body.is-logged .btn-ghost{
  background:color-mix(in srgb,var(--erp-card) 86%,var(--erp-button) 14%)!important;
  color:var(--erp-text)!important;
  border:1px solid color-mix(in srgb,var(--erp-button) 22%,transparent)!important;
  box-shadow:none!important;
}
body.is-logged .hero,
body.is-logged .owner-dash-hero,
body.is-logged .dash-pro-header,
body.is-logged .global-search-hero,
body.is-logged .followup-hero,
body.is-logged .customer-ledger-hero,
body.is-logged .backup-command-card{
  background:
    radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--erp-accent) 18%,transparent),transparent 0 22%,transparent 42%),
    linear-gradient(135deg,var(--erp-sidebar),color-mix(in srgb,var(--erp-button) 28%,var(--erp-sidebar) 72%))!important;
  color:var(--erp-sidebar-text)!important;
  border:1px solid color-mix(in srgb,var(--erp-button) 26%,transparent)!important;
  border-bottom:3px solid var(--erp-accent)!important;
}
body.is-logged .hero h2,
body.is-logged .owner-dash-hero h2,
body.is-logged .dash-pro-header h2,
body.is-logged .global-search-hero h2,
body.is-logged .followup-hero h2,
body.is-logged .hero p,
body.is-logged .owner-dash-hero p,
body.is-logged .dash-pro-header p,
body.is-logged .global-search-hero p,
body.is-logged .followup-hero p{color:var(--erp-sidebar-text)!important;}
body.is-logged input,
body.is-logged select,
body.is-logged textarea,
body.is-logged .table td,
body.is-logged .item-row{
  background:color-mix(in srgb,var(--erp-card) 86%,#ffffff 14%)!important;
  color:var(--erp-text)!important;
  border-color:color-mix(in srgb,var(--erp-button) 18%,#d7e3f2 82%)!important;
}
body.is-logged input:focus,
body.is-logged select:focus,
body.is-logged textarea:focus{border-color:var(--erp-button)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--erp-button) 16%,transparent)!important;}
body.is-logged .table th,
body.is-logged .item-head,
body.is-logged .purchase-head,
body.is-logged .po-head{
  background:linear-gradient(135deg,var(--erp-sidebar),color-mix(in srgb,var(--erp-button) 28%,var(--erp-sidebar) 72%))!important;
  color:var(--erp-sidebar-text)!important;
  border-bottom-color:var(--erp-accent)!important;
}
body.is-logged.theme-light .topbar,
body.is-logged.theme-light .app-topbar-pro{
  box-shadow:0 8px 24px rgba(8,21,41,.08)!important;
}

/* V367.46.5.34 WhatsApp Reminder Dedup Clean Fix */
.wa-tools-hero{border-bottom-color:var(--erp-accent,#22c55e)!important;}
.wa-tool-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:14px 0 16px;}
.wa-tool-grid button{min-height:92px;text-align:left;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(239,247,255,.94));border:1px solid var(--erp-border,#d9e6f3);box-shadow:0 12px 26px rgba(6,23,43,.08);padding:14px;color:var(--erp-text,#06172b);}
.wa-tool-grid button b{display:block;font-size:15px;margin-bottom:6px;color:var(--erp-text,#06172b);}
.wa-tool-grid button small{display:block;font-weight:800;line-height:1.25;color:var(--erp-muted,#64748b);}
.wa-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.24);border-radius:16px;padding:12px 14px;margin-bottom:10px;}
.wa-list-head b{font-size:16px;color:var(--erp-text,#06172b);}
.wa-list-head span{color:var(--erp-muted,#64748b);font-weight:850;}
.wa-follow-card{border-left-color:var(--erp-accent,#22c55e)!important;}
.wa-kind{display:inline-block!important;width:max-content;margin-top:6px!important;padding:3px 8px;border-radius:999px;background:rgba(37,99,235,.10);color:var(--erp-primary,#2563eb)!important;font-size:10px!important;letter-spacing:.08em;}
body.is-logged.theme-dark .wa-tool-grid button,
body.is-logged[data-biz-theme="gbit"].theme-dark .wa-tool-grid button{background:linear-gradient(145deg,rgba(15,31,52,.96),rgba(7,24,43,.92));border-color:rgba(124,186,255,.22);color:var(--erp-sidebar-text,#eaf4ff);}
body.is-logged.theme-dark .wa-tool-grid button b,
body.is-logged[data-biz-theme="gbit"].theme-dark .wa-tool-grid button b{color:var(--erp-sidebar-text,#fff);}
body.is-logged.theme-dark .wa-tool-grid button small,
body.is-logged[data-biz-theme="gbit"].theme-dark .wa-tool-grid button small{color:rgba(234,244,255,.78);}
body.is-logged.theme-dark .wa-list-head,
body.is-logged[data-biz-theme="gbit"].theme-dark .wa-list-head{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.30);}
body.is-logged.theme-dark .wa-list-head b,
body.is-logged[data-biz-theme="gbit"].theme-dark .wa-list-head b{color:var(--erp-sidebar-text,#fff);}
body.is-logged.theme-dark .wa-list-head span,
body.is-logged[data-biz-theme="gbit"].theme-dark .wa-list-head span{color:rgba(234,244,255,.76);}
@media(max-width:1180px){.wa-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.wa-tool-grid{grid-template-columns:1fr}.wa-list-head{display:block}.wa-list-head span{display:block;margin-top:4px}.wa-tool-grid button{min-height:auto}}


/* V367.46.5.34 WhatsApp reminder clean width */
.wa-tool-grid{grid-template-columns:repeat(4,minmax(210px,1fr));}
@media(max-width:900px){.wa-tool-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.wa-tool-grid{grid-template-columns:1fr;}}

/* V367.46.5.35 Clean Compact Login Page + Clean Package
   Purpose: ERP login should be premium but not a landing page.
   UI-only: no login/auth/billing/purchase/report/database logic changed. */
body.is-login{overflow:hidden!important;background:#020915!important;}
body.is-login #loginView{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow:hidden!important;}
body.is-login .login-view.login-2026{
  background:
    radial-gradient(circle at 34% 20%,rgba(37,118,255,.30),transparent 0 18%,transparent 35%),
    radial-gradient(circle at 84% 78%,rgba(28,90,190,.20),transparent 0 22%,transparent 42%),
    linear-gradient(115deg,#020713 0%,#051123 52%,#061a36 100%)!important;
}
body.is-login .login2026-bg-orb.orb-a{width:360px!important;height:360px!important;left:36%!important;top:7%!important;opacity:.54!important;}
body.is-login .login2026-bg-orb.orb-b{width:260px!important;height:260px!important;right:10%!important;bottom:8%!important;opacity:.38!important;}
body.is-login .login2026-shell{
  width:min(1180px,calc(100vw - 44px))!important;
  height:min(620px,calc(100dvh - 42px))!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(420px,1fr) minmax(380px,430px)!important;
  gap:38px!important;
  align-items:center!important;
  padding:36px 44px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(112deg,rgba(4,18,42,.94),rgba(3,12,30,.86))!important;
  border:1px solid rgba(86,156,255,.24)!important;
  box-shadow:0 30px 95px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
body.is-login .login2026-shell:before{width:410px!important;height:230px!important;left:-105px!important;bottom:-120px!important;opacity:.85!important;}
body.is-login .login2026-shell:after{width:520px!important;height:210px!important;opacity:.22!important;}
body.is-login .login2026-hero{padding:0!important;}
body.is-login .login2026-brandrow{gap:16px!important;margin-bottom:22px!important;}
body.is-login .login2026-mark{width:62px!important;height:62px!important;border-radius:17px!important;padding:14px!important;}
body.is-login .login2026-mark i{width:8px!important;}
body.is-login .login2026-mark i:nth-child(1){height:18px!important;}body.is-login .login2026-mark i:nth-child(2){height:30px!important;}body.is-login .login2026-mark i:nth-child(3){height:42px!important;}
body.is-login .login2026-title{font-size:30px!important;letter-spacing:.14em!important;}
body.is-login .login2026-subtitle{font-size:11px!important;letter-spacing:.28em!important;margin-top:7px!important;}
body.is-login .login2026-goldline{width:52px!important;height:2px!important;margin:0 0 18px!important;}
body.is-login .login2026-hero h1{font-size:48px!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:0!important;}
body.is-login .login2026-lead{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin:18px 0 22px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(104,171,255,.24)!important;
  background:rgba(11,31,65,.64)!important;
  color:#dceaff!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}
body.is-login .login2026-pills,
body.is-login .login2026-benefits,
body.is-login .login2026-footer{display:none!important;}
body.is-login .login2026-showcase,
body.is-login .login2026-showcase-clean{
  width:min(520px,100%)!important;
  min-height:112px!important;
  margin:0!important;
  padding:14px 18px!important;
  gap:14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(12,35,74,.78),rgba(5,19,44,.74))!important;
  border:1px solid rgba(91,160,255,.22)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.20), inset 0 0 18px rgba(66,142,255,.06)!important;
}
body.is-login .login2026-divider{height:78px!important;background:linear-gradient(180deg,transparent,rgba(129,176,255,.28),transparent)!important;}
body.is-login .login2026-logoBox.gbit img{max-width:210px!important;max-height:84px!important;}
body.is-login .login2026-logoBox.twc img{max-width:185px!important;max-height:86px!important;}
body.is-login .login-2026 .login2026-card.login-card-pro{
  width:min(430px,100%)!important;
  padding:30px 34px 28px!important;
  border-radius:24px!important;
  min-height:0!important;
  background:linear-gradient(180deg,rgba(20,48,98,.78),rgba(7,23,55,.74))!important;
  border:1px solid rgba(105,172,255,.38)!important;
  box-shadow:0 30px 82px rgba(0,0,0,.38),inset 0 0 34px rgba(48,125,255,.08)!important;
}
body.is-login .login2026-lock{width:52px!important;height:52px!important;font-size:22px!important;margin:0 auto 13px!important;}
body.is-login .login2026-formtag{font-size:10px!important;letter-spacing:.30em!important;margin-bottom:10px!important;}
body.is-login .login-2026 .login2026-card h2{font-size:31px!important;line-height:1.05!important;}
body.is-login .login2026-smallline{width:48px!important;margin:12px auto 10px!important;}
body.is-login .login-2026 .login2026-card p{font-size:13px!important;margin:0 0 18px!important;}
body.is-login .login2026-form>label{font-size:12.5px!important;margin:0 0 6px!important;}
body.is-login .login2026-field{min-height:46px!important;margin:0 0 14px!important;padding:0 12px!important;border-radius:12px!important;grid-template-columns:26px 1fr auto!important;}
body.is-login .login2026-field input{height:44px!important;font-size:14.5px!important;background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important;padding:0 8px!important;}
body.is-login .login2026-field input::placeholder{color:#9db7da!important;}
body.is-login .login2026-eye{width:28px!important;height:28px!important;font-size:14px!important;}
body.is-login .login2026-rowline{margin:-2px 0 16px!important;}
body.is-login .login2026-check,
body.is-login .login2026-rowline a{font-size:12.5px!important;}
body.is-login .login-2026 .login2026-submit{height:50px!important;border-radius:13px!important;font-size:15.5px!important;background:linear-gradient(135deg,#2d8bff,#205bea)!important;color:#fff!important;}
body.is-login .login2026-secure{font-size:11.5px!important;margin-top:15px!important;padding-top:14px!important;color:#a9c0df!important;}
@media(max-width:1020px){
  body.is-login{overflow:auto!important;}
  body.is-login #loginView{position:relative!important;min-height:100dvh!important;padding:0!important;overflow:auto!important;}
  body.is-login .login2026-shell{width:100%!important;height:auto!important;min-height:100dvh!important;border-radius:0!important;border:0!important;grid-template-columns:1fr!important;gap:22px!important;padding:26px 18px!important;}
  body.is-login .login2026-hero{text-align:center!important;}
  body.is-login .login2026-brandrow{justify-content:center!important;margin-bottom:18px!important;}
  body.is-login .login2026-goldline{margin-left:auto!important;margin-right:auto!important;}
  body.is-login .login2026-hero h1{font-size:38px!important;}
  body.is-login .login2026-lead{margin:14px auto 16px!important;font-size:12.5px!important;display:inline-flex!important;white-space:normal!important;}
  body.is-login .login2026-showcase{margin:0 auto!important;width:min(420px,100%)!important;min-height:90px!important;padding:12px!important;}
  body.is-login .login2026-logoBox.gbit img{max-width:170px!important;max-height:66px!important;}
  body.is-login .login2026-logoBox.twc img{max-width:150px!important;max-height:68px!important;}
  body.is-login .login2026-divider{height:62px!important;}
  body.is-login .login-2026 .login2026-card.login-card-pro{width:min(400px,100%)!important;margin:0 auto!important;padding:26px 20px 22px!important;}
}
@media(max-width:520px){
  body.is-login .login2026-showcase{grid-template-columns:1fr!important;gap:8px!important;}
  body.is-login .login2026-divider{display:none!important;}
  body.is-login .login2026-logoBox.gbit img{max-width:190px!important;}
  body.is-login .login2026-logoBox.twc img{max-width:170px!important;}
  body.is-login .login2026-rowline{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;}
}

/* V367.46.5.39 Reset Popup Clean UI Fix
   Purpose: owner reset must be functional but not look like a big banner. */
.login2026-forgot{
  border:0;background:transparent;color:#82b8ff;font-weight:900;cursor:pointer;padding:0;
  font:inherit;text-decoration:none;line-height:1.2;
}
.login2026-forgot:hover{color:#ffffff;text-decoration:underline}
.login-forgot-modal{max-width:520px;color:#06172b}
.login-forgot-modal h2{margin:0 0 10px;font-size:24px;font-weight:950;color:#06172b}
.login-forgot-modal p{margin:8px 0 12px;color:#475569;font-weight:700;line-height:1.5}
.forgot-steps{background:#f8fafc;border:1px solid #dbeafe;border-radius:16px;padding:14px 16px;color:#0f2747;font-weight:800;line-height:1.55}
.forgot-user{background:#eff6ff;border-radius:12px;padding:9px 12px;color:#123456!important}
.forgot-ok{width:100%;margin-top:14px;border:0}
body.is-login .modal{z-index:99999;background:rgba(2,6,23,.68);backdrop-filter:blur(10px)}
body.is-login .modal-card{border-radius:24px;border:1px solid rgba(96,165,250,.30);box-shadow:0 30px 90px rgba(0,0,0,.40)}

.login-reset-live label{display:block;margin:10px 0 5px;color:#0f2747;font-weight:950;font-size:12px}
.login-reset-live input{width:100%;height:42px;border-radius:12px;border:1px solid #c7d2fe;background:#f8fafc;color:#071a33;font-weight:800;padding:0 12px;box-sizing:border-box;outline:none}
.login-reset-live input:focus{border-color:#2f7cff;box-shadow:0 0 0 3px rgba(47,124,255,.14)}
.login-reset-live .compact{font-size:13px;padding:12px 14px;margin-bottom:8px}
.reset-msg{min-height:20px;margin:8px 0 0;font-weight:900;color:#ef4444}
.forgot-cancel{width:100%;margin-top:8px;border:0;border-radius:12px;background:#eef2ff;color:#0f2747;font-weight:950;height:42px;cursor:pointer}
.forgot-cancel:hover{background:#dbeafe}
body.is-login .login-reset-live .login2026-submit{height:46px!important;margin-top:10px!important;background:linear-gradient(135deg,#2d8bff,#205bea)!important;color:#fff!important}


/* V367.46.5.39 - compact owner reset popup, no big white banner */
body.is-login #modal.login-reset-modal{
  z-index:99999!important;
  background:rgba(1,8,22,.72)!important;
  backdrop-filter:blur(9px)!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
}
body.is-login #modal.login-reset-modal .modal-card{
  width:min(430px,94vw)!important;
  max-width:430px!important;
  max-height:92dvh!important;
  overflow:auto!important;
  border-radius:20px!important;
  padding:20px!important;
  margin:0!important;
  background:linear-gradient(180deg,rgba(16,38,78,.98),rgba(5,18,42,.98))!important;
  color:#eaf2ff!important;
  border:1px solid rgba(96,165,250,.38)!important;
  box-shadow:0 24px 76px rgba(0,0,0,.46), inset 0 0 26px rgba(47,124,255,.10)!important;
}
body.is-login #modal.login-reset-modal .modal-close{
  right:12px!important;
  top:12px!important;
  width:34px!important;
  height:34px!important;
  background:#e11d48!important;
  color:#fff!important;
}
body.is-login .login-reset-compact{color:#eaf2ff!important;padding:2px!important;}
body.is-login .login-reset-compact h2{margin:0 42px 8px 0!important;font-size:22px!important;line-height:1.15!important;color:#fff!important;font-weight:950!important;}
body.is-login .login-reset-compact .reset-short-note{margin:0 0 12px!important;color:#b7c8e6!important;font-size:13px!important;line-height:1.45!important;font-weight:750!important;}
body.is-login .login-reset-compact .reset-key-note{
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(96,165,250,.28)!important;
  background:rgba(16,45,91,.62)!important;
  color:#dcecff!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:850!important;
}
body.is-login .login-reset-compact label{display:block!important;margin:9px 0 5px!important;color:#dbeafe!important;font-weight:900!important;font-size:12px!important;}
body.is-login .login-reset-compact input{
  width:100%!important;height:42px!important;border-radius:12px!important;
  border:1px solid rgba(135,184,255,.35)!important;background:rgba(2,12,29,.48)!important;
  color:#fff!important;font-weight:800!important;padding:0 12px!important;box-shadow:none!important;
}
body.is-login .login-reset-compact input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.18)!important;}
body.is-login .login-reset-compact input::placeholder{color:#89a7d1!important;}
body.is-login .login-reset-compact .reset-msg{min-height:18px;margin:9px 0 0!important;color:#fb7185!important;font-size:12px!important;font-weight:900!important;}
body.is-login .login-reset-compact .reset-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important;}
body.is-login .login-reset-compact .forgot-cancel,
body.is-login .login-reset-compact .forgot-ok{height:43px!important;border-radius:12px!important;margin:0!important;width:100%!important;font-weight:950!important;}
body.is-login .login-reset-compact .forgot-cancel{background:rgba(148,163,184,.16)!important;color:#dbeafe!important;border:1px solid rgba(148,163,184,.25)!important;}
body.is-login .login-reset-compact .forgot-ok{background:linear-gradient(135deg,#2d8bff,#205bea)!important;color:#fff!important;}
@media(max-width:520px){
  body.is-login #modal.login-reset-modal{align-items:flex-start!important;padding:10px!important;}
  body.is-login #modal.login-reset-modal .modal-card{width:100%!important;max-width:100%!important;margin-top:10px!important;padding:17px 14px!important;border-radius:18px!important;}
}


/* V367.46.5.40 Quotation Status WhatsApp Polish */
#quoteStatusWaText{width:100%;resize:vertical;line-height:1.45}

/* V367.46.5.41 - Payment WA receipt, quote reminder and backup safety polish */
.quote-reminder-strip{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 12px;padding:10px;border-radius:16px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.18)}
.quote-reminder-strip button{min-height:38px;padding:8px 14px;border-radius:12px}
#paymentReceiptWaText{width:100%;resize:vertical;line-height:1.45}
.backup-safety-alert{margin:12px 0!important;font-weight:850}
.wa-list-head{margin:12px 0;padding:12px 14px;border-radius:16px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wa-list-head b{font-size:16px}.wa-list-head span{color:#53637a;font-weight:800}