/* bc-app.css . AFH Bank checks app layer on top of the approved bc.css.
   Adds: layered frosted glass on every surface (owner direction 5 Nov 14:20), animated brand mesh with noise,
   app layout (header, queues, drawer, rules, funnel), premium details. Every selector is scoped to .bc or a bc- class.
   Glass tints that hold text: light >= 0.86, dark >= 0.82 (tests/contrast.js proves AA over the brightest and darkest mesh). */

/* ---------- 1. Tokens ---------- */
.bc{--bg:#EDF0F6;
  --mesh-a:rgba(75,46,219,.30);--mesh-b:rgba(41,171,226,.34);--mesh-c:rgba(30,35,41,.12);--mesh-d:rgba(143,123,255,.28);--mesh-e:rgba(217,70,239,0);--mesh-e2:rgba(124,58,237,0);--noise-o:.035;--glow-a:rgba(91,54,240,0);--glow-b:rgba(217,70,239,0);
  --pane:rgba(255,255,255,.86);--pane-hi:rgba(255,255,255,.93);--pane-2:rgba(255,255,255,.90);--pane-pop:rgba(255,255,255,.95);--chrome:rgba(255,255,255,.91);
  --glass-1:rgba(255,255,255,.80);--glass-2:rgba(255,255,255,.91);--glass-3:rgba(255,255,255,.91);
  --pane-edge:rgba(255,255,255,.85);--pane-line:rgba(30,35,41,.08);--pill-hi:rgba(255,255,255,.55);
  --pane-glow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.35),inset 0 -1px 0 rgba(30,35,41,.04);
  --pane-shadow:0 1px 2px rgba(16,20,26,.05),0 4px 12px -6px rgba(16,20,26,.08),0 18px 40px -20px rgba(75,46,219,.28);
  --pane-shadow-up:0 2px 4px rgba(16,20,26,.06),0 8px 20px -8px rgba(16,20,26,.12),0 24px 48px -20px rgba(75,46,219,.34);
  --blur:24px;--sat:160%;
  --rail:rgba(30,35,41,.05);--row-cur:#F3F1FE;--row-hover:rgba(236,238,243,.75);
  --ring-2:#0D79A6;--keep-a:#0D79A6;--keep-b:#12804A;--sell-a:#5B3FF0;--sell-b:#3B20C2;
  --btn-a:#5A3FEA;--btn-b:#4B2EDB;--btn-c:#3B20C2;--sheen:rgba(255,255,255,.16);
  --skel-hi:#F8F9FB;--toast-err:#FF9BA0;--r-xl:20px;--r-2xl:24px;
  --spring:cubic-bezier(.2,1.25,.35,1);--drawer-w:520px}
.bc[data-theme=dark]{--bg:#0B0E13;
  --mesh-a:rgba(91,54,240,.74);--mesh-b:rgba(32,168,232,.50);--mesh-c:rgba(6,8,12,.80);--mesh-d:rgba(107,80,239,.46);--mesh-e:rgba(217,70,239,.42);--mesh-e2:rgba(124,58,237,.32);--noise-o:.06;
  --glow-a:rgba(91,54,240,.20);--glow-b:rgba(217,70,239,.13);--border-strong:#7A8394;
  --pa:32% 44%;--pb:82% 34%;--pd:54% 78%;--pe:70% 62%;--pc:16% 24%;--ms:1.3;--mf:84%;
  --pane:rgba(21,25,32,.82);--pane-hi:rgba(30,35,45,.86);--pane-2:rgba(27,31,39,.86);--pane-pop:rgba(24,28,36,.95);--chrome:rgba(15,18,24,.89);
  --glass-1:rgba(21,25,32,.78);--glass-2:rgba(18,21,28,.90);--glass-3:rgba(20,24,30,.91);
  --pane-edge:rgba(255,255,255,.10);--pane-line:rgba(255,255,255,.06);--pill-hi:rgba(255,255,255,.06);
  --pane-glow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 32px rgba(143,123,255,.08),inset 0 0 0 1px rgba(255,255,255,.035);
  --pane-shadow:0 1px 1px rgba(0,0,0,.3),0 18px 40px -20px rgba(0,0,0,.75),0 12px 32px -18px rgba(75,46,219,.5);
  --pane-shadow-up:0 2px 2px rgba(0,0,0,.3),0 22px 48px -20px rgba(0,0,0,.8),0 16px 40px -18px rgba(107,80,239,.6);
  --rail:rgba(255,255,255,.04);--row-cur:#211D3F;--row-hover:rgba(39,45,53,.7);
  --ring-2:#3DB4E6;--keep-a:#3DB4E6;--keep-b:#3CC47F;--sell-a:#8F7BFF;--sell-b:#B3A6FF;
  --btn-a:#6449EC;--btn-b:#5A3EE8;--btn-c:#5236E3;--sheen:rgba(255,255,255,.10);
  --skel-hi:#323944;--toast-err:#A3161D}

/* ---------- 2. Page, mesh, noise ---------- */
.bc-page{margin:0;background:var(--bg);color:var(--text)}
.bc-page::before{inset:-22vmax;z-index:-2;will-change:transform;
  background:radial-gradient(calc(22vmax * var(--ms,1)) calc(18vmax * var(--ms,1)) at var(--pe,78% 66%),var(--mesh-e),var(--mesh-e2) 45%,transparent var(--mf,74%)),
  radial-gradient(calc(30vmax * var(--ms,1)) calc(26vmax * var(--ms,1)) at var(--pa,26% 30%),var(--mesh-a),transparent var(--mf,72%)),
  radial-gradient(calc(28vmax * var(--ms,1)) calc(24vmax * var(--ms,1)) at var(--pb,78% 26%),var(--mesh-b),transparent var(--mf,72%)),
  radial-gradient(calc(34vmax * var(--ms,1)) calc(28vmax * var(--ms,1)) at var(--pd,66% 78%),var(--mesh-d),transparent var(--mf,72%)),
  radial-gradient(calc(30vmax * var(--ms,1)) calc(24vmax * var(--ms,1)) at var(--pc,22% 80%),var(--mesh-c),transparent 70%);
  animation:bc-drift 56s ease-in-out infinite alternate}
.bc-page::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(assets/noise.png) repeat 0 0/160px 160px;opacity:var(--noise-o)}
@keyframes bc-drift{0%{transform:translate3d(0,0,0) rotate(0) scale(1)}50%{transform:translate3d(3vmax,-2vmax,0) rotate(7deg) scale(1.06)}100%{transform:translate3d(-2vmax,2.5vmax,0) rotate(-5deg) scale(1.03)}}
.bc-sprite{position:absolute;width:0;height:0;overflow:hidden}
.bc [hidden]{display:none!important}
.bc-sr{white-space:nowrap;margin:-1px;left:0;top:0}
.bc-tabs,.bc-filters,.bc-fnctl,.bc-table-wrap,.bc-drawer-bd,.bc-rail{position:relative}
.bc-btn.bc-skip.is-primary{position:fixed;left:12px;top:-64px;z-index:100}
.bc-btn.bc-skip.is-primary:focus,.bc-btn.bc-skip.is-primary:focus-visible{top:12px}

/* ---------- 3. Glass surfaces ---------- */
.bc-glass{background:var(--pane);-webkit-backdrop-filter:blur(var(--gb,var(--blur))) saturate(var(--gs,var(--sat)));backdrop-filter:blur(var(--gb,var(--blur))) saturate(var(--gs,var(--sat)))}
.bc-glass-1{background:var(--glass-1)}.bc-glass-2{background:var(--glass-2);--gb:28px}.bc-glass-3{background:var(--glass-3);--gb:32px;--gs:180%}
/* inner brand glow for the drawer and dialogs (transparent in light; proven in tests/contrast.js) */
.bc-drawer.bc-glass-3,.bc-modal.bc-glass-3{background:radial-gradient(120% 55% at 0% 0%,var(--glow-a),transparent 62%),radial-gradient(110% 50% at 100% 100%,var(--glow-b),transparent 62%),var(--glass-3)}
.bc-card,.bc-tile{background:linear-gradient(180deg,var(--pane-hi),var(--pane) 120px);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));
  border:1px solid var(--pane-line);border-top-color:var(--pane-edge);border-radius:var(--r-xl);box-shadow:var(--pane-glow),var(--pane-shadow)}
.bc-tile{border-radius:16px}
.bc-drawer .bc-card,.bc-drawer .bc-tile,.bc-pop .bc-card,.bc-modal .bc-card{background:var(--pane-2);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--pane-glow),0 1px 2px rgba(16,20,26,.04)}

/* ---------- 4. Header ---------- */
.bc-hdr{position:sticky;top:0;z-index:20;background:var(--chrome);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);
  border-bottom:1px solid var(--pane-line);box-shadow:inset 0 -1px 0 var(--pane-edge),0 10px 30px -22px rgba(16,20,26,.45)}
.bc-top{position:relative;height:60px;padding:0 20px;gap:12px}
.bc-brand{display:inline-flex;align-items:center;height:44px;padding:0 4px;border-radius:10px;flex:none}
.bc-logo-img{display:block;height:32px;width:auto;max-width:none}
.bc-logo-img.is-fordark,.bc[data-theme=dark] .bc-logo-img.is-forlight{display:none}
.bc[data-theme=dark] .bc-logo-img.is-fordark{display:block}
.bc-logo{display:none}
.bc-divider{width:1px;height:22px;background:var(--border);flex:none}
.bc-title{font-size:15px;font-weight:600;letter-spacing:-.005em;white-space:nowrap}
.bc-nav{border-radius:999px;padding:3px;background:var(--rail);box-shadow:inset 0 0 0 1px var(--pane-line)}
.bc-nav button{border-radius:999px;height:32px;padding:0 14px}
.bc-seg :is([aria-pressed=true],[aria-checked=true]){box-shadow:inset 0 0 0 1px var(--border-strong),0 1px 2px rgba(16,20,26,.08),0 6px 14px -8px rgba(8,110,153,.30)}
.bc-search{min-width:280px;height:38px;border-radius:999px;padding:0 8px 0 14px;box-shadow:inset 0 0 0 1px var(--border-strong),var(--pane-glow)}
.bc-search input{height:100%}
.bc-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.bc-search-btn{display:none}
.bc-demo-chip{background:var(--am-bg);color:var(--am-fg);font-weight:600}
.bc-av{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--sell-bg),var(--spec-bg));color:var(--sell-fg);font:600 11px/1 var(--font);box-shadow:inset 0 0 0 1px var(--pane-line)}
.bc-me{width:32px;height:32px}
.bc-btn{border-radius:10px}
.bc-btn.is-icon:not(.is-sm){width:38px;height:38px}
.bc-tabs,.bc-filters{padding:0 20px 10px;gap:10px;scroll-padding-inline:20px}
.bc-tabs:empty,.bc-filters:empty{display:none}
.bc-rail{position:relative;display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--rail);box-shadow:inset 0 1px 2px rgba(16,20,26,.06),inset 0 0 0 1px var(--pane-line);flex:none}
.bc-tab-ind{position:absolute;top:4px;bottom:4px;left:0;width:var(--ind-w,0);transform:translateX(var(--ind-x,0));border-radius:999px;background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--border-strong),0 1px 2px rgba(16,20,26,.08),0 8px 18px -10px rgba(8,110,153,.38);opacity:0;pointer-events:none}
.bc-rail.has-ind .bc-tab-ind{opacity:1}
.bc.is-ready .bc-tab-ind{transition:transform 240ms var(--spring),width 240ms var(--spring),opacity 120ms}
.bc-rail .bc-tab{position:relative;z-index:1;min-height:34px;padding:0 14px}
.bc-rail.has-ind .bc-tab[aria-selected=true]{background:transparent;box-shadow:none}
.bc-tab .bc-count{display:inline-flex;align-items:center;gap:3px}
.bc-count svg.i{width:12px;height:12px}
.bc-tab-sep{margin:0 6px}
.bc-fchips{display:flex;align-items:center;gap:14px;flex:none}
.bc-fgroup{display:inline-flex;gap:6px}
button.bc-chip{border-radius:999px}
.bc-fbtn{display:none}
.bc-fresh{white-space:nowrap;padding-left:8px}
.bc-bar2{padding-top:2px}
.bc-rstatus,.bc-fnctl{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;width:100%}
.bc-rstatus-l{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);font-weight:500}
.bc-select{height:32px;border-radius:999px;padding:0 12px;width:auto;min-width:160px;appearance:auto;cursor:pointer}

/* ---------- 5. Layout, banners, queue panel, table ---------- */
.bc-main{padding:16px 20px 28px;gap:14px;min-height:calc(100dvh - var(--hdr-h))}
.bc-main:focus{outline:none}
.bc-banner{border-radius:16px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);box-shadow:inset 0 1px 0 var(--pill-hi)}
.bc-banner>span{flex:1;min-width:0}
.bc-shadow-more{margin:-6px 4px 0}
.bc-qhead{display:flex;align-items:center;gap:12px}
.bc-h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.005em}
.bc-h3{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text-2)}
.bc-qpanel{position:relative;overflow:hidden;padding:0}
.bc-qpanel .bc-table-wrap{max-height:calc(100dvh - var(--hdr-h) - 44px);border-radius:var(--r-xl)}
.bc-table th{background:color-mix(in srgb,var(--surface-2) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.bc-table th:first-child,.bc-table td:first-child{padding-left:16px}
.bc-table th button{display:inline-flex;align-items:center;gap:2px;height:100%;border-radius:6px}
.bc-sort-i{width:14px!important;height:14px!important;opacity:.7}
.bc-table tbody tr:hover{background:var(--row-hover)}
.bc-table tr.is-cursor,.bc-table tr.is-open{background:var(--row-cur)}
.bc-table tr.is-sel{background:var(--row-sel)}
.bc-table td{transition:background-color var(--t-fast)}
.bc-check{width:16px;height:16px;margin:0;accent-color:var(--primary);cursor:pointer}
.bc-lead-btn{all:unset;display:block;box-sizing:border-box;cursor:pointer;margin:-4px -6px;padding:4px 6px;border-radius:8px}
.bc-lead-btn:hover b{text-decoration:underline;text-underline-offset:3px}
.bc-win{gap:8px;flex-wrap:nowrap}
.bc-val b{font-weight:700}
.bc-called{display:inline-flex;align-items:center;gap:6px;color:var(--text-2)}
.bc-row-act{align-items:center}
.bc-row-act .bc-kbd{display:none}
.bc-newpill-wrap{position:absolute;left:0;right:0;top:44px;z-index:3;display:flex;justify-content:center;pointer-events:none}
.bc-newpill{pointer-events:auto;border-radius:999px;box-shadow:var(--pane-shadow)}
.bc-empty{padding:56px 16px}
.bc-empty .bc-btn{margin-top:6px}
svg.bc-empty-i{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--prime-bg);color:var(--prime-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent),0 8px 20px -10px var(--prime)}
.bc-layout.has-drawer .c-src,.bc-layout.has-drawer .c-own,.bc-layout.has-drawer .c-act{display:none}
@media (max-width:1499px){.bc-layout.has-drawer .c-called,.bc-layout.has-drawer .c-touch,.bc-layout.has-drawer .c-mode{display:none}}
.bc-gate{padding:24px;display:grid;gap:12px;max-width:520px;margin:40px auto}

/* phone cards */
.bc-list{list-style:none;margin:0;padding:10px;display:grid;gap:10px}
.bc-item{position:relative;display:grid;grid-template-columns:1fr;gap:8px;padding:14px 14px 12px;background:var(--pane-2);border-radius:18px}
.bc-item.is-cursor{box-shadow:inset 3px 0 0 var(--accent),var(--pane-glow),var(--pane-shadow)}
.bc-item.is-sel{background:var(--row-sel)}
.bc-item-top{display:flex;align-items:center;gap:8px}
.bc-item-chev{color:var(--text-3)}
.bc-item-open{all:unset;display:flex;align-items:baseline;justify-content:space-between;gap:8px;cursor:pointer;border-radius:10px}
.bc-item-open::after{content:"";position:absolute;inset:0;border-radius:18px}
.bc-item-open b{font-size:16px;font-weight:600}
.bc-item-open span{color:var(--text-2);font-size:14px}
.bc-item-chips{display:flex;flex-wrap:wrap;gap:6px}
.bc-item-check{position:absolute;top:14px;left:-6px;z-index:2;width:22px;height:22px}
.bc-item:has(.bc-item-check){padding-left:28px}

/* bulk bar */
.bc-bulk{left:50%;transform:translateX(-50%);padding:8px;border-radius:18px;box-shadow:var(--pane-glow),var(--pane-shadow-up);border:1px solid var(--pane-line)}
.bc-bulk-n{font-weight:600}

/* ---------- 6. Drawer ---------- */
.bc-drawer{border:1px solid var(--pane-line);border-top-color:var(--pane-edge);box-shadow:var(--pane-glow),var(--pane-shadow-up);overflow:hidden}
.bc.is-ready .bc-drawer{transition:transform 240ms var(--spring),opacity 160ms ease}
.bc-drawer.is-out{transform:translateX(calc(100% + 32px));opacity:.4}
@media (min-width:768px){.bc-drawer{top:12px;right:12px;bottom:12px;width:min(var(--drawer-w),calc(100vw - 24px));border-radius:var(--r-2xl)}}
@media (min-width:1280px){
  .bc-layout.has-drawer{grid-template-columns:minmax(0,1fr) calc(var(--drawer-w) + 16px)}
  .bc-layout.has-drawer .bc-drawer{top:calc(var(--hdr-h) + 16px);height:calc(100dvh - var(--hdr-h) - 32px);margin:16px 16px 16px 0;border-radius:var(--r-2xl);width:auto}}
.bc-drawer-hd{gap:6px;padding:10px 12px 10px 10px;border-bottom:1px solid var(--pane-line);background:linear-gradient(180deg,var(--pill-hi),transparent)}
.bc-drawer-hd h2{font-size:18px;font-weight:650;letter-spacing:-.01em;padding:0 4px}
.bc-drawer-hd h2:focus{outline:none}
.bc-drawer-hd h2:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}
.bc-refchip{gap:6px}
.bc-refchip svg.i{width:13px;height:13px;opacity:.7}
.bc-drawer-bd{gap:12px;padding:14px 14px 24px;scroll-padding-top:12px}
.bc-dcard{padding:14px 16px;display:grid;gap:10px}
.bc-dcard-top{flex-wrap:wrap;gap:8px 10px}
.bc-conf{font-weight:600;color:var(--text-2)}
.bc-dcard .bc-kbd{display:none}
.bc-dline{margin:0;font-size:15px;font-weight:500;line-height:1.4}
.bc-chips{display:flex;flex-wrap:wrap;gap:6px}
.bc-chip-more{cursor:pointer}
.bc-strip{line-height:1.6}
.bc-tiles{gap:10px}
button.bc-tile{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;display:grid;align-content:start;gap:3px;padding:12px 12px 12px 16px;margin:0}
.bc-tile-hd>span:first-child{font-weight:500}
.bc-tile-val{font-size:22px;font-weight:650;letter-spacing:-.01em;line-height:1.15}
.bc-unit{font-size:13px;font-weight:500;color:var(--text-3);margin-left:1px;letter-spacing:0}
.bc-tile::before{top:12px;bottom:12px;width:3px;background:linear-gradient(180deg,var(--band,var(--border)),color-mix(in srgb,var(--band,var(--border)) 55%,transparent))}
.bc-tile.b-g,.bc-tile.b-a,.bc-tile.b-r{box-shadow:var(--pane-glow),0 1px 2px rgba(16,20,26,.04),0 10px 22px -16px var(--band)}
.bc-tile-pop{display:block;margin-top:6px;padding-top:8px;border-top:1px dashed var(--border);font-size:12px;color:var(--text-2);line-height:1.45}
.bc-hidden-v{display:inline-flex;align-items:center;gap:4px;font-size:15px;color:var(--text-2)}
.bc-more-checks{justify-self:start;margin-top:-4px}
.bc-wv{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:14px 16px}
.bc-wv.no-ring{grid-template-columns:1fr}
.bc-wv-r{display:grid;gap:8px;min-width:0}
.bc-ev{grid-template-columns:40px 1fr auto}
.bc-ev .is-b{font-weight:700}
.bc-early{height:20px;margin-left:6px}
.bc-formula{font-family:var(--mono)}
.bc-verdict{display:grid;gap:8px;padding:2px}
.bc-vseg{display:flex;flex-wrap:wrap;border-radius:12px}
.bc-vseg button{height:32px;padding:0 11px;font-size:13px}
.bc-helper summary{display:flex;align-items:center;gap:8px;padding:12px 16px;font-weight:600;cursor:pointer;list-style:none;border-radius:var(--r-xl)}
.bc-helper summary::-webkit-details-marker{display:none}
.bc-helper summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.6}
.bc-helper[open] summary::after{transform:rotate(-135deg)}
.bc-helper-bd{padding:0 16px 14px;font-size:13px;display:grid;gap:8px}
.bc-say{margin:0;padding:10px 12px;border-radius:12px;background:var(--sell-bg);color:var(--text);line-height:1.5;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sell-fg) 14%,transparent)}
.bc-tips{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--text-2);line-height:1.45}
.bc-tlcard{padding:14px 16px}
.bc-tl li svg.i{color:var(--text-2);margin-top:1px}
.bc-tl time{white-space:nowrap}
.bc-actbar{gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--pane-line);background:linear-gradient(180deg,transparent,var(--pill-hi))}
.bc-actbar .bc-btn{height:42px}
.bc-actbar .bc-btn.is-icon{width:42px}
.bc-actstatus{flex:1;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:10px;background:var(--sell-bg);color:var(--sell-fg);font-weight:600}
.bc-act-help{margin:-6px 0 0;padding:0 16px 12px}
.bc-act-help[hidden]{display:none}
.bc-spin{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:bc-rot .7s linear infinite}
@keyframes bc-rot{to{transform:rotate(1turn)}}
.bc-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}

/* ring: gradient stroke, masked so the centre is glass */
.bc-ring{--c2:var(--ring-2);background:none;width:72px;height:72px;position:relative}
.bc-ring::before{width:100%;height:100%;aspect-ratio:auto;background:conic-gradient(var(--c2) 0,var(--c) calc(var(--p)*1turn),var(--track) 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));
  filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--c) 40%,transparent))}
.bc-ring>span{font-size:17px}
.bc-ring.is-amber{--c2:var(--am)}.bc-ring.is-red{--c2:var(--rd)}.bc-ring.is-closed{--c2:var(--neu)}
.bc-ring.is-sm{width:20px;height:20px}
.bc-ring.is-sm::before{width:100%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));filter:none}
/* value bars: gradient fill */
.bc-bar{height:10px;box-shadow:inset 0 1px 1px rgba(16,20,26,.08)}
.bc-bar>i{background:linear-gradient(90deg,var(--c2,var(--c)),var(--c,var(--neu)));box-shadow:0 0 10px -2px color-mix(in srgb,var(--c,var(--neu)) 55%,transparent)}
.bc-bar.is-keep>i{--c2:var(--keep-a)}.bc-bar.is-sell>i{--c2:var(--sell-a)}

/* ---------- 7. Pills, buttons, chips, details ---------- */
.bc-pill{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 16%,transparent),inset 0 1px 0 var(--pill-hi),0 2px 10px -4px color-mix(in srgb,currentColor 35%,transparent)}
.bc-pill.o-sold{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 14px -6px var(--sold-bg)}
.bc-btn.is-primary{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--btn-a),var(--btn-b) 55%,var(--btn-c));box-shadow:inset 0 0 0 1px var(--primary-edge),inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px -8px var(--primary)}
.bc-btn.is-primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,var(--sheen) 50%,transparent 70%);transform:translateX(-110%)}
.bc.is-ready .bc-btn.is-primary::after{transition:transform 650ms var(--ease)}
.bc-btn.is-primary:hover{background:linear-gradient(135deg,var(--btn-b),var(--btn-c))}
.bc-btn.is-primary:hover::after{transform:translateX(110%)}
.bc-btn.is-primary:is(:disabled,[aria-disabled=true]){background:var(--surface-3);box-shadow:none}
.bc-btn.is-primary:is(:disabled,[aria-disabled=true])::after{display:none}
.bc-btn.is-secondary{box-shadow:inset 0 0 0 1px var(--border-strong),inset 0 1px 0 var(--pill-hi),0 1px 2px rgba(16,20,26,.05)}
.bc-btn.is-danger{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px -8px var(--danger)}
.bc-btn[aria-disabled=true]{pointer-events:auto}
.bc-btn.is-ghost[aria-disabled=true]{background:transparent;color:var(--text-3)}
.bc-btn svg.i{width:16px;height:16px}
.bc-skel{background:linear-gradient(100deg,var(--surface-3) 30%,var(--skel-hi) 50%,var(--surface-3) 70%) 0 0/250% 100%;animation:bc-shimmer 1.3s linear infinite;min-width:40px}
.bc-skel-lg{height:20px;width:60%;margin-top:8px}
@keyframes bc-shimmer{from{background-position:100% 0}to{background-position:-50% 0}}
.bc-loading{padding:20px;display:grid;gap:12px}
/* depth on hover: lift 1 to 2 px */
.bc.is-ready :is(.bc-tile,.bc-item,.bc-btn:not([aria-disabled=true]),button.bc-chip){transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background-color var(--t-fast)}
@media (hover:hover){
  .bc :is(button.bc-tile,.bc-item,.bc-kpi):hover{transform:translateY(-2px);box-shadow:var(--pane-glow),var(--pane-shadow-up)}
  .bc .bc-btn:not([aria-disabled=true]):not(:disabled):hover{transform:translateY(-1px)}}

/* ---------- 8. Dialogs, popovers, menus, toasts ---------- */
.bc-modal{width:min(440px,calc(100vw - 32px));padding:22px;border-radius:var(--r-2xl);border:1px solid var(--pane-line);box-shadow:var(--pane-glow),var(--pane-shadow-up)}
.bc-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.bc-modal h2{font-size:18px;letter-spacing:-.01em}
.bc-dlg-chip{margin-top:10px}
.bc-dlg-sel{margin-top:14px}
.bc-dlg-help{margin:0 0 16px}
.bc-facts{border-radius:16px}
.bc-facts dd{font-variant-numeric:tabular-nums}
.bc-pop{position:fixed;left:var(--x,8px);top:var(--y,8px);z-index:60;min-width:240px;max-width:min(400px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:8px;border-radius:18px;
  background:var(--pane-pop);box-shadow:var(--pane-glow),var(--pane-shadow-up)}
.bc-pop.is-sheet{left:0;right:0;top:auto;bottom:0;max-width:none;border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.bc-pop-h{padding:6px 10px 8px;font-weight:600}
.bc-menu{min-width:220px;padding:0}
.bc-menu .bc-kbd{margin-left:auto}
.bc-menu button[aria-disabled=true]{color:var(--text-3);cursor:not-allowed}
.bc-ovr,.bc-pubf{display:grid;gap:12px;padding:4px 6px;width:min(360px,calc(100vw - 48px))}
.bc-pop.is-sheet .bc-ovr,.bc-pop.is-sheet .bc-pubf{width:auto}
.bc-ovr fieldset{border:0;margin:0;padding:0;display:grid;gap:8px;border-radius:12px}
.bc-ovr fieldset[aria-invalid=true]{outline:2px solid var(--rd);outline-offset:4px}
.bc-ovr-seg{flex-wrap:wrap}
.bc-ovr-seg button{height:30px;padding:0 10px;font-size:13px}
.bc-ta{height:auto;padding:10px 12px;resize:vertical;min-height:72px;line-height:1.4}
.bc-pop-help{width:min(560px,calc(100vw - 16px))}
.bc-keys{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 12px;margin:0 6px 12px;align-items:center;font-size:13px}
.bc-keys dt{text-align:right}.bc-keys dd{margin:0;color:var(--text-2)}
.bc-help-row{padding:8px 6px;border-top:1px solid var(--border);flex-wrap:wrap}
.bc-fsheet-g{display:grid;gap:8px;padding:8px 4px}
.bc-toasts{gap:8px}
.bc-toast{background:color-mix(in srgb,var(--toast-bg) 94%,transparent);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:6px 6px 6px 16px}
.bc-toast>span{flex:1}
.bc-toast.is-error svg.i{color:var(--toast-err)}
.bc-toast .bc-btn{background:transparent;box-shadow:none}
.bc-toast .bc-btn:hover{background:rgba(127,127,127,.18);transform:none}

/* ---------- 9. Rules ---------- */
.bc-rules{display:grid;grid-template-columns:200px minmax(0,1fr) 340px;gap:16px;align-items:start}
.bc-rnav{position:sticky;top:calc(var(--hdr-h) + 16px);display:grid;gap:2px;padding:8px;border-radius:var(--r-xl);border:1px solid var(--pane-line);box-shadow:var(--pane-glow),var(--pane-shadow)}
.bc-rnav button{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 12px;border-radius:10px;color:var(--text-2);font-weight:500}
.bc-rnav button:hover{background:var(--surface-3);color:var(--text)}
.bc-rnav button[aria-current=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px var(--border-strong)}
.bc-rmain{display:grid;gap:14px;min-width:0}
.bc-rsec{padding:18px 20px;display:grid;gap:10px;scroll-margin-top:calc(var(--hdr-h) + 16px)}
.bc-rsec h2:focus{outline:none}
.bc-rsec-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bc-summary{margin:0;font-size:14px;line-height:1.55}
.bc-presets{flex-wrap:wrap}
.bc-seg button[aria-disabled=true]{cursor:default}
.bc-trows{display:grid}
.bc-trow{display:grid;grid-template-columns:168px minmax(160px,1fr) auto;gap:6px 18px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}
.bc-trow:first-child{border-top:0}
.bc-trow-l{display:grid;gap:2px;align-content:center}
.bc-trow-in{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:290px}
.bc-trow-cap{grid-column:2 / -1}
.bc-trow-err{grid-column:1 / -1;margin:0}
.bc-trow.is-fields{grid-template-columns:168px minmax(0,1fr)}
.bc-trow-fields{display:flex;flex-wrap:wrap;gap:10px 18px}
.bc-fld{display:inline-flex;align-items:center;gap:8px}
.bc-inlab{font-size:12px;color:var(--text-2)}
.bc-inh{height:20px;font-size:11px;justify-self:start}
.bc-numin{border-radius:10px;height:34px}
.bc-numin.is-money{gap:2px}
.bc-numin input{width:7ch}
.bc-numin input:disabled{color:var(--text-2)}
.bc-numin:has(input:disabled){background:var(--surface-3);box-shadow:none}
.bc-slider input:disabled::-webkit-slider-thumb{border-color:var(--border-strong);cursor:default}
.bc-slider-track{box-shadow:inset 0 1px 1px rgba(16,20,26,.12)}
.bc-slider input::-webkit-slider-thumb{box-shadow:0 2px 6px rgba(16,20,26,.18),0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.bc-refrow{display:grid;grid-template-columns:auto 1fr auto;gap:8px 14px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}
.bc-refrow .bc-help,.bc-refrow .bc-err{grid-column:1 / -1;margin:0}
.bc-refrow-n{display:inline-flex;gap:8px}
.bc-vrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-top:1px solid var(--border)}
.bc-vrow:first-of-type{border-top:0}
.bc-vrow>.bc-label{flex:1 1 260px}
.bc-vrow .bc-err{flex-basis:100%;margin:0}
.bc-vfields{display:inline-flex;flex-wrap:wrap;gap:8px 14px}
.bc-autotable{display:grid}
.bc-autorow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}
.bc-autorow:first-child{border-top:0}
.bc-autorow>span{display:grid;gap:2px}
.bc-autorow .bc-help{grid-column:1 / -1;margin:0}
.bc-autorow .bc-seg{flex-wrap:wrap}
.bc-hist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bc-hitem{padding:10px 12px;border-radius:14px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--pane-line)}
.bc-hrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.bc-hmeta{font-size:13px}
.bc-hmeta .bc-chip{height:20px}
.bc-hbtns{display:inline-flex;gap:6px}
.bc-diff{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--text-2);display:grid;gap:2px}
.bc-wi{position:sticky;top:calc(var(--hdr-h) + 16px);padding:16px;display:grid;gap:10px}
.bc-wi-hd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bc-wi-toggle{display:none;margin-left:auto}
.bc-wi-bd{display:grid;gap:10px}
.bc-wi-strip{display:none;margin:0}
.bc-wi-t{font-size:13px}
.bc-wi-t th,.bc-wi-t td{height:34px;padding:0 8px;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;position:static}
.bc-wi-t th[scope=row]{font-weight:500;color:var(--text);font-size:13px}
.bc-wi-t .is-b{font-weight:700}
.bc-moves{margin:0;padding-left:18px;font-size:13px;display:grid;gap:2px}
.bc-wi-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}
.bc-wi-dl dt{color:var(--text-2)}.bc-wi-dl dd{margin:0;text-align:right;font-weight:600}
.bc-moved{margin:0;padding-left:18px;font-size:13px;display:grid;gap:2px;max-height:200px;overflow:auto}

/* ---------- 10. Funnel ---------- */
.bc-kpis{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px}
.bc-kpi{display:grid;align-content:start;gap:4px;padding:14px 16px}
.bc-kpi::before{display:none}
.bc-kpi .bc-tile-val{font-size:26px;font-weight:650;letter-spacing:-.015em;line-height:1.15}
.bc-kpi-sub{display:grid;gap:6px}
.bc-kpi-split{height:6px!important;border-radius:999px}
.bc-kpi-d .bc-band{font-size:12px}
.bc-mat{font-size:18px;color:var(--text-2);font-weight:600}
.bc-fn-card,.bc-fn-tcard{padding:18px 20px;display:grid;gap:12px}
.bc-fn-chart{min-height:120px}
.bc-fsvg{display:block;width:100%;height:auto;overflow:visible}
.bc-fsvg .fl-label{fill:var(--text);font:500 13px var(--font)}
.bc-fsvg .fl-num{fill:var(--text);font:650 13px var(--font);font-variant-numeric:tabular-nums}
.bc-fsvg .fl-pct{fill:var(--text-2);font:500 12px var(--font);font-variant-numeric:tabular-nums}
.bc-fsvg .fl-track{fill:var(--track);opacity:.6}
.bc-fsvg .fl-step{fill:url(#fl-g)}
.bc-fsvg .fl-g1{stop-color:var(--accent)}.bc-fsvg .fl-g2{stop-color:var(--ring-2)}
.bc-fsvg .fl-prime{fill:var(--prime)}.bc-fsvg .fl-spec{fill:var(--spec)}.bc-fsvg .fl-sell,.bc-fsvg .fl-sold{fill:var(--sell)}.bc-fsvg .fl-refer{fill:var(--refer)}.bc-fsvg .fl-settled{fill:var(--prime)}
.bc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--text-2)}
.bc-legend li{display:inline-flex;align-items:center;gap:6px}
.bc-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c)}
.bc-legend b{color:var(--text)}
.bc-fnote{margin:0}
.bc-fn-wrap{max-height:none}
.bc-fn-table th[scope=row]{font-weight:600;text-align:left;position:static;height:var(--row-h);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text);font-size:13px}
.bc-fn-src{all:unset;display:inline-flex;align-items:center;gap:4px;cursor:pointer;border-radius:6px}
.bc-camp th{font-weight:400!important;padding-left:40px!important;color:var(--text-2)}
.bc-camp-l{font-family:var(--mono);font-size:12px}
.bc-fn-table tfoot th,.bc-fn-table tfoot td{font-weight:700;border-top:2px solid var(--border);border-bottom:0;height:44px}
.bc-fcamp{display:inline-flex}

/* ---------- 11. Phone and tablet ---------- */
@media (max-width:1279px){
  .bc-rules{grid-template-columns:minmax(0,1fr) 320px}
  .bc-rnav{display:none}
  .bc-has-overlay{overflow:hidden}}
@media (max-width:1023px){.bc-search{min-width:200px}.bc-divider{display:none}
  .bc-title{display:block!important;position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:767px){
  .bc-top{height:56px;padding:0 12px;gap:8px}
  .bc-logo-img{height:28px}
  .bc-nav button{padding:0 11px;font-size:13px;height:30px}
  .bc-search,.bc-demo-chip,.bc-me,.bc-theme-btn{display:none}
  .bc-search-btn{display:inline-flex}
  .bc.is-searching .bc-top>:not(.bc-search){display:none}
  .bc.is-searching .bc-search{display:flex;flex:1}
  .bc-tabs,.bc-filters{padding:0 12px 8px;scroll-padding-inline:12px}
  .bc-modal{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:var(--r-2xl) var(--r-2xl) 0 0;border-bottom:0;padding:22px 20px calc(20px + env(safe-area-inset-bottom))}
  .bc-modal-ft .bc-btn{flex:1;height:46px}
  .bc-vseg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .bc-vseg button{justify-content:center;padding:0 6px}
  .bc-rs-more{display:none}
  .bc-rstatus{flex-wrap:nowrap}
  .bc-rstatus-l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bc-rmode{flex-wrap:wrap}
  .bc-rmode>span{flex:1 1 200px}
  .bc-wi:not(.is-open) .bc-wi-hd .bc-sub{display:none}
  .bc-wi:not(.is-open){gap:2px}
  .bc-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .bc-presets button,.bc-autorow .bc-seg button{justify-content:center}
  .bc-autorow .bc-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .bc-autorow .bc-seg button{white-space:normal;height:auto;min-height:40px;padding:4px 6px;text-align:center;line-height:1.2}
  .bc-wi{padding:10px 14px}
  .bc-wi:not(.is-open) .bc-wi-hd{flex-wrap:nowrap}
  .bc-tabs{scroll-snap-type:x mandatory}
  .bc-rail .bc-tab{scroll-snap-align:start;padding:0 12px}
  .bc-fchips{display:none}
  .bc-fbtn{display:inline-flex}
  .bc-main{padding:12px 12px 96px;gap:12px}
  .bc-qpanel{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}
  .bc-list{padding:0}
  .bc-item{background:linear-gradient(180deg,var(--pane-hi),var(--pane) 80px);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat))}
  .bc-drawer{inset:0;width:100vw;border-radius:0;border:0}
  .bc-drawer-bd{padding:12px 12px 24px}
  .bc-actbar .bc-btn{height:46px}
  .bc-rules{grid-template-columns:minmax(0,1fr)}
  .bc-rsec{padding:16px}
  .bc-trow,.bc-trow.is-fields{grid-template-columns:minmax(0,1fr);gap:8px}
  .bc-trow-cap{grid-column:auto}
  .bc-refrow{grid-template-columns:auto 1fr}
  .bc-refrow-n{grid-column:1 / -1}
  .bc-autorow{grid-template-columns:minmax(0,1fr)}
  .bc-wi{position:sticky;top:auto;bottom:10px;z-index:15;padding:12px 14px;box-shadow:var(--pane-glow),var(--pane-shadow-up);background:var(--pane-pop)}
  .bc-wi-toggle{display:inline-flex}
  .bc-wi:not(.is-open) .bc-wi-bd>:not(.bc-wi-strip){display:none}
  .bc-wi:not(.is-open) .bc-wi-strip{display:block}
  .bc-wi.is-open .bc-wi-toggle svg{transform:rotate(180deg)}
  .bc-fnctl{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .bc-fnctl>*{flex:none}
  .bc-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bc-kpi .bc-tile-val{font-size:22px}
  .bc-fn-card,.bc-fn-tcard{padding:14px}
  .bc-keys{grid-template-columns:auto 1fr}
  .bc-toasts{bottom:calc(16px + env(safe-area-inset-bottom))}
  .bc.has-actbar .bc-toasts{bottom:calc(96px + env(safe-area-inset-bottom))}
  .bc-bulk{bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 16px);flex-wrap:wrap;justify-content:center}}
@media (pointer:coarse){.bc-actbar .bc-btn{height:46px}.bc-vseg button{height:40px}.bc-numin{height:44px}.bc-rnav button{padding:12px}}

/* ---------- 12. Motion, transparency, contrast, forced colours, fallbacks ---------- */
@media (prefers-reduced-motion:reduce){.bc-page::before{animation:none!important}.bc-btn.is-primary::after{display:none}.bc-skel{animation:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .bc-card,.bc-tile,.bc-hdr,.bc-item,.bc-pop,.bc-toast,.bc-wi,.bc-glass{background:var(--surface)}
  .bc-toast{background:var(--toast-bg)}}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .bc-card,.bc-tile,.bc-hdr,.bc-item,.bc-pop,.bc-wi,.bc-glass,.bc-drawer .bc-card,.bc-drawer .bc-tile{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
  .bc-toast{background:var(--toast-bg);-webkit-backdrop-filter:none;backdrop-filter:none}
  .bc-page::before,.bc-page::after{display:none}
  .bc-table th{background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (forced-colors:active){
  .bc-hdr,.bc-item,.bc-pop,.bc-drawer,.bc-wi,.bc-rnav{border:1px solid CanvasText}
  .bc-page::after{display:none}
  .bc-tab-ind{display:none}
  .bc-rail .bc-tab[aria-selected=true]{outline:2px solid Highlight;outline-offset:-2px}
  .bc-ring{background:none}
  .bc-ring::before{background:conic-gradient(Highlight calc(var(--p)*1turn),GrayText 0);filter:none}
  .bc-bar>i{background:Highlight;box-shadow:none}
  .bc-brand{forced-color-adjust:none;background:#1E2329;padding:4px 10px}
  .bc-logo-img.is-forlight{display:none}.bc-logo-img.is-fordark{display:block}
  .bc-table tr.is-sel,.bc-item.is-sel{outline:2px solid Highlight;outline-offset:-2px}
  .bc-btn.is-primary::after{display:none}}

/* ---------- 13. /crm Bank check card (bc-card.js) ---------- */
.bcc-card{width:100%;max-width:400px;min-width:280px;padding:14px 16px;display:grid;gap:10px;font:400 14px/1.45 var(--font);color:var(--text)}
.bcc-hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.bcc-h{margin:0;font-size:14px;font-weight:600}
.bcc-body{display:grid;gap:6px}
.bcc-top{gap:8px;flex-wrap:wrap}
.bcc-win{gap:6px;font-weight:600}
.bcc-line{margin:0}
.bcc-val{margin:0}
.bcc-ft{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bcc-msg{margin:0}
.bcc-msg:empty{display:none}
.bcc-card svg.i{width:14px;height:14px}