:root{
  --navy:#071d38;--navy2:#0d2b52;--blue:#2456d6;--blue2:#3b82f6;--green:#0ea65a;--red:#e11d2e;--gold:#c18425;--purple:#7c3aed;
  --ink:#0f172a;--muted:#64748b;--line:#d6e0ec;--soft:#f5f8fc;--card:#ffffff;--shadow:0 18px 45px rgba(15,23,42,.08);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#eef3f9;font-size:14px}a{color:#1d4ed8}pre{white-space:pre-wrap;word-break:break-word}label{display:block;margin:10px 0 5px;font-weight:800;color:#14213d;font-size:12px}input,select,textarea{width:100%;border:1px solid #cbd8e8;border-radius:10px;padding:10px 12px;font:inherit;background:#fff;outline:none}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#4f83ff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.check{display:flex;align-items:center;gap:9px;font-weight:800}.check input{width:auto}.small{font-size:12px}.muted{color:var(--muted)}.right{text-align:right}.center{text-align:center}.nowrap{white-space:nowrap}
.app{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0c1830,#101d34);color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:24px;box-shadow:12px 0 30px rgba(15,23,42,.08);z-index:30}.brand{display:flex;gap:12px;align-items:center}.mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#60a5fa);display:grid;place-items:center;font-weight:1000;letter-spacing:.02em}.brand b{display:block;font-size:16px}.brand small{display:block;color:#dbeafe;margin-top:2px}.side nav{display:grid;gap:7px}.side nav a{color:#eaf2ff;text-decoration:none;font-weight:800;padding:11px 12px;border-radius:12px;display:flex;align-items:center;gap:9px}.side nav a:hover,.side nav a.active{background:rgba(255,255,255,.12);box-shadow:inset 3px 0 0 #60a5fa}.userbox{margin-top:auto;border-top:1px solid rgba(255,255,255,.18);padding-top:14px;color:#dbeafe}.main{min-width:0}.top{position:sticky;top:0;z-index:20;background:rgba(238,243,249,.9);backdrop-filter:blur(8px);padding:18px 28px;border-bottom:1px solid #e1e8f2;display:flex;align-items:center;justify-content:space-between;gap:16px}.top h1{margin:0;color:#071d38;font-size:28px;letter-spacing:-.03em}.top-actions{display:flex;gap:8px}.content{padding:24px 28px 40px;max-width:1680px;margin:0 auto;width:100%}.card{background:var(--card);border:1px solid #dce5f0;border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.notice{border-radius:14px;padding:13px 16px;margin:0 0 16px;border:1px solid #dbe4ef}.good-notice{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.empty-state{padding:22px;text-align:center;color:#64748b;background:#f8fbff;border-radius:12px}.grid{display:grid;gap:16px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.actions,.button-row,.hero-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:10px 14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;text-decoration:none;font-weight:900;cursor:pointer;line-height:1;box-shadow:0 8px 18px rgba(37,99,235,.18)}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn.green{background:linear-gradient(135deg,#12b76a,#068c4a)}.btn.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn.gray{background:linear-gradient(135deg,#64748b,#475569)}.btn.purple,.btn.sparkle{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.btn.gold{background:linear-gradient(135deg,#d99b2b,#b97815)}.btn.light{background:#eef6ff;color:#1d4ed8!important;border:1px solid #bfdbfe;box-shadow:none}.btn.smallbtn{font-size:12px;padding:8px 10px;border-radius:9px}.btn.xl{font-size:15px;padding:13px 20px}.page-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#fff,#f5f9ff)}.gradient-hero{background:linear-gradient(135deg,#061d39,#2456d6);color:#fff}.gradient-hero h2,.gradient-hero .section-kicker{color:#fff}.gradient-hero p{color:#dbeafe}.page-hero h2{margin:4px 0 8px;font-size:24px;color:#071d38}.page-hero p{margin:0;color:#64748b;max-width:820px}.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#1d4ed8;font-weight:1000}.section-head,.table-title-row,.manage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.section-head h2,.table-title-row h2,.manage-head h2{margin:0;color:#071d38}.section-head.slim{margin-bottom:12px}.table-scroll{overflow-x:auto;border-radius:14px}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{background:#f1f5fb;color:#26354d;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:1000}.table th,.table td{padding:12px 14px;border-bottom:1px solid #e5edf6;text-align:left;vertical-align:top}.table .right,.table th.right{text-align:right}.table .center,.table th.center{text-align:center}.pro-table tbody tr:nth-child(even),.quote-list-table tbody tr:nth-child(even),.items-table tbody tr:nth-child(even){background:#f8fbff}.pro-table tbody tr:hover,.quote-list-table tbody tr:hover{background:#eef6ff}.row-alert{background:#fff1f2!important}.age-red{color:#dc2626;font-weight:1000}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:900;font-size:11px;padding:5px 9px}.sp-open{background:#e0edff;color:#1d4ed8}.sp-draft{background:#f3f4f6;color:#475569}.sp-closed,.sp-scanned{background:#dcfce7;color:#166534}.sp-lost,.sp-error{background:#fee2e2;color:#991b1b}.sp-avoid,.sp-warning{background:#ffedd5;color:#9a3412}.quote-pill-btn{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;text-decoration:none;font-weight:1000;border:1px solid #bfdbfe}.quote-list-table{table-layout:auto}.quote-list-table th{white-space:nowrap}.quote-list-table td{vertical-align:middle}.action-icons{flex-wrap:nowrap}.searchbar-row{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:8px;align-items:center;margin:12px 0}.manage-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0}.perpage-wrap{gap:7px}.pp-btn,.sfpill,.filter-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:8px 11px;border-radius:999px;border:1px solid #cfe0f3;background:#fff;color:#1e3a8a;text-decoration:none;font-weight:900;font-size:12px}.pp-btn.active,.sfpill.active,.filter-btn.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.sfpill .sc{background:rgba(255,255,255,.7);color:#1e3a8a;border-radius:999px;padding:2px 6px}.sfpill.active .sc{background:rgba(255,255,255,.2);color:#fff}.status-filter{display:flex;flex-wrap:wrap;gap:7px}.results-meta{font-size:12px;color:#475569;font-weight:800}.bulk-bar{display:none;align-items:center;gap:9px;background:#f8fbff;border:1px solid #dbe4ef;border-radius:15px;padding:10px;margin-top:12px}.bulk-bar.visible{display:flex}.bulk-sel{max-width:260px}.pagination{display:flex;align-items:center;gap:7px;margin-top:14px;flex-wrap:wrap}.pgb{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#1d4ed8;text-decoration:none;font-weight:900}.pgb.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.pgb.off{opacity:.45;pointer-events:none}.pg-dot,.pg-info{color:#64748b;font-size:12px;font-weight:800}
.dashboard-page{max-width:1500px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi-card{position:relative;overflow:hidden;min-height:126px;border-radius:22px;padding:18px;color:#fff;text-decoration:none;box-shadow:0 18px 34px rgba(15,23,42,.12)}.kpi-card:after{content:"";position:absolute;right:-38px;bottom:-42px;width:132px;height:132px;border-radius:999px;background:rgba(255,255,255,.14)}.kpi-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:1000;opacity:.92}.kpi-card b{display:block;font-size:24px;margin:8px 0 5px;line-height:1.05}.kpi-card small{color:rgba(255,255,255,.88)}.kpi-card.blue{background:linear-gradient(135deg,#2563eb,#1e3a8a)}.kpi-card.green{background:linear-gradient(135deg,#10b981,#166534)}.kpi-card.red{background:linear-gradient(135deg,#ef4444,#991b1b)}.kpi-card.gold{background:linear-gradient(135deg,#f59e0b,#92400e)}.kpi-card.purple{background:linear-gradient(135deg,#8b5cf6,#4c1d95)}.dash-grid{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(450px,1.1fr);gap:18px}.chart-card{min-height:270px}.pie-wrap{display:flex;gap:24px;align-items:center}.pie{flex:0 0 160px;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 20px #fff,0 15px 28px rgba(15,23,42,.1)}.pie div{width:90px;height:90px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:25px;font-weight:1000;color:#061d39}.pie small{font-size:10px;color:#64748b}.legend{display:grid;gap:8px;flex:1}.legend a{display:flex;justify-content:space-between;text-decoration:none;padding:10px 12px;border-radius:12px;background:#f8fbff;border:1px solid #e2e8f0;color:#0f172a}.mini-chart{height:190px;display:flex;align-items:end;gap:16px;padding:15px 8px 0}.mini-col{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}.mini-bar{width:44px;border-radius:12px 12px 5px 5px;background:linear-gradient(180deg,#3b82f6,#1e3a8a);display:flex;align-items:flex-start;justify-content:center;color:white;font-size:11px;font-weight:1000;padding-top:6px;min-height:10px}.mini-col small{color:#64748b;font-weight:900}.synopsis-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.syn-card{display:block;text-decoration:none;border-radius:16px;border:1px solid #dbe4f0;background:#f8fbff;padding:16px}.syn-card b{display:block;color:#061d39;margin-bottom:6px}.syn-card span{color:#64748b}.syn-card.danger{background:#fff1f2;border-color:#fecaca}.syn-card.warn{background:#fffbeb;border-color:#fde68a}.syn-card.good{background:#ecfdf5;border-color:#bbf7d0}.syn-card.info{background:#eff6ff;border-color:#bfdbfe}
.settings-page{max-width:1540px}.settings-shell{display:grid;grid-template-columns:255px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{position:sticky;top:88px}.settings-nav a{display:block;text-decoration:none;color:#0f172a;background:#f8fbff;border:1px solid #e2e8f0;border-radius:14px;padding:11px 12px;margin:8px 0;font-weight:900}.settings-nav a span{display:block;color:#1d4ed8;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.settings-section{position:relative;overflow:hidden;padding:0 18px 18px}.settings-section:before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:999px;opacity:.08;background:#1d4ed8}.section-titlebar{margin:0 -18px 18px;padding:15px 18px;color:#fff;background:linear-gradient(90deg,#061d39,#1d4ed8);font-size:16px;font-weight:1000;letter-spacing:.02em}.theme-main .section-titlebar{background:linear-gradient(90deg,#1e3a8a,#2563eb)}.theme-currency .section-titlebar{background:linear-gradient(90deg,#92400e,#f59e0b)}.theme-mail .section-titlebar{background:linear-gradient(90deg,#166534,#10b981)}.theme-api .section-titlebar{background:linear-gradient(90deg,#4c1d95,#7c3aed)}.theme-company .section-titlebar{background:linear-gradient(90deg,#7c2d12,#f97316)}.theme-products .section-titlebar{background:linear-gradient(90deg,#155e75,#06b6d4)}.theme-design .section-titlebar{background:linear-gradient(90deg,#075985,#0ea5e9)}.theme-backup .section-titlebar{background:linear-gradient(90deg,#334155,#64748b)}.settings-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-panel{border:1px solid #e2e8f0;background:#fbfdff;border-radius:18px;padding:16px}.settings-panel h3{margin:0 0 10px;color:#061d39}.settings-health{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:15px 18px;min-width:250px}.settings-health span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000;color:#bfdbfe}.settings-health b{display:block;font-size:25px}.settings-health small{color:#dbeafe}.helpbox{margin-top:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:12px 14px;color:#174ea6}.dns-help{background:#f8fafc;border-color:#d6e0ec;color:#334155}.save-dock{position:sticky;bottom:14px;display:flex;justify-content:flex-end;z-index:4;background:rgba(255,255,255,.78);backdrop-filter:blur(8px);padding:10px;border:1px solid #dbe4f0;border-radius:16px}.backup-json{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:#0f172a;color:#e5e7eb;border-color:#334155}.mail-report{margin-top:12px;background:#0f172a;color:#d1d5db;border-radius:14px;padding:12px}.mail-report b{color:#fff}.mail-report pre{white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto;font-size:12px}.key-ok,.key-missing{display:inline-flex;margin-left:8px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:1000}.key-ok{background:#dcfce7;color:#166534}.key-missing{background:#fee2e2;color:#991b1b}.status-row,.status-list div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e8eef5}.status-row span,.status-list span{color:#64748b;font-weight:900}.status-row b.ok,.status-list b.ok{color:#166534}.status-row b.bad,.status-list b.bad{color:#991b1b}.setting-table input{padding:8px 10px}
.quote-form{padding:0 22px 22px}.form-banner{margin:0 -22px 18px;padding:18px 22px;background:linear-gradient(135deg,#061d39,#1d4ed8);color:#fff;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;gap:16px;align-items:center}.form-banner span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#bfdbfe;font-weight:1000}.form-banner h2{margin:4px 0}.form-banner p{margin:0;color:#dbeafe}.form-badge{background:rgba(255,255,255,.15);padding:10px 13px;border-radius:999px;font-weight:900}.form-panel{border:1px solid #e2e8f0;border-radius:18px;background:#fbfdff;padding:16px;margin-bottom:16px}.form-panel h3{margin:0 0 10px;color:#061d39}.tight-textarea{min-height:74px}.hint-card{border:1px solid #bfdbfe;background:#eff6ff;color:#174ea6;border-radius:14px;padding:12px;font-size:12px}.items-table td,.items-table th{padding:10px}.items-table textarea{min-height:50px}.totals-card{background:linear-gradient(135deg,#f8fbff,#fff)}.product-cell{position:relative}.product-suggestions{display:none;position:absolute;left:8px;right:8px;top:calc(100% - 2px);background:#fff;border:1px solid #bfdbfe;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.18);z-index:20;max-height:270px;overflow:auto;padding:6px}.product-suggestions.open{display:block}.ps-row{width:100%;border:0;background:#fff;text-align:left;border-radius:10px;padding:9px 10px;display:grid;grid-template-columns:110px 1fr 95px;gap:8px;cursor:pointer;align-items:center}.ps-row:hover{background:#eff6ff}.ps-row b{color:#1d4ed8}.ps-row span{color:#0f172a}.ps-row em{text-align:right;color:#166534;font-style:normal;font-weight:900}.ps-empty{padding:10px;color:#64748b}.upload-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.upload-box input[type=file]{max-width:420px}.narrow-card{max-width:900px}.column-map select{min-width:0}.drive-hero{background:linear-gradient(135deg,#ecfeff,#fff)}.product-hero{background:linear-gradient(135deg,#eff6ff,#fff)}.setup-content{max-width:1000px;margin:0 auto}.login-bg{min-height:100vh;background:radial-gradient(circle at top left,#dbeafe,#f8fbff 34%,#eef3f9)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:18px}.login-brand h1{margin:0;color:var(--navy);font-size:27px;letter-spacing:-.03em}.login-brand p{margin:4px 0 0;color:#64748b}.mark.big{width:58px;height:58px;border-radius:20px;font-size:17px;color:#fff}.login-card{max-width:440px;width:100%}.btn.full{width:100%;margin-top:14px;padding:13px 16px}.viewmeta{max-width:210mm;margin:0 auto 8px;background:#fff;border:1px solid #d8e2ee;border-radius:10px;padding:8px 12px;font-size:12px;color:#334155;box-shadow:0 6px 18px rgba(15,23,42,.06)}
@media(max-width:1280px){.app{grid-template-columns:1fr}.side{position:static;height:auto}.side nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.userbox{display:none}.top{position:static}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.settings-shell,.grid2,.grid3,.grid4,.settings-two,.settings-three,.synopsis-list{grid-template-columns:1fr}.searchbar-row{grid-template-columns:1fr}.page-hero,.form-banner,.manage-head,.table-title-row{align-items:flex-start;flex-direction:column}.settings-nav{position:static}.content{padding:20px}.pie-wrap{flex-direction:column;align-items:flex-start}.action-icons{flex-wrap:wrap}}
@media(max-width:700px){.kpi-grid{grid-template-columns:1fr}.side nav{grid-template-columns:1fr}.top-actions{display:none}.content{padding:14px}.card{padding:15px}.table th,.table td{padding:9px}.page-hero h2{font-size:21px}}
@media print{.side,.top,.no-print,.btn{display:none!important}.app{display:block}.content{padding:0}.card{box-shadow:none;border:0}}

/* ===== BIZGRAM v18 professional theme overrides ===== */
:root{--navy:#071c36;--navy2:#0c2545;--blue:#1d4ed8;--sky:#eaf3ff;--gold:#bd8326;--green:#16a34a;--red:#dc2626;--amber:#f59e0b;--purple:#7c3aed;--slate:#64748b;--ink:#0f172a;--muted:#64748b;--line:#d7e2f1;--bg:#f3f7fc;--card:#ffffff;--shadow:0 16px 45px rgba(15,23,42,.08)}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#0b1830,#071325);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:12px}.mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:0 8px 24px rgba(29,78,216,.35)}.mark.big{width:58px;height:58px}.brand b{display:block;font-size:15px;letter-spacing:.03em}.brand small{display:block;color:#b9c6da;font-size:12px;margin-top:2px}.side nav{display:flex;flex-direction:column;gap:6px}.side nav a{display:flex;align-items:center;gap:9px;color:#dbeafe;text-decoration:none;padding:12px 12px;border-radius:12px;font-weight:800;transition:.18s}.side nav a:hover,.side nav a.active{background:rgba(255,255,255,.11);color:#fff;transform:translateX(2px)}.userbox{margin-top:auto;border-top:1px solid rgba(255,255,255,.16);padding-top:16px;color:#e5eefb}.main{min-width:0}.top{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border-bottom:1px solid #e5edf7;position:sticky;top:0;z-index:20}.top h1{margin:0;font-size:26px;letter-spacing:-.03em}.content{padding:24px 28px 48px}.card{background:var(--card);border:1px solid #e1e9f4;border-radius:18px;box-shadow:var(--shadow);padding:22px;margin-bottom:18px}.notice{border-radius:14px;padding:13px 16px;margin-bottom:15px;background:#eaf3ff;border:1px solid #bcd4ff;color:#0d326a}.notice.warn{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}.good-notice{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:10px 15px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 8px 18px rgba(29,78,216,.18);cursor:pointer;line-height:1.05;white-space:nowrap}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn.green{background:linear-gradient(135deg,#16a34a,#0f9f55);box-shadow:0 8px 18px rgba(22,163,74,.18)}.btn.red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 18px rgba(220,38,38,.18)}.btn.gray{background:linear-gradient(135deg,#64748b,#475569)}.btn.purple,.btn.sparkle{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.btn.light{background:#eef6ff;color:#174ea6!important;border:1px solid #bfd7ff;box-shadow:none}.btn.smallbtn{padding:7px 10px;border-radius:9px;font-size:12px}.btn.xl{font-size:16px;padding:13px 22px}.button-row,.actions,.hero-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.small{font-size:12px}.muted{color:var(--muted)}.right{text-align:right}.center{text-align:center}.table-scroll{overflow:auto;border-radius:14px}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{background:#f1f6fd;color:#334155;text-align:left;text-transform:uppercase;letter-spacing:.04em;font-size:12px;padding:12px 14px;border-bottom:1px solid #dce6f3;white-space:nowrap}.table td{padding:13px 14px;border-bottom:1px solid #e7eef7;vertical-align:middle}.pro-table tbody tr:nth-child(even),.quote-list-table tbody tr:nth-child(even),.items-table tbody tr:nth-child(even){background:#f8fbff}.pro-table tbody tr:hover,.quote-list-table tbody tr:hover{background:#eef6ff}.row-alert{background:#fff7ed!important}.age-red{color:#dc2626;font-weight:900}.quote-pill-btn{display:inline-flex;background:#eef6ff;color:#174ea6!important;border:1px solid #bfdbfe;border-radius:999px;padding:6px 10px;text-decoration:none!important;font-weight:900}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eef2ff;color:#3730a3;font-weight:900;font-size:12px}.sp-open{background:#eef2ff;color:#3730a3}.sp-draft{background:#f1f5f9;color:#475569}.sp-closed{background:#ecfdf5;color:#047857}.sp-lost,.sp-avoid{background:#fef2f2;color:#b91c1c}.sp-new{background:#eaf3ff;color:#174ea6}.empty-state{padding:24px!important;text-align:center;color:#64748b}.searchbar-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.searchbar-row input[type=search],.searchbar-row input,.searchbar-row select, input, select, textarea{border:1px solid #cbd8e8;border-radius:10px;padding:10px 12px;background:#fff;color:#0f172a;font:inherit;max-width:100%}.searchbar-row input[type=search]{flex:1;min-width:280px}.manage-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}.pp-btn,.sfpill,.pgb{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;text-decoration:none!important;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af!important;font-weight:900;font-size:12px;margin:2px}.pp-btn.active,.sfpill.active,.pgb.active{background:#1d4ed8;color:#fff!important;border-color:#1d4ed8}.sfpill .sc{background:rgba(255,255,255,.5);border-radius:999px;padding:1px 6px;margin-left:4px}.results-meta{color:#475569;font-weight:700;margin:8px 0 13px}.bulk-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.bulk-sel{flex:1;min-width:240px}.page-hero,.dash-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ffffff,#f2f7ff);border-color:#d8e8ff}.page-hero h2,.dash-hero h2{margin:0 0 7px;font-size:24px;letter-spacing:-.02em}.section-kicker{font-weight:900;text-transform:uppercase;font-size:11px;color:#1d4ed8;letter-spacing:.12em;margin-bottom:6px}.hero-money{background:#061d39;color:#fff;border-radius:16px;padding:18px 22px;min-width:260px}.hero-money span{font-size:12px;color:#bfdbfe;text-transform:uppercase;font-weight:900}.hero-money b{display:block;font-size:24px;margin-top:4px}.hero-money small{color:#dbeafe}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:18px}.kpi-card{display:block;border-radius:18px;padding:18px;color:#fff!important;text-decoration:none!important;box-shadow:var(--shadow);min-height:128px;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;right:-28px;bottom:-28px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.16)}.kpi-card span{display:block;font-weight:900;color:#eaf2ff}.kpi-card b{display:block;font-size:34px;letter-spacing:-.04em;margin:8px 0}.kpi-card em{font-style:normal;color:#eaf2ff}.kpi-card.blue{background:linear-gradient(135deg,#2563eb,#1e3a8a)}.kpi-card.green{background:linear-gradient(135deg,#16a34a,#065f46)}.kpi-card.amber{background:linear-gradient(135deg,#f59e0b,#92400e)}.kpi-card.purple{background:linear-gradient(135deg,#7c3aed,#4c1d95)}.dash-grid{grid-template-columns:1fr 1fr;gap:18px}.table-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.table-title-row h3{margin:0}.donut-wrap{display:flex;align-items:center;gap:24px}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#2563eb 0 calc(var(--open)*1%),#94a3b8 0 calc((var(--open) + var(--draft))*1%),#16a34a 0 calc((var(--open) + var(--draft) + var(--closed))*1%),#ef4444 0 100%);display:grid;place-items:center}.donut span{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;font-size:26px;box-shadow:inset 0 0 0 1px #e5eef9}.legend{display:grid;gap:9px}.legend b{display:flex;gap:8px;align-items:center}.legend i{width:12px;height:12px;border-radius:999px;display:inline-block}.lg-open{background:#2563eb}.lg-draft{background:#94a3b8}.lg-closed{background:#16a34a}.lg-lost{background:#ef4444}.bar-chart{height:190px;display:flex;gap:18px;align-items:end;justify-content:space-around;border-bottom:1px solid #dce6f3;padding:10px 12px 0}.bar-col{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:42px}.bar{width:34px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.bar-value{font-weight:900;font-size:12px}.bar-col span{font-size:12px;color:#64748b}.settings-shell{display:grid;grid-template-columns:245px 1fr;gap:18px}.settings-nav{position:sticky;top:84px;height:max-content;padding:14px}.settings-nav a{display:block;text-decoration:none;color:#334155;border-radius:12px;padding:11px 12px;margin:5px 0;background:#f8fbff;border:1px solid #e5edf7}.settings-nav a span{display:block;font-weight:900;color:#0b2344}.settings-section{padding:0;overflow:hidden}.section-titlebar{background:linear-gradient(135deg,#061d39,#1d4ed8);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:14px 18px}.settings-section>*:not(.section-titlebar){margin-left:18px;margin-right:18px}.settings-section .settings-two,.settings-section .settings-three,.settings-section .settings-four,.settings-section p,.settings-section label,.settings-section .table-scroll,.settings-section .helpbox{margin-top:14px;margin-bottom:14px}.settings-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings-four{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.settings-panel{background:#f8fbff;border:1px solid #e1e9f4;border-radius:16px;padding:16px}.settings-panel h3{margin:0 0 12px}.settings-page label{display:block;font-weight:800;color:#334155;margin:10px 0 6px}.settings-page input,.settings-page select,.settings-page textarea{width:100%}.helpbox{background:#f8fbff;border-left:4px solid #1d4ed8;border-radius:12px;padding:13px 15px;color:#334155}.key-ok,.key-missing{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900}.key-ok{background:#dcfce7;color:#166534}.key-missing{background:#fee2e2;color:#991b1b}.mail-report pre{white-space:pre-wrap;background:#0f172a;color:#e5e7eb;border-radius:12px;padding:12px;max-height:360px;overflow:auto}.save-dock{position:sticky;bottom:0;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);padding:14px;border:1px solid #e5edf7;border-radius:16px;margin-bottom:18px}.status-big{border-radius:18px;padding:18px;color:#fff;background:linear-gradient(135deg,#64748b,#334155);display:grid;gap:4px}.status-big.ok{background:linear-gradient(135deg,#16a34a,#065f46)}.status-big.bad{background:linear-gradient(135deg,#ef4444,#991b1b)}.status-big span{text-transform:uppercase;font-weight:900;font-size:12px}.status-big b{font-size:26px}.folder-chip{background:#f8fbff;border:1px solid #dbe7f5;border-radius:16px;padding:16px}.folder-chip b,.folder-chip span{display:block}.folder-chip span{color:#64748b;margin-top:6px;word-break:break-all}.inline-folder{display:flex;gap:10px;margin-top:12px}.inline-folder input{flex:1}.product-suggestions{position:absolute;z-index:50;background:#fff;border:1px solid #cbd8e8;border-radius:12px;box-shadow:var(--shadow);min-width:320px;max-height:260px;overflow:auto;display:none}.product-suggestions.open{display:block}.ps-row{display:grid;width:100%;border:0;background:#fff;text-align:left;padding:10px 12px;border-bottom:1px solid #e5edf7;cursor:pointer}.ps-row:hover{background:#eff6ff}.ps-row em{color:#047857;font-style:normal;font-weight:900}.login-bg{background:linear-gradient(135deg,#071c36,#1d4ed8)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,95vw)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.login-card .full{width:100%;margin-top:12px}@media (max-width:1100px){.app{grid-template-columns:1fr}.side{position:relative;height:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.settings-shell,.settings-two{grid-template-columns:1fr}.settings-nav{position:static}.top{position:relative}}@media (max-width:720px){.content{padding:16px}.kpi-grid,.settings-three,.settings-four{grid-template-columns:1fr}.page-hero,.dash-hero{display:block}.hero-money{margin-top:12px}.donut-wrap{display:block}.side nav{display:grid;grid-template-columns:repeat(2,1fr)}.top-actions{display:none}}

/* v19 dashboard and workspace polish */
.dashboard-pro .dash-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#061d39,#174ea6 60%,#2456d6);color:#fff;border:0;overflow:hidden;position:relative}.dashboard-pro .dash-banner:after{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.12)}.dashboard-pro .dash-banner h2{margin:4px 0 8px;color:#fff;font-size:28px}.dashboard-pro .dash-banner p{margin:0;color:#dbeafe}.dashboard-pro .dash-banner .section-kicker{color:#bfdbfe}.owner-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;margin-bottom:18px}.owner-kpi{position:relative;display:block;min-height:132px;padding:18px;border-radius:20px;color:#fff!important;text-decoration:none!important;box-shadow:0 18px 45px rgba(15,23,42,.11);overflow:hidden}.owner-kpi:after{content:"";position:absolute;right:-35px;bottom:-35px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.16)}.owner-kpi span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#e0edff;font-weight:1000}.owner-kpi b{display:block;font-size:30px;line-height:1.02;margin:10px 0 8px;letter-spacing:-.04em}.owner-kpi small{display:block;color:#e0edff;font-weight:700}.owner-kpi.blue{background:linear-gradient(135deg,#2563eb,#0f2f69)}.owner-kpi.green{background:linear-gradient(135deg,#16a34a,#065f46)}.owner-kpi.orange{background:linear-gradient(135deg,#f59e0b,#92400e)}.owner-kpi.purple{background:linear-gradient(135deg,#7c3aed,#4c1d95)}.owner-kpi.navy{background:linear-gradient(135deg,#071d38,#1e293b)}.dash-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dash-two.wide-left{grid-template-columns:1.35fr .85fr}.panel-card h2{margin:0;color:#071d38}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head p{margin:5px 0 0;color:#64748b}.donut-row{display:flex;align-items:center;gap:24px;min-height:190px}.donut{flex:0 0 auto}.legend-block{display:grid;gap:9px;min-width:190px}.legend-block a{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;text-decoration:none!important;background:#f8fbff;border:1px solid #e2eaf5;border-radius:12px;padding:10px;color:#24324a!important;font-weight:900}.legend-block i{width:14px;height:14px;border-radius:50%;display:block}.bar-chart{height:210px;display:flex;align-items:end;gap:15px;justify-content:space-around;border-bottom:1px solid #d8e2ee;padding:12px 8px 0}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-width:48px}.bar{width:34px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#60a5fa,#1d4ed8);display:flex;align-items:flex-start;justify-content:center;color:#fff;font-size:11px;font-weight:1000;padding-top:4px;box-shadow:0 10px 18px rgba(37,99,235,.18)}.bar-value{font-size:12px;color:#334155;font-weight:900}.bar-col b{font-size:12px;color:#64748b}.action-board{background:linear-gradient(135deg,#fff,#f7fbff)}.action-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.action-card{display:block;border-radius:16px;padding:16px;text-decoration:none!important;border:1px solid #dce6f3;background:#f8fbff;color:#102033!important}.action-card b{display:block;font-size:16px;margin-bottom:7px}.action-card span{color:#64748b}.action-card.danger{border-color:#fecaca;background:#fff7f7}.action-card.ok{border-color:#bbf7d0;background:#f0fdf4}.action-card.warn{border-color:#fde68a;background:#fffbeb}.action-card.info{border-color:#bfdbfe;background:#eff6ff}.form-items th,.form-items td{vertical-align:top}.form-items .product-sku{text-transform:uppercase}.product-filter select{min-width:145px}.pagination{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:14px}.pgb.off{opacity:.45;pointer-events:none}.pg-info{color:#64748b;font-weight:800;margin-left:8px}@media (max-width:1300px){.owner-grid{grid-template-columns:repeat(3,1fr)}.dash-two,.dash-two.wide-left{grid-template-columns:1fr}}@media (max-width:760px){.dashboard-pro .dash-banner,.panel-head{display:block}.owner-grid,.action-cards{grid-template-columns:1fr}.donut-row{display:block}.legend-block{margin-top:12px}}

/* v20 precision and usability patches */
.kv .quoteNo,.totals td:last-child,.sgd-grid b{font-variant-numeric:tabular-nums}.quote-print-improved .items th,.quote-print-improved .items td{font-variant-numeric:tabular-nums}

.cost-cell{font-size:12px;color:#0f172a;min-width:90px}.lineCost{font-weight:900;color:#334155}.costWarn{display:block;color:#dc2626;font-weight:900;margin-top:2px}.items-table tr.undercost{background:#fff1f2!important}.items-table tr.undercost input[name$='[unit_price]']{border-color:#ef4444;background:#fff7f7}.ai-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;background:#eef2ff;color:#3730a3}.ai-badge.suggested{background:#ecfdf5;color:#047857}.ai-badge.failed{background:#fee2e2;color:#991b1b}
/* v29 stable additions */
.nav-label{margin:18px 14px 6px;color:#93a4bd;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.side nav a{transition:background .12s,transform .12s,border-color .12s}
.side nav a:hover{transform:translateX(2px)}
.good-notice{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}
.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.empty-state{padding:22px!important;text-align:center;color:#64748b}
.ai-badge{display:inline-block;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;background:#eef2ff;color:#3730a3;text-transform:uppercase}.ai-badge.checked{background:#dcfce7;color:#166534}.ai-badge.failed{background:#fee2e2;color:#991b1b}.costWarn{display:block;color:#dc2626;font-weight:900;margin-top:4px}.form-card .helpbox,.helpbox{border-left:4px solid #2563eb;background:#eff6ff;border-radius:10px;padding:10px 12px;color:#1e3a8a;margin-bottom:12px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}
/* v31 enhancements */
.redpill{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}.mini-card{padding:12px;margin:12px 0;background:#f8fbff;border:1px solid #dbeafe;border-radius:14px}.amount-words{font-size:7.6px;line-height:1.2}.pager{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.invoice-kpi{background:linear-gradient(135deg,#061d39,#1d4ed8);color:white}.invoice-kpi small{color:#dbeafe}.security-badge{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:999px;padding:3px 8px;font-weight:800}

/* v32 Admin Control + Product Intelligence polish */
.admin-control-page .admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.admin-card{display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:#0f172a;background:#fff;border:1px solid #dbe7f6;border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.07);transition:.16s ease}
.admin-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,23,42,.12);border-color:#93c5fd}
.admin-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#eff6ff}
.admin-card h3{margin:0 0 6px;font-size:18px}.admin-card p{margin:0;color:#52637a;line-height:1.35}
.admin-card.green .admin-icon{background:#dcfce7}.admin-card.orange .admin-icon{background:#fff7ed}.admin-card.purple .admin-icon{background:#f3e8ff}.admin-card.red .admin-icon{background:#fee2e2}.admin-card.blue .admin-icon{background:#dbeafe}
.settings-section{border-top:5px solid #1d4ed8}.settings-section.theme-mail{border-top-color:#ea580c}.settings-section.theme-api,.settings-section.theme-products{border-top-color:#7c3aed}.settings-section.theme-company{border-top-color:#0f766e}.settings-section.theme-currency{border-top-color:#16a34a}.settings-section.theme-backup{border-top-color:#475569}.settings-section.theme-design{border-top-color:#be123c}
.section-titlebar{background:linear-gradient(90deg,#071b38,#163b73);color:#fff;border-radius:14px 14px 0 0;margin:-1px -1px 18px;padding:13px 18px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.settings-panel{background:#f8fbff;border:1px solid #dbe7f6;border-radius:16px;padding:16px}.settings-panel h3{margin-top:0}.helpbox{background:#f8fafc;border-left:4px solid #2563eb;border-radius:12px;padding:12px 14px;color:#334155;margin-top:12px}

/* v33 settings/sidebar repair: keep all admin settings visible and sidebar usable */
.side{overflow:hidden}.side nav{overflow-y:auto;min-height:0;padding-right:4px;scrollbar-width:thin}.side nav a{font-size:13px;padding:9px 10px;line-height:1.15}.nav-label{font-size:9px;margin:12px 10px 3px}.userbox{font-size:12px;padding-top:10px}.settings-page{max-width:1580px}.settings-page .page-hero{align-items:flex-start}.settings-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{position:sticky;top:82px;max-height:calc(100vh - 110px);overflow:auto}.settings-nav a{line-height:1.2}.settings-nav a span{font-size:10px}.settings-section{display:block!important;visibility:visible!important;opacity:1!important;margin-bottom:18px;overflow:visible!important;border-top:0!important}.settings-section .section-titlebar{border-radius:16px 16px 0 0}.settings-section .settings-body{padding:0 18px 18px}.settings-panel{overflow:visible}.settings-two,.settings-three,.settings-four{align-items:start}.settings-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.settings-status-card{border-radius:16px;padding:14px 16px;background:#f8fbff;border:1px solid #dbe7f6}.settings-status-card b{display:block;font-size:18px;color:#071d38}.settings-status-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:1000}.settings-mini-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.settings-mini-links .btn{padding:8px 11px;font-size:12px}.settings-card-note{background:#fff7ed;border:1px solid #fed7aa;border-left:5px solid #f59e0b;border-radius:14px;padding:12px 14px;color:#7c2d12;margin:10px 0 14px}.setting-table td input{min-width:120px}@media(max-width:1200px){.settings-shell{grid-template-columns:1fr}.settings-nav{position:static;max-height:none}.settings-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.settings-status-grid,.settings-two,.settings-three,.settings-four{grid-template-columns:1fr}.side nav a{font-size:12px}}
.customer-cell{position:relative}.customer-suggestions{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid #bfdbfe;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.18);z-index:60;max-height:260px;overflow:auto;padding:6px}.customer-suggestions.open{display:block}.customer-suggestions .ps-row{grid-template-columns:1.2fr .7fr 1fr}.customer-suggestions .ps-row em{text-align:left;color:#475569}.form-panel .customer-cell input{width:100%}
/* v37 customer risk/customer block helpers */
tr.danger-row{background:#fff1f2!important}
.warnpill{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important}

/* Document/item workflow */
.item-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.btn.mini-move,.mini-move{padding:6px 8px;border-radius:8px;font-size:12px;line-height:1;background:#edf4ff;border:1px solid #bcd3ff;color:#174ea6;cursor:pointer;font-weight:800}
.btn.mini-move:hover,.mini-move:hover{background:#dceaff}
.quick-actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}
.quick-actions-row .btn{white-space:nowrap}
.fx-warning{margin:6px 0 8px;padding:8px 10px;border:1px solid #f3b5b5;background:#fff5f5;color:#b00020;border-radius:8px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.02em}
.amount-words{margin:8px 0;padding:8px 10px;border:1px solid #c9d8ef;background:#f7fbff;border-radius:8px;font-weight:800;color:#08213d;text-transform:uppercase}
.amount-words.foreign{color:#b00020;border-color:#f0b2b2;background:#fff7f7}
.row-actions form{display:inline-block;margin:0 3px 4px 0}
.small-note{font-size:12px;color:#516173;line-height:1.35}
@media(max-width:900px){.quick-actions-row{align-items:stretch}.quick-actions-row .btn{width:100%;text-align:center}.item-actions{min-width:130px}}
/* Report/chart and print helpers */
.bar-row{position:relative;display:grid;grid-template-columns:1fr 90px;gap:10px;align-items:center;border-bottom:1px solid #edf2f8;padding:8px 0;overflow:hidden}
.bar-row span,.bar-row b{position:relative;z-index:2}.bar-row i{position:absolute;left:0;bottom:0;height:4px;border-radius:20px;background:linear-gradient(90deg,#2563eb,#14b8a6);opacity:.65}
.button-row.compact{gap:6px;flex-wrap:wrap}.json-pre{max-height:520px;overflow:auto;background:#081525;color:#dff3ff;padding:14px;border-radius:12px;font-size:12px;white-space:pre-wrap}.print-friendly .table th{width:220px}.no-print label{font-weight:700;margin-right:18px}
@media print{.side,.top,.no-print,.app>.side{display:none!important}.main{margin:0!important}.content{padding:0!important}.card{box-shadow:none!important;border-color:#b9c7d8!important}.print-friendly{background:white!important}.table-scroll{overflow:visible!important}}
.row-warning .redpill{background:#fee2e2;color:#991b1b}
/* v46 communication / RMA / HR additions */
.email-compose textarea.wysiwyg{min-height:260px;font-family:Arial,sans-serif;line-height:1.5}
.compose-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.accordion{border:1px solid #d8e5f6;border-radius:14px;margin:10px 0;background:#fff}.accordion summary{cursor:pointer;padding:14px 18px;font-weight:800;display:flex;gap:20px;justify-content:space-between}.accordion[open] summary{border-bottom:1px solid #d8e5f6;background:#f5f9ff}.doc-card{max-width:1100px;margin:0 auto}.doc-head{display:flex;justify-content:space-between;gap:24px;border-bottom:4px solid #0b2445;margin-bottom:18px;padding-bottom:16px}.doc-title{text-align:right}.doc-title h1{letter-spacing:.08em;color:#0b2445}.mini-card{border:1px solid #d8e5f6;border-radius:16px;background:#fff;padding:16px;margin:12px 0}.grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:16px 0}.stat-card{background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #d7e7ff;border-radius:16px;padding:16px;box-shadow:0 8px 20px rgba(20,70,130,.06)}.stat-card span{display:block;text-transform:uppercase;font-size:12px;color:#42607e;font-weight:900}.stat-card b{font-size:28px;color:#0b2445}.mini{padding:6px 9px;font-size:12px}.zebra tbody tr:nth-child(even){background:#f6faff}.badge.sent,.badge.open{background:#dcfce7;color:#166534}.badge.failed{background:#fee2e2;color:#991b1b}.badge.sent_vendor{background:#dbeafe;color:#1d4ed8}.badge.closed{background:#e5e7eb;color:#374151}.badge.refunded{background:#fef3c7;color:#92400e}@media print{.side,.top,.no-print,.topbar{display:none!important}.main{margin:0!important}.content{padding:0!important}.card{box-shadow:none!important;border:0!important}}

/* BAPL V50 UI */
.v50-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid #d8e5f6;padding-bottom:10px}
.v50-tabs button{border:1px solid #cdddf0;background:#f6f9fd;color:#163a61;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}
.v50-tabs button.active{background:#0b4f8a;color:#fff;border-color:#0b4f8a}
.v50-tab{display:none}.v50-tab.active{display:block}
.health-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px;vertical-align:middle;background:#94a3b8}
.health-dot.green{background:#16a34a}.health-dot.amber{background:#d97706}.health-dot.red{background:#dc2626}
.health-text.green{color:#166534}.health-text.amber{color:#92400e}.health-text.red{color:#991b1b}
.v50-health-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-left:5px solid #0b4f8a}
.staff-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid #d8e5f6;background:#f8fafc}
.staff-photo-large{width:160px;height:160px;border-radius:18px;object-fit:cover;border:1px solid #d8e5f6;background:#f8fafc;margin:0 0 12px}
.warn-text{color:#991b1b}.ok-text{color:#166534}.muted{color:#64748b}.smallbtn{padding:6px 9px;font-size:12px}
.permission-matrix th,.permission-matrix td{text-align:center}.permission-matrix td:first-child,.permission-matrix th:first-child{text-align:left;min-width:230px}
.permission-matrix input[type=checkbox]{width:18px;height:18px}
.secure-file-note{border-left:4px solid #0b4f8a;background:#eef6ff;padding:10px 12px;border-radius:8px}
@media(max-width:760px){.v50-tabs{overflow-x:auto;flex-wrap:nowrap}.v50-tabs button{white-space:nowrap}.v50-health-strip{align-items:flex-start}}
.health-score{min-width:150px;border-radius:18px;padding:16px 20px;text-align:center;background:#eef6ff;border:1px solid #bfdbfe}.health-score b{font-size:34px;color:#0b2445}.health-score span{font-size:14px;color:#64748b}.health-score small{display:block;font-weight:900;margin-top:4px}.health-score.healthy{background:#ecfdf5;border-color:#bbf7d0}.health-score.warning{background:#fff7ed;border-color:#fed7aa}.health-score.critical{background:#fef2f2;border-color:#fecaca}.group-row td{background:#eaf2ff!important;color:#0b2445;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}
.v50-tabs a{display:inline-flex;border:1px solid #cdddf0;background:#f6f9fd;color:#163a61;text-decoration:none;border-radius:10px;padding:9px 13px;font-weight:800}.v50-tabs a.active{background:#0b4f8a;color:#fff;border-color:#0b4f8a}

/* V50.0.6 staff directory / diagnostics */
.list-meta{font-size:12px;color:#64748b;margin:8px 0 12px}.pagination{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}.pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f3f87;text-decoration:none;font-weight:700}.pagination a.active{background:#1456b8;border-color:#1456b8;color:#fff}.health-text.amber{color:#a16207}.health-dot.amber{background:#d97706}


/* v50.1.1 compatibility + scoped professional additions */
.nav-count{margin-left:auto;min-width:19px;text-align:center;background:#2563eb;color:#fff;border-radius:999px;padding:1px 6px;font-size:10px}.app-footer{display:flex;justify-content:space-between;gap:16px;padding:18px 28px;color:#64748b;font-size:12px;border-top:1px solid #dfe7f1;margin-top:18px}.app-footer a{font-weight:800;text-decoration:none}.cookie-notice{position:fixed;right:20px;bottom:20px;z-index:1200;max-width:520px;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #d8e2ee;border-radius:14px;box-shadow:0 16px 42px rgba(15,23,42,.18);font-size:13px}.cookie-notice[hidden]{display:none}.mobile-menu{display:none;border:0;background:transparent;color:#0b2445;font-size:24px;line-height:1;cursor:pointer}.email-preview{border:1px solid #dce5f0;border-radius:14px;padding:16px;background:#fff;margin-bottom:12px;overflow:auto}.plain-pre{white-space:pre-wrap;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:#f8fbff;border:1px solid #dce5f0;border-radius:12px;padding:14px}.needs-review{background:#fffbeb!important}.danger{background:#fee2e2;color:#991b1b}.warn-pill{background:#fef3c7;color:#92400e}.permission-table select{min-width:88px}.permission-table input[type=checkbox]{width:18px;height:18px;min-height:auto}.public-page{max-width:920px;margin:60px auto;padding:20px}.public-page .card{margin-bottom:16px}

/* Login is intentionally scoped so the established dashboard/UI remains unchanged. */
.login-v5011{background:#eaf0f7;color:#0f172a;min-height:100vh;padding:18px}.login-v5011 .login-shell{width:min(1050px,calc(100vw - 36px));min-height:720px;margin:0 auto;display:grid;grid-template-columns:minmax(430px,47%) 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(7,29,56,.16)}.login-v5011 .login-panel{min-width:0}.login-v5011 .login-panel-form{padding:58px 44px 42px;background:#fff;display:flex;flex-direction:column}.login-v5011 .login-company{margin-bottom:24px}.login-v5011 .login-logo{display:block;width:auto;max-width:210px;height:58px;object-fit:contain;object-position:left center;margin-bottom:18px}.login-v5011 .login-system-label{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#315786}.login-v5011 .login-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#e66700;font-weight:1000;font-size:12px;margin:8px 0 10px}.login-v5011 h1{font-size:29px;line-height:1.12;letter-spacing:-.035em;color:#071d38;margin:0 0 12px}.login-v5011 .login-intro{color:#5b6f89;line-height:1.55;margin:0 0 15px;max-width:440px}.login-v5011 .notice{margin:0 0 16px}.login-v5011 .login-form label{margin:12px 0 6px;font-size:13px;color:#20314d}.login-v5011 .login-form input{height:44px;border-radius:10px;background:#fff;border-color:#c8d5e5}.login-v5011 .login-form input:focus{border-color:#2b65d9;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.login-v5011 .login-captcha-question{display:block;color:#1d4ed8;font-weight:900;margin-top:4px}.login-v5011 .login-submit{width:100%;min-height:44px;margin-top:16px;background:linear-gradient(135deg,#174ea6,#0f4aa3);font-size:14px;border-radius:9px}.login-v5011 .login-form-links{display:flex;justify-content:space-between;gap:16px;margin-top:17px;font-size:13px}.login-v5011 .login-form-links a,.login-v5011 .login-cancel a{font-weight:700;text-decoration:none}.login-v5011 .login-security-note{margin-top:28px;padding-top:18px;border-top:1px solid #e2e8f0;color:#718096;font-size:11px;line-height:1.55}.login-v5011 .login-version{margin-top:auto;padding-top:18px;color:#8592a6;font-size:11px}.login-v5011 .login-panel-brand{position:relative;overflow:hidden;background:linear-gradient(145deg,#06244c 0%,#103c7e 46%,#1d59bd 100%);color:#fff;padding:68px 56px;display:flex;flex-direction:column;justify-content:center}.login-v5011 .login-panel-brand:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-155px;top:-95px;background:rgba(255,255,255,.08)}.login-v5011 .login-panel-brand:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;left:-115px;bottom:-100px;background:rgba(255,255,255,.055)}.login-v5011 .login-brand-content,.login-v5011 .login-brand-footer{position:relative;z-index:1}.login-v5011 .login-brand-kicker{text-transform:uppercase;letter-spacing:.15em;color:#ff7a00;font-weight:1000;font-size:12px;margin-bottom:25px}.login-v5011 .login-panel-brand h2{font-size:38px;line-height:1.08;letter-spacing:-.035em;margin:0 0 22px;color:#fff}.login-v5011 .login-panel-brand p{font-size:15px;line-height:1.6;color:#e5efff;max-width:480px}.login-v5011 .login-panel-brand ul{margin:24px 0 0;padding-left:22px;color:#f3f7ff;line-height:1.75}.login-v5011 .login-brand-footer{position:absolute;left:56px;bottom:42px;color:#cfe0ff;font-size:11px;letter-spacing:.12em;font-weight:900}.login-v5011 .login-step-note{display:grid;gap:5px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:13px 14px;margin:8px 0 12px;color:#173f78}.login-v5011 .login-step-note span{font-size:12px;color:#54708f}.login-v5011 .login-secondary-form{margin-top:8px}.login-v5011 .login-cancel{text-align:center;margin:12px 0 0;font-size:12px}
@media(max-width:1100px){.mobile-menu{display:inline-block}.side{position:fixed!important;left:-270px;top:0;bottom:0;height:100vh!important;z-index:80;transition:left .2s}.side.open{left:0}.app{grid-template-columns:1fr!important}.top{position:sticky}.login-v5011 .login-shell{grid-template-columns:1fr;max-width:620px}.login-v5011 .login-panel-brand{display:none}}
@media(max-width:720px){.app-footer{padding:16px;display:block}.app-footer span{display:block;margin:4px 0}.cookie-notice{left:12px;right:12px;bottom:12px}.login-v5011{padding:0;background:#fff}.login-v5011 .login-shell{width:100%;min-height:100vh;border-radius:0;box-shadow:none}.login-v5011 .login-panel-form{padding:34px 24px}.login-v5011 .login-logo{max-width:180px;height:50px}.login-v5011 .login-form-links{display:grid}.login-v5011 h1{font-size:26px}}
.checkline{display:flex;align-items:center;gap:9px;min-height:42px;font-weight:800}.checkline input[type=checkbox]{width:18px;height:18px;min-height:auto;flex:0 0 auto;margin:0}

/* =====================================================================
   BAPLSG 50.1.4 enterprise operations theme
   Scoped to authenticated app pages. Login remains on its dedicated style.
   ===================================================================== */
.app-body{
  --ops-bg:#07111d;--ops-bg2:#091522;--ops-panel:#0d1a27;--ops-panel2:#101f2e;--ops-panel3:#132536;
  --ops-line:#20364b;--ops-line2:#29445e;--ops-text:#edf6ff;--ops-muted:#8ca5bd;--ops-blue:#55a9ff;
  --ops-blue2:#2f7fe8;--ops-green:#35d39a;--ops-amber:#f4b942;--ops-red:#ff6b75;--ops-violet:#b18cff;
  background:radial-gradient(circle at 82% 0,#10263d 0,transparent 34%),linear-gradient(180deg,var(--ops-bg),#06101a 100%);
  color:var(--ops-text);font-size:13px;
}
.app-body .app{grid-template-columns:224px minmax(0,1fr);background:transparent}
.app-body .side{background:#07111d;border-right:1px solid #1a2d40;box-shadow:none;padding:18px 12px;gap:18px}
.app-body .brand{padding:4px 6px 12px;border-bottom:1px solid #172a3b}
.app-body .mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#205fc8,#5aa7ff);box-shadow:0 8px 22px rgba(43,113,226,.24)}
.app-body .brand b{font-size:14px;letter-spacing:.03em}.app-body .brand small{font-size:10px;color:#8fa9c4}
.app-body .side nav{gap:3px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#284159 transparent}
.app-body .nav-label{padding:13px 8px 4px;color:#597b99;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.app-body .side nav a{padding:8px 9px;border-radius:7px;color:#c8d9e9;font-size:12px;font-weight:750;box-shadow:none;min-height:34px}
.app-body .side nav a:hover{background:#0d2031;color:#fff}.app-body .side nav a.active{background:#12283b;color:#fff;box-shadow:inset 2px 0 0 #4da5ff}
.app-body .nav-count{margin-left:auto;min-width:20px;height:20px;border-radius:10px;background:#2e79d9;display:grid;place-items:center;font-size:10px;color:#fff}
.app-body .userbox{border-top:1px solid #172a3b;color:#a9bed2;padding:12px 7px 0;font-size:11px}
.app-body .main{background:linear-gradient(180deg,#091521,#07111b);min-height:100vh}
.app-body .top{position:sticky;top:0;padding:15px 24px;background:rgba(7,17,29,.93);backdrop-filter:blur(16px);border-bottom:1px solid #1b3043;box-shadow:0 5px 20px rgba(0,0,0,.16)}
.app-body .top-title{display:flex;align-items:center;gap:12px}.app-body .top-kicker{color:#6687a6;font-size:9px;font-weight:900;letter-spacing:.17em;margin-bottom:2px}
.app-body .top h1{font-size:20px;color:#f5f9fd;letter-spacing:-.02em}.app-body .content{max-width:1760px;padding:20px 24px 36px}
.app-body a{color:#69b5ff}.app-body .muted{color:var(--ops-muted)!important}.app-body label{color:#b8cbe0}
.app-body input,.app-body select,.app-body textarea{background:#0a1622;border:1px solid #274056;color:#e8f1fa;border-radius:7px;padding:9px 10px;min-height:36px}
.app-body input::placeholder,.app-body textarea::placeholder{color:#617d96}.app-body input:focus,.app-body select:focus,.app-body textarea:focus{border-color:#4e9fed;box-shadow:0 0 0 3px rgba(70,149,225,.14)}
.app-body input[readonly],.app-body textarea[readonly]{background:#0b1723;color:#8fa7bd}
.app-body code,.app-body pre.code-box{background:#06101a;color:#9dd0ff;border:1px solid #22384c;border-radius:6px}
.app-body code{padding:2px 5px}.app-body pre.code-box{padding:13px;overflow:auto}
.app-body .card{background:linear-gradient(180deg,#0e1b28,#0b1824);border:1px solid #20364a;border-radius:10px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.12);margin-bottom:14px;color:#dce8f4}
.app-body .card h2,.app-body .card h3,.app-body .card h4,.app-body .manage-head h2,.app-body .section-head h2,.app-body .table-title-row h2{color:#f3f8fd}
.app-body .page-hero{background:linear-gradient(135deg,#0d1b29,#10273d);border-color:#29425a;min-height:96px}
.app-body .page-hero h2{color:#fff;font-size:21px;margin:3px 0 7px}.app-body .page-hero p{color:#9fb5ca}.app-body .section-kicker{color:#57aaf9;font-size:9px}
.app-body .gradient-hero{background:linear-gradient(135deg,#0a223a,#164f8d 70%,#2373c8);border-color:#2c6fae}.app-body .gradient-hero p{color:#d8eaff}
.app-body .grid{gap:12px}.app-body .grid .card{margin-bottom:0}
.app-body .btn{border-radius:7px;padding:9px 12px;background:#246cc5;color:#fff!important;font-size:12px;box-shadow:none;border:1px solid #367fcc;font-weight:800;transition:background .14s,border-color .14s,transform .14s}
.app-body .btn:hover{background:#2f7edc;border-color:#4f98e3;filter:none;transform:translateY(-1px)}
.app-body .btn.light{background:#10263a;color:#b9dcff!important;border-color:#2b4d69}.app-body .btn.light:hover{background:#15334d}
.app-body .btn.green{background:#0b815c;border-color:#16a778}.app-body .btn.green:hover{background:#0d966a}
.app-body .btn.red,.app-body .btn.danger{background:#9f3340;border-color:#c24a58}.app-body .btn.gray{background:#263b4d;border-color:#38556d}.app-body .btn.gold{background:#956514;border-color:#bd841e}.app-body .btn.purple,.app-body .btn.sparkle{background:#5d45a4;border-color:#7359be}
.app-body .btn.smallbtn{padding:6px 9px;border-radius:6px;font-size:11px}.app-body .btn.xl{padding:11px 17px;font-size:13px}
.app-body .notice{background:#102233;border:1px solid #28445e;color:#c7d9e9;border-radius:8px;padding:11px 13px}.app-body .good-notice{background:#0d2d25;border-color:#175a48;color:#a9efd4}.app-body .warn{background:#302510;border-color:#76541d;color:#f6d891}
.app-body .manage-card{overflow:hidden}.app-body .manage-head,.app-body .list-head,.app-body .section-head,.app-body .toolbar{gap:12px}
.app-body .searchbar-row,.app-body .filterbar,.app-body .smart-listbar{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(5,minmax(110px,.65fr)) auto auto;gap:8px;align-items:end;background:#0a1723;border:1px solid #1e3448;border-radius:8px;padding:10px;margin:12px 0}
.app-body .searchbar-row>input[type=search]:first-child,.app-body .filterbar>input:first-child{min-width:220px}
.app-body .manage-tools{background:#0a1723;border:1px solid #1e3448;border-radius:8px;padding:9px 10px}.app-body .results-meta,.app-body .list-meta{color:#8ca5bd;font-size:11px}
.app-body .pp-btn,.app-body .sfpill,.app-body .pgb,.app-body .pagination a,.app-body .pager a{background:#0d2030;border:1px solid #29445c;color:#aecaE4!important;border-radius:6px;text-decoration:none;padding:6px 9px;font-size:11px;font-weight:800}
.app-body .pp-btn.active,.app-body .sfpill.active,.app-body .pgb.active,.app-body .pagination a.active{background:#1d65b4;border-color:#4b98df;color:#fff!important}
.app-body .pill,.app-body .badge,.app-body .status-badge,.app-body .ai-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;background:#143149;border:1px solid #28526f;color:#b9daf3;font-size:10px;font-weight:900;line-height:1.15;text-transform:uppercase;letter-spacing:.02em}
.app-body .redpill,.app-body .pill.red,.app-body .status-badge.error{background:#402029;border-color:#763846;color:#ffb5bd}.app-body .warnpill,.app-body .ai-badge.review{background:#42320e;border-color:#735817;color:#f6d16c}.app-body .ai-badge.suggested,.app-body .status-badge.ok{background:#0e3b2e;border-color:#1b6b52;color:#8ee4bf}
.app-body .table-scroll,.app-body .table-wrap{overflow:auto;border:1px solid #20364a;border-radius:8px;background:#091621;scrollbar-width:thin;scrollbar-color:#2d4d67 #0a1622}
.app-body table{width:100%;border-collapse:separate;border-spacing:0;color:#dce8f4;font-size:12px}.app-body table th{position:relative;background:#0c1a27;color:#a8c0d7;text-transform:uppercase;letter-spacing:.035em;font-size:9px;font-weight:900;padding:9px 10px;text-align:left;border-bottom:1px solid #284158;white-space:nowrap}.app-body table td{padding:9px 10px;border-bottom:1px solid #1b3042;vertical-align:top;background:#0a1723}.app-body table tbody tr:nth-child(even) td{background:#0b1926}.app-body table tbody tr:hover td{background:#102235}.app-body table tbody tr:last-child td{border-bottom:0}.app-body table a{font-weight:750}.app-body table .small{color:#86a0b8}.app-body table .right{text-align:right}.app-body table .center{text-align:center}
.app-body .smart-sort{cursor:pointer;padding-right:22px}.app-body .smart-sort:after{content:'↕';position:absolute;right:8px;opacity:.35}.app-body .smart-sort[data-dir=asc]:after{content:'↑';opacity:1;color:#63b3ff}.app-body .smart-sort[data-dir=desc]:after{content:'↓';opacity:1;color:#63b3ff}
.app-body .row-alert td,.app-body tr.danger-row td{background:#281b20!important}.app-body .undercost td{background:#322518!important}.app-body .age-red{color:#ff8790!important;font-weight:900}
.app-body .table-empty-filter{padding:24px!important;text-align:center;color:#89a2b9!important;background:#091621!important}
.app-body .smart-table-shell{margin-top:12px}.app-body .smart-table-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#829cb4;font-size:11px;margin:8px 2px}.app-body .smart-table-pages{display:flex;gap:5px;align-items:center}.app-body .smart-table-pages button{border:1px solid #28455e;background:#0e2132;color:#b9d7f2;border-radius:6px;padding:5px 8px;cursor:pointer}.app-body .smart-table-pages button:disabled{opacity:.35;cursor:default}.app-body .smart-table-pages .current{color:#fff;font-weight:900}
.app-body .kpi-card,.app-body .stat-card,.app-body .status-big,.app-body .folder-chip,.app-body .mini-card{border-radius:9px!important;box-shadow:none!important}.app-body .stat-card{background:#0d1e2d;border:1px solid #203a50;color:#dce8f4}.app-body .stat-card span,.app-body .stat-card small{color:#8ca6bd}.app-body .stat-card b{color:#fff}
.app-body .settings-shell{grid-template-columns:220px 1fr}.app-body .settings-nav{background:#0b1825;border-color:#1f3548;top:76px}.app-body .settings-nav a{background:#0c1b29;border-color:#20384d;color:#a7bdd0}.app-body .settings-nav a span{color:#dce9f4}.app-body .settings-panel{background:#0a1723;border-color:#20364a;border-radius:8px}.app-body .section-titlebar{background:#10283c;border-bottom:1px solid #2b4a64;color:#d9ebfb;padding:11px 15px;font-size:10px}.app-body .helpbox{background:#0c1d2c;border-left-color:#3d8dde;color:#afc5d9}.app-body .save-dock{background:rgba(8,20,31,.94);border-color:#264158}
.app-body .app-footer{border-top:1px solid #1a2d3e;color:#7590a7;background:#07111b}.app-body .app-footer a{color:#8dbce7}
.app-body .cookie-notice{background:#0d1c2a;border:1px solid #29435a;color:#d4e4f2;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.app-body ::selection{background:#286bac;color:#fff}

/* Table/listing helper controls */
.app-body .list-controls{display:grid;grid-template-columns:minmax(240px,1.8fr) minmax(120px,.65fr) minmax(120px,.65fr) minmax(140px,.8fr) minmax(120px,.65fr) auto auto;gap:8px;align-items:end;margin:12px 0;padding:10px;background:#091621;border:1px solid #1f3549;border-radius:8px}
.app-body .list-controls .field{display:grid;gap:4px}.app-body .list-controls .field span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#6f8da8;font-weight:900}.app-body .list-controls input,.app-body .list-controls select{min-height:34px}
.app-body .list-controls .actions{align-self:end}.app-body .list-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:7px 1px;color:#829db6;font-size:11px}

/* HMAC / cron administration */
.app-body .integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-body .integration-card{background:#0a1723;border:1px solid #20394e;border-radius:9px;padding:14px}.app-body .integration-card h3{margin:0 0 4px}.app-body .integration-kv{display:grid;grid-template-columns:140px 1fr;gap:7px 12px;margin:13px 0;font-size:12px}.app-body .integration-kv dt{color:#7694ad}.app-body .integration-kv dd{margin:0;color:#dce8f4;min-width:0;overflow-wrap:anywhere}.app-body .secret-row{display:flex;gap:7px;align-items:center}.app-body .secret-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.app-body .copy-field{display:grid;grid-template-columns:1fr auto;gap:7px}.app-body .hmac-flow{margin:10px 0;padding:11px;border:1px dashed #31536f;border-radius:8px;background:#081520;color:#a9c2d8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.65}.app-body .cron-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.app-body .cron-health .card{padding:13px}.app-body .cron-health b{display:block;font-size:18px;color:#fff;margin-top:5px}

@media(max-width:1250px){.app-body .searchbar-row,.app-body .filterbar,.app-body .smart-listbar,.app-body .list-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.app-body .integration-grid{grid-template-columns:1fr}.app-body .cron-health{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app-body .content{padding:14px}.app-body .top{padding:12px 14px}.app-body .top h1{font-size:18px}.app-body .searchbar-row,.app-body .filterbar,.app-body .smart-listbar,.app-body .list-controls{grid-template-columns:1fr 1fr}.app-body .integration-kv{grid-template-columns:1fr}.app-body .cron-health{grid-template-columns:1fr}.app-body .card{padding:13px}.app-body table th,.app-body table td{padding:8px}}
@media(max-width:560px){.app-body .searchbar-row,.app-body .filterbar,.app-body .smart-listbar,.app-body .list-controls{grid-template-columns:1fr}.app-body .top-actions{display:none}}

.app-body .inline-form{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}

/* =====================================================================
   BAPLSG 50.1.5 contrast-safe Bizgram Inbox theme system
   Dark is the default. Light changes the workspace while preserving the
   navigation identity. Palette variables are used so legacy pages inherit
   readable foreground/background pairs instead of stacking theme overrides.
   ===================================================================== */
.app-body[data-theme="dark"]{
  color-scheme:dark;
  --ui-bg:#07111b;--ui-bg-soft:#091621;--ui-sidebar:#07111d;--ui-top:rgba(7,17,27,.96);
  --ui-surface:#0c1925;--ui-surface-2:#0a1723;--ui-surface-3:#102235;--ui-surface-4:#13283a;
  --ui-text:#e8f0f7;--ui-text-strong:#f7fbff;--ui-muted:#91a7bb;--ui-faint:#6f879c;
  --ui-border:#24394c;--ui-border-strong:#31506a;--ui-input:#091621;--ui-link:#6cbaff;
  --ui-table-head:#0d1d2a;--ui-row:#0a1723;--ui-row-alt:#0c1a27;--ui-row-hover:#11283b;
  --ui-accent:#3386dc;--ui-accent-soft:#102d49;--ui-shadow:0 8px 24px rgba(0,0,0,.16);
}
.app-body[data-theme="light"]{
  color-scheme:light;
  --ui-bg:#f3f6fa;--ui-bg-soft:#edf2f7;--ui-sidebar:#07111d;--ui-top:rgba(250,252,255,.97);
  --ui-surface:#ffffff;--ui-surface-2:#f8fafc;--ui-surface-3:#eef3f8;--ui-surface-4:#e7eef6;
  --ui-text:#172536;--ui-text-strong:#081523;--ui-muted:#56697b;--ui-faint:#5f7184;
  --ui-border:#d7e0e9;--ui-border-strong:#bccbd9;--ui-input:#ffffff;--ui-link:#155fa9;
  --ui-table-head:#eaf0f6;--ui-row:#ffffff;--ui-row-alt:#f7f9fc;--ui-row-hover:#edf4fb;
  --ui-accent:#1f6fbd;--ui-accent-soft:#eaf3fc;--ui-shadow:0 6px 20px rgba(20,39,61,.07);
}
.app-body[data-theme]{background:var(--ui-bg);color:var(--ui-text);font-size:12.5px;line-height:1.4}
.app-body[data-theme] .app{grid-template-columns:216px minmax(0,1fr)}
.app-body[data-theme] .side{background:var(--ui-sidebar);padding:15px 10px;gap:14px}
.app-body[data-theme] .side nav a{font-size:11.5px;min-height:31px;padding:7px 8px}
.app-body[data-theme] .nav-label{font-size:8px;padding:11px 7px 3px;letter-spacing:.14em}
.app-body[data-theme] .brand b{font-size:13px}.app-body[data-theme] .brand small{font-size:9px}.app-body[data-theme] .mark{width:34px;height:34px;border-radius:9px;font-size:11px}
.app-body[data-theme] .main{background:var(--ui-bg);color:var(--ui-text)}
.app-body[data-theme] .top{background:var(--ui-top);border-color:var(--ui-border);padding:11px 18px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.app-body[data-theme] .top h1{font-size:18px;color:var(--ui-text-strong)}.app-body[data-theme] .top-kicker{font-size:8px;color:var(--ui-faint)}
.app-body[data-theme] .top-right{display:flex;align-items:center;gap:9px;margin-left:auto}.app-body[data-theme] .top-actions{display:flex;gap:6px}
.app-body[data-theme] .theme-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface-2)}
.app-body[data-theme] .theme-choice{appearance:none;border:0;background:transparent;color:var(--ui-muted);font:inherit;font-size:10.5px;font-weight:800;padding:5px 7px;border-radius:5px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.app-body[data-theme] .theme-choice[aria-pressed="true"]{background:var(--ui-surface-4);color:var(--ui-text-strong)}
.app-body[data-theme] .theme-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--ui-border-strong);display:inline-block}.app-body[data-theme] .dark-dot{background:#07111b}.app-body[data-theme] .light-dot{background:#fff}
.app-body[data-theme] .content{max-width:1800px;padding:15px 18px 30px}
.app-body[data-theme] a{color:var(--ui-link)}.app-body[data-theme] .muted{color:var(--ui-muted)!important}.app-body[data-theme] label{color:var(--ui-text);font-size:11px}
.app-body[data-theme] h1,.app-body[data-theme] h2,.app-body[data-theme] h3,.app-body[data-theme] h4,.app-body[data-theme] h5,.app-body[data-theme] h6{color:var(--ui-text-strong)}
.app-body[data-theme] p,.app-body[data-theme] li,.app-body[data-theme] dd,.app-body[data-theme] summary{color:inherit}
.app-body[data-theme] input,.app-body[data-theme] select,.app-body[data-theme] textarea{background:var(--ui-input);border-color:var(--ui-border-strong);color:var(--ui-text);border-radius:6px;padding:7px 8px;min-height:32px;font-size:11.5px}
.app-body[data-theme] input::placeholder,.app-body[data-theme] textarea::placeholder{color:var(--ui-faint)}
.app-body[data-theme] input[readonly],.app-body[data-theme] textarea[readonly],.app-body[data-theme] input:disabled,.app-body[data-theme] select:disabled{background:var(--ui-surface-3);color:var(--ui-muted)}
.app-body[data-theme] code,.app-body[data-theme] pre,.app-body[data-theme] pre.code-box{background:var(--ui-bg-soft);color:var(--ui-text);border-color:var(--ui-border)}
.app-body[data-theme] .card,
.app-body[data-theme] .panel-card,
.app-body[data-theme] .chart-card,
.app-body[data-theme] .manage-card,
.app-body[data-theme] .settings-panel,
.app-body[data-theme] .integration-card,
.app-body[data-theme] .mini-card,
.app-body[data-theme] .folder-chip,
.app-body[data-theme] .card-subsection,
.app-body[data-theme] details{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text);box-shadow:var(--ui-shadow)}
.app-body[data-theme] .card{border-radius:8px;padding:13px;margin-bottom:11px}.app-body[data-theme] .card h2,.app-body[data-theme] .card h3,.app-body[data-theme] .card h4{color:var(--ui-text-strong)}
.app-body[data-theme] .page-hero{background:var(--ui-surface);border-color:var(--ui-border);min-height:82px}.app-body[data-theme] .page-hero h2{font-size:19px;color:var(--ui-text-strong)}.app-body[data-theme] .page-hero p{color:var(--ui-muted)}
.app-body[data-theme] .gradient-hero{background:linear-gradient(135deg,#0b2846,#165a9b 68%,#2777c5);border-color:#2c6fae;color:#fff}.app-body[data-theme] .gradient-hero h2,.app-body[data-theme] .gradient-hero .section-kicker{color:#fff}.app-body[data-theme] .gradient-hero p{color:#e1effc}
.app-body[data-theme] .btn{border-radius:6px;padding:7px 10px;font-size:11px;box-shadow:none}.app-body[data-theme] .btn.smallbtn{padding:5px 7px;font-size:10.5px}.app-body[data-theme] .btn.xl{padding:9px 13px;font-size:12px}
.app-body[data-theme] .btn.light{background:var(--ui-accent-soft);border-color:var(--ui-border-strong);color:var(--ui-link)!important}.app-body[data-theme] .btn.light:hover{background:var(--ui-surface-4)}
.app-body[data-theme] .notice{background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-text);border-radius:7px;padding:9px 11px}.app-body[data-theme] .good-notice{background:#0e362b;border-color:#1c6a52;color:#b6f5dc}.app-body[data-theme="light"] .good-notice{background:#e9f8f1;border-color:#b4e6ce;color:#14563e}.app-body[data-theme] .warn{background:#382a10;border-color:#77591f;color:#ffe09a}.app-body[data-theme="light"] .warn{background:#fff7e7;border-color:#efd599;color:#73510b}
.app-body[data-theme] .helpbox,.app-body[data-theme] .empty-state,.app-body[data-theme] .bulk-bar,.app-body[data-theme] .manage-tools,.app-body[data-theme] .searchbar-row,.app-body[data-theme] .filterbar,.app-body[data-theme] .smart-listbar,.app-body[data-theme] .list-controls{background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
.app-body[data-theme] .settings-nav{background:var(--ui-surface);border-color:var(--ui-border);top:60px}.app-body[data-theme] .settings-nav a{background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-muted)}.app-body[data-theme] .settings-nav a span{color:var(--ui-text)}
.app-body[data-theme] .settings-panel,.app-body[data-theme] .integration-card{background:var(--ui-surface-2);border-color:var(--ui-border)}.app-body[data-theme] .section-titlebar{background:var(--ui-surface-3);border-color:var(--ui-border);color:var(--ui-text-strong)}.app-body[data-theme] .save-dock{background:color-mix(in srgb,var(--ui-bg) 94%,transparent);border-color:var(--ui-border)}
.app-body[data-theme] .table-scroll,.app-body[data-theme] .table-wrap{background:var(--ui-surface-2);border-color:var(--ui-border);border-radius:7px}
.app-body[data-theme] table{color:var(--ui-text);font-size:11px}.app-body[data-theme] table th,.app-body[data-theme] .table th{background:var(--ui-table-head)!important;color:var(--ui-muted)!important;font-size:8.5px;padding:7px 8px;border-color:var(--ui-border);letter-spacing:.04em}.app-body[data-theme] table td,.app-body[data-theme] .table td{background:var(--ui-row)!important;color:var(--ui-text);padding:7px 8px;border-color:var(--ui-border)}
.app-body[data-theme] table tbody tr:nth-child(even) td,.app-body[data-theme] .pro-table tbody tr:nth-child(even) td,.app-body[data-theme] .quote-list-table tbody tr:nth-child(even) td,.app-body[data-theme] .items-table tbody tr:nth-child(even) td{background:var(--ui-row-alt)!important}.app-body[data-theme] table tbody tr:hover td{background:var(--ui-row-hover)!important}
.app-body[data-theme] .row-alert td,.app-body[data-theme] tr.danger-row td{background:#301d23!important;color:#ffd9dd!important}.app-body[data-theme="light"] .row-alert td,.app-body[data-theme="light"] tr.danger-row td{background:#fff0f2!important;color:#6f1823!important}.app-body[data-theme] .undercost td{background:#352817!important}.app-body[data-theme="light"] .undercost td{background:#fff5df!important;color:#65420b!important}
.app-body[data-theme] .table-empty-filter{background:var(--ui-row)!important;color:var(--ui-muted)!important}.app-body[data-theme] .smart-table-meta,.app-body[data-theme] .results-meta,.app-body[data-theme] .list-meta,.app-body[data-theme] .list-summary{color:var(--ui-muted)}
.app-body[data-theme] .smart-table-pages button,.app-body[data-theme] .pp-btn,.app-body[data-theme] .sfpill,.app-body[data-theme] .pgb,.app-body[data-theme] .pagination a,.app-body[data-theme] .pager a{background:var(--ui-surface-3);border-color:var(--ui-border-strong);color:var(--ui-link)!important}.app-body[data-theme] .smart-table-pages .current{color:var(--ui-text-strong)}
.app-body[data-theme] .legend a{background:var(--ui-surface-2);border-color:var(--ui-border);color:var(--ui-text)}
.app-body[data-theme] .stat-card{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text)}.app-body[data-theme] .stat-card span,.app-body[data-theme] .stat-card small{color:var(--ui-muted)}.app-body[data-theme] .stat-card b{color:var(--ui-text-strong)}
.app-body[data-theme] .integration-kv dt{color:var(--ui-muted)}.app-body[data-theme] .integration-kv dd{color:var(--ui-text)}.app-body[data-theme] .hmac-flow{background:var(--ui-bg-soft);border-color:var(--ui-border-strong);color:var(--ui-muted)}.app-body[data-theme] .cron-health b{color:var(--ui-text-strong)}
.app-body[data-theme] .inventory-results{background:var(--ui-surface)!important;border-color:var(--ui-border-strong)!important;color:var(--ui-text)!important;box-shadow:0 10px 24px rgba(0,0,0,.22)}.app-body[data-theme] .inventory-results *{color:inherit}.app-body[data-theme] .inventory-results button,.app-body[data-theme] .inventory-results a{background:var(--ui-surface)!important;color:var(--ui-text)!important}.app-body[data-theme] .inventory-results button:hover,.app-body[data-theme] .inventory-results a:hover{background:var(--ui-row-hover)!important}
.app-body[data-theme] .app-footer{background:var(--ui-bg);border-color:var(--ui-border);color:var(--ui-faint)}.app-body[data-theme] .cookie-notice{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text)}
.app-body[data-theme] .card-subsection{margin-top:12px;padding:11px;border:1px solid var(--ui-border);border-radius:7px;box-shadow:none}.app-body[data-theme] .api-contract{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;line-height:1.55}
@media(max-width:820px){.app-body[data-theme] .app{grid-template-columns:1fr}.app-body[data-theme] .top-right{gap:5px}.app-body[data-theme] .top-actions{display:none}.app-body[data-theme] .theme-choice{padding:5px 6px}.app-body[data-theme] .content{padding:11px}.app-body[data-theme] table{font-size:10.5px}}
/* Legacy component contrast normalization verified during V50.1.5 audit. */
.app-body[data-theme] .accordion,.app-body[data-theme] .email-preview,.app-body[data-theme] .plain-pre,.app-body[data-theme] .syn-card,.app-body[data-theme] .health-score{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
.app-body[data-theme] .accordion[open] summary{background:var(--ui-surface-3)!important;border-color:var(--ui-border)!important;color:var(--ui-text-strong)!important}
.app-body[data-theme] .syn-card,.app-body[data-theme] .syn-card *{color:var(--ui-text)}
.app-body[data-theme] .health-score b{color:var(--ui-text-strong)}.app-body[data-theme] .health-score span{color:var(--ui-muted)}
.app-body[data-theme] .group-row td{background:var(--ui-surface-3)!important;color:var(--ui-text-strong)!important}
.app-body[data-theme] .plain-pre{font-size:11px}.app-body[data-theme] .email-preview{overflow:auto}
.app-body[data-theme] .pie{box-shadow:inset 0 0 0 20px var(--ui-surface),0 8px 20px rgba(0,0,0,.12)}.app-body[data-theme] .pie div{background:var(--ui-surface);color:var(--ui-text-strong)}.app-body[data-theme] .pie small{color:var(--ui-muted)}
