/* Email Operations additions on top of Bill Pay Manager's theme.css + app.css */
:root{--ib:#046bd2}
.banner-sample{background:repeating-linear-gradient(135deg,#f6dfa8 0 14px,#f3d690 14px 28px);color:#4a2700;border-bottom:2px solid #c98a00;padding:8px 20px;font-size:14px;text-align:center}
.banner-sample strong{text-transform:uppercase;letter-spacing:.08em;background:#4a2700;color:#fff3c4;padding:1px 8px;border-radius:4px;margin-right:4px}
.sample-tag{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5e3100;background:#f6dfa8;border:1px solid #e3c37a;border-radius:4px;padding:0 5px;vertical-align:middle}
.sample-note{margin:12px 0 0;padding:6px 10px;border-radius:8px;background:#f6dfa8;color:#4a2700;font-size:13px;font-weight:600}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.page-head h1{margin-bottom:14px}.page-head .subnav{margin-bottom:16px}
.sec-h{margin:0 0 10px;color:#001f45}
/* inbox colour coding */
.ib-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ib);box-shadow:0 0 0 2px rgba(255,255,255,.75);margin-right:7px;vertical-align:middle;flex:0 0 auto}
.lgp-nav a.ib-tab{display:inline-flex;align-items:center}
.ib-h1{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ib-h1 .ib-dot{width:14px;height:14px}
.ib-h1::after{background:var(--ib)}
.fr-pill{font-size:13px;font-weight:600;color:#fff;background:var(--ib);border-radius:999px;padding:3px 12px;margin-left:6px}
.ib-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#001f45;background:#e6eef8;border:1px solid #b0c6e0;border-left:4px solid var(--ib);border-radius:6px;padding:1px 8px;white-space:nowrap}
.inbox-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
a.inbox-card{display:block;text-decoration:none;color:inherit;border-top:4px solid var(--ib)!important;transition:transform .12s,box-shadow .12s}
a.inbox-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,46,99,.12),0 12px 28px rgba(0,46,99,.16)}
.ic-head{display:flex;align-items:center;color:#001f45;font-size:16px}
.ic-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;margin:12px 0 0}
.ic-stats div{background:#e6eef8;border:1px solid #b0c6e0;border-radius:8px;padding:6px 8px}
.ic-stats dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#1f3550;font-weight:600}.ic-stats dd{margin:0;font-size:20px;font-weight:700;color:#001f45}
.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:20px}
.kpi-grid .kpi .v{font-size:26px}.kpi .v .small{font-size:12px;font-weight:600}
/* subnav counts */
.subnav .count{display:inline-block;min-width:18px;padding:0 6px;border-radius:999px;background:var(--lgp-red);color:#fff;font-size:11px;font-weight:700;text-align:center;margin-left:4px}
.subnav a.active .count{background:#fff;color:var(--lgp-red)}
.view-tabs a{font-weight:600}
/* tables */
.data-tbl{table-layout:auto}.data-tbl th{padding:0;white-space:nowrap}.data-tbl td{padding:8px 10px;font-size:14px}
.ev-tbl th{padding:9px 10px;font-size:12px}
.tbl tr.row-link{cursor:pointer}.tbl tr.row-link:focus-visible td{outline:2px solid var(--lgp-blue);outline-offset:-2px}
.tbl tr:has(.st-review) td{background:#e7def8}
.c-subj{min-width:220px;max-width:380px}.c-subj a{font-weight:600}
.c-label{min-width:170px;max-width:240px}.lbl{font-weight:600;color:#001f45}
.c-num{text-align:right;white-space:nowrap}.c-odoo{white-space:nowrap}
.conf{font-weight:700;color:#0f4d25}.conf-low{color:#a3000c}
.clamp{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:380px}
.chips{display:inline-flex;gap:3px;flex-wrap:nowrap}
.chip{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:4px;border:1px solid;white-space:nowrap}
.chip-on{background:#c6e8d1;color:#0f4d25;border-color:#9fd2b0}.chip-off{background:#d3dae4;color:#53606f;border-color:#b5c0cf}.chip-bad{background:#f3c4c8;color:#7a000a;border-color:#e09aa1}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.btn-sm{min-height:30px;padding:4px 10px;font-size:12.5px}
.empty-row td{text-align:center;padding:18px}
/* health */
.health-card .health-list{list-style:none;padding:0;margin:0 0 10px}.health-list li{padding:8px 0;border-bottom:1px solid #c9d8ea}.health-list .hl-name{font-weight:600;font-size:13.5px}
.health-card h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.grid2.dash-main{grid-template-columns:minmax(0,1fr) 320px}
.dash-charts{grid-template-columns:minmax(0,1fr) 300px}
.ib-charts{grid-template-columns:1fr 1fr}
/* message page */
.crumbs{margin:0 0 6px;font-size:14px}.crumbs a{font-weight:600;text-decoration:none}
.msg-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.stepper{list-style:none;margin:0;padding:0 0 0 6px;position:relative}
.stepper li{position:relative;padding:6px 0 12px 24px;border-left:2px solid #a9c0dc;margin-left:6px}
.stepper li:last-child{border-left-color:transparent}
.stepper .st-dot{position:absolute;left:-8px;top:8px;width:14px;height:14px;border-radius:50%;background:#d3dae4;border:2px solid #8ea3bb}
.stepper li.done .st-dot{background:#16a34a;border-color:#0f4d25}.stepper li.done{border-left-color:#16a34a}
.stepper li.fail .st-dot{background:var(--lgp-red);border-color:#7a000a}
.stepper li.todo b{color:#53606f}
.mail{border:1px solid #a9c0dc;border-radius:10px;background:#e6eef8;padding:12px 14px;margin:0 0 12px}
.mail-h{border-bottom:1px solid #b4c9e3;padding-bottom:8px;margin-bottom:8px}
.mail-body{white-space:pre-wrap;word-wrap:break-word;font:14px/1.6 var(--lgp-font);background:#f3f7fc;border:1px solid #b4c9e3;border-radius:8px;padding:14px 16px;margin:8px 0;max-height:none;color:#183347}
details summary{font-size:13px}
/* settings */
.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 16px}
.inbox-form input[type=color]{height:40px;padding:3px}
.inbox-edit{border:1px solid #a9c0dc;border-left:5px solid var(--ib);border-radius:10px;padding:8px 12px;margin:0 0 10px;background:#e6eef8}
.inbox-edit summary{display:flex;align-items:center;gap:4px;margin:0;font-size:14.5px;color:#001f45}
.fr-filter select#f-st{min-width:12rem}
@media(max-width:1000px){.grid2.dash-main,.dash-charts,.ib-charts,.msg-grid{grid-template-columns:1fr}}
@media(max-width:720px){.page-head{align-items:flex-start}.banner-sample{font-size:12.5px;padding:6px 12px}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.kpi-grid .kpi .v{font-size:22px}
  .ic-stats dd{font-size:17px}.subnav a{padding:6px 10px;font-size:12.5px}.c-subj{min-width:180px}}
/* data pages get a little more width; compact log tables */
.wrap{max-width:1340px}
.data-tbl td{padding:7px 8px;font-size:13.5px}.data-tbl .th-sort{padding:8px 8px;font-size:11.5px}
.c-subj{min-width:200px;max-width:300px}.c-label{min-width:150px;max-width:210px}
.cell-from{font-weight:600;color:#001f45}

/* Franchise tags + intervene */
.fr-tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#001f45;background:#dfe9f6;border:1px solid #a9c0dc;border-radius:4px;padding:0 6px;vertical-align:middle;white-space:nowrap}
.page-head-tools{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.wrap-gap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.intervene-link{font-size:11.5px;font-weight:700;margin-left:6px;color:var(--lgp-red);text-decoration:none;border-bottom:1px dotted var(--lgp-red)}
.intervene-link:hover{color:#7a000a}
.intervene-card{border-top:4px solid var(--lgp-red)}
.intervene-form textarea{width:100%;min-height:160px;font:14px/1.5 var(--lgp-font);padding:10px 12px;border:1px solid #a9c0dc;border-radius:8px;background:#f3f7fc;color:#183347;resize:vertical}
.intervene-form .span2{grid-column:1 / -1}
.intervene-form input[readonly]{background:#d3dae4;color:#53606f;cursor:not-allowed}
.fr-field select{min-width:16rem}
.fr-tbl td{vertical-align:middle}
.fr-add{margin-top:14px;padding-top:14px;border-top:1px solid #b4c9e3}
.fr-filter{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.fr-filter label{font-size:12.5px;font-weight:600;color:#1f3550;margin:0}

/* Users admin */
.users-tbl td{vertical-align:middle}.users-tbl .row-self{background:#eef5fc}
.temp-pw-code{display:inline-block;margin-top:6px;padding:6px 10px;background:#001f45;color:#fff;border-radius:6px;font:14px/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;user-select:all}
.user-add-form .chk{display:block;margin:10px 0}