: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}


/* V367.46.5.42 PWA install button - shows only when browser allows install */
.pwa-install-btn{position:fixed;right:18px;bottom:18px;z-index:90;border-radius:999px;background:linear-gradient(135deg,#16a34a,#0f766e)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important;padding:12px 18px!important;font-weight:950!important}
.pwa-install-btn[hidden]{display:none!important}
@media(max-width:720px){.pwa-install-btn{right:14px;bottom:14px;padding:11px 15px!important;font-size:13px!important}}


/* V367.46.5.52 - Final QA smoke test, domain link checker, root cleanup checker */
.pwa-install-btn{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Reports: remove banner-like intro and keep readable clean controls */
.reports-toolbar-clean{background:#ffffff!important;border:1px solid #b8d6ee!important;border-radius:18px!important;padding:14px!important;margin:0 0 14px!important;box-shadow:0 12px 28px rgba(6,23,43,.08)!important;color:#07182c!important}
.reports-range-clean{display:grid!important;grid-template-columns:minmax(160px,220px) minmax(160px,220px) auto auto!important;gap:10px!important;align-items:end!important}
.reports-range-clean label{display:block!important;color:#31435b!important;font-weight:950!important;font-size:12px!important;margin-bottom:5px!important}
.reports-range-clean input{height:42px!important;border-radius:12px!important;border:1px solid #bdd7ec!important;background:#fff!important;color:#07182c!important;font-weight:850!important;padding:0 12px!important;box-sizing:border-box!important}
.report-date-shortcuts-clean{margin:12px 0 0!important;background:#f7fbff!important;box-shadow:none!important}
.clean-report-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.clean-report-menu button,.vyapar-report-menu button{background:#ffffff!important;color:#07182c!important;border:1px solid #b8d6ee!important;border-left:4px solid var(--accent,#0b78b5)!important;box-shadow:0 10px 24px rgba(6,23,43,.06)!important;min-height:56px!important}
.clean-report-menu button b,.vyapar-report-menu button b{color:#07182c!important;font-size:15px!important;margin:0!important;line-height:1.2!important}
.clean-report-menu button span,.vyapar-report-menu button span{display:none!important;color:#31435b!important}
.report-section-title{background:#ffffff!important;color:#07182c!important;border:1px solid #b8d6ee!important;box-shadow:0 8px 22px rgba(6,23,43,.06)!important}
.report-section-title h2{color:#07182c!important}.report-section-title button{background:var(--accent,#0b78b5)!important;color:#fff!important}
.report-panel,.report-card,.reports-command,.stat,.card-lite{color:#07182c!important}.report-card span,.stat span,.card-lite small,.mini-note,.wa-list-head span{color:#475569!important}.report-card b,.stat b,.report-panel h2,.card-lite h2{color:#07182c!important}

/* Recycle: no large hero/banner, compact control only */
.recycle-cleanbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;background:#fff!important;border:1px solid #b8d6ee!important;border-radius:16px!important;padding:12px 14px!important;margin:0 0 14px!important;box-shadow:0 10px 24px rgba(6,23,43,.06)!important;color:#07182c!important}
.recycle-cleanbar span{color:#475569!important;font-weight:850!important}.recycle-cleanbar button{min-height:40px!important;border-radius:12px!important}

/* Calculator popup */
#modal.quote-calc-open{z-index:9999!important;background:rgba(2,8,23,.58)!important;backdrop-filter:blur(8px)!important}
#modal.quote-calc-open .modal-card{width:min(980px,94vw)!important;max-width:980px!important;border-radius:22px!important;background:#f8fbff!important;color:#07182c!important;border:1px solid #bfdbfe!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important;max-height:92vh!important;overflow:auto!important}
.quote-calc-modal h2{margin:0 42px 4px 0!important;color:#07182c!important;font-size:24px!important;font-weight:950!important}.quote-calc-modal h2 small{font-size:12px!important;color:#0b78b5!important}
.quote-calc-modal .calc-note{margin:0 0 14px!important;color:#475569!important;font-weight:800!important}
.calc-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.calc-box{background:#fff!important;border:1px solid #d6e7f8!important;border-radius:16px!important;padding:13px!important;box-shadow:0 8px 20px rgba(6,23,43,.05)!important}.calc-box h3{margin:0 0 10px!important;color:#07182c!important;font-size:16px!important}.calc-box label{display:block!important;margin:8px 0 4px!important;color:#334155!important;font-weight:900!important;font-size:12px!important}.calc-box input,.calc-box select{width:100%!important;height:39px!important;border-radius:11px!important;border:1px solid #c6d9ef!important;background:#fff!important;color:#07182c!important;font-weight:850!important;padding:0 10px!important;box-sizing:border-box!important}.calc-result{margin-top:10px!important;padding:10px 12px!important;border-radius:13px!important;background:#eff6ff!important;color:#0f2747!important;font-weight:850!important;line-height:1.55!important}.calc-result b{color:#07182c!important}.calc-actions{display:flex!important;gap:10px!important;justify-content:flex-end!important;margin-top:14px!important}.calc-actions button{min-height:42px!important;border-radius:12px!important;padding:10px 18px!important}.calc-actions button:first-child{background:var(--accent,#0b78b5)!important;color:#fff!important}
@media(max-width:760px){.reports-range-clean,.calc-grid{grid-template-columns:1fr!important}.clean-report-menu{grid-template-columns:1fr!important}.calc-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.quote-calc-modal h2{font-size:21px!important}}

/* V367.46.5.52 - API structure safety split phase 1: helper APIs moved out of app.php. */

/* V367.46.5.52 - API structure safety split phase 2: master/user/settings/data-safety helpers delegated to modules. */


/* V367.46.5.56 Old Customer Picker */
.customer-picker small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}
.bill-top .bill-wide{grid-column:1 / -1}
.grid3 .customer-picker{grid-column:1 / -1}
.customer-picker select{background:#f8fbff;border-color:#9fc7ff;font-weight:850}
@media(max-width:1000px){.bill-top .bill-wide,.grid3 .customer-picker{grid-column:auto!important}}


/* V367.46.5.57 Customer Name Autocomplete - no separate old customer dropdown */
.customer-picker{display:none!important}
.customer-autocomplete{position:relative!important}
.customer-autocomplete input{background:#fff!important;border-color:#9fc7ff!important;font-weight:850!important}
.cust-suggest{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 6px)!important;z-index:80!important;background:#fff!important;border:1px solid #aad0ff!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(2,23,43,.20)!important;overflow:hidden!important;max-height:280px!important;overflow-y:auto!important;color:#07182c!important}
.cust-suggest button{display:grid!important;grid-template-columns:1fr auto!important;gap:2px 12px!important;width:100%!important;text-align:left!important;border:0!important;border-bottom:1px solid #e2efff!important;background:#fff!important;color:#07182c!important;border-radius:0!important;padding:11px 13px!important;box-shadow:none!important;min-height:auto!important}
.cust-suggest button:hover,.cust-suggest button:focus{background:#eff6ff!important;outline:none!important}
.cust-suggest b{font-size:14px!important;color:#07182c!important}.cust-suggest span{font-size:12px!important;color:#0b78b5!important;font-weight:900!important;justify-self:end!important}.cust-suggest small{grid-column:1 / -1!important;color:#64748b!important;font-weight:800!important;font-size:11px!important}
@media(max-width:760px){.cust-suggest{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:16px!important;max-height:48vh!important}.cust-suggest button{grid-template-columns:1fr!important}.cust-suggest span{justify-self:start!important}}

/* V367.46.5.61 - Quotation / Invoice Terms Helper */
.terms-helper{background:#ffffff!important;border:1px solid #b9d7f0!important;border-radius:16px!important;padding:12px!important;margin:0 0 10px!important;box-shadow:0 8px 22px rgba(6,23,43,.06)!important;color:#07182c!important}
.terms-helper-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:9px!important}
.terms-helper-top b{font-size:15px!important;color:#07182c!important}.terms-helper-top small{display:block!important;color:#52637a!important;font-weight:800!important;margin-top:3px!important}.terms-helper-top button{min-height:34px!important;padding:7px 11px!important;border-radius:10px!important}
.terms-helper-row{display:grid!important;grid-template-columns:minmax(180px,1fr) auto auto auto!important;gap:8px!important;align-items:center!important}.terms-helper-row select{height:40px!important;border-radius:12px!important;border:1px solid #a9ccef!important;background:#f8fbff!important;color:#07182c!important;font-weight:850!important;padding:0 10px!important}.terms-helper-row button{min-height:40px!important;border-radius:12px!important;padding:8px 12px!important}
.terms-chip-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:9px!important}.terms-chip-row button{background:#eff6ff!important;color:#0b5280!important;border:1px solid #b9d7f0!important;box-shadow:none!important;min-height:34px!important;border-radius:999px!important;padding:7px 12px!important;font-size:12px!important;font-weight:950!important}.terms-chip-row button:hover{background:#dff0ff!important}
.terms-notes-box{min-height:210px!important;line-height:1.45!important;font-family:inherit!important;font-size:14px!important;color:#07182c!important;background:#fff!important;border:1px solid #a9ccef!important;border-radius:14px!important;padding:12px!important}.billing-terms-grid{align-items:start!important}
.terms-helper-modal h2,.terms-preview-modal h2{margin-top:0!important;color:#07182c!important}.terms-helper-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.terms-helper-card{background:#fff!important;border:1px solid #d6e7f8!important;border-radius:16px!important;padding:13px!important;color:#07182c!important;box-shadow:0 8px 22px rgba(6,23,43,.06)!important}.terms-helper-card b{font-size:15px!important;color:#07182c!important}.terms-helper-card small{display:block!important;color:#0b78b5!important;font-weight:900!important;margin-top:2px!important}.terms-helper-card ol,.terms-preview-modal ol{margin:10px 0 0 20px!important;padding:0!important;color:#07182c!important;line-height:1.45!important}.terms-helper-card li,.terms-preview-modal li{margin:5px 0!important}.terms-helper-card .actions{margin-top:10px!important;display:flex!important;gap:8px!important}.terms-helper-card .actions button{min-height:36px!important;border-radius:11px!important}.terms-preview-modal .savebar{margin-top:14px!important}
@media(max-width:780px){.terms-helper-row{grid-template-columns:1fr!important}.terms-helper-row button{width:100%!important}.terms-helper-grid{grid-template-columns:1fr!important}.terms-notes-box{min-height:180px!important}.terms-chip-row button{flex:1 1 45%!important}}

/* V367.46.5.64 - Terms helper compact + desktop/mobile billing alignment */
.billing-terms-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.billing-terms-grid>div{min-width:0!important;}
.billing-terms-grid .totalbox{align-self:start!important;margin-top:0!important;}
.terms-helper{
  padding:10px!important;
  margin:0 0 8px!important;
  border-radius:14px!important;
  box-shadow:0 5px 16px rgba(6,23,43,.045)!important;
}
.terms-helper-top{margin-bottom:7px!important;gap:8px!important;}
.terms-helper-top b{font-size:14px!important;line-height:1.2!important;}
.terms-helper-top small{font-size:11px!important;line-height:1.25!important;margin-top:2px!important;}
.terms-helper-top button{min-height:30px!important;padding:6px 10px!important;font-size:12px!important;white-space:nowrap!important;}
.terms-helper-row{
  display:grid!important;
  grid-template-columns:minmax(160px,1fr) auto auto auto!important;
  gap:7px!important;
  align-items:center!important;
}
.terms-helper-row select{height:36px!important;font-size:13px!important;}
.terms-helper-row button{min-height:36px!important;padding:7px 11px!important;font-size:12px!important;white-space:nowrap!important;}
.terms-chip-row{display:none!important;}
.terms-notes-box{
  min-height:170px!important;
  max-height:320px!important;
  resize:vertical!important;
  font-size:13px!important;
  line-height:1.42!important;
}
.terms-preview-modal,.terms-helper-modal{max-width:980px!important;}
.terms-helper-card ol,.terms-preview-modal ol{max-height:260px!important;overflow:auto!important;}
.item-scroll{overflow-x:auto!important;}
.item-head,.item-row{min-width:860px!important;}
@media(max-width:900px){
  .billing-terms-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .billing-terms-grid .totalbox{order:1!important;}
  .billing-terms-grid>div:first-child{order:2!important;}
}
@media(max-width:760px){
  .terms-helper{padding:9px!important;border-radius:13px!important;}
  .terms-helper-top{align-items:flex-start!important;}
  .terms-helper-top button{min-width:92px!important;}
  .terms-helper-row{grid-template-columns:1fr 1fr!important;}
  .terms-helper-row select{grid-column:1 / -1!important;width:100%!important;}
  .terms-helper-row button{width:100%!important;}
  .terms-notes-box{min-height:150px!important;max-height:260px!important;font-size:13px!important;}
  .terms-helper-grid{grid-template-columns:1fr!important;}
  .terms-helper-card ol,.terms-preview-modal ol{max-height:210px!important;}
}

/* V367.46.5.66 Security QA Error Log Viewer */
.error-log-pre{background:#06172b;color:#e5f2ff;border-radius:14px;padding:14px;max-height:420px;overflow:auto;font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap;line-height:1.45}


/* V367.46.5.68 - Terms helper crop/layout fix */
.billing-terms-grid .terms-section-card{
  min-width:0!important;
  overflow:visible!important;
  display:block!important;
  position:relative!important;
}
.terms-section-card h2{
  margin:0 0 10px!important;
  line-height:1.22!important;
}
.terms-section-card .terms-helper{
  display:block!important;
  width:100%!important;
  position:relative!important;
  z-index:2!important;
  clear:both!important;
  margin:0 0 10px!important;
  overflow:visible!important;
}
.terms-section-card .terms-helper-top{
  flex-wrap:nowrap!important;
}
.terms-section-card .terms-helper-row{
  margin:0!important;
}
.terms-section-card .terms-notes-box{
  display:block!important;
  width:100%!important;
  position:relative!important;
  z-index:1!important;
  clear:both!important;
  margin:10px 0 0!important;
  padding:12px!important;
  min-height:185px!important;
  max-height:360px!important;
  overflow:auto!important;
  line-height:1.45!important;
  resize:vertical!important;
}
.terms-section-card .terms-helper-note{
  margin:7px 0 0!important;
  display:block!important;
  clear:both!important;
}
@media(max-width:760px){
  .terms-section-card h2{font-size:20px!important;margin-bottom:8px!important;}
  .terms-section-card .terms-helper-top{display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;}
  .terms-section-card .terms-helper-top small{font-size:10px!important;line-height:1.2!important;}
  .terms-section-card .terms-helper-row{grid-template-columns:1fr 1fr!important;}
  .terms-section-card .terms-helper-row select{grid-column:1 / -1!important;}
  .terms-section-card .terms-notes-box{min-height:170px!important;max-height:42vh!important;}
}

/* V367.46.5.90 Premium Application Dashboard + Modern App Polish
   Scope: UI/dashboard/menu presentation only. No billing, payment, purchase, reports or security logic changed. */
body.is-logged .sidebar{box-shadow:18px 0 44px rgba(2,8,23,.18);}
body.is-logged .side-title{letter-spacing:.08em;}
body.is-logged .menu-group{margin-top:15px;font-size:12px;letter-spacing:.075em;color:rgba(255,255,255,.72);}
body.is-logged .menu-btn{border-radius:16px!important;min-height:44px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;}
body.is-logged .menu-btn:hover{transform:translateX(2px);box-shadow:0 10px 22px rgba(14,165,233,.16);}
body.is-logged .menu-btn.active{box-shadow:0 14px 28px rgba(14,165,233,.25), inset 0 0 0 1px rgba(255,255,255,.18);}
body.is-logged .topbar{backdrop-filter:blur(16px);}
body.is-logged .content{background:radial-gradient(circle at 10% -10%,rgba(14,165,233,.12),transparent 28%),radial-gradient(circle at 96% 4%,rgba(217,184,79,.12),transparent 25%),var(--erp-bg,#f8fafc);}
.twc86-command{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:stretch;overflow:hidden;margin:14px 0 16px;padding:24px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#04152b 0%,#062b4f 48%,#0b3b62 100%);border:1px solid rgba(125,211,252,.24);box-shadow:0 24px 60px rgba(2,8,23,.23)}
.twc86-command:before{content:"";position:absolute;inset:-70px -120px auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.22),rgba(14,165,233,.12) 42%,transparent 68%);pointer-events:none}.twc86-command:after{content:"";position:absolute;left:-140px;bottom:-190px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(217,184,79,.18),transparent 70%);pointer-events:none}.twc86-command-main,.twc86-health{position:relative;z-index:1}.twc86-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;font-size:11px;font-weight:950;letter-spacing:.14em;color:#fde68a;border:1px solid rgba(253,230,138,.42);background:rgba(2,8,23,.22);padding:7px 12px;border-radius:999px}.twc86-command h1{font-size:36px;line-height:1.03;margin:14px 0 8px;letter-spacing:-.035em}.twc86-command p{max-width:860px;margin:0;color:#dbeafe;font-weight:800;line-height:1.45}.twc86-command-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.twc86-command-actions button{background:linear-gradient(135deg,#0ea5e9,#2563eb);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px rgba(14,165,233,.22)}.twc86-command-actions button:nth-child(2){background:rgba(255,255,255,.12)}.twc86-command-actions button:nth-child(3){background:rgba(217,184,79,.18);color:#fff}.twc86-health{display:grid;align-content:center;justify-items:center;text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:25px;padding:17px;backdrop-filter:blur(14px)}.twc86-ring{--p:0;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22c55e calc(var(--p)*1%),rgba(255,255,255,.16) 0);position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 16px 32px rgba(0,0,0,.18)}.twc86-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#06172b}.twc86-ring b,.twc86-ring span{position:relative;z-index:1}.twc86-ring b{font-size:28px}.twc86-ring span{display:block;margin-top:28px;font-size:11px;font-weight:950;text-transform:uppercase;color:#bfdbfe}.twc86-health strong{margin-top:12px;color:#fff;font-size:15px}.twc86-health small{color:#cbd5e1;font-weight:800}.twc86-command.warn .twc86-ring{background:conic-gradient(#f59e0b calc(var(--p)*1%),rgba(255,255,255,.16) 0)}.twc86-command.dangerish .twc86-ring{background:conic-gradient(#ef4444 calc(var(--p)*1%),rgba(255,255,255,.16) 0)}
.twc86-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0}.twc86-kpi{position:relative;overflow:hidden;text-align:left;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.26);border-radius:22px;padding:15px 15px 14px;min-height:116px;color:#06172b;box-shadow:0 14px 32px rgba(6,23,43,.075);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.twc86-kpi:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(6,23,43,.12);border-color:rgba(14,165,233,.30)}.twc86-kpi:after{content:"";position:absolute;right:-30px;top:-28px;width:92px;height:92px;border-radius:50%;background:rgba(14,165,233,.10)}.twc86-kpi span{display:grid;place-items:center;width:36px;height:36px;border-radius:14px;background:#eef6ff;font-size:18px}.twc86-kpi small{display:block;margin-top:11px;color:#64748b;font-weight:950;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.twc86-kpi b{display:block;margin-top:6px;font-size:23px;color:#06172b;letter-spacing:-.025em}.twc86-kpi em{display:block;margin-top:4px;color:#64748b;font-weight:850;font-style:normal;font-size:12px}.twc86-kpi.good{background:linear-gradient(180deg,#f7fff9,#fff);border-color:rgba(34,197,94,.22)}.twc86-kpi.warn{background:linear-gradient(180deg,#fffbeb,#fff);border-color:rgba(245,158,11,.24)}.twc86-kpi.dangerish{background:linear-gradient(180deg,#fff7f7,#fff);border-color:rgba(239,68,68,.24)}.twc86-kpi.cash{background:linear-gradient(180deg,#f0f9ff,#fff);border-color:rgba(14,165,233,.22)}
.twc86-grid-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:16px;margin:16px 0}.twc86-grid-secondary{display:grid;grid-template-columns:1.15fr .85fr .82fr;gap:16px;margin:16px 0}.twc86-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.twc86-panel{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96));border:1px solid rgba(148,163,184,.25);border-radius:24px;padding:16px;box-shadow:0 14px 34px rgba(6,23,43,.075);overflow:hidden}.twc86-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(226,232,240,.9);padding-bottom:12px;margin-bottom:13px}.twc86-panel-head span{display:block;color:#0ea5e9;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.twc86-panel-head h2{margin:4px 0 0;font-size:19px;color:#06172b;letter-spacing:-.015em}.twc86-panel-head button{background:#eef6ff;color:#06172b;border:1px solid rgba(14,165,233,.20);box-shadow:none;border-radius:13px;padding:9px 11px}.twc86-panel-xl{min-height:360px}.twc86-chart-shell{min-height:280px}.twc86-line-chart{display:block;width:100%;height:auto;min-height:250px;color:#0ea5e9}.twc86-line-chart text{font-size:11px;font-weight:900;fill:#64748b}.twc86-gridlines line{stroke:#e2e8f0;stroke-width:1;stroke-dasharray:5 6}.twc86-area{fill:url(#twc86SalesFill)}.twc86-area.collection{fill:url(#twc86CollectionFill);color:#d9b84f}.twc86-line{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.twc86-line.sales{stroke:#0ea5e9}.twc86-line.collection{stroke:#d9b84f}.twc86-dot{stroke:#fff;stroke-width:3}.twc86-dot.sales{fill:#0ea5e9}.twc86-dot.collection{fill:#d9b84f}.twc86-chart-foot{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;color:#64748b;font-weight:900}.twc86-chart-foot span{display:inline-flex;align-items:center;gap:7px}.twc86-chart-foot i{width:12px;height:12px;border-radius:999px;display:inline-block}.twc86-chart-foot i.sales{background:#0ea5e9}.twc86-chart-foot i.collection{background:#d9b84f}.twc86-chart-foot b{color:#06172b}
.twc86-money-flow{display:grid;gap:13px}.twc86-mini-bar{border:1px solid #e2e8f0;background:#fff;border-radius:17px;padding:12px}.twc86-mini-bar div{display:flex;justify-content:space-between;gap:10px;align-items:center}.twc86-mini-bar span{font-size:12px;color:#64748b;font-weight:950;text-transform:uppercase}.twc86-mini-bar b{color:#06172b}.twc86-mini-bar i{display:block;margin-top:9px;height:10px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#2563eb);position:relative;overflow:hidden}.twc86-mini-bar i:after{content:"";display:block;height:100%;width:var(--w);background:rgba(255,255,255,.82);mix-blend-mode:overlay}.twc86-mini-bar.collection i{background:linear-gradient(90deg,#22c55e,#16a34a)}.twc86-mini-bar.receivable i{background:linear-gradient(90deg,#ef4444,#fb7185)}.twc86-mini-bar.vendor i{background:linear-gradient(90deg,#f59e0b,#d9b84f)}
.twc86-risk{background:linear-gradient(180deg,#fff,#f8fbff)}.twc86-task{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:17px;padding:12px;margin-bottom:10px;background:#fff}.twc86-task i{width:12px;height:44px;border-radius:999px;background:#94a3b8}.twc86-task b{display:block;color:#06172b}.twc86-task span{display:block;color:#64748b;font-weight:800;font-size:13px;margin-top:3px}.twc86-task button{padding:8px 11px;border-radius:12px;background:#06172b}.twc86-task.good i{background:#22c55e}.twc86-task.warn i{background:#f59e0b}.twc86-task.dangerish i{background:#ef4444}.twc86-task.normal i{background:#0ea5e9}.twc86-meter{border:1px solid #e2e8f0;background:#fff;border-radius:17px;padding:12px;margin-bottom:11px}.twc86-meter label{display:flex;justify-content:space-between;gap:12px;font-weight:950;color:#334155}.twc86-meter label b{color:#06172b}.twc86-meter i{display:block;height:10px;margin-top:9px;border-radius:999px;background:#e2e8f0;overflow:hidden}.twc86-meter i:after{content:"";display:block;width:var(--w);height:100%;border-radius:inherit;background:#0ea5e9}.twc86-meter i.good:after{background:#22c55e}.twc86-meter i.warn:after{background:#f59e0b}.twc86-meter i.dangerish:after{background:#ef4444}.twc86-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.twc86-action-grid button{background:linear-gradient(135deg,#06172b,#12345b);border-radius:15px;padding:13px 12px;min-height:48px;text-align:left}.twc86-list{display:grid;gap:9px}.twc86-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:17px;padding:12px;background:#fff}.twc86-row b{display:block;color:#06172b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twc86-row span{display:block;color:#64748b;font-weight:800;font-size:12.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twc86-row strong{color:#06172b;white-space:nowrap}.twc86-row.good{background:#f7fff9;border-color:rgba(34,197,94,.20)}.twc86-row.warn{background:#fffbeb;border-color:rgba(245,158,11,.22)}.twc86-row.dangerish{background:#fff7f7;border-color:rgba(239,68,68,.22)}.twc86-checks{display:grid;gap:10px}.twc86-checks div{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:11px;font-weight:900;color:#334155}.twc86-checks b{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#e2e8f0;color:#06172b}.twc86-checks .ok{background:#f7fff9;border-color:rgba(34,197,94,.22)}.twc86-checks .ok b{background:#22c55e;color:#fff}.twc86-checks .todo{background:#fffbeb;border-color:rgba(245,158,11,.24)}.twc86-checks .todo b{background:#f59e0b;color:#fff}
body.is-logged.theme-dark .twc86-panel,body.is-logged[data-biz-theme="gbit"] .twc86-panel,body.is-logged.theme-dark .twc86-kpi,body.is-logged[data-biz-theme="gbit"] .twc86-kpi{background:linear-gradient(180deg,rgba(15,31,52,.98),rgba(7,24,43,.96));border-color:rgba(125,211,252,.18);color:#eaf6ff}body.is-logged.theme-dark .twc86-panel-head h2,body.is-logged[data-biz-theme="gbit"] .twc86-panel-head h2,body.is-logged.theme-dark .twc86-kpi b,body.is-logged[data-biz-theme="gbit"] .twc86-kpi b,body.is-logged.theme-dark .twc86-row b,body.is-logged[data-biz-theme="gbit"] .twc86-row b,body.is-logged.theme-dark .twc86-row strong,body.is-logged[data-biz-theme="gbit"] .twc86-row strong,body.is-logged.theme-dark .twc86-chart-foot b,body.is-logged[data-biz-theme="gbit"] .twc86-chart-foot b{color:#fff}body.is-logged.theme-dark .twc86-row,body.is-logged[data-biz-theme="gbit"] .twc86-row,body.is-logged.theme-dark .twc86-task,body.is-logged[data-biz-theme="gbit"] .twc86-task,body.is-logged.theme-dark .twc86-mini-bar,body.is-logged[data-biz-theme="gbit"] .twc86-mini-bar,body.is-logged.theme-dark .twc86-meter,body.is-logged[data-biz-theme="gbit"] .twc86-meter,body.is-logged.theme-dark .twc86-checks div,body.is-logged[data-biz-theme="gbit"] .twc86-checks div{background:rgba(255,255,255,.06);border-color:rgba(125,211,252,.14)}body.is-logged.theme-dark .twc86-gridlines line,body.is-logged[data-biz-theme="gbit"] .twc86-gridlines line{stroke:rgba(148,163,184,.22)}body.is-logged.theme-dark .twc86-panel-head,body.is-logged[data-biz-theme="gbit"] .twc86-panel-head{border-bottom-color:rgba(125,211,252,.14)}body.is-logged.theme-dark .twc86-kpi small,body.is-logged[data-biz-theme="gbit"] .twc86-kpi small,body.is-logged.theme-dark .twc86-kpi em,body.is-logged[data-biz-theme="gbit"] .twc86-kpi em,body.is-logged.theme-dark .twc86-row span,body.is-logged[data-biz-theme="gbit"] .twc86-row span,body.is-logged.theme-dark .twc86-task span,body.is-logged[data-biz-theme="gbit"] .twc86-task span{color:rgba(234,246,255,.72)}
@media(max-width:1280px){.twc86-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twc86-grid-main,.twc86-grid-secondary,.twc86-data-grid{grid-template-columns:1fr 1fr}.twc86-panel-xl{grid-column:1/-1}}
@media(max-width:820px){.twc86-command{grid-template-columns:1fr;padding:18px;border-radius:24px}.twc86-command h1{font-size:28px}.twc86-health{justify-items:start;text-align:left}.twc86-ring{width:104px;height:104px}.twc86-ring b{font-size:23px}.twc86-kpi-grid,.twc86-grid-main,.twc86-grid-secondary,.twc86-data-grid{grid-template-columns:1fr}.twc86-panel{border-radius:20px;padding:13px}.twc86-panel-head{align-items:flex-start}.twc86-panel-head h2{font-size:17px}.twc86-row{grid-template-columns:1fr}.twc86-row strong{text-align:left}.twc86-action-grid{grid-template-columns:1fr 1fr}.twc86-line-chart{min-height:210px}.twc86-command-actions button{flex:1 1 160px}}
@media(max-width:520px){.twc86-kpi-grid{gap:10px}.twc86-kpi{min-height:104px;padding:13px}.twc86-kpi b{font-size:19px}.twc86-action-grid{grid-template-columns:1fr}.twc86-command-actions{display:grid}.twc86-panel-head{display:block}.twc86-panel-head button{margin-top:9px;width:100%}.twc86-task{grid-template-columns:10px 1fr}.twc86-task button{grid-column:2;width:100%}.twc86-chart-foot{justify-content:flex-start}}


/* V367.46.5.90 Total Application Completion Stage 1
   Scope: premium workspace layer + report analytics visuals across application modules.
   This is presentation/UI only. Core billing/payment/purchase/report calculations remain unchanged. */
body.is-logged .twc87-page-card{position:relative;overflow:visible;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,251,255,.98));border:1px solid rgba(148,163,184,.26);box-shadow:0 18px 46px rgba(15,23,42,.075)}
body.is-logged .twc87-page-head{margin-bottom:12px}.twc87-workspace-bar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;align-items:center;margin:8px 0 16px;padding:14px;border:1px solid rgba(14,165,233,.18);border-radius:22px;background:linear-gradient(135deg,#f0f9ff,#ffffff 55%,#fff7ed);box-shadow:0 12px 28px rgba(2,132,199,.07)}
.twc87-module-title{display:flex;align-items:center;gap:13px;min-width:0}.twc87-module-title>span{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#06172b,#0ea5e9);color:#fff;font-size:22px;box-shadow:0 12px 26px rgba(14,165,233,.24)}.twc87-module-title small{display:block;color:#0284c7;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.twc87-module-title b{display:block;color:#06172b;font-size:18px;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twc87-module-title em{display:block;color:#64748b;font-size:12.5px;font-weight:850;font-style:normal;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twc87-module-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.twc87-module-actions button{border:1px solid rgba(14,165,233,.18);background:#fff;color:#06172b;border-radius:14px;padding:10px 12px;font-weight:950;box-shadow:0 6px 16px rgba(2,132,199,.08)}.twc87-module-actions button:hover{transform:translateY(-1px);background:#eef6ff}
.twc87-report-studio{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;margin:16px 0}.twc87-report-chart,.twc87-report-score{border:1px solid rgba(148,163,184,.24);border-radius:24px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.07);padding:15px;overflow:hidden}.twc87-report-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.twc87-report-head span{font-size:11px;color:#0ea5e9;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.twc87-report-head b{font-size:17px;color:#06172b}.twc87-report-chart svg{width:100%;height:auto;display:block}.twc87-report-chart svg line{stroke:#dbeafe;stroke-width:2;stroke-dasharray:6 7}.twc87-report-chart polyline{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.twc87-report-chart polyline.sales{stroke:#0ea5e9}.twc87-report-chart polyline.collection{stroke:#22c55e}.twc87-report-chart text{font-size:11px;font-weight:900;fill:#64748b}.twc87-legend{display:flex;gap:15px;justify-content:center;font-weight:900;color:#64748b}.twc87-legend span{display:inline-flex;align-items:center;gap:7px}.twc87-legend i{width:12px;height:12px;border-radius:999px;background:#0ea5e9;display:inline-block}.twc87-legend i.collection{background:#22c55e}.twc87-report-score{display:grid;gap:11px;align-content:start}.twc87-score-ring{--p:0;width:132px;height:132px;margin:2px auto 6px;border-radius:999px;background:conic-gradient(#22c55e calc(var(--p)*1%), #e2e8f0 0);display:grid;place-items:center;position:relative}.twc87-score-ring:before{content:"";position:absolute;inset:12px;background:#fff;border-radius:999px}.twc87-score-ring b,.twc87-score-ring span{position:relative;z-index:1;display:block;text-align:center}.twc87-score-ring b{font-size:28px;color:#06172b}.twc87-score-ring span{font-size:11px;color:#64748b;font-weight:950;text-transform:uppercase}.twc87-analytics-bar{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:11px}.twc87-analytics-bar label{display:flex;justify-content:space-between;gap:10px;color:#334155;font-weight:950}.twc87-analytics-bar label b{color:#06172b}.twc87-analytics-bar i{display:block;height:10px;margin-top:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.twc87-analytics-bar i:after{content:"";display:block;height:100%;width:var(--w);border-radius:999px;background:#0ea5e9}.twc87-analytics-bar.good i:after{background:#22c55e}.twc87-analytics-bar.warn i:after{background:#f59e0b}.twc87-analytics-bar.dangerish i:after{background:#ef4444}
body.is-logged.theme-dark .twc87-workspace-bar,body.is-logged[data-biz-theme="gbit"] .twc87-workspace-bar{background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(255,255,255,.05));border-color:rgba(125,211,252,.18)}body.is-logged.theme-dark .twc87-module-title b,body.is-logged[data-biz-theme="gbit"] .twc87-module-title b,body.is-logged.theme-dark .twc87-report-head b,body.is-logged[data-biz-theme="gbit"] .twc87-report-head b,body.is-logged.theme-dark .twc87-score-ring b,body.is-logged[data-biz-theme="gbit"] .twc87-score-ring b{color:#fff}body.is-logged.theme-dark .twc87-report-chart,body.is-logged.theme-dark .twc87-report-score,body.is-logged[data-biz-theme="gbit"] .twc87-report-chart,body.is-logged[data-biz-theme="gbit"] .twc87-report-score,body.is-logged.theme-dark .twc87-analytics-bar,body.is-logged[data-biz-theme="gbit"] .twc87-analytics-bar{background:rgba(255,255,255,.06);border-color:rgba(125,211,252,.14)}body.is-logged.theme-dark .twc87-score-ring:before,body.is-logged[data-biz-theme="gbit"] .twc87-score-ring:before{background:#07182b}body.is-logged.theme-dark .twc87-module-actions button,body.is-logged[data-biz-theme="gbit"] .twc87-module-actions button{background:rgba(255,255,255,.08);border-color:rgba(125,211,252,.18);color:#eaf6ff}
@media(max-width:980px){.twc87-workspace-bar,.twc87-report-studio{grid-template-columns:1fr}.twc87-module-actions{justify-content:flex-start}.twc87-module-title b,.twc87-module-title em{white-space:normal}.twc87-report-score{grid-template-columns:1fr 1fr}.twc87-score-ring{grid-row:span 2}}
@media(max-width:560px){.twc87-workspace-bar{padding:12px;border-radius:18px}.twc87-module-title{align-items:flex-start}.twc87-module-title>span{width:42px;height:42px;border-radius:15px}.twc87-module-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.twc87-module-actions button{padding:10px 8px}.twc87-report-score{grid-template-columns:1fr}.twc87-score-ring{grid-row:auto;width:112px;height:112px}.twc87-score-ring b{font-size:23px}}


/* V367.46.5.90 Total Application Completion Stage 2
   Scope: premium billing/register/PDF experience polish only. No calculation or data workflow changes. */
.twc88-billing-shell .hint{border-radius:16px;background:linear-gradient(135deg,#eef6ff,#ffffff);border:1px solid rgba(14,165,233,.18);box-shadow:0 8px 20px rgba(2,132,199,.06)}
.twc88-billing-command{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,.8fr) auto;gap:14px;align-items:center;margin:12px 0 16px;padding:15px;border-radius:24px;background:linear-gradient(135deg,#06172b,#0b3b62 62%,#0ea5e9);color:#fff;box-shadow:0 18px 44px rgba(2,8,23,.20);overflow:hidden;position:relative}
.twc88-billing-command:after{content:"";position:absolute;right:-80px;top:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%)}
.twc88-billing-title,.twc88-billing-flow,.twc88-billing-actions{position:relative;z-index:1}.twc88-billing-title{display:flex;gap:12px;align-items:center;min-width:0}.twc88-billing-title>span{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:rgba(255,255,255,.14);font-size:23px}.twc88-billing-title small{display:block;color:#bae6fd;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.twc88-billing-title b{display:block;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twc88-billing-title em{display:block;color:#dbeafe;font-style:normal;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twc88-billing-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.twc88-billing-flow i{font-style:normal;text-align:center;border-radius:999px;padding:8px 7px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-weight:900;font-size:11px;color:#dbeafe}.twc88-billing-flow i.active{background:rgba(34,197,94,.20);border-color:rgba(34,197,94,.34);color:#dcfce7}.twc88-billing-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.twc88-billing-actions button{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:14px;padding:10px 12px;box-shadow:none}.twc88-bill-top{border:1px solid rgba(14,165,233,.16);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.055)}
.twc88-reg-hero,.twc88-quote-hero{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,150px) 126px;gap:13px;align-items:center;margin:8px 0 16px;padding:16px;border-radius:26px;background:linear-gradient(135deg,#06172b,#08345f);color:#fff;box-shadow:0 20px 46px rgba(2,8,23,.18);overflow:hidden}.twc88-quote-hero{grid-template-columns:minmax(240px,1fr) repeat(4,120px) 126px;background:linear-gradient(135deg,#07182b,#0b3b62 70%,#075985)}.twc88-reg-hero span,.twc88-quote-hero span{display:block;color:#fde68a;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.twc88-reg-hero h2,.twc88-quote-hero h2{margin:4px 0 5px;font-size:26px;color:#fff;letter-spacing:-.025em}.twc88-reg-hero p,.twc88-quote-hero p{margin:0;color:#dbeafe;font-weight:850;line-height:1.35}.twc88-reg-metrics,.twc88-quote-pill{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);border-radius:20px;padding:13px;text-align:center}.twc88-reg-metrics b,.twc88-quote-pill b{display:block;font-size:20px;color:#fff}.twc88-reg-metrics small,.twc88-quote-pill small{display:block;color:#cbd5e1;font-weight:950;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.twc88-reg-metrics.warn,.twc88-quote-pill.warn{background:rgba(245,158,11,.18)}.twc88-quote-pill.dangerish{background:rgba(239,68,68,.18)}.twc88-quote-pill.good{background:rgba(34,197,94,.18)}.twc88-reg-ring{--p:0;width:112px;height:112px;border-radius:999px;margin:auto;background:conic-gradient(#22c55e calc(var(--p)*1%),rgba(255,255,255,.14) 0);position:relative;display:grid;place-items:center;text-align:center}.twc88-reg-ring:before{content:"";position:absolute;inset:10px;background:#06172b;border-radius:999px}.twc88-reg-ring b,.twc88-reg-ring span{position:relative;z-index:1}.twc88-reg-ring b{display:block;font-size:21px;color:#fff}.twc88-reg-ring span{display:block;color:#bae6fd;font-size:9px;font-weight:950;text-transform:uppercase;line-height:1.1}.twc88-register-filter{border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 24px rgba(2,132,199,.06)}
body.is-logged .invoice-pro-card,body.is-logged .quote-pro-card{border-radius:22px!important;box-shadow:0 14px 34px rgba(15,23,42,.075)!important;border-color:rgba(148,163,184,.24)!important}body.is-logged .invoice-pro-actions,body.is-logged .quote-actions{gap:7px}body.is-logged .invoice-pro-actions button,body.is-logged .quote-actions button{border-radius:13px!important;min-height:36px}body.is-logged .totalbox{border-radius:22px!important;box-shadow:0 14px 34px rgba(15,23,42,.075)!important}.savebar{border-radius:22px!important;box-shadow:0 14px 34px rgba(15,23,42,.10)!important}
body.is-logged.theme-dark .twc88-bill-top,body.is-logged[data-biz-theme="gbit"] .twc88-bill-top,body.is-logged.theme-dark .twc88-register-filter,body.is-logged[data-biz-theme="gbit"] .twc88-register-filter{background:rgba(255,255,255,.06);border-color:rgba(125,211,252,.16)}
@media(max-width:1180px){.twc88-billing-command{grid-template-columns:1fr}.twc88-billing-actions{justify-content:flex-start}.twc88-reg-hero,.twc88-quote-hero{grid-template-columns:1fr 1fr 1fr}.twc88-reg-hero>div:first-child,.twc88-quote-hero>div:first-child{grid-column:1/-1}.twc88-reg-ring{grid-row:span 2}}
@media(max-width:760px){.twc88-billing-command{padding:13px;border-radius:21px}.twc88-billing-flow{grid-template-columns:1fr 1fr}.twc88-billing-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.twc88-billing-actions button:last-child{grid-column:1/-1}.twc88-bill-top{padding:11px;border-radius:18px}.twc88-reg-hero,.twc88-quote-hero{grid-template-columns:1fr 1fr;padding:13px;border-radius:22px}.twc88-reg-hero h2,.twc88-quote-hero h2{font-size:22px}.twc88-reg-hero>div:first-child,.twc88-quote-hero>div:first-child{grid-column:1/-1}.twc88-reg-ring{width:100px;height:100px}.twc88-register-filter{display:grid!important;grid-template-columns:1fr!important}.invoice-pro-actions,.quote-actions{display:grid!important;grid-template-columns:1fr 1fr}.invoice-pro-actions button,.quote-actions button{width:100%}}
@media(max-width:480px){.twc88-reg-hero,.twc88-quote-hero,.twc88-billing-actions{grid-template-columns:1fr}.twc88-reg-ring{grid-row:auto}.invoice-pro-actions,.quote-actions{grid-template-columns:1fr}}

/* V367.46.5.90 Final Application Completion & Handover Polish
   UI-only layer: premium consistency, app dock, mobile comfort and table readability. */
body.is-logged.twc89-app-complete{--twc89-bg:#f3f7fb;--twc89-card:#ffffff;--twc89-line:rgba(14,165,233,.16);--twc89-ink:#06172b;--twc89-muted:#64748b;--twc89-accent:#0ea5e9;--twc89-good:#22c55e;--twc89-warn:#f59e0b;--twc89-red:#ef4444;background:radial-gradient(circle at 18% 0%,rgba(14,165,233,.10),transparent 28%),linear-gradient(180deg,#f8fbff,#eef5fb 46%,#f8fbff)}
body.is-logged.twc89-app-complete .content{padding-bottom:88px}body.is-logged.twc89-app-complete .card{border-radius:28px;border:1px solid rgba(148,163,184,.20);box-shadow:0 20px 54px rgba(15,23,42,.075);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88))}body.is-logged.twc89-app-complete .page-head{position:relative;z-index:2;margin-bottom:14px}.twc89-app-ribbon{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;align-items:center;margin:0 0 16px;padding:14px 16px;border:1px solid rgba(14,165,233,.18);border-radius:24px;background:linear-gradient(135deg,#06172b,#0b3b62 64%,#0ea5e9);color:#fff;box-shadow:0 18px 44px rgba(2,8,23,.16);overflow:hidden;position:relative}.twc89-app-ribbon:after{content:"";position:absolute;right:-70px;top:-90px;width:230px;height:230px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.23),transparent 68%)}.twc89-r-title,.twc89-r-actions{position:relative;z-index:1}.twc89-r-title{display:flex;align-items:center;gap:12px;min-width:0}.twc89-r-title>span{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:rgba(255,255,255,.14);font-size:23px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.twc89-r-title small{display:block;color:#bae6fd;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.twc89-r-title b{display:block;color:#fff;font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twc89-r-title em{display:block;color:#dbeafe;font-style:normal;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twc89-r-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.twc89-r-actions button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.13);color:#fff;border-radius:14px;padding:10px 13px;font-weight:950;box-shadow:none}.twc89-r-actions button:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}
.twc89-quick-dock{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:120;display:flex;gap:8px;max-width:min(760px,calc(100vw - 24px));padding:9px;border-radius:22px;background:rgba(6,23,43,.92);backdrop-filter:blur(14px);box-shadow:0 22px 60px rgba(2,8,23,.34);border:1px solid rgba(125,211,252,.18)}.twc89-quick-dock button{border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));color:#eaf6ff;border-radius:15px;min-height:42px;padding:8px 13px;font-size:12px;font-weight:950;white-space:nowrap;box-shadow:none}.twc89-quick-dock button:first-child{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.twc89-quick-dock button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}
body.is-logged.twc89-app-complete .topbar{backdrop-filter:blur(14px);border-bottom:1px solid rgba(14,165,233,.10);box-shadow:0 10px 32px rgba(15,23,42,.075)}body.is-logged.twc89-app-complete .sidebar{box-shadow:18px 0 44px rgba(2,8,23,.18)}body.is-logged.twc89-app-complete #menu{scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.32) transparent}body.is-logged.twc89-app-complete .menu-btn{transition:transform .14s ease,background .14s ease,box-shadow .14s ease}body.is-logged.twc89-app-complete .menu-btn:hover{transform:translateX(2px)}body.is-logged.twc89-app-complete .menu-btn.active{box-shadow:0 12px 26px rgba(14,165,233,.18), inset 0 1px 0 rgba(255,255,255,.12)}
body.is-logged.twc89-app-complete input,body.is-logged.twc89-app-complete select,body.is-logged.twc89-app-complete textarea{border-radius:14px;border-color:rgba(14,165,233,.18);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}body.is-logged.twc89-app-complete input:focus,body.is-logged.twc89-app-complete select:focus,body.is-logged.twc89-app-complete textarea:focus{border-color:rgba(14,165,233,.55)!important;box-shadow:0 0 0 4px rgba(14,165,233,.12)!important;outline:none}body.is-logged.twc89-app-complete button{transition:transform .14s ease,box-shadow .14s ease,background .14s ease}body.is-logged.twc89-app-complete button:hover{transform:translateY(-1px)}body.is-logged.twc89-app-complete .table-wrap[data-twc89="1"]{border-radius:22px;border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 36px rgba(15,23,42,.055);background:#fff;overflow:auto}body.is-logged.twc89-app-complete .table[data-twc89="1"] thead th{position:sticky;top:0;z-index:4;background:linear-gradient(180deg,#f8fbff,#eef6ff);box-shadow:0 1px 0 rgba(148,163,184,.18);font-size:12px;text-transform:uppercase;letter-spacing:.035em}body.is-logged.twc89-app-complete .table[data-twc89="1"] tbody tr:hover{background:#f8fbff}.stat,.card-lite,.register-card,.invoice-pro-card,.quote-pro-card{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.stat:hover,.card-lite:hover,.register-card:hover,.invoice-pro-card:hover,.quote-pro-card:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(15,23,42,.09)!important;border-color:rgba(14,165,233,.22)!important}
body.is-logged.theme-dark.twc89-app-complete,body.is-logged[data-biz-theme="gbit"].twc89-app-complete{background:radial-gradient(circle at 15% 0%,rgba(14,165,233,.14),transparent 30%),linear-gradient(180deg,#06172b,#07182b)}body.is-logged.theme-dark .twc89-app-ribbon,body.is-logged[data-biz-theme="gbit"] .twc89-app-ribbon{border-color:rgba(125,211,252,.18)}body.is-logged.theme-dark.twc89-app-complete .card,body.is-logged[data-biz-theme="gbit"].twc89-app-complete .card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));border-color:rgba(125,211,252,.13)}body.is-logged.theme-dark.twc89-app-complete .table-wrap[data-twc89="1"],body.is-logged[data-biz-theme="gbit"].twc89-app-complete .table-wrap[data-twc89="1"]{background:rgba(255,255,255,.05);border-color:rgba(125,211,252,.13)}body.is-logged.theme-dark.twc89-app-complete .table[data-twc89="1"] thead th,body.is-logged[data-biz-theme="gbit"].twc89-app-complete .table[data-twc89="1"] thead th{background:#0b1f35;color:#eaf6ff}
@media(max-width:900px){.twc89-app-ribbon{grid-template-columns:1fr;border-radius:21px;padding:13px}.twc89-r-actions{justify-content:flex-start}.twc89-quick-dock{bottom:10px;overflow:auto;justify-content:flex-start}.twc89-quick-dock button{min-width:84px}.twc89-app-ribbon+.page-head{margin-top:4px}}
@media(max-width:560px){body.is-logged.twc89-app-complete .content{padding:12px 10px 92px}.twc89-r-title{align-items:flex-start}.twc89-r-title>span{width:42px;height:42px;border-radius:15px}.twc89-r-title b{white-space:normal;font-size:16px}.twc89-r-title em{white-space:normal}.twc89-r-actions{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.twc89-r-actions button{padding:10px 8px}.twc89-quick-dock{width:calc(100vw - 18px);left:9px;transform:none;border-radius:20px;padding:8px}.twc89-quick-dock button{flex:1 0 auto;min-height:44px;padding:8px 10px}.table-wrap[data-twc89="1"]{margin-left:-4px;margin-right:-4px}}

/* V367.46.5.90 Full Application Modernization & Clean File
   Scope: premium UI consistency, AI Brain, contrast correction, backup config, security center and mobile/PDF polish only.
   No billing/payment/purchase/stock/report calculation logic changed. */
body.is-logged.twc89-app-complete{--twc90-blue:#06172b;--twc90-blue2:#0b3b62;--twc90-sky:#0ea5e9;--twc90-text:#071527;--twc90-soft:#f8fbff;--twc90-line:#dbe8f5;--twc90-gold:#d9b84f;}
body.is-logged .twc87-workspace-bar,
body.is-logged .twc88-bill-top,
body.is-logged .twc88-register-filter,
body.is-logged .inside-page-submenu,
body.is-logged .backup-command-card{color:var(--twc90-text)!important;}
body.is-logged .twc87-workspace-bar small,
body.is-logged .twc88-bill-top small,
body.is-logged .twc88-register-filter small,
body.is-logged .hint,
body.is-logged .empty{color:#334155!important;}
body.is-logged .twc89-app-ribbon,
body.is-logged .twc86-command,
body.is-logged .twc88-billing-command,
body.is-logged .twc88-reg-hero,
body.is-logged .twc88-quote-hero{color:#fff!important;}
body.is-logged .twc89-app-ribbon small,
body.is-logged .twc89-app-ribbon em,
body.is-logged .twc86-command p,
body.is-logged .twc88-billing-command p,
body.is-logged .twc88-reg-hero p,
body.is-logged .twc88-quote-hero p{color:#e0f2fe!important;}
body.is-logged .twc89-app-ribbon b,
body.is-logged .twc86-command h1,
body.is-logged .twc88-billing-command h2,
body.is-logged .twc88-reg-hero h2,
body.is-logged .twc88-quote-hero h2{color:#fff!important;}
body.is-logged .card h1,body.is-logged .card h2,body.is-logged .card h3,body.is-logged label,body.is-logged th{letter-spacing:-.015em;}
body.is-logged .page-head h1{color:#06172b!important;text-shadow:none!important;}
body.is-logged .twc87-module-title b,body.is-logged .twc87-module-title em{color:#06172b!important;}
body.is-logged .twc87-module-title small{color:#0284c7!important;}
body.is-logged .twc87-workspace-bar{background:linear-gradient(135deg,#ecf8ff,#ffffff)!important;border:1px solid rgba(14,165,233,.18)!important;}
body.is-logged .twc87-workspace-bar .twc87-module-actions button,
body.is-logged .inside-page-submenu button,
body.is-logged .twc88-bill-top button{background:#0077b6!important;color:#fff!important;border-color:rgba(2,132,199,.18)!important;}
body.is-logged .table th{background:#06172b!important;color:#fff!important;border-color:#06172b!important;}
body.is-logged .table td{color:#071527!important;}
body.is-logged .stat b,body.is-logged .stat span,body.is-logged .stat small{color:inherit;}
body.is-logged .stat{color:#071527;}
body.is-logged .stat.good{background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;border-color:#bbf7d0!important;}
body.is-logged .stat.warn{background:linear-gradient(180deg,#fffbeb,#ffffff)!important;border-color:#fde68a!important;}
body.is-logged .stat.dangerish{background:linear-gradient(180deg,#fff1f2,#ffffff)!important;border-color:#fecdd3!important;}
.twc90-ai-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;margin:16px 0 18px;padding:26px;border-radius:30px;background:linear-gradient(135deg,#06172b,#0b3b62 64%,#0ea5e9);color:#fff;box-shadow:0 24px 58px rgba(2,8,23,.24);border:1px solid rgba(125,211,252,.22);overflow:hidden;position:relative}.twc90-ai-hero:before{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 68%)}.twc90-ai-copy,.twc90-ai-score{position:relative;z-index:1}.twc90-ai-copy>span,.twc90-panel-title>span,.twc90-backup-hero span,.twc90-service-hero span{display:inline-flex;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;border:1px solid rgba(217,184,79,.45);background:rgba(217,184,79,.13);color:#fde68a;font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.twc90-ai-copy h2{margin:14px 0 8px;color:#fff;font-size:34px;letter-spacing:-.04em}.twc90-ai-copy p{margin:0;color:#dbeafe;font-weight:850;line-height:1.45;max-width:900px}.twc90-ai-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.twc90-ai-actions button{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:11px 14px}.twc90-ai-actions button:first-child{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.twc90-ai-score{display:grid;justify-items:center;text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:16px;backdrop-filter:blur(12px)}.twc90-ai-score i{--p:0;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22c55e calc(var(--p)*1%),rgba(255,255,255,.17) 0);position:relative;font-style:normal}.twc90-ai-hero.warn .twc90-ai-score i{background:conic-gradient(#f59e0b calc(var(--p)*1%),rgba(255,255,255,.17) 0)}.twc90-ai-hero.danger .twc90-ai-score i{background:conic-gradient(#ef4444 calc(var(--p)*1%),rgba(255,255,255,.17) 0)}.twc90-ai-score i:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#06172b}.twc90-ai-score b{position:relative;z-index:1;color:#fff;font-size:29px}.twc90-ai-score strong{margin-top:12px;color:#fff;font-size:17px}.twc90-ai-score small{color:#bae6fd;font-weight:900;text-transform:uppercase}.twc90-intel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.twc90-intel-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.24);border-radius:22px;padding:15px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.twc90-intel-card span{display:block;color:#64748b;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.twc90-intel-card b{display:block;color:#06172b;font-size:24px;margin:7px 0;letter-spacing:-.03em}.twc90-intel-card small{color:#475569;font-weight:800}.twc90-intel-card.good{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:#bbf7d0}.twc90-intel-card.warn{background:linear-gradient(180deg,#fffbeb,#fff);border-color:#fde68a}.twc90-intel-card.danger{background:linear-gradient(180deg,#fff1f2,#fff);border-color:#fecdd3}.twc90-brain-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px;margin:16px 0}.twc90-brain-panel{background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:26px;padding:18px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.twc90-panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:13px}.twc90-panel-title h2{margin:0;color:#06172b}.twc90-action-list{display:grid;gap:11px;margin-bottom:18px}.twc90-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e2e8f0;border-left:6px solid #0ea5e9;border-radius:17px;padding:13px;background:#fff}.twc90-action span{display:block;color:#0284c7;font-size:11px;font-weight:950;text-transform:uppercase}.twc90-action h3{margin:4px 0;color:#06172b}.twc90-action p{margin:0;color:#475569;font-weight:800;line-height:1.4}.twc90-action button{background:#06172b;color:#fff}.twc90-action.danger{border-left-color:#ef4444;background:#fff7f7}.twc90-action.warn{border-left-color:#f59e0b;background:#fffbeb}.twc90-action.good{border-left-color:#22c55e;background:#f0fdf4}.twc90-ai-list{display:grid;gap:9px;margin-bottom:16px}.twc90-ai-row{display:grid;grid-template-columns:34px minmax(0,1fr) 120px 86px;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:15px;padding:10px;background:#f8fbff}.twc90-ai-row>span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#e0f2fe;color:#0369a1;font-weight:950}.twc90-ai-row b{color:#06172b;min-width:0}.twc90-ai-row small{display:block;color:#64748b;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twc90-ai-row strong{text-align:right;color:#06172b}.twc90-ai-row button{background:#0077b6;color:#fff;padding:8px 10px}.twc90-check-list{display:grid;gap:9px;margin-bottom:14px}.twc90-check{border:1px solid #e2e8f0;border-radius:15px;padding:11px;background:#fff}.twc90-check.ok{background:#f0fdf4;border-color:#bbf7d0}.twc90-check.bad{background:#fff7ed;border-color:#fed7aa}.twc90-check b{display:block;color:#06172b}.twc90-check small{display:block;color:#475569;margin-top:3px;font-weight:750}.twc90-quick-grid,.twc90-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.twc90-quick-grid button,.twc90-security-grid button{background:#f8fbff;color:#06172b;border:1px solid #dbe8f5;box-shadow:none;text-align:left}.twc90-quick-grid button b{display:block}.twc90-quick-grid button small{display:block;color:#64748b;margin-top:3px}.twc90-backup-hero,.twc90-service-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;background:linear-gradient(135deg,#06172b,#0b3b62 64%,#0ea5e9);color:#fff;border-radius:28px;padding:22px;margin:12px 0 16px;box-shadow:0 20px 48px rgba(2,8,23,.18)}.twc90-backup-hero h2,.twc90-service-hero h2{color:#fff;margin:10px 0 6px}.twc90-backup-hero p,.twc90-service-hero p{color:#dbeafe;margin:0;font-weight:800}.twc90-backup-hero button,.twc90-service-actions button{background:#fff;color:#06172b}.twc90-service-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.twc90-backup-form textarea{min-height:84px}.termsign .sign{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.termsign .sign .seal{opacity:.30}.termsign .sign .sig{object-fit:contain}.items-table td[data-label="Product / Service"]{line-height:1.45}.toolbar button,.toolbar a{min-height:42px}.sheet{overflow:hidden}.brand h1,.badge-title{letter-spacing:-.02em}
@media(max-width:1250px){.twc90-intel-grid{grid-template-columns:repeat(3,1fr)}.twc90-brain-layout{grid-template-columns:1fr}.twc90-ai-hero{grid-template-columns:1fr}.twc90-ai-score{justify-self:start;min-width:220px}.twc90-backup-hero,.twc90-service-hero{align-items:flex-start;flex-direction:column}.twc90-service-actions{justify-content:flex-start}}
@media(max-width:760px){.twc90-ai-hero{padding:16px;border-radius:22px}.twc90-ai-copy h2{font-size:25px}.twc90-intel-grid{grid-template-columns:1fr 1fr}.twc90-brain-panel{padding:13px;border-radius:20px}.twc90-panel-title{display:block}.twc90-panel-title h2{margin-top:8px}.twc90-action,.twc90-ai-row{grid-template-columns:1fr}.twc90-ai-row strong{text-align:left}.twc90-ai-row button,.twc90-action button{width:100%}.twc90-quick-grid,.twc90-security-grid{grid-template-columns:1fr}.twc90-backup-hero,.twc90-service-hero{padding:15px;border-radius:22px}.twc90-backup-hero button{width:100%}.brand{min-width:0}.badge{min-width:0}}
@media print{.toolbar{display:none!important}.sheet{box-shadow:none!important;border:0!important}.termsign{break-inside:avoid}.sign{break-inside:avoid}.foot{break-inside:avoid}}


/* V367.46.5.91 Compact Header Layout Fix
   Scope: removes repeated 3/4 header bands and keeps one clean module header.
   UI only. No billing, payment, purchase, stock, PDF terms, login or database logic touched. */
body.is-logged.twc91-compact-layout .twc89-app-ribbon,
body.is-logged.twc91-compact-layout .twc87-workspace-bar{display:none!important;}
body.is-logged.twc91-compact-layout .twc87-page-card{padding-top:22px!important;}
body.is-logged.twc91-compact-layout .twc87-page-head{margin-bottom:18px!important;}
body.is-logged.twc91-compact-layout .page-head h1{font-size:30px!important;line-height:1.12!important;}
body.is-logged.twc91-compact-layout[data-erp-page="billing"] .twc87-page-head{display:none!important;}
body.is-logged.twc91-compact-layout[data-erp-page="billing"] .twc88-billing-command{margin-top:0!important;}
.twc91-doc-line{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:9px 13px;border:1px solid rgba(14,165,233,.18);border-radius:14px;background:#eef6ff;color:#06172b;font-weight:900;box-shadow:0 6px 16px rgba(2,132,199,.05)}
body.is-logged.twc91-compact-layout .twc88-billing-command{grid-template-columns:minmax(260px,1fr) minmax(300px,.85fr) auto;padding:13px 15px;border-radius:22px;box-shadow:0 14px 34px rgba(2,8,23,.16)}
body.is-logged.twc91-compact-layout .twc88-billing-title>span{width:42px;height:42px;border-radius:15px}.twc88-billing-title b{font-size:17px}.twc88-billing-flow i{padding:7px 6px}.twc88-billing-actions button{padding:9px 11px}
body.is-logged.twc91-compact-layout .biz-hero{margin-top:0!important;margin-bottom:14px!important;padding:14px!important;border-radius:20px!important;}
body.is-logged.twc91-compact-layout .twc86-command{margin-top:0!important;}
body.is-logged.twc91-compact-layout .twc89-quick-dock{display:none!important;}
@media(max-width:780px){
  body.is-logged.twc91-compact-layout .twc89-quick-dock{display:flex!important;}
  body.is-logged.twc91-compact-layout .twc87-page-card{padding:14px!important;border-radius:20px!important;}
  body.is-logged.twc91-compact-layout .page-head h1{font-size:24px!important;}
  body.is-logged.twc91-compact-layout .twc88-billing-command{grid-template-columns:1fr!important;padding:13px!important;border-radius:19px!important;}
  body.is-logged.twc91-compact-layout .twc88-billing-flow{grid-template-columns:1fr 1fr!important;}
  body.is-logged.twc91-compact-layout .twc88-billing-actions{justify-content:flex-start!important;}
  .twc91-doc-line{display:flex;width:100%;justify-content:flex-start;}
}

/* V367.46.5.93 REAL CLEAN UI FIX
   Fixes chart/ring label clipping and hardens contrast without changing ERP logic. */
.twc86-ring,.twc88-reg-ring{
  overflow:hidden!important;
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
}
.twc86-ring b,.twc88-reg-ring b{
  position:absolute!important;
  left:0!important;right:0!important;top:28%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  text-align:center!important;
  line-height:1!important;
  color:#fff!important;
  z-index:2!important;
  margin:0!important;
}
.twc86-ring span,.twc88-reg-ring span{
  position:absolute!important;
  left:14px!important;right:14px!important;bottom:31px!important;
  display:block!important;
  text-align:center!important;
  line-height:1.05!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  max-height:22px!important;
  margin:0!important;
  z-index:2!important;
  color:#dbeafe!important;
  letter-spacing:.03em!important;
}
.twc86-ring span{font-size:9px!important;}
.twc88-reg-ring span{font-size:7px!important;bottom:27px!important;left:10px!important;right:10px!important;letter-spacing:0!important;}
.twc86-health strong,.twc86-health small{max-width:100%;overflow-wrap:break-word;}
.twc86-health,.twc88-reg-ring{min-width:0!important;}
.twc86-command,.twc88-reg-hero,.twc88-quote-hero{overflow:hidden!important;}
.twc90-ai-card,.twc86-command,.twc88-reg-hero,.twc88-quote-hero{color:#fff;}
.twc90-ai-card p,.twc86-command p,.twc88-reg-hero p,.twc88-quote-hero p{color:#dbeafe!important;}
.twc90-action,.twc90-check,.card-lite,.panel,.box,.stat{color:#06172b;}
@media(max-width:820px){
  .twc86-ring{width:104px!important;height:104px!important;}
  .twc86-ring span{font-size:8px!important;bottom:25px!important;left:9px!important;right:9px!important;}
  .twc88-reg-ring{width:96px!important;height:96px!important;}
  .twc88-reg-ring span{font-size:6.6px!important;bottom:22px!important;}
}


/* V367.46.5.93 NEO ERP VISUAL REBUILD
   Full app visual shell modernization only. No billing/payment/purchase/stock/report logic changed. */
body.is-logged.twc93-neo-shell{
  --navy:#0f172a;--navy2:#1e293b;--gold:#2563eb;--gold2:#0ea5e9;--bg:#f6f8fb;--card:#ffffff;--line:#e2e8f0;--text:#0f172a;--muted:#64748b;--button-bg:#0f76d2;
  background:linear-gradient(135deg,#eef6ff 0%,#f8fafc 34%,#f5f3ff 100%)!important;color:#0f172a!important;
}
body.is-logged.twc93-neo-shell .app{grid-template-columns:248px minmax(0,1fr)}
body.is-logged.twc93-neo-shell .sidebar{background:linear-gradient(180deg,#0f172a,#102a43 58%,#0b3b62)!important;padding:14px 10px;border-right:1px solid rgba(255,255,255,.08)}
body.is-logged.twc93-neo-shell .menu-group{color:#9ed8ff!important;font-size:11px;margin:16px 10px 7px;letter-spacing:.12em}
body.is-logged.twc93-neo-shell .menu-btn{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;color:#eaf6ff!important;margin:5px 0!important;padding:11px 13px!important;box-shadow:none!important;transition:transform .15s ease,background .15s ease,border-color .15s ease}
body.is-logged.twc93-neo-shell .menu-btn:hover{transform:translateX(2px);background:rgba(14,165,233,.18)!important;border-color:rgba(125,211,252,.28)!important}
body.is-logged.twc93-neo-shell .menu-btn.active{background:linear-gradient(135deg,#0284c7,#2563eb)!important;border-color:rgba(255,255,255,.24)!important;box-shadow:0 10px 22px rgba(37,99,235,.22)!important;color:#fff!important}
body.is-logged.twc93-neo-shell .topbar{background:rgba(255,255,255,.86)!important;border-bottom:1px solid rgba(148,163,184,.25)!important;box-shadow:0 10px 30px rgba(15,23,42,.06);backdrop-filter:blur(18px)}
body.is-logged.twc93-neo-shell .content{max-width:none!important;padding:22px 26px 84px!important}
body.is-logged.twc93-neo-shell .twc87-page-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
body.is-logged.twc93-neo-shell .page-head{background:rgba(255,255,255,.88)!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:22px!important;padding:16px 18px!important;box-shadow:0 14px 36px rgba(15,23,42,.07)!important;margin-bottom:16px!important}
body.is-logged.twc93-neo-shell .page-head h1{font-size:27px!important;letter-spacing:-.035em!important;color:#0f172a!important;line-height:1.15!important}
body.is-logged.twc93-neo-shell .page-line{background:linear-gradient(90deg,#38bdf8,rgba(56,189,248,0))!important}
body.is-logged.twc93-neo-shell .hero:not(.instant-hero){display:none!important}
body.is-logged.twc93-neo-shell .card,body.is-logged.twc93-neo-shell .card-lite,body.is-logged.twc93-neo-shell .panel,body.is-logged.twc93-neo-shell .box,body.is-logged.twc93-neo-shell .fast-box,body.is-logged.twc93-neo-shell .totalbox,body.is-logged.twc93-neo-shell .terms-section-card{background:rgba(255,255,255,.92)!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:22px!important;box-shadow:0 16px 40px rgba(15,23,42,.07)!important;color:#0f172a!important}
body.is-logged.twc93-neo-shell button{background:linear-gradient(135deg,#0284c7,#2563eb)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 10px 22px rgba(37,99,235,.18)!important;border-radius:14px!important}
body.is-logged.twc93-neo-shell .btn-ghost,body.is-logged.twc93-neo-shell button.btn-ghost{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important;box-shadow:none!important}
body.is-logged.twc93-neo-shell .btn-red,body.is-logged.twc93-neo-shell .danger{background:linear-gradient(135deg,#e11d48,#be123c)!important;color:#fff!important}
body.is-logged.twc93-neo-shell .btn-green{background:linear-gradient(135deg,#16a34a,#059669)!important;color:#fff!important}
body.is-logged.twc93-neo-shell input,body.is-logged.twc93-neo-shell select,body.is-logged.twc93-neo-shell textarea{border:1px solid #cbd5e1!important;border-radius:14px!important;background:#fff!important;color:#0f172a!important;box-shadow:none!important}
body.is-logged.twc93-neo-shell input:focus,body.is-logged.twc93-neo-shell select:focus,body.is-logged.twc93-neo-shell textarea:focus{border-color:#0ea5e9!important;box-shadow:0 0 0 4px rgba(14,165,233,.14)!important}
body.is-logged.twc93-neo-shell label{color:#0f172a!important;font-weight:900!important}
/* Modern dashboard: stop the old dark-band feeling and remove circular chart cards */
body.is-logged.twc93-neo-shell .twc86-command,body.is-logged.twc93-neo-shell .twc90-ai-hero{background:linear-gradient(135deg,#ffffff,#eef8ff)!important;color:#0f172a!important;border:1px solid rgba(148,163,184,.30)!important;border-radius:26px!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important;padding:22px!important;overflow:hidden!important}
body.is-logged.twc93-neo-shell .twc86-command:before,body.is-logged.twc93-neo-shell .twc86-command:after,body.is-logged.twc93-neo-shell .twc90-ai-hero:before{display:none!important}
body.is-logged.twc93-neo-shell .twc86-chip,body.is-logged.twc93-neo-shell .twc90-ai-copy>span,body.is-logged.twc93-neo-shell .twc90-panel-title>span{background:#e0f2fe!important;border:1px solid #bae6fd!important;color:#0369a1!important}
body.is-logged.twc93-neo-shell .twc86-command h1,body.is-logged.twc93-neo-shell .twc90-ai-copy h2{color:#0f172a!important}
body.is-logged.twc93-neo-shell .twc86-command p,body.is-logged.twc93-neo-shell .twc90-ai-copy p{color:#475569!important}
body.is-logged.twc93-neo-shell .twc93-health-tile{background:#fff!important;border:1px solid #dbeafe!important;border-radius:22px!important;padding:18px!important;box-shadow:0 12px 30px rgba(37,99,235,.10)!important;min-width:230px;color:#0f172a!important}
body.is-logged.twc93-neo-shell .twc93-health-tile small{display:block;color:#64748b!important;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
body.is-logged.twc93-neo-shell .twc93-health-tile b{display:block;color:#0f172a!important;font-size:23px;margin:7px 0;line-height:1.1}
body.is-logged.twc93-neo-shell .twc93-health-tile span{display:block;color:#475569!important;font-weight:800;margin-bottom:10px}
body.is-logged.twc93-neo-shell .twc93-health-tile i,body.is-logged.twc93-neo-shell .twc88-reg-metrics i,body.is-logged.twc93-neo-shell .twc88-quote-pill i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#22c55e var(--w,0%),#e2e8f0 0)!important;box-shadow:none!important}
body.is-logged.twc93-neo-shell .twc90-ai-score{background:#fff!important;border:1px solid #dbeafe!important;color:#0f172a!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(37,99,235,.10)!important}
body.is-logged.twc93-neo-shell .twc90-ai-score i{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;display:block!important;position:static!important}
body.is-logged.twc93-neo-shell .twc90-ai-score i:before{display:none!important}
body.is-logged.twc93-neo-shell .twc90-ai-score b{position:static!important;color:#0f172a!important;font-size:34px!important;display:block!important}
body.is-logged.twc93-neo-shell .twc90-ai-score strong{color:#0f172a!important}.twc93-neo-shell .twc90-ai-score small{color:#64748b!important}
/* Billing/Register pages: clean SaaS cards instead of repeated dark bands */
body.is-logged.twc93-neo-shell .twc88-billing-command,body.is-logged.twc93-neo-shell .twc88-reg-hero,body.is-logged.twc93-neo-shell .twc88-quote-hero{background:linear-gradient(135deg,#ffffff,#f0f9ff)!important;color:#0f172a!important;border:1px solid rgba(148,163,184,.30)!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(15,23,42,.08)!important;padding:16px!important}
body.is-logged.twc93-neo-shell .twc88-billing-title span{background:#e0f2fe!important;color:#0369a1!important}.twc93-neo-shell .twc88-billing-title b,.twc93-neo-shell .twc88-reg-hero h2,.twc93-neo-shell .twc88-quote-hero h2{color:#0f172a!important}.twc93-neo-shell .twc88-billing-title small,.twc93-neo-shell .twc88-reg-hero span,.twc93-neo-shell .twc88-quote-hero span{color:#0284c7!important}.twc93-neo-shell .twc88-billing-title em,.twc93-neo-shell .twc88-reg-hero p,.twc93-neo-shell .twc88-quote-hero p{color:#475569!important}
body.is-logged.twc93-neo-shell .twc88-billing-flow i{background:#f8fafc!important;color:#0f172a!important;border:1px solid #dbeafe!important;border-radius:999px!important}.twc93-neo-shell .twc88-billing-flow i.active{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}
body.is-logged.twc93-neo-shell .twc88-reg-metrics,body.is-logged.twc93-neo-shell .twc88-quote-pill{background:#fff!important;border:1px solid #dbeafe!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(15,23,42,.06)!important;color:#0f172a!important;text-align:left!important}
body.is-logged.twc93-neo-shell .twc88-reg-metrics b,body.is-logged.twc93-neo-shell .twc88-quote-pill b{color:#0f172a!important;font-size:24px!important}.twc93-neo-shell .twc88-reg-metrics small,.twc93-neo-shell .twc88-quote-pill small{color:#64748b!important}
body.is-logged.twc93-neo-shell .twc88-reg-ring,body.is-logged.twc93-neo-shell .twc86-ring{display:none!important}
body.is-logged.twc93-neo-shell .twc91-doc-line{background:#fff!important;border:1px solid #dbeafe!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;margin:12px 0!important}
/* Tables and form blocks */
body.is-logged.twc93-neo-shell .table-wrap,body.is-logged.twc93-neo-shell .item-scroll{border-radius:20px!important;border:1px solid #dbeafe!important;box-shadow:0 16px 36px rgba(15,23,42,.06)!important;background:#fff!important;overflow:auto!important}
body.is-logged.twc93-neo-shell .table th,body.is-logged.twc93-neo-shell .item-head{background:#0f172a!important;color:#fff!important;border-bottom:0!important}
body.is-logged.twc93-neo-shell .table td,body.is-logged.twc93-neo-shell .item-row{border-color:#e2e8f0!important;background:#fff!important;color:#0f172a!important}
body.is-logged.twc93-neo-shell .savebar{background:rgba(255,255,255,.94)!important;border:1px solid rgba(148,163,184,.30)!important;border-radius:22px!important;box-shadow:0 18px 46px rgba(15,23,42,.14)!important}
body.is-logged.twc93-neo-shell .adminbar{background:#fff7ed!important;border-color:#fed7aa!important;color:#7c2d12!important;border-radius:18px!important}
body.is-logged.twc93-neo-shell .stat{border-radius:20px!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;border-color:#dbeafe!important}
body.is-logged.twc93-neo-shell .grid2,body.is-logged.twc93-neo-shell .grid3,body.is-logged.twc93-neo-shell .grid4{gap:14px!important}
@media(max-width:1000px){body.is-logged.twc93-neo-shell .app{grid-template-columns:1fr}body.is-logged.twc93-neo-shell .content{padding:14px 12px 96px!important}body.is-logged.twc93-neo-shell .twc86-command,body.is-logged.twc93-neo-shell .twc90-ai-hero,body.is-logged.twc93-neo-shell .twc88-billing-command,body.is-logged.twc93-neo-shell .twc88-reg-hero,body.is-logged.twc93-neo-shell .twc88-quote-hero{border-radius:20px!important;padding:14px!important}body.is-logged.twc93-neo-shell .page-head h1{font-size:23px!important}body.is-logged.twc93-neo-shell .twc93-health-tile{min-width:0;width:100%}.twc93-neo-shell .twc88-reg-hero,.twc93-neo-shell .twc88-quote-hero{grid-template-columns:1fr 1fr!important}.twc93-neo-shell .twc88-reg-hero>div:first-child,.twc93-neo-shell .twc88-quote-hero>div:first-child{grid-column:1/-1!important}}
@media(max-width:560px){body.is-logged.twc93-neo-shell .twc88-reg-hero,body.is-logged.twc93-neo-shell .twc88-quote-hero{grid-template-columns:1fr!important}body.is-logged.twc93-neo-shell .twc88-billing-actions{grid-template-columns:1fr 1fr!important}body.is-logged.twc93-neo-shell .savebar button{flex:1 1 100%!important}}

/* V367.46.5.96 Full App Flat UI + Contrast Repair
   Purpose: remove repeated box feeling, fix invisible text, keep workflow/calculation untouched. */
body.is-logged.twc93-neo-shell,
body.is-logged{
  --twc94-ink:#071527;
  --twc94-muted:#475569;
  --twc94-line:#dbe7f3;
  --twc94-soft:#f6f9fc;
  --twc94-soft2:#eef6ff;
  --twc94-blue:#0574b8;
  --twc94-dark:#07172b;
}
body.is-logged .content{max-width:1780px!important;padding-top:20px!important;}
body.is-logged .twc87-page-card.card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
}
body.is-logged .twc87-page-head.page-head{
  background:#ffffff!important;
  border:1px solid var(--twc94-line)!important;
  border-radius:18px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
  padding:18px 20px!important;
  margin:0 0 18px!important;
}
body.is-logged .twc87-page-head h1{font-size:28px!important;color:var(--twc94-ink)!important;line-height:1.1!important;}
body.is-logged .page-line{height:2px!important;background:linear-gradient(90deg,var(--twc94-blue),transparent)!important;box-shadow:none!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 .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,
body.is-logged .savebar,
body.is-logged .settings-savebar.inline{
  background:#fff!important;
  color:var(--twc94-ink)!important;
  border:1px solid var(--twc94-line)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.055)!important;
  border-radius:16px!important;
}
body.is-logged .card-lite,
body.is-logged .stat,
body.is-logged .register-card,
body.is-logged .fast-box,
body.is-logged .totalbox{box-shadow:0 4px 14px rgba(15,23,42,.04)!important;}
body.is-logged .grid4 .stat,
body.is-logged .user-stats .stat,
body.is-logged .finance-panel.stat{min-height:0!important;padding:18px 20px!important;}
body.is-logged .stat span,
body.is-logged .stat small,
body.is-logged .card-lite small,
body.is-logged .register-card small,
body.is-logged .customer-pro-card small{color:var(--twc94-muted)!important;}
body.is-logged .stat b,
body.is-logged .card-lite b,
body.is-logged .register-card b{color:var(--twc94-ink)!important;}
body.is-logged .twc88-reg-hero,
body.is-logged .twc88-quote-hero,
body.is-logged .twc93-register-hero,
body.is-logged .twc90-ai-hero,
body.is-logged .twc86-command,
body.is-logged .twc86-brand-hero,
body.is-logged .twc88-billing-hero,
body.is-logged .twc87-workspace-bar,
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:#ffffff!important;
  color:var(--twc94-ink)!important;
  border:1px solid var(--twc94-line)!important;
  border-left:5px solid var(--twc94-blue)!important;
  border-bottom:1px solid var(--twc94-line)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.055)!important;
  border-radius:18px!important;
}
body.is-logged .twc88-reg-hero h2,
body.is-logged .twc88-quote-hero h2,
body.is-logged .twc93-register-hero h2,
body.is-logged .twc90-ai-hero h2,
body.is-logged .twc86-command h2,
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 .customer-ledger-hero h2,
body.is-logged .twc88-reg-hero p,
body.is-logged .twc88-quote-hero p,
body.is-logged .twc93-register-hero p,
body.is-logged .twc90-ai-hero p,
body.is-logged .twc86-command p,
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,
body.is-logged .customer-ledger-hero p{
  color:var(--twc94-ink)!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.is-logged .twc88-reg-hero span,
body.is-logged .twc88-quote-hero span,
body.is-logged .twc93-register-hero span,
body.is-logged .twc90-ai-hero span,
body.is-logged .twc86-command span{
  color:var(--twc94-blue)!important;
  text-shadow:none!important;
}
body.is-logged .twc88-reg-metrics,
body.is-logged .twc88-quote-pill,
body.is-logged .twc86-kpi,
body.is-logged .twc86-action-card,
body.is-logged .twc90-ai-card,
body.is-logged .twc90-ai-metric,
body.is-logged .twc93-progress-card{
  background:var(--twc94-soft)!important;
  color:var(--twc94-ink)!important;
  border:1px solid var(--twc94-line)!important;
  box-shadow:none!important;
  border-radius:14px!important;
}
body.is-logged .twc88-reg-metrics b,
body.is-logged .twc88-quote-pill b,
body.is-logged .twc86-kpi b,
body.is-logged .twc90-ai-card b,
body.is-logged .twc90-ai-metric b{color:var(--twc94-ink)!important;}
body.is-logged .twc88-reg-metrics small,
body.is-logged .twc88-quote-pill small,
body.is-logged .twc86-kpi small,
body.is-logged .twc90-ai-card small,
body.is-logged .twc90-ai-metric small{color:var(--twc94-muted)!important;}
body.is-logged .twc88-reg-metrics i,
body.is-logged .twc88-quote-pill i{background:#dbeafe!important;height:8px!important;border-radius:999px!important;overflow:hidden!important;}
body.is-logged .twc88-reg-metrics i:before,
body.is-logged .twc88-quote-pill i:before{content:'';display:block;width:var(--w,0%);height:100%;background:#22c55e;border-radius:999px;}
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),
body.is-logged .btnlink,
body.is-logged .top-new{
  background:linear-gradient(135deg,#0677b8,#075f98)!important;
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 8px 18px rgba(5,116,184,.16)!important;
  border-radius:12px!important;
}
body.is-logged .btn-ghost,
body.is-logged .inside-page-submenu button,
body.is-logged .crm-tabs button,
body.is-logged .invoice-tabs button,
body.is-logged .follow-tabs button,
body.is-logged .report-tabs button,
body.is-logged .finance-tabs button{
  background:#f8fafc!important;
  color:var(--twc94-ink)!important;
  border:1px solid #cfdceb!important;
  box-shadow:none!important;
}
body.is-logged .btn-dark,
body.is-logged .crm-tabs button.active,
body.is-logged .invoice-tabs button.active,
body.is-logged .follow-tabs button.active,
body.is-logged .report-tabs button.active,
body.is-logged .finance-tabs button.active{
  background:#07172b!important;
  color:#fff!important;
}
body.is-logged .table th,
body.is-logged .item-head,
body.is-logged .purchase-head,
body.is-logged .po-head{background:#07172b!important;color:#fff!important;border-bottom:0!important;}
body.is-logged .table td,
body.is-logged .item-row{background:#fff!important;color:var(--twc94-ink)!important;}
body.is-logged input,
body.is-logged select,
body.is-logged textarea{
  background:#fff!important;
  color:var(--twc94-ink)!important;
  border:1px solid #cbd9e8!important;
  box-shadow:none!important;
}
body.is-logged input::placeholder,body.is-logged textarea::placeholder{color:#64748b!important;opacity:.9!important;}
body.is-logged label{color:var(--twc94-ink)!important;}
body.is-logged .adminbar{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#7c2d12!important;box-shadow:none!important;}
body.is-logged .hint{background:#f8fbff!important;color:var(--twc94-ink)!important;}
body.is-logged .mobile-card-list .register-card,
body.is-logged .quote-pro-card,
body.is-logged .invoice-pro-card{background:#fff!important;}
body.is-logged .savebar{position:sticky!important;bottom:10px!important;}
body.is-logged .shortcut-fab{right:18px!important;bottom:22px!important;background:rgba(7,116,184,.56)!important;color:#fff!important;}
body.is-logged .service-admin-box{background:#f8fbff!important;border:1px solid #b8d7f3!important;border-left:5px solid #0574b8!important;border-radius:16px!important;padding:16px!important;margin:0 0 16px!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important;}
body.is-logged .service-admin-box h2{margin:0 0 6px!important;color:#071527!important;}
body.is-logged .service-admin-box p{margin:0 0 12px!important;color:#475569!important;font-weight:750!important;}
body.is-logged .service-admin-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:end;}
@media(max-width:1000px){
  body.is-logged .content{padding:14px 12px 92px!important;}
  body.is-logged .twc87-page-head.page-head{padding:14px!important;border-radius:14px!important;margin-bottom:12px!important;}
  body.is-logged .twc87-page-head h1{font-size:22px!important;}
  body.is-logged .twc88-reg-hero,
  body.is-logged .twc88-quote-hero,
  body.is-logged .twc93-register-hero,
  body.is-logged .twc90-ai-hero,
  body.is-logged .twc86-command{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:14px!important;}
  body.is-logged .service-admin-row{grid-template-columns:1fr!important;}
  body.is-logged .savebar{position:static!important;}
}

/* V367.46.5.96 RESCUE CLEAN UI
   Purpose: remove the repeated box-heavy look, fix invisible text, and keep all workflow/calculation untouched. */
body.is-logged{
  --twc95-ink:#071527;
  --twc95-muted:#42526b;
  --twc95-line:#d7e4f2;
  --twc95-soft:#f7fafc;
  --twc95-blue:#066fae;
  --twc95-dark:#07172b;
}
body.is-logged .content{background:#f5f8fb!important;}
body.is-logged .twc87-page-head.page-head{
  background:#fff!important;
  border:1px solid var(--twc95-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
  padding:14px 18px!important;
  margin-bottom:14px!important;
}
body.is-logged .twc87-page-head h1{font-size:25px!important;color:var(--twc95-ink)!important;}
body.is-logged .page-line{height:2px!important;background:linear-gradient(90deg,#1394d8,transparent)!important;}

/* Remove the failed decorative register hero bands that created invisible text / box feeling. */
body.is-logged .twc88-reg-hero,
body.is-logged .twc88-quote-hero,
body.is-logged .twc93-register-hero{display:none!important;}

/* Keep billing desk command bar, but make it flat and readable. */
body.is-logged .twc88-billing-command{
  background:#fff!important;
  border:1px solid var(--twc95-line)!important;
  border-left:4px solid var(--twc95-blue)!important;
  color:var(--twc95-ink)!important;
  border-radius:14px!important;
  box-shadow:none!important;
  padding:12px 14px!important;
}
body.is-logged .twc88-billing-command *{color:var(--twc95-ink)!important;text-shadow:none!important;}
body.is-logged .twc88-billing-command span{color:var(--twc95-blue)!important;}
body.is-logged .twc88-billing-flow i{background:#f8fafc!important;border:1px solid var(--twc95-line)!important;color:var(--twc95-ink)!important;box-shadow:none!important;}
body.is-logged .twc88-billing-flow i.active{background:#e8f9ef!important;border-color:#b7efc8!important;color:#0f6b35!important;}

/* Flatten panels. The app must not look like many floating boxes. */
body.is-logged .card,
body.is-logged .card-lite,
body.is-logged .panel,
body.is-logged .box,
body.is-logged .fast-box,
body.is-logged .totalbox,
body.is-logged .terms-section-card,
body.is-logged .table-wrap,
body.is-logged .item-scroll,
body.is-logged .stat,
body.is-logged .register-card,
body.is-logged .invoice-pro-card,
body.is-logged .quote-pro-card,
body.is-logged .finance-panel,
body.is-logged .purchase-panel,
body.is-logged .stock-panel,
body.is-logged .pro-filterbar,
body.is-logged .inside-page-submenu,
body.is-logged .savebar{
  background:#fff!important;
  color:var(--twc95-ink)!important;
  border:1px solid var(--twc95-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.is-logged .stat{padding:16px!important;}
body.is-logged .stat b{font-size:24px!important;color:var(--twc95-ink)!important;line-height:1.1!important;}
body.is-logged .stat span,
body.is-logged .stat small,
body.is-logged .card small,
body.is-logged .hint,
body.is-logged .muted{color:var(--twc95-muted)!important;text-shadow:none!important;}
body.is-logged .card h2,
body.is-logged .card h3,
body.is-logged .panel h2,
body.is-logged .panel h3,
body.is-logged .box h2,
body.is-logged .box h3{color:var(--twc95-ink)!important;text-shadow:none!important;}

/* Form and table alignment. */
body.is-logged input,
body.is-logged select,
body.is-logged textarea{
  border:1px solid #cbd9e8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#071527!important;
  box-shadow:none!important;
}
body.is-logged input:focus,
body.is-logged select:focus,
body.is-logged textarea:focus{border-color:#1084c7!important;box-shadow:0 0 0 3px rgba(16,132,199,.12)!important;}
body.is-logged label{color:#071527!important;font-weight:800!important;}
body.is-logged .table th,
body.is-logged .item-head,
body.is-logged .purchase-head,
body.is-logged .po-head{
  background:#07172b!important;
  color:#fff!important;
  border-color:#07172b!important;
}
body.is-logged .table td,
body.is-logged .item-row{color:#071527!important;background:#fff!important;}
body.is-logged .adminbar{background:#fff6ea!important;border:1px solid #f8c98d!important;color:#82320d!important;box-shadow:none!important;}
body.is-logged .adminbar *{color:#82320d!important;}
body.is-logged button:not(.btn-ghost):not(.modal-close):not(.logout):not(.app-logout-btn),
body.is-logged .btnlink{
  background:#066fae!important;
  color:#fff!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.is-logged .btn-ghost,
body.is-logged .inside-page-submenu button,
body.is-logged .crm-tabs button,
body.is-logged .invoice-tabs button,
body.is-logged .follow-tabs button{
  background:#fff!important;
  color:#071527!important;
  border:1px solid #cbd9e8!important;
  box-shadow:none!important;
}
body.is-logged .crm-tabs button.active,
body.is-logged .invoice-tabs button.active,
body.is-logged .follow-tabs button.active{background:#066fae!important;color:#fff!important;border-color:#066fae!important;}

/* Reduce billing page vertical wastage. */
body.is-logged .twc91-doc-line{margin:10px 0!important;padding:10px 12px!important;border-radius:10px!important;box-shadow:none!important;}
body.is-logged .fast-box{padding:14px!important;}
body.is-logged .terms-section-card{padding:12px!important;}
body.is-logged .savebar{bottom:8px!important;padding:8px!important;}

@media(max-width:900px){
  body.is-logged .twc87-page-head h1{font-size:22px!important;}
  body.is-logged .twc88-billing-command{display:block!important;}
  body.is-logged .twc88-billing-actions{margin-top:10px!important;}
  body.is-logged .savebar{position:static!important;}
}

/* =========================================================
   V367.46.5.98 - Full app UI readability + mobile/menu cleanup
   Scope: UI/CSS only. No calculation/workflow change.
   ========================================================= */
body{background:#f4f8fc!important;color:#0f172a!important;-webkit-font-smoothing:antialiased;}
.card.twc87-page-card{background:#fff!important;border:1px solid #d9e8f5!important;border-radius:18px!important;box-shadow:none!important;padding:18px!important;}
.twc87-page-head{margin:0 0 14px!important;padding:0 0 10px!important;background:#fff!important;color:#0f172a!important;border-bottom:1px solid #dbeafe!important;}
.twc87-page-head h1{color:#0f172a!important;font-size:28px!important;line-height:1.18!important;letter-spacing:-.035em!important;}
.twc87-page-head .page-line{background:linear-gradient(90deg,#0284c7,rgba(2,132,199,0))!important;height:2px!important;}

/* Clean register/dashboard hero panels - no invisible white-on-light text */
.twc86-command,.twc88-reg-hero,.twc88-quote-hero,.twc93-register-hero,.twc90-ai-hero,.twc90-backup-hero,.twc90-service-hero{background:#fff!important;color:#0f172a!important;border:1px solid #d7e7f4!important;border-radius:18px!important;box-shadow:none!important;padding:16px!important;}
.twc86-command h1,.twc88-reg-hero h2,.twc88-quote-hero h2,.twc90-ai-hero h2,.twc90-backup-hero h2,.twc90-service-hero h2{color:#0f172a!important;text-shadow:none!important;}
.twc86-command p,.twc88-reg-hero p,.twc88-quote-hero p,.twc90-ai-hero p,.twc90-backup-hero p,.twc90-service-hero p{color:#334155!important;text-shadow:none!important;font-weight:750!important;}
.twc86-chip,.twc88-reg-hero span,.twc88-quote-hero span{color:#0369a1!important;background:#e0f2fe!important;border:1px solid #bae6fd!important;border-radius:999px!important;padding:4px 9px!important;display:inline-flex!important;max-width:max-content!important;}
.twc88-reg-metrics,.twc88-quote-pill,.twc86-kpi,.twc86-panel,.twc90-brain-panel,.twc90-intel-card,.twc93-health-tile{background:#fff!important;color:#0f172a!important;border:1px solid #d8e7f3!important;border-radius:16px!important;box-shadow:none!important;}
.twc88-reg-metrics b,.twc88-quote-pill b,.twc86-kpi b,.twc93-health-tile b{color:#0f172a!important;}
.twc88-reg-metrics small,.twc88-quote-pill small,.twc86-kpi small,.twc93-health-tile span,.twc93-health-tile small{color:#475569!important;}

/* Forms and tables: flat, readable, customer-delivery style */
.form-section,.summary-box,.box,.panel,.hint,.empty,section.card form,.twc90-backup-form,.twc90-service-panel{box-shadow:none!important;border:1px solid #d8e7f3!important;background:#fff!important;color:#0f172a!important;border-radius:16px!important;}
input,select,textarea{background:#fff!important;color:#0f172a!important;border:1px solid #bdd6eb!important;border-radius:11px!important;box-shadow:none!important;}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(2,132,199,.18)!important;border-color:#0284c7!important;}
label,.label,small,em,.muted,.hint p{color:#334155!important;}
table th,.items-table th,.table th{background:#0b1b31!important;color:#fff!important;}
table td,.items-table td,.table td{color:#0f172a!important;}

/* Buttons: one consistent blue, no oversized glossy feel */
button,.btn,.twc87-module-actions button,.twc86-command-actions button,.toolbar button,.toolbar a{background:#0277b6!important;color:#fff!important;border:1px solid #0277b6!important;border-radius:11px!important;box-shadow:none!important;font-weight:850!important;min-height:40px!important;}
button.secondary,.btn.secondary,.btn-light,.outline,button.light{background:#f8fbff!important;color:#0f172a!important;border:1px solid #bdd6eb!important;}
button:hover,.btn:hover{filter:brightness(.96)!important;transform:none!important;}

/* Sidebar/menu bar polish */
.sidebar{background:#07172b!important;color:#fff!important;}
.sidebar .brand,.sidebar .menu-title,.sidebar h3{color:#fff!important;}
.menu button,.side-menu button,.sidebar button{background:#0b6fa9!important;color:#fff!important;border:0!important;border-radius:12px!important;margin:4px 10px!important;min-height:42px!important;box-shadow:none!important;text-align:left!important;}
.menu button.active,.side-menu button.active,.sidebar button.active{background:#0ea5e9!important;color:#fff!important;}
.menu button:hover,.side-menu button:hover,.sidebar button:hover{background:#0284c7!important;}

/* Billing specific compact cleanup */
[data-erp-page="billing"] .twc87-page-card{padding:14px!important;}
[data-erp-page="billing"] .form-section{margin-bottom:12px!important;}
[data-erp-page="billing"] .admin-cost-panel,.owner-note{background:#fff8ed!important;color:#7c2d12!important;border:1px solid #fed7aa!important;}
[data-erp-page="billing"] .sticky-actions{background:rgba(255,255,255,.94)!important;box-shadow:none!important;border:1px solid #d8e7f3!important;}

/* Mobile: usable spacing, no hidden buttons */
@media (max-width:900px){
  .card.twc87-page-card{padding:12px!important;border-radius:14px!important;}
  .twc87-page-head h1{font-size:22px!important;}
  .twc86-command,.twc88-reg-hero,.twc88-quote-hero,.twc93-register-hero{display:block!important;padding:12px!important;}
  .twc88-reg-metrics,.twc88-quote-pill,.twc86-kpi{margin:8px 0!important;width:100%!important;}
  button,.btn{min-height:42px!important;font-size:14px!important;}
  .form-grid,.grid,.row{grid-template-columns:1fr!important;}
  table.responsive, .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  .sticky-actions{left:8px!important;right:8px!important;bottom:8px!important;gap:6px!important;overflow-x:auto!important;border-radius:14px!important;}
  .sticky-actions button{white-space:nowrap!important;min-width:max-content!important;}
}

/* --------------------------------------------------------------------------
   V367.46.5.98 - Live UI Stability + Fast Reports + AI Chart
   Scope: readability, menu/buttons, mobile comfort, report initial-load speed.
   No billing/payment/purchase/report calculation logic changes.
---------------------------------------------------------------------------- */
:root{--twc98-blue:#026ea8;--twc98-blue2:#075985;--twc98-ink:#0f172a;--twc98-muted:#475569;--twc98-line:#d6e4f0;--twc98-bg:#f6f9fc;--twc98-soft:#eef8ff;}
body.is-logged{background:var(--twc98-bg)!important;color:var(--twc98-ink)!important;}
body.is-logged .content{max-width:1680px!important;padding-top:18px!important;}
body.is-logged .page-head{background:#fff!important;border:1px solid var(--twc98-line)!important;border-radius:18px!important;padding:12px 16px!important;margin:0 0 14px!important;box-shadow:none!important;}
body.is-logged .page-head h1{color:var(--twc98-ink)!important;font-size:26px!important;letter-spacing:-.02em!important;}
body.is-logged .page-line{background:linear-gradient(90deg,#0ea5e9,transparent)!important;height:2px!important;}

/* Sidebar/menu: flatter, readable, less toy-like */
body.is-logged .sidebar{background:#07192d!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;}
body.is-logged .side-title{font-size:20px!important;line-height:1.15!important;color:#fff!important;}
body.is-logged .menu-group{color:#facc15!important;font-size:11px!important;margin:16px 8px 7px!important;letter-spacing:.12em!important;}
body.is-logged .menu-btn{background:#0b2742!important;color:#eaf6ff!important;border:1px solid rgba(186,230,253,.10)!important;border-radius:10px!important;padding:10px 12px!important;margin:5px 0!important;box-shadow:none!important;line-height:1.2!important;}
body.is-logged .menu-btn:hover{background:#0e3a5d!important;color:#fff!important;transform:none!important;}
body.is-logged .menu-btn.active{background:#0284c7!important;color:#fff!important;border-color:#38bdf8!important;box-shadow:inset 4px 0 0 #facc15!important;}

/* Global buttons: one practical standard */
body.is-logged button:not(.logout):not(.app-logout-btn):not(.modal-close){background:var(--twc98-blue)!important;color:#fff!important;border:1px solid var(--twc98-blue)!important;border-radius:10px!important;box-shadow:none!important;min-height:38px!important;padding:9px 14px!important;font-weight:850!important;text-shadow:none!important;}
body.is-logged button:not(.logout):not(.app-logout-btn):not(.modal-close):hover{background:var(--twc98-blue2)!important;border-color:var(--twc98-blue2)!important;filter:none!important;transform:none!important;}
body.is-logged .btn-ghost,body.is-logged button.btn-ghost{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important;}

/* Text contrast rescue: prevent white text on light panels */
body.is-logged .twc86-panel,body.is-logged .twc86-row,body.is-logged .twc86-task,body.is-logged .twc90-brain-panel,body.is-logged .twc90-intel-card,body.is-logged .twc88-reg-hero,body.is-logged .twc88-quote-hero,body.is-logged .twc88-billing-command,body.is-logged .stat,body.is-logged .card,body.is-logged .register-card,body.is-logged .totalbox,body.is-logged .fast-box{background:#fff!important;color:var(--twc98-ink)!important;border:1px solid var(--twc98-line)!important;box-shadow:none!important;}
body.is-logged .twc86-panel h1,body.is-logged .twc86-panel h2,body.is-logged .twc86-panel h3,body.is-logged .twc86-row b,body.is-logged .twc86-row strong,body.is-logged .twc86-task b,body.is-logged .twc90-brain-panel h2,body.is-logged .twc90-brain-panel h3,body.is-logged .twc88-reg-hero h2,body.is-logged .twc88-quote-hero h2,body.is-logged .twc88-billing-title b{color:var(--twc98-ink)!important;text-shadow:none!important;}
body.is-logged .twc86-panel p,body.is-logged .twc86-row span,body.is-logged .twc86-task span,body.is-logged .twc90-brain-panel p,body.is-logged .twc90-brain-panel small,body.is-logged .twc88-reg-hero p,body.is-logged .twc88-quote-hero p,body.is-logged .empty,body.is-logged .hint{color:var(--twc98-muted)!important;text-shadow:none!important;}
body.is-logged .twc86-panel-head span,body.is-logged .twc88-reg-hero span,body.is-logged .twc88-quote-hero span{color:#0369a1!important;background:transparent!important;}
body.is-logged .twc86-panel-head button,body.is-logged .twc86-task button{color:#fff!important;background:var(--twc98-blue)!important;}

/* Dashboard: less empty box feeling */
body.is-logged .twc86-command{background:#fff!important;color:var(--twc98-ink)!important;border:1px solid var(--twc98-line)!important;border-radius:18px!important;box-shadow:none!important;padding:16px!important;margin:8px 0 14px!important;grid-template-columns:minmax(0,1fr) 220px!important;}
body.is-logged .twc86-command:before,body.is-logged .twc86-command:after{display:none!important;}
body.is-logged .twc86-command h1{color:var(--twc98-ink)!important;font-size:28px!important;margin:8px 0!important;}
body.is-logged .twc86-command p{color:var(--twc98-muted)!important;font-size:14px!important;}
body.is-logged .twc86-chip{color:#0369a1!important;background:#e0f2fe!important;border:1px solid #bae6fd!important;padding:5px 10px!important;border-radius:999px!important;}
body.is-logged .twc93-health-tile{background:#f8fafc!important;border:1px solid var(--twc98-line)!important;color:var(--twc98-ink)!important;box-shadow:none!important;border-radius:15px!important;}
body.is-logged .twc86-kpi-grid,body.is-logged .twc86-data-grid{gap:12px!important;}
body.is-logged .twc86-panel{border-radius:16px!important;padding:14px!important;min-height:0!important;}
body.is-logged .twc86-row{border-radius:12px!important;padding:10px!important;}
body.is-logged .twc86-action-grid button{background:var(--twc98-blue)!important;color:#fff!important;text-align:center!important;}

/* Save bar: desktop should not feel like a giant floating block; mobile still comfortable */
body.is-logged .savebar{position:static!important;display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important;background:#fff!important;border:1px solid var(--twc98-line)!important;border-radius:14px!important;padding:8px!important;box-shadow:none!important;margin:10px 0!important;}
body.is-logged .savebar button{min-height:38px!important;padding:8px 12px!important;border-radius:10px!important;}
body.is-logged .billing-shell>.savebar{position:static!important;bottom:auto!important;}

/* Form/table alignment */
body.is-logged input,body.is-logged select,body.is-logged textarea{border-radius:10px!important;border-color:#cbd5e1!important;background:#fff!important;color:#0f172a!important;box-shadow:none!important;}
body.is-logged input:focus,body.is-logged select:focus,body.is-logged textarea:focus{border-color:#0284c7!important;box-shadow:0 0 0 3px rgba(2,132,199,.12)!important;}
body.is-logged label{color:#0f172a!important;font-weight:850!important;}
body.is-logged .table th,body.is-logged .item-head{background:#07192d!important;color:#fff!important;}
body.is-logged .table td,body.is-logged .item-row{color:#0f172a!important;background:#fff!important;}

/* Fast report overview + AI charts */
.twc98-report-fast,.twc98-ai-chart{background:#fff;border:1px solid var(--twc98-line);border-radius:18px;padding:16px;margin:14px 0;color:var(--twc98-ink);}
.twc98-report-title,.twc98-ai-chart-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:14px;}
.twc98-report-title span,.twc98-ai-chart-head span{display:block;color:#0284c7;font-weight:950;font-size:11px;letter-spacing:.12em;}
.twc98-report-title h2,.twc98-ai-chart-head h3{margin:2px 0 4px;color:#0f172a;}
.twc98-report-title p,.twc98-ai-chart p{margin:0;color:#475569;font-weight:750;}
.twc98-fast-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;}
.twc98-fast-kpis>div{background:#f8fafc;border:1px solid #dbeafe;border-radius:14px;padding:14px;}
.twc98-fast-kpis span{display:block;color:#475569;font-weight:900;text-transform:uppercase;font-size:12px;}
.twc98-fast-kpis b{display:block;color:#0f172a;font-size:24px;margin-top:6px;}
.twc98-fast-kpis small{display:block;color:#0284c7;font-weight:900;margin-top:3px;}
.twc98-fast-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:14px;}
.twc98-fast-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;}
.twc98-fast-panel h3{margin:0 0 10px;color:#0f172a;}
.twc98-bar-chart,.twc98-ai-bars{height:220px;display:flex;align-items:end;gap:10px;border-left:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:12px 12px 24px;margin:8px 0 10px;}
.twc98-chart-col,.twc98-ai-bars>div{flex:1;display:flex;align-items:end;justify-content:center;gap:4px;height:100%;position:relative;min-width:32px;}
.twc98-chart-col i,.twc98-ai-bars i{width:12px;height:var(--h);border-radius:8px 8px 0 0;background:#0284c7;display:block;min-height:4px;}
.twc98-chart-col i.green,.twc98-ai-bars i.green{background:#16a34a;}
.twc98-ai-bars i.gold{background:#d97706;}
.twc98-chart-col span,.twc98-ai-bars span{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);font-size:11px;color:#475569;font-weight:900;}
.twc98-alert{border:1px solid #e2e8f0;border-radius:12px;padding:11px;margin-bottom:9px;background:#f8fafc;}
.twc98-alert b{display:block;color:#0f172a;}.twc98-alert span{color:#475569;font-weight:800;}
.twc98-alert.bad{border-color:#fecaca;background:#fff7f7}.twc98-alert.warn{border-color:#fde68a;background:#fffbeb}.twc98-alert.ok{border-color:#bbf7d0;background:#f7fff9}
.twc98-ai-chart{margin-top:12px;}
.twc98-ai-bars{height:190px;}

/* Mobile: no horizontal monster buttons, readable cards */
@media(max-width:900px){
  body.is-logged .content{padding:10px 8px 100px!important;}
  body.is-logged .page-head{padding:10px 12px!important;border-radius:14px!important;}
  body.is-logged .page-head h1{font-size:21px!important;}
  body.is-logged .twc86-command{grid-template-columns:1fr!important;border-radius:15px!important;padding:12px!important;}
  body.is-logged .twc86-kpi-grid,body.is-logged .grid4,body.is-logged .twc98-fast-kpis{grid-template-columns:1fr 1fr!important;}
  body.is-logged .twc86-grid-main,body.is-logged .twc86-grid-secondary,body.is-logged .twc86-data-grid,body.is-logged .twc98-fast-grid{grid-template-columns:1fr!important;}
  body.is-logged .savebar{position:fixed!important;left:8px!important;right:8px!important;bottom:8px!important;z-index:120!important;display:grid!important;grid-template-columns:1fr 1fr!important;box-shadow:0 10px 30px rgba(15,23,42,.18)!important;}
  body.is-logged .savebar button{width:100%!important;min-height:42px!important;}
  .twc98-bar-chart,.twc98-ai-bars{overflow-x:auto;justify-content:flex-start;}
  .twc98-chart-col,.twc98-ai-bars>div{min-width:42px;}
}
@media(max-width:520px){
  body.is-logged .twc86-kpi-grid,body.is-logged .grid4,body.is-logged .twc98-fast-kpis{grid-template-columns:1fr!important;}
  body.is-logged button:not(.logout):not(.app-logout-btn):not(.modal-close){padding:8px 10px!important;font-size:13px!important;}
  .twc98-report-title,.twc98-ai-chart-head{display:block;}
  .twc98-report-title button,.twc98-ai-chart-head button{margin-top:10px;width:100%;}
}