/* /industries/financial-services v1 (2026-10-04) · built on solution.css, the template from the approved /industries/retail v6.1
   (user: "Lets build the rest of the solution pages similarly, use different hero gradients to distinguish"). This file holds the
   page's emerald field and its own scenes only, every class prefixed fin-. Hawcx screens are dark (#161618 windows, #1c1c1f cards);
   the bank's own tools (CRM, case manager, contact-centre desktop) and its customer screens are light. Cast: Larkspur Bank. */

/* ---------- the emerald field (build/solutions-v2/PAGES.md row 1) ---------- */
body.elv.pg-fin{
  --sol-field:url(/assets/grain-tile.png) 0 0/128px 128px repeat,radial-gradient(60% 70% at 88% 6%,rgba(140,240,200,.30),rgba(140,240,200,0) 70%),linear-gradient(32deg,#021c19 0%,#06483f 42%,#0f7f6b 78%,#16a085 100%);
  --sol-field-base:#075a4f;
  --sol-card-field:url(/assets/grain-tile.png) 0 0/128px 128px repeat,linear-gradient(32deg,#021c19 0%,#06483f 55%,#0c6758 100%);
  --sol-soft:linear-gradient(160deg,#eef6f2 0%,#dcefe6 100%);
  --sol-soft-base:#e6f2ec;
}
body.elv.pg-fin .sol-h1 span span{display:block;color:inherit}
/* the caption label on the emerald field card: 92% white keeps it 4.5:1 or better on the brightest grain (sampled at 1440 and 375) */
body.elv.pg-fin .sol-card--field .sol-cap-k{color:rgba(255,255,255,.92)}
body.elv .fin-av-r{background:#283a35!important;color:#cfe9df!important}
body.elv .fin-av-t{background:#e4d6c3;color:#1c1b18;font-size:11.5px}
/* the passwordless H2: v4.css balances every h2, which left "Passwordless" alone on line 1 at 1100-1300px. Wrap it greedily and keep
   "for banks." together, so the head term stays on one line ("Passwordless authentication / for banks."); the dim line stays balanced */
body.elv.pg-fin #cust-h{text-wrap:wrap}
body.elv.pg-fin #cust-h .dim{text-wrap:balance}
body.elv.pg-fin #cust-h .fin-nw{white-space:nowrap;font-weight:inherit;color:inherit}

/* a Hawcx decision inside a light tool (CRM, case manager) */
body.elv .fin-ev{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#f6f7f6}
body.elv .fin-ev+.fin-ev{margin-top:6px}
body.elv .fin-ev .sol-mk{width:20px}
body.elv .fin-ev .sol-mono{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1c1b18}
body.elv .fin-why{margin:8px 0 0;font-size:12px;line-height:17px;color:rgba(28,27,24,.64)}

/* ---------- agents 1 · an advisor's copilot in the CRM (light, the CRM's own window) ---------- */
body.elv .fin-crm{position:absolute;left:28px;right:-1px;bottom:-1px;height:390px;display:flex;flex-direction:column;border-radius:12px 0 0 0;background:#fff;color:#1c1b18;font-size:13px;line-height:19px;overflow:hidden;
  box-shadow:0 40px 80px -30px rgba(1,24,20,.6)}
body.elv .fin-crm-hd{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 18px;border-bottom:1px solid rgba(0,0,0,.07)}
body.elv .fin-crm-path{font-size:12.5px;color:rgba(28,27,24,.64);white-space:nowrap}
body.elv .fin-crm-path i{font-style:normal;margin:0 4px;color:rgba(28,27,24,.4)}
body.elv .fin-crm-path b{font-weight:500;color:#1c1b18}
body.elv .fin-crm-me{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(28,27,24,.7);white-space:nowrap}
body.elv .fin-crm-me .sol-av{width:22px;height:22px;background:#d8e6df;color:#123b32;font-size:10.5px}
body.elv .fin-crm-bd{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px}
body.elv .fin-crm-rec{min-width:0;padding:18px 20px}
body.elv .fin-crm-rec p{margin:0}
body.elv .fin-crm-n{font-size:16px;line-height:22px}
body.elv .fin-crm-s{margin-top:2px!important;font-size:12px;color:rgba(28,27,24,.64)}
body.elv .fin-crm-kv{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:12.5px}
body.elv .fin-crm-kv:first-of-type{margin-top:14px}
body.elv .fin-crm-kv span{color:rgba(28,27,24,.64)}
body.elv .fin-crm-kv b,body.elv .fin-crm-acct b{font-weight:400;white-space:nowrap}
body.elv .fin-crm-k{margin-top:16px!important;margin-bottom:4px!important;font-size:11.5px;color:rgba(28,27,24,.64)}
body.elv .fin-crm-acct{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:12.5px}
body.elv .fin-crm-acct span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .fin-crm-acct em{font-style:normal;font-size:11px;color:rgba(28,27,24,.64)}
/* the copilot drawer, docked in the CRM */
body.elv .fin-crm-cp{display:flex;flex-direction:column;min-width:0;padding:14px 16px;background:#fafafa;border-left:1px solid rgba(0,0,0,.07)}
body.elv .fin-crm-cp>p{margin:0}
body.elv .fin-cp-hd{display:flex;align-items:center;gap:8px;font-size:12.5px}
body.elv .fin-cp-hd b{font-weight:500}
body.elv .fin-cp-hd>span:last-child{margin-left:auto;font-size:11.5px;color:rgba(28,27,24,.64)}
body.elv .fin-cp-ic{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#e7f2ed}
body.elv .fin-cp-ic svg{width:13px;height:13px;fill:#177a5f;stroke:none}
body.elv .fin-cp-u{align-self:flex-end;max-width:92%;margin-top:12px!important;padding:7px 11px;border-radius:12px 12px 4px 12px;background:#eceeed;font-size:12.5px;line-height:18px}
body.elv .fin-cp-draft{margin:10px 0 12px;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
body.elv .fin-cp-draft p{margin:0;font-size:12.5px;line-height:18px}
body.elv .fin-cp-draft .fin-cp-k{margin-bottom:3px;font-size:11.5px;color:rgba(28,27,24,.64)}
body.elv .fin-crm-cp .fin-ev{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);padding:7px 10px}

/* ---------- agents 2 · a fraud case file (light, the case manager's window) ---------- */
body.elv .fin-case{position:absolute;left:28px;right:-1px;bottom:-1px;height:390px;padding:0 18px 16px;border-radius:12px 0 0 0;background:#fff;color:#1c1b18;font-size:13px;line-height:19px;overflow:hidden;
  box-shadow:0 30px 60px -30px rgba(15,23,42,.35)}
body.elv .fin-case p{margin:0}
body.elv .fin-case-hd{display:flex;align-items:center;gap:10px;height:44px;margin:0 -18px;padding:0 18px;border-bottom:1px solid rgba(0,0,0,.07)}
body.elv .fin-case-hd .sol-mono{color:rgba(28,27,24,.64)}
body.elv .fin-case-hd b{font-weight:500;white-space:nowrap}
body.elv .fin-case-st{margin-left:auto;padding:1px 8px;border-radius:999px;background:#eef3ff;color:#1f55c0;font-size:11px;white-space:nowrap}
body.elv .fin-case-k{margin:14px 0 4px!important;font-size:11.5px;color:rgba(28,27,24,.64)}
body.elv .fin-case-k .sol-mono{font-size:11px}
body.elv .fin-tx{display:grid;grid-template-columns:52px minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:12.5px}
body.elv .fin-tx .sol-mono{font-size:11px;color:rgba(28,27,24,.64)}
body.elv .fin-tx>span:nth-child(2){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}
body.elv .fin-tx b{font-weight:400}
body.elv .fin-case-note{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;margin:14px 0 12px}
body.elv .fin-case-note p{font-size:12.5px;line-height:18px;color:rgba(28,27,24,.78)}
body.elv .fin-case-note b{display:block;font-weight:500;color:#1c1b18}
body.elv .fin-bot{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e7f2ed}
body.elv .fin-bot svg{width:17px;height:17px;fill:none;stroke:#177a5f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- agents 3 · the per-agent limits editor (dark, Hawcx) ---------- */
body.elv .fin-lim{position:absolute;left:28px;right:28px;bottom:22px;padding:4px 16px 0;border-radius:14px;background:#161618;color:#fff;font-size:12.5px;line-height:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px rgba(0,0,0,.55)}
body.elv .fin-lim p{margin:0}
body.elv .fin-lim-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
body.elv .fin-lim-id{display:flex;align-items:baseline;gap:10px;min-width:0}
body.elv .fin-lim-id b{font-weight:400;font-size:12px;color:#fff}
body.elv .fin-lim-id em{font-style:normal;font-size:12px;color:rgba(255,255,255,.55);white-space:nowrap}
body.elv .fin-lim-own{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.62);white-space:nowrap}
body.elv .fin-lim-own .sol-av{width:20px;height:20px;font-size:10px}
body.elv .fin-lim-r{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;min-height:46px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}
body.elv .fin-lim-n b{display:block;font-weight:400;color:#fff}
body.elv .fin-lim-n em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(255,255,255,.55)}
body.elv .fin-seg{display:inline-flex;gap:2px;padding:2px;border-radius:8px;background:#1f1f22;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
body.elv .fin-seg i{min-width:50px;padding:3px 9px;border-radius:6px;text-align:center;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(255,255,255,.55)}
body.elv .fin-seg i.is-ok{background:rgba(76,196,136,.16);color:#4cc488}
body.elv .fin-seg i.is-held{background:rgba(122,167,255,.17);color:#7aa7ff}
body.elv .fin-seg i.is-rej{background:rgba(240,164,86,.15);color:#f0a456}
body.elv .fin-lim-ft{padding:8px 0 9px;font-size:12px;color:rgba(255,255,255,.62)}

/* ---------- agents 4 · the examiner evidence pack (dark, Hawcx) ---------- */
body.elv .fin-pack{position:absolute;left:28px;right:28px;bottom:22px;padding:4px 16px 0;border-radius:14px;background:#161618;color:#fff;font-size:12.5px;line-height:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px rgba(0,0,0,.55)}
body.elv .fin-pack-hd{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
body.elv .fin-pack-ic{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#1f1f22;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
body.elv .fin-pack-ic svg{width:18px;height:18px;fill:none;stroke:rgba(255,255,255,.8);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.elv .fin-pack-hd b{display:block;font-weight:500}
body.elv .fin-pack-hd em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(255,255,255,.55)}
/* the export's "Include" checklist: ticked boxes with the count each one adds, as an export dialog shows them */
body.elv .fin-pack .fin-pack-k{margin:10px 0 0;font-size:11.5px;line-height:16px;color:rgba(255,255,255,.55)}
body.elv .fin-pack-ls{margin:0;padding:4px 0 6px;list-style:none;border-bottom:1px solid rgba(255,255,255,.08)}
body.elv .fin-pack-ls li{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:5px 0;color:rgba(255,255,255,.86)}
body.elv .fin-pack-ls li>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .fin-pack-ls i{display:grid;place-items:center;width:15px;height:15px;border-radius:4px;background:#2f7dfa}
body.elv .fin-pack-ls i::after{content:"";width:3.5px;height:7px;margin-top:-2px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
body.elv .fin-pack-ls b{font-weight:400;font-size:11.5px;color:rgba(255,255,255,.62)}
body.elv .fin-pack-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 12px}
body.elv .fin-pack-ft .sol-mono{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.55)}
body.elv .fin-pack-btn{flex:none;padding:4px 14px;border-radius:999px;background:#fff;color:#161618;font-size:12px}

/* ---------- passwordless 5 · a new payee, approved on the phone with its own key (light, the bank's app) ---------- */
body.elv .fin-phone{position:absolute;left:50%;bottom:-8px;width:290px;height:420px;margin-left:-145px;padding:12px 16px;border-radius:38px 38px 0 0;background:#fbfcfb;color:#1c1b18;overflow:hidden;
  box-shadow:0 0 0 7px #1c1b18,0 40px 80px -30px rgba(6,60,48,.45)}
body.elv .fin-phone p{margin:0}
body.elv .fin-ph-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}
body.elv .fin-ph-isl{width:74px;height:20px;border-radius:999px;background:#1c1b18}
body.elv .fin-ph-sig{display:flex;align-items:flex-end;gap:1.5px;width:24px;height:9px;justify-content:flex-end}
body.elv .fin-ph-sig i{width:3px;border-radius:1px;background:#1c1b18}
body.elv .fin-ph-sig i:nth-child(1){height:4px}
body.elv .fin-ph-sig i:nth-child(2){height:6.5px}
body.elv .fin-ph-sig i:nth-child(3){height:9px}
body.elv .fin-ph-nav{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;margin-top:14px!important;text-align:center;font-size:13.5px}
body.elv .fin-ph-nav b{font-weight:500}
body.elv .fin-ph-back{font-size:22px;line-height:1;text-align:left;color:#0d5c4c}
body.elv .fin-ph-payee{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
body.elv .fin-ph-payee b{display:block;font-weight:500;font-size:13px;line-height:18px}
body.elv .fin-ph-payee em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(28,27,24,.64)}
body.elv .fin-ph-payee .sol-mono{font-size:10.5px}
body.elv .fin-ph-pav{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#dcefe6;color:#0d5c4c;font-size:12px;font-weight:500}
body.elv .fin-ph-kv{display:flex;justify-content:space-between;gap:10px;margin:0 4px;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:12.5px}
body.elv .fin-ph-kv:first-of-type{margin-top:8px}
body.elv .fin-ph-kv span{color:rgba(28,27,24,.64)}
body.elv .fin-ph-kv b{font-weight:400;white-space:nowrap}
body.elv .fin-ph-ok{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border-radius:12px;background:#eef7f2}
body.elv .fin-ph-ok b{display:block;font-weight:500;font-size:13px;line-height:18px;color:#14603a}
body.elv .fin-ph-ok em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(28,27,24,.66)}
body.elv .fin-ph-tick{position:relative;flex:none;width:22px;height:22px;border-radius:50%;background:#177a43}
body.elv .fin-ph-tick::after{content:"";position:absolute;left:8px;top:5px;width:5px;height:9px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
body.elv .fin-ph-btn{display:block;margin-top:14px;text-align:center;padding:9px;border-radius:999px;background:#0d4d41;color:#fff;font-size:13px}

/* ---------- passwordless 6 · online banking sign-in by QR (light, the bank's website) ---------- */
body.elv .fin-qr-bd{padding:24px 20px;text-align:center}
body.elv .fin-qr-bd p{margin:0}
body.elv .fin-qr-brand{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;letter-spacing:.02em;color:#0d4d41}
body.elv .fin-qr-lg{width:14px;height:14px;border-radius:4px 4px 4px 0;background:linear-gradient(135deg,#16a085,#06483f)}
body.elv .fin-qr-h{margin-top:10px!important;font-size:17px;line-height:24px}
body.elv .fin-qr{display:inline-grid;place-items:center;margin-top:16px;padding:8px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
body.elv .fin-qr svg{display:block;width:124px;height:124px;fill:#1c1b18;shape-rendering:crispEdges}
body.elv .fin-qr-t{margin-top:12px!important;font-size:13px;line-height:19px}
body.elv .fin-qr-alt{margin-top:6px!important;font-size:12.5px;line-height:18px;color:#0d5c4c;text-decoration:underline;text-decoration-color:rgba(13,92,76,.35);text-underline-offset:3px}

/* ---------- passwordless 7 · the contact-centre desktop: a caller verified by push (light, the bank's tool) ---------- */
body.elv .fin-cc{position:absolute;left:28px;right:28px;bottom:28px;border-radius:14px;background:#fff;color:#1c1b18;font-size:13px;line-height:19px;overflow:hidden;box-shadow:0 24px 50px -28px rgba(15,23,42,.35)}
body.elv .fin-cc p{margin:0}
body.elv .fin-cc-hd{display:flex;align-items:center;gap:12px;height:42px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.07);font-size:12.5px}
body.elv .fin-cc-hd b{font-weight:500}
body.elv .fin-cc-live{display:inline-flex;align-items:center;gap:6px;padding:1px 9px 1px 7px;border-radius:999px;background:#eaf6ee;color:#14603a;font-size:11.5px;white-space:nowrap}
body.elv .fin-cc-live i{width:6px;height:6px;border-radius:50%;background:#177a43}
body.elv .fin-cc-q{margin-left:auto;font-size:11.5px;color:rgba(28,27,24,.64);white-space:nowrap}
body.elv .fin-cc-bd{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
body.elv .fin-cc-left{padding:16px;border-right:1px solid rgba(0,0,0,.06)}
body.elv .fin-cc-caller{display:flex;align-items:center;gap:12px}
body.elv .fin-cc-dl{margin:14px 0 0;padding-top:10px;border-top:1px solid rgba(0,0,0,.06)}
body.elv .fin-cc-dl>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:3px 0;font-size:12.5px;line-height:18px}
body.elv .fin-cc-dl dt{color:rgba(28,27,24,.64)}
body.elv .fin-cc-dl dd{margin:0}
body.elv .fin-cc-skip{margin-top:6px!important;font-size:12px;line-height:18px;color:rgba(28,27,24,.64)}
body.elv .fin-cc-skip s{margin-right:6px;color:rgba(28,27,24,.64)}
body.elv .fin-cc-caller .sol-av{width:38px;height:38px}
body.elv .fin-cc-caller b{display:block;font-weight:500;line-height:20px}
body.elv .fin-cc-caller em{display:block;font-style:normal;font-size:12px;line-height:17px;color:rgba(28,27,24,.64)}
body.elv .fin-cc-ver{padding:14px 16px}
body.elv .fin-cc-k{font-size:11.5px;color:rgba(28,27,24,.64)}
body.elv .fin-cc-push{display:flex;align-items:center;gap:10px;margin-top:6px;padding:8px 10px;border-radius:10px;background:#f3f6f5}
body.elv .fin-cc-push b{display:block;font-weight:500;font-size:12.5px;line-height:17px}
body.elv .fin-cc-push em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(28,27,24,.64)}
body.elv .fin-cc-pi{position:relative;flex:none;width:28px;height:28px;border-radius:8px;background:#e1efe9}
body.elv .fin-cc-pi::before{content:"";position:absolute;left:9px;top:5px;width:10px;height:18px;border:1.6px solid #0d5c4c;border-radius:3px;box-sizing:border-box}
body.elv .fin-cc-pi::after{content:"";position:absolute;left:12.5px;top:19px;width:3px;height:1.6px;border-radius:1px;background:#0d5c4c}
body.elv .fin-cc-ok{display:flex;align-items:center;gap:7px;margin-top:10px!important;font-size:12.5px;color:#177a43}

/* ---------- passwordless 8 · the bank's customer sign-in methods (dark, Hawcx console) ---------- */
body.elv .fin-set{position:absolute;left:28px;right:28px;bottom:22px;padding:4px 16px 4px;border-radius:14px;background:#161618;color:#fff;font-size:12.5px;line-height:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px rgba(0,0,0,.55)}
body.elv .fin-set-hd{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
body.elv .fin-set-hd b{font-weight:500}
body.elv .fin-set-hd span{font-size:12px;color:rgba(255,255,255,.55)}
body.elv .fin-set-r{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.88)}
body.elv .fin-set-r:last-child{border-bottom:0}
body.elv .fin-set-r--risk{color:#fff}
body.elv .fin-tg{position:relative;flex:none;width:30px;height:17px;border-radius:999px;background:#3a3a3e}
body.elv .fin-tg::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25)}
body.elv .fin-tg.is-on{background:#2f7dfa}
body.elv .fin-tg.is-on::after{left:15px}
body.elv .fin-set-sel{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:7px;background:#1f1f22;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:11.5px;color:rgba(255,255,255,.75);white-space:nowrap}
body.elv .fin-set-sel::after{content:"";width:5px;height:5px;margin-top:-3px;border:solid rgba(255,255,255,.55);border-width:0 1.3px 1.3px 0;transform:rotate(45deg)}

/* ---------- breakpoints ---------- */
@media (max-width:1219px) and (min-width:1101px){
  body.elv .fin-crm-bd{grid-template-columns:minmax(0,1fr) 304px}
  body.elv .fin-crm-rec{padding:18px 16px}
  body.elv .fin-lim-id em{display:none}
}
@media (max-width:760px){
  body.elv .fin-crm,body.elv .fin-case{left:16px;height:370px}
  body.elv .fin-crm-bd{grid-template-columns:minmax(0,1fr)}
  body.elv .fin-crm-rec{display:none}
  body.elv .fin-crm-cp{border-left:0;background:#fff}
  body.elv .fin-crm-me{display:none}
  body.elv .fin-lim,body.elv .fin-pack,body.elv .fin-set,body.elv .fin-cc{left:16px;right:16px;bottom:16px}
  body.elv .fin-lim-hd{flex-wrap:wrap;row-gap:4px}
  body.elv .fin-lim-id em{display:none}
  body.elv .fin-seg i{min-width:0;padding:3px 7px}
  body.elv .fin-cc-bd{grid-template-columns:minmax(0,1fr)}
  body.elv .fin-cc-left{padding:12px 14px 4px;border-right:0}
  body.elv .fin-cc-dl{margin-top:10px}
  body.elv .fin-cc-caller .sol-av{width:32px;height:32px}
  body.elv .fin-cc-ver{padding:10px 14px 14px}
  body.elv .fin-cc-q{display:none}
  body.elv .fin-phone{height:380px;width:270px;margin-left:-135px}
}
@media (max-width:760px){
  body.elv.pg-fin .sol-tc-n>.sol-tc-why{white-space:normal}
  body.elv .fin-card--lim{height:470px}
  body.elv .fin-lim-r{column-gap:10px}
  body.elv .fin-lim-n em{font-size:11px}
}
@media (max-width:420px){
  body.elv .fin-lim-ft{font-size:11.5px}
  body.elv .fin-seg i{padding:3px 6px;font-size:11px}
}
@media (max-width:380px){
  /* 360px phones: keep the full call name in the case and CRM decision rows */
  body.elv .fin-ev{gap:8px;padding:7px 10px}
  body.elv .fin-ev .sol-mk{width:17px}
  body.elv .fin-ev .sol-mono{font-size:11px}
}