/* TOUMA Insurance — Sales Workspace styles (merged from v20; one file). */

/* ===== Base layout & components ===== */
:root{--navy:#0A2D80;--navy2:#123c96;--teal:#0088A8;--gold:#C9A24A;--bg:#F2F5FA;--card:#fff;--ink:#17233b;--muted:#68778d;--line:#dbe3ee}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.app{min-height:100vh;background:var(--bg)} header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20}
.head{max-width:1250px;margin:auto;padding:14px 18px 0} .brand{display:flex;align-items:center;gap:12px}
.logo{width:45px;height:45px;border:2px solid #fff;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:22px}
.brand b{font-size:20px} .brand small{display:block;color:#c9d5f2;font-size:12px;margin-top:2px}
.nav{display:flex;gap:4px;overflow:auto;margin-top:13px} .nav button{border:0;background:transparent;color:#c9d5f2;padding:11px 14px;border-radius:9px 9px 0 0;white-space:nowrap;font-weight:700;cursor:pointer} .nav button.active{background:var(--bg);color:var(--navy)}
main{max-width:1250px;margin:auto;padding:20px 18px 45px} .section{display:none} .section.active{display:block}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 5px 22px #18324b0a}
.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-bottom:16px} h1{font-size:31px;margin:0 0 7px;color:var(--navy)} h2{color:var(--navy);margin:24px 0 11px} h3{margin:10px 0 5px} p{line-height:1.5} .muted{color:var(--muted)}
.btn{border:1px solid var(--line);background:#fff;color:var(--navy);padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer} .btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.actions{display:flex;gap:9px;flex-wrap:wrap} .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .stat{background:#f7f9fc;border-radius:11px;padding:12px} .stat b{display:block;font-size:22px;color:var(--navy)} .stat span{font-size:12px;color:var(--muted)}
.product{cursor:pointer;transition:.15s} .product:hover{transform:translateY(-2px)} .icon{width:44px;height:44px;border-radius:12px;background:#edf5fb;display:grid;place-items:center;font-size:23px}
.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:13px} input,select,textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 11px;color:var(--ink)} input:focus,select:focus,textarea:focus{outline:2px solid #9ed8e3;outline-offset:1px}
table{width:100%;border-collapse:collapse} th,td{padding:11px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;font-size:13px} th{background:#f6f8fb;color:var(--navy)} tr:last-child td{border-bottom:0}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-weight:800} .badge{display:inline-block;background:#e7f5f0;color:#177b59;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:800;margin-top:7px}
.simWrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden} iframe{display:block;width:100%;height:900px;border:0;background:var(--bg)}
.modal{position:fixed;inset:0;background:#07152db8;z-index:50;display:none;align-items:center;justify-content:center;padding:16px} .modal.open{display:flex} .modalBox{background:#fff;border-radius:16px;max-width:760px;width:100%;max-height:90vh;overflow:auto;padding:20px}
footer{max-width:1250px;margin:auto;padding:0 18px 25px;color:var(--muted);font-size:12px}
@media(max-width:800px){.hero,.grid2{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}h1{font-size:26px}iframe{height:1000px}}
@media(max-width:520px){.grid{grid-template-columns:1fr}main{padding:14px 10px 35px}.head{padding-left:10px;padding-right:10px}}

<style id="toumaa-v4-css">
/* TOUMA V4 sales-workspace enhancements */
.toolbar .btn{white-space:nowrap}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.btn.sm{padding:6px 9px;font-size:12px}
.btn.danger{color:#a52222;border-color:#efcaca;background:#fff7f7}
.btn.success{color:#177b59;border-color:#bfe8d8;background:#f3fcf8}
.badge.warn{background:#fff4dc;color:#986600}
.badge.red{background:#fdeaea;color:#a52222}
.badge.blue{background:#eaf2ff;color:#2454a6}
.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.pipe{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafcff}
.pipe b{display:block;font-size:20px;color:var(--navy)}
.pipe span{font-size:12px;color:var(--muted)}
.empty{padding:22px;text-align:center;color:var(--muted)}
.toast{position:fixed;right:18px;bottom:18px;background:#102a66;color:#fff;padding:12px 15px;border-radius:11px;box-shadow:0 8px 28px #0003;z-index:100;font-size:13px}
@media(max-width:700px){.pipeline{grid-template-columns:1fr 1fr}.row-actions{flex-direction:column}.row-actions .btn{width:100%}}

/* ===== Actions, badges, toast ===== */
.toolbar .btn{white-space:nowrap}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.btn.sm{padding:6px 9px;font-size:12px}
.btn.danger{color:#a52222;border-color:#efcaca;background:#fff7f7}
.btn.success{color:#177b59;border-color:#bfe8d8;background:#f3fcf8}
.badge.warn{background:#fff4dc;color:#986600}
.badge.red{background:#fdeaea;color:#a52222}
.badge.blue{background:#eaf2ff;color:#2454a6}
.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.pipe{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafcff}
.pipe b{display:block;font-size:20px;color:var(--navy)}
.pipe span{font-size:12px;color:var(--muted)}
.empty{padding:22px;text-align:center;color:var(--muted)}
.toast{position:fixed;right:18px;bottom:18px;background:#102a66;color:#fff;padding:12px 15px;border-radius:11px;box-shadow:0 8px 28px #0003;z-index:100;font-size:13px}
@media(max-width:700px){.pipeline{grid-template-columns:1fr 1fr}.row-actions{flex-direction:column}.row-actions .btn{width:100%}}

/* ===== Sales pipeline ===== */
.pipeline-v6{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-top:12px}.pipe-v6{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff;cursor:pointer;transition:.15s}.pipe-v6:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}.pipe-v6 .num{font-size:25px;font-weight:800;margin:6px 0}.pipe-v6 .lbl{font-size:12px;color:#6b7280}.pipeline-v6-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pipeline-v6-tools select{min-width:150px}.mini-stat-v6{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.mini-stat-v6:last-child{border-bottom:0}@media(max-width:900px){.pipeline-v6{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.pipeline-v6{grid-template-columns:repeat(2,1fr)}}

/* ===== Pro Center rows & print ===== */
@media print{body *{visibility:hidden!important}.section.active,.section.active *{visibility:visible!important}.section.active{position:absolute;left:0;top:0;width:100%}.nav,.actions{display:none!important}}
.row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--border,#ddd);align-items:center}.row:last-child{border-bottom:0}.empty{padding:18px;text-align:center;opacity:.65}.badge{padding:4px 8px;border-radius:999px;font-size:12px}.badge.red{background:#fee2e2;color:#991b1b}.badge.warn{background:#fef3c7;color:#92400e}.pro-table{width:100%;border-collapse:collapse}.pro-table th,.pro-table td{text-align:start;padding:9px;border-bottom:1px solid var(--border,#ddd);vertical-align:top}.pro-table th{font-size:12px;text-transform:uppercase;opacity:.65}.pro-table{font-size:14px}@media(max-width:760px){.pro-table{display:block;overflow:auto;white-space:nowrap}.row{align-items:flex-start;flex-direction:column}.pro-toolbar{flex-wrap:wrap}}

/* ===== Client 360 ===== */
.client360{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:9999;display:none;padding:18px;overflow:auto}
.client360.open{display:flex;align-items:flex-start;justify-content:center}
.client360-card{width:min(1050px,100%);margin:30px auto;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:20px}
.client360-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #e5e7eb;padding-bottom:14px}
.client360-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
.client360-stat{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fafafa}.client360-stat b{display:block;font-size:22px}.client360-stat span{font-size:12px;color:#6b7280}
.client360-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.client360-box{border:1px solid #e5e7eb;border-radius:14px;padding:14px}.client360-box h3{margin:0 0 10px}.client360-list{display:grid;gap:8px}.client360-item{padding:10px;border-radius:10px;background:#f7f7f8;font-size:13px}.client360-item b{display:block;margin-bottom:3px}
@media(max-width:800px){.client360-grid{grid-template-columns:repeat(2,1fr)}.client360-cols{grid-template-columns:1fr}.client360-card{margin:5px auto;padding:14px}}

/* ===== Alerts / welcome ===== */
.t11-alerts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.t11-alert{padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.t11-alert b{font-size:22px;display:block}.t11-alert span{font-size:11px;color:#64748b}.t11-role{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;margin-top:10px;font-size:12px}.t11-session{font-size:11px;color:#64748b}
@media(max-width:800px){.t11-alerts{grid-template-columns:repeat(2,1fr)}}
.t12-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.t12-tile{padding:14px;border:1px solid var(--border,#ddd);border-radius:14px;background:var(--card,#fff)}.t12-tile b{display:block;font-size:20px}.t12-actions{display:flex;gap:8px;flex-wrap:wrap}.t12-userbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.t12-role{font-size:11px;font-weight:800;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#eef2ff}.t12-muted{opacity:.68;font-size:12px}@media(max-width:800px){.t12-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Company settings ===== */
.touma-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.touma-settings-grid .full{grid-column:1/-1}
.touma-settings-grid label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}
.touma-settings-grid input,.touma-settings-grid textarea{width:100%;box-sizing:border-box}
.touma-brand-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px dashed var(--border,#ddd);border-radius:12px}
.touma-logo-preview{width:58px;height:58px;border-radius:10px;object-fit:contain;border:1px solid var(--border,#ddd);background:#fff}
@media(max-width:700px){.touma-settings-grid{grid-template-columns:1fr}.touma-settings-grid .full{grid-column:auto}}

/* ===== Analytics & data health ===== */
.t19-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.t19-card{background:var(--card,#fff);border:1px solid var(--border,#ddd);border-radius:14px;padding:15px}.t19-num{font-size:28px;font-weight:800;margin-top:5px}.t19-bar{height:10px;border-radius:99px;background:#e9edf2;overflow:hidden;margin-top:8px}.t19-fill{height:100%;background:currentColor;border-radius:99px}.t19-list{display:grid;gap:8px}.t19-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border,#eee)}.t19-danger{color:#b42318}.t19-ok{color:#087443}.t19-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.t19-table{width:100%;border-collapse:collapse}.t19-table th,.t19-table td{padding:9px;border-bottom:1px solid var(--border,#eee);text-align:start;vertical-align:top}.t19-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f6;font-size:12px}.t19-actions{display:flex;gap:8px;flex-wrap:wrap}.t19-actions button{cursor:pointer}@media(max-width:900px){.t19-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.t19-grid{grid-template-columns:1fr}.t19-table{font-size:12px}}

/* ===== Billing ===== */
.t14-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.t14-kpi{padding:14px;border:1px solid var(--border,#ddd);border-radius:12px;background:var(--card,#fff)}.t14-kpi b{font-size:22px;display:block}.t14-kpi span{font-size:12px;opacity:.65}.t14-status{padding:4px 8px;border-radius:99px;background:#eef2ff}@media(max-width:800px){.t14-grid{grid-template-columns:1fr 1fr}}

/* ===== Commissions ===== */
.t20-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.t20-card{border:1px solid var(--border,#d8dee8);border-radius:12px;padding:14px;background:var(--card,#fff)}.t20-card .n{font-size:24px;font-weight:800}.t20-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.t20-toolbar input,.t20-toolbar select{padding:9px 11px;border:1px solid var(--border,#d8dee8);border-radius:9px;background:var(--card,#fff);color:inherit}.t20-table{width:100%;border-collapse:collapse}.t20-table th,.t20-table td{padding:9px;border-bottom:1px solid var(--border,#e5e7eb);text-align:start;font-size:13px}.t20-wrap{overflow:auto}.t20-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.t20-paid{background:#ecfdf5;color:#047857}.t20-pending{background:#fff7ed;color:#c2410c}.t20-total{background:#eef2ff;color:#4338ca}.t20-actions{display:flex;gap:6px;flex-wrap:wrap}.t20-note{font-size:12px;opacity:.68}@media(max-width:900px){.t20-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.t20-grid{grid-template-columns:1fr}}

/* ===== Tasks ===== */
.t17-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.t17-card{border:1px solid var(--border,#ddd);border-radius:12px;padding:12px;background:var(--surface,#fff)}.t17-card b{font-size:22px;display:block;margin-top:4px}.t17-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.t17-toolbar input,.t17-toolbar select{padding:9px;border:1px solid #ccc;border-radius:9px}.t17-table{width:100%;border-collapse:collapse;font-size:13px}.t17-table th,.t17-table td{padding:9px;border-bottom:1px solid #eee;text-align:start}.t17-pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px}.t17-high{background:#fee2e2;color:#991b1b}.t17-med{background:#fef3c7;color:#92400e}.t17-low{background:#dcfce7;color:#166534}.t17-overdue{background:#fecaca;color:#991b1b}.t17-done{background:#dcfce7;color:#166534}@media(max-width:800px){.t17-grid{grid-template-columns:repeat(2,1fr)}.t17-table{min-width:800px}.t17-wrap{overflow:auto}}

/* ===== Renewal center ===== */
.v16-renewal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.v16-card{background:var(--card,#fff);border:1px solid var(--border,#ddd);border-radius:14px;padding:14px}.v16-card h4{margin:0 0 6px}.v16-num{font-size:25px;font-weight:800}.v16-renewal-table{width:100%;border-collapse:collapse}.v16-renewal-table th,.v16-renewal-table td{padding:9px;border-bottom:1px solid var(--border,#ddd);text-align:start;font-size:13px}.v16-chip{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f7;margin:2px;font-size:11px}.v16-actions{display:flex;gap:6px;flex-wrap:wrap}.v16-renewal-wrap{margin-top:14px}@media(max-width:800px){.v16-renewal-grid{grid-template-columns:repeat(2,1fr)}.v16-renewal-table{min-width:760px}.v16-scroll{overflow:auto}}

/* ===== Settings form ===== */
.t18-wrap{margin:18px 0}.t18-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.t18-card{background:var(--card,#fff);border:1px solid var(--line,#e5e7eb);border-radius:14px;padding:14px}.t18-card b{font-size:22px}.t18-muted{opacity:.65;font-size:12px}.t18-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.t18-btn{border:1px solid var(--line,#ddd);background:var(--card,#fff);padding:8px 11px;border-radius:9px;cursor:pointer}.t18-btn.primary{background:#111827;color:#fff;border-color:#111827}.t18-btn.danger{color:#b91c1c}.t18-table{width:100%;border-collapse:collapse;font-size:13px}.t18-table th,.t18-table td{padding:9px;border-bottom:1px solid var(--line,#eee);text-align:start}.t18-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.t18-ok{background:#dcfce7;color:#166534}.t18-warn{background:#fef3c7;color:#92400e}.t18-bad{background:#fee2e2;color:#991b1b}.t18-info{background:#dbeafe;color:#1e40af}.t18-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.t18-modal>div{background:var(--card,#fff);color:inherit;width:min(720px,96vw);max-height:90vh;overflow:auto;border-radius:18px;padding:20px}.t18-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.t18-form label{font-size:12px;opacity:.75}.t18-form input,.t18-form select,.t18-form textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--line,#ddd);border-radius:8px;background:transparent;color:inherit}.t18-form .full{grid-column:1/-1}@media(max-width:850px){.t18-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.t18-form{grid-template-columns:1fr}}@media(max-width:520px){.t18-grid{grid-template-columns:1fr}}

/* ===== Operations ===== */
.pro-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pro-toolbar input,.pro-toolbar select{min-width:150px}
.pro-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.pro-kpi{border:1px solid #e5e7eb;border-radius:14px;padding:13px;background:#fff}.pro-kpi b{display:block;font-size:22px}.pro-kpi span{font-size:12px;color:#6b7280}
.pro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.pro-card{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff}.pro-table{width:100%;border-collapse:collapse;font-size:13px}.pro-table th,.pro-table td{padding:9px;border-bottom:1px solid #eee;text-align:start}.pro-table th{font-size:11px;text-transform:uppercase;color:#6b7280}.pro-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#f1f5f9;font-size:11px}.pro-pill.good{background:#dcfce7;color:#166534}.pro-pill.warn{background:#fef3c7;color:#92400e}.pro-pill.bad{background:#fee2e2;color:#991b1b}.pro-timeline{display:grid;gap:8px}.pro-event{border-left:3px solid #cbd5e1;padding:8px 10px;background:#f8fafc;border-radius:0 9px 9px 0}.pro-event b{display:block}.pro-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10001;display:none;padding:18px;overflow:auto}.pro-modal.open{display:flex;align-items:flex-start;justify-content:center}.pro-modal-box{width:min(850px,100%);margin:20px auto;background:#fff;border-radius:18px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
@media(max-width:900px){.pro-kpis{grid-template-columns:repeat(2,1fr)}.pro-grid{grid-template-columns:1fr}.pro-table{min-width:650px}.pro-card{overflow:auto}}

/* ===== Login & audit ===== */
#authGate{position:fixed;inset:0;background:linear-gradient(135deg,#08111f,#10243b);z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;font-family:inherit}
.tl-card{width:min(440px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.3)}
.tl-brand{font-size:28px;font-weight:900;letter-spacing:.5px}.tl-sub{color:#64748b;margin:5px 0 24px}.tl-field{margin:12px 0}.tl-field label{display:block;font-size:12px;font-weight:800;color:#475569;margin-bottom:6px}.tl-field input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #d8dee8;border-radius:10px;font-size:15px}.tl-login{width:100%;padding:13px;border:0;border-radius:10px;background:#0f766e;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.tl-err{color:#b91c1c;font-size:13px;min-height:20px;margin:8px 0}.tl-hint{font-size:11px;color:#94a3b8;margin-top:15px;line-height:1.5}.rbac-user{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:#eef6f5;color:#0f766e;font-size:12px;font-weight:800}.rbac-logout{cursor:pointer;border:0;background:transparent;color:#64748b;font-weight:700}.rbac-hidden{display:none!important}.audit-row{padding:9px 0;border-bottom:1px solid #eef2f7;font-size:12px}.audit-row b{color:#0f172a}.audit-row span{color:#64748b}.perm-note{padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;color:#475569;margin:8px 0}

/* ===== Documents ===== */
.t15-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.t15-toolbar input,.t15-toolbar select{padding:9px 11px;border:1px solid var(--border,#d8dee8);border-radius:9px;background:var(--card,#fff);color:inherit}.t15-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.t15-card{border:1px solid var(--border,#d8dee8);border-radius:12px;padding:14px;background:var(--card,#fff)}.t15-card b{font-size:20px}.t15-table{width:100%;border-collapse:collapse}.t15-table th,.t15-table td{padding:9px;border-bottom:1px solid var(--border,#e5e7eb);text-align:start;font-size:13px}.t15-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.t15-missing{background:#fff1f2;color:#be123c}.t15-requested{background:#fff7ed;color:#c2410c}.t15-received{background:#eff6ff;color:#1d4ed8}.t15-verified{background:#ecfdf5;color:#047857}.t15-expired{background:#fef2f2;color:#b91c1c}@media(max-width:900px){.t15-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.t15-grid{grid-template-columns:1fr}.t15-table{min-width:760px}.t15-wrap{overflow:auto}}

/* ===== v21 additions ===== */
[hidden]{display:none!important}
body:not(.signed-in) .app{visibility:hidden}
.tl-logo{height:44px;vertical-align:middle;margin-right:10px;background:#0A2D80;border-radius:9px;padding:5px}
.head-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.head-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.head-tools input{padding:8px 11px;border-radius:9px;border:0;min-width:220px}
.user-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff1f;color:#fff;font-size:12px;font-weight:800}
.head-btn{border:1px solid #ffffff55;background:transparent;color:#fff;padding:7px 11px;border-radius:9px;font-weight:700;cursor:pointer}
.brand img{height:46px}
.badge.success{background:#e7f5f0;color:#177b59}
.table-wrap{overflow:auto}
.modalBox.wide{max-width:1050px}
button.t11-alert,button.pipe-v6{font:inherit;text-align:start;color:inherit;cursor:pointer}
button.t11-alert:hover{border-color:var(--teal)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.section-head h2{margin-bottom:4px}
/* simulator tabs (were inside a second frame in v20) */
.sim-bar{background:var(--navy);border-radius:16px 16px 0 0;padding:12px 14px 0}
.sim-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.sim-tabs::-webkit-scrollbar{display:none}
.sim-tabs button{flex:0 0 auto;font:600 14px inherit;font-weight:700;color:#c9d5f2;background:transparent;border:0;border-radius:10px 10px 0 0;padding:10px 16px;cursor:pointer;white-space:nowrap}
.sim-tabs button.on{background:var(--bg);color:var(--navy)}
.simWrap{border-radius:0 0 16px 16px}
.simWrap iframe{height:900px}
#dashAlerts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media(max-width:700px){.head-tools{width:100%}.head-tools input{min-width:0;flex:1 1 100%}}
@media print{header,.sim-bar,footer,.toast{display:none!important}}
.btn.wa{color:#0b7a3e;border-color:#b7e4c7;background:#f0fbf4}
.rates-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
tr.row-renewal td{background:#fff8e6}
h4{margin:16px 0 8px;color:var(--navy)}
/* Arabic (right-to-left) */
html[dir="rtl"] body{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}
html[dir="rtl"] .row-actions,html[dir="rtl"] .actions,html[dir="rtl"] .toolbar{direction:rtl}
html[dir="rtl"] .nav button{border-radius:9px 9px 0 0}
html[dir="rtl"] input[type=number],html[dir="rtl"] input[type=date],html[dir="rtl"] input[type=email]{direction:ltr;text-align:right}
.sync-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#ffffff26;color:#fff}
.sync-pill.ok::before{content:"●";color:#6ee7a8;margin-right:5px}.sync-pill.warn{background:#fbbf24;color:#422006}
html[dir="rtl"] .sync-pill.ok::before{margin-right:0;margin-left:5px}
.nav-count{display:inline-block;min-width:18px;padding:1px 6px;border-radius:99px;background:#ef4444;color:#fff;font-size:11px;margin-left:4px}
.online-btn.is-on{background:#16a34a;border-color:#16a34a}
/* Call Screen (v24) */
.cs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.cs-head h2{margin:0}.cs-head p{margin:4px 0 0}
.cs-wrap{border:1px solid var(--line,#dfe5ee);border-radius:16px;overflow:hidden;background:#F3F5F2}
.cs-wrap iframe{display:block;width:100%;height:calc(100vh - 190px);height:calc(100dvh - 190px);min-height:620px;border:0}
@media (max-width:760px){.cs-head{display:none}.cs-wrap{border-radius:10px}.cs-wrap iframe{height:calc(100dvh - 120px);min-height:560px}}
.cs-calls .client360-item small{display:block;color:var(--muted,#64748b)}