/* PFC console — design system. Light by default, dark mode optional */

/* tokens */
:root{
  /* light: warm-neutral shell, zero glare */
  --bg:#F3F5F7;
  --card:#FFFFFF;
  --card-2:#FAFBFC;
  --border:#E5E8EC;
  --border-strong:#D3D8DE;
  --text:#1B2733;
  --text-2:#44515F;
  --text-3:#7A8694;
  --accent:#005AEE;
  --accent-hover:#0046BE;
  --accent-soft:#EAF1FE;
  --accent-text:#0047C4;
  --green:#0E7A4D; --green-bg:#E9F8F0; --green-border:#A6E5C5;
  --red:#C03227; --red-bg:#FDF1EF; --red-border:#F5C3BC;
  --amber:#9A6206; --amber-bg:#FCF4E3; --amber-border:#F0D79A;
  --shadow-sm:0 1px 2px rgba(27,39,51,.04);
  --shadow-md:0 4px 14px rgba(27,39,51,.06);
  --radius:10px;
  --sidebar-bg:#FFFFFF;
  --topbar-bg:rgba(255,255,255,.85);
  --tbl-head:#F7F9FA;
  --tbl-stripe:#FAFBFC;
  --tbl-hover:#F0F5FE;
  --chip-bg:#EFF2F5;
}
[data-theme="dark"]{
  /* Dark = Evening Horizon: neutral slate, off-white text (no halation in long sessions) */
  --bg:#0F141C;
  --card:#161D28;
  --card-2:#131926;
  --border:rgba(255,255,255,.08);
  --border-strong:rgba(255,255,255,.16);
  --text:#E4E9F0;
  --text-2:#9AA5B4;
  --text-3:#6B7688;
  --accent:#5B9BFF;
  --accent-hover:#85B6FF;
  --accent-soft:rgba(91,155,255,.14);
  --accent-text:#8AB4FF;
  --green:#4CC38A; --green-bg:rgba(76,195,138,.11); --green-border:rgba(76,195,138,.32);
  --red:#F0897E; --red-bg:rgba(240,137,126,.10); --red-border:rgba(240,137,126,.3);
  --amber:#F5C04E; --amber-bg:rgba(245,192,78,.10); --amber-border:rgba(245,192,78,.3);
  --shadow-sm:0 1px 2px rgba(0,0,0,.5);
  --shadow-md:0 8px 24px rgba(0,0,0,.35);
  --sidebar-bg:#121826;
  --topbar-bg:rgba(15,20,28,.8);
  --tbl-head:rgba(255,255,255,.035);
  --tbl-stripe:rgba(255,255,255,.02);
  --tbl-hover:rgba(91,155,255,.09);
  --chip-bg:rgba(255,255,255,.055);
}

*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text-2);font-family:Inter,system-ui,sans-serif;font-size:13.5px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .2s}
::selection{background:var(--accent-soft);color:var(--accent-text)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.app-shell{display:flex;min-height:100vh}

/* sidebar */
.sidebar{width:236px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);
  display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:50;transition:width .2s,background .2s}
.sidebar .brand-block{padding:18px 20px;border-bottom:1px solid var(--border)}
.sidebar .brand-block img{height:26px;width:auto;display:block}
.brand-logo{height:26px;width:auto;display:block}
.brand-logo-w{display:none}
[data-theme="dark"] .brand-logo-n{display:none}
[data-theme="dark"] .brand-logo-w{display:block}
.sidebar .brand-block .caption{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-3);margin-top:5px;font-weight:600}

.nav-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .8rem;border-radius:var(--radius);
  font-size:.82rem;font-weight:500;color:var(--text-2);transition:all .15s;border:1px solid transparent;margin:2px 10px}
.nav-item:hover{color:var(--text);background:var(--chip-bg)}
.nav-active{color:var(--accent-text)!important;background:var(--accent-soft)!important;border-color:transparent;font-weight:600}
.nav-active svg{color:var(--accent)}

.sidebar .foot{margin-top:auto;padding:14px}
.foot-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--card-2)}
.foot-card img{border-radius:8px}
.foot-card .t1{font-size:11px;color:var(--text-3)}
.foot-card .t2{font-size:12.5px;font-weight:700;color:var(--text)}

/* main / topbar */
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.6rem;
  border-bottom:1px solid var(--border);background:var(--topbar-bg);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}
.topbar h1{font-family:Sora;font-weight:700;font-size:17px;color:var(--text);margin:0;letter-spacing:-.01em}
.topbar p{font-size:11px;color:var(--text-3);margin:2px 0 0}
.topbar-search{width:250px;padding:.45rem .8rem;font-size:.78rem;border-radius:8px}
.topbar-search::placeholder{color:var(--text-3)}
.content{padding:1.6rem 1.8rem;flex:1;max-width:1720px;width:100%;margin:0 auto;box-sizing:border-box}

.live-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;
  background:var(--green-bg);border:1px solid var(--green-border);color:var(--green);font-size:11px;font-weight:600}
.live-pill .pulse{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pl 1.6s infinite}
@keyframes pl{0%,100%{opacity:1}50%{opacity:.35}}

.ui-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);
  border:1px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;transition:all .15s}
.ui-theme-toggle:hover{border-color:var(--accent);color:var(--accent)}

.avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#0A3556,#005AEE);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem;color:#fff}
.user-name{font-size:12.5px;font-weight:600;color:var(--text)}
.user-role{font-size:9.5px;color:var(--accent-text);text-transform:uppercase;letter-spacing:.08em;font-weight:600}

/* cards */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.section-title{font-family:Sora;font-weight:700;font-size:15px;color:var(--text)}
.card-title{font-family:Sora;font-weight:700;font-size:13px;color:var(--text);display:flex;align-items:center;gap:.5rem}
.tag{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:999px;
  background:var(--accent-soft);color:var(--accent-text);border:1px solid transparent}

/* KPI */
.kpi-card{padding:16px 18px;transition:box-shadow .15s,border-color .15s;border-top:2px solid transparent}
.kpi-card:hover{border-top-color:var(--accent);box-shadow:var(--shadow-md)}
.kpi-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-3);font-weight:600}
.kpi-value{font-family:Sora;font-weight:750;font-size:1.5rem;color:var(--text);margin-top:.35rem;white-space:nowrap;
  font-feature-settings:"tnum";letter-spacing:-.01em}
.kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;margin-top:.5rem;font-weight:600;
  padding:2px 9px;border-radius:999px;background:var(--chip-bg)}
.kpi-delta .vs{color:var(--text-3);font-weight:400}
.spark{opacity:.85}

/* credit accounts (banking) */
.credit-card{padding:18px;transition:box-shadow .15s,border-color .15s}
.credit-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}
.credit-card .acc-name{font-weight:700;color:var(--text);font-size:13px;font-family:Sora}
.credit-card .acc-code{font-size:9.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}
.credit-card .avail{font-family:Sora;font-weight:800;font-size:1.75rem;color:var(--text);margin-top:2px;font-feature-settings:"tnum"}
.credit-card .grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-size:11.5px}
.credit-card .grid2 .k{color:var(--text-3);font-size:9.5px}
.credit-card .grid2 .v{color:var(--text);font-weight:600;font-feature-settings:"tnum"}
.acc-badge{width:30px;height:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent-text);
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.pay-btn{padding:8px 0;text-align:center;border-radius:7px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s}
.pay-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}
.pay-primary:hover{background:var(--accent-hover)}
.pay-secondary{background:var(--card);color:var(--text-2);border:1px solid var(--border-strong)}
.pay-secondary:hover{background:var(--chip-bg)}

/* tables (SAP density) */
.tbl{width:100%;font-size:.8rem;border-collapse:collapse}
.tbl thead th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);
  padding:.6rem .85rem;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--tbl-head);font-weight:600;
  position:sticky;top:0;z-index:2}
.tbl tbody td{padding:.58rem .85rem;border-bottom:1px solid var(--border);white-space:nowrap;font-feature-settings:"tnum"}
.tbl tbody tr:nth-child(4n+3){background:var(--tbl-stripe)}
.tbl-row{cursor:pointer;transition:background .12s}
.tbl-row:hover{background:var(--tbl-hover)!important}
.tbl-row.open .tx-chevron{transform:rotate(180deg)}
.t-strong{color:var(--text);font-weight:600}
.t-dim{color:var(--text-2)}
.t-mut{color:var(--text-3)}
.t-money{color:var(--text);font-weight:700}
.t-pos{color:var(--green);font-weight:700}
.t-neg{color:var(--red);font-weight:600}
.tx-chevron{color:var(--text-3);transition:transform .18s}

.chip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:10px;font-weight:600}
.chip-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}
.chip-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}
.chip-amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}
.chip-gray{background:var(--chip-bg);color:var(--text-2);border:1px solid var(--border)}

/* controls */
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:7px;
  font-size:.78rem;font-weight:600;color:#fff;background:var(--accent);border:1px solid var(--accent);transition:all .15s;cursor:pointer;text-decoration:none}
.btn-primary:hover{background:var(--accent-hover)}
.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:7px;font-size:.76rem;font-weight:500;
  color:var(--text-2);background:var(--card);border:1px solid var(--border-strong);transition:all .15s;cursor:pointer;text-decoration:none}
.btn-ghost:hover{background:var(--chip-bg);color:var(--text)}
.btn-danger{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:7px;font-size:.76rem;font-weight:500;
  color:var(--red);background:var(--card);border:1px solid var(--red-border);cursor:pointer}
.btn-danger:hover{background:var(--red-bg)}
.input{background:var(--card);border:1px solid var(--border-strong);border-radius:7px;padding:.5rem .8rem;
  font-size:.8rem;color:var(--text);outline:none;transition:border-color .15s;box-sizing:border-box}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.select{background:var(--card);border:1px solid var(--border-strong);border-radius:7px;padding:.42rem .6rem;
  font-size:.75rem;color:var(--text-2);outline:none;cursor:pointer}

/* statement */
.statement-hero{padding:1.5rem;background:var(--card-2);border-bottom:1px solid var(--border)}
.st-meta-k{color:var(--text-3);font-size:11px}
.st-meta-v{color:var(--text);font-weight:600;font-size:11.5px;font-feature-settings:"tnum"}
.stat-cell{background:var(--card);padding:14px;font-size:11.5px}
.stat-cell .row{display:flex;justify-content:space-between;gap:8px;padding:2.5px 0}
.stat-cell .row .k{color:var(--text-3)}
.stat-cell .row .v{color:var(--text);font-weight:600;font-feature-settings:"tnum"}
.totals-cell{background:var(--accent-soft);border-left:3px solid var(--accent);padding:14px;font-size:11.5px}
.totals-cell .row{display:flex;justify-content:space-between;padding:3px 0}
.totals-cell .row .k{color:var(--text-2)}
.totals-cell .grand{border-top:1px solid var(--border-strong);margin-top:6px;padding-top:8px}
.totals-cell .grand .v{color:var(--green);font-weight:800;font-size:15px;font-feature-settings:"tnum"}

/* map bits (kept) */
.glass{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-md)}
.station-card{padding:.8rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--card);cursor:pointer;transition:all .15s}
.station-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}
.station-card.active{border-color:var(--accent);background:var(--accent-soft)}
.station-card .rank{width:24px;height:24px;border-radius:7px;background:var(--accent);color:#fff;font-weight:800;font-size:.68rem;
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.st-name{color:var(--text);font-weight:700;font-size:12.5px}
.st-addr{color:var(--text-3);font-size:10px}
.st-meta{color:var(--text-3);font-size:10px;margin-top:2px}
.st-save{color:var(--green);font-weight:700;font-size:11px}
.st-retail{color:var(--text-3);font-size:11px}
.st-your{color:var(--accent-text);font-weight:700;font-size:11px}

.price-pin{cursor:pointer;transition:transform .15s}
.price-pin:hover{transform:scale(1.12);z-index:10}
.price-pin .pill{display:flex;align-items:center;gap:4px;padding:4px 9px 4px 7px;border-radius:999px;
  background:#0D1526;border:1.5px solid rgba(0,90,238,.55);box-shadow:0 4px 14px rgba(0,0,0,.45);
  font-family:Sora;font-weight:800;font-size:11.5px;color:#fff;white-space:nowrap}
.price-pin .pill .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.price-pin.best .pill{background:linear-gradient(135deg,#065F46,#047857);border-color:rgba(52,211,153,.7)}
.price-pin.route-stop .pill{background:linear-gradient(135deg,#B45309,#D97706);border-color:rgba(251,191,36,.7)}

.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;
  background:var(--card);border:1px solid var(--border-strong);color:var(--text-2);
  font-size:11px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s}
.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}
.theme-toggle svg{color:#F59E0B}
.map-ctl-stack{position:absolute;left:12px;bottom:12px;z-index:20;display:flex;flex-direction:column;gap:8px}
.map-legend{background:var(--card);border:1px solid var(--border);border-radius:10px;
  padding:9px 12px;font-size:10px;color:var(--text-2);box-shadow:var(--shadow-sm);line-height:1.8}
.map-legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}

.maplibregl-ctrl-attrib{font-size:9px!important}
.maplibregl-popup-content{border-radius:10px!important;padding:12px 14px!important;box-shadow:0 12px 40px rgba(0,0,0,.18)!important;
  background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important}
.maplibregl-popup-tip{border-top-color:var(--card)!important}
.maplibregl-popup-close-button{color:var(--text-3);font-size:14px;padding:2px 6px}

/* calendar */
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.cal-title{font-size:13px;font-weight:700;color:var(--text);font-family:Sora}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cal-dow{font-size:8.5px;text-transform:uppercase;color:var(--text-3);text-align:center;padding:.3rem 0;font-weight:600}
.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.72rem;border-radius:6px;color:var(--text-2);cursor:pointer;transition:all .12s}
.cal-day:hover{background:var(--chip-bg);color:var(--text)}
.cal-today{background:var(--accent)!important;color:#fff!important;font-weight:700}
.cal-has{position:relative;font-weight:600;color:var(--text)}
.cal-has::after{content:'';position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--green)}

/* mobile page & misc */
.phone-frame{width:280px;border-radius:2.6rem;padding:10px;background:linear-gradient(160deg,#1E293B,#0B1220);
  border:1px solid rgba(255,255,255,.15);box-shadow:0 40px 80px rgba(0,0,0,.35)}
.phone-frame img{width:100%;border-radius:2.1rem;display:block}
.logo-mark{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-family:Sora;font-weight:800;font-style:italic;font-size:13px;color:#fff;
  background:linear-gradient(135deg,#005AEE 0%,#0040B8 100%)}

.page-foot{padding:1.1rem 1.6rem;font-size:10.5px;color:var(--text-3);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px 22px}

/* mobile hamburger (hidden on desktop) */
.hamburger{display:none;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--card);
  color:var(--text-2);align-items:center;justify-content:center;cursor:pointer}
.sidebar-overlay{display:none}

/* light mode: map legacy dark utility classes onto tokens */
html:not([data-theme="dark"]) body.console .text-white{color:var(--text)}
html:not([data-theme="dark"]) body.console .text-slate-300,
html:not([data-theme="dark"]) body.console .text-slate-400{color:var(--text-2)}
html:not([data-theme="dark"]) body.console .text-slate-500{color:var(--text-3)}
html:not([data-theme="dark"]) body.console .text-emerald-400{color:var(--green)}
html:not([data-theme="dark"]) body.console .text-rose-400{color:var(--red)}
html:not([data-theme="dark"]) body.console .text-pfc-300,
html:not([data-theme="dark"]) body.console .text-pfc-400{color:var(--accent-text)}
html:not([data-theme="dark"]) body.console .bg-white\/5,
html:not([data-theme="dark"]) body.console .bg-white\/\[0\.03\],
html:not([data-theme="dark"]) body.console .bg-white\/\[0\.02\]{background:var(--chip-bg)}
html:not([data-theme="dark"]) body.console .bg-white\/10{background:var(--border)}
html:not([data-theme="dark"]) body.console .border-white\/5,
html:not([data-theme="dark"]) body.console .border-white\/10{border-color:var(--border)}
html:not([data-theme="dark"]) body.console .border-white\/15{border-color:var(--border-strong)}
html:not([data-theme="dark"]) body.console .bg-ink-800{background:var(--card)}
html:not([data-theme="dark"]) body.console .bg-emerald-500\/\[0\.06\],
html:not([data-theme="dark"]) body.console .bg-emerald-500\/\[0\.05\]{background:var(--green-bg)}
html:not([data-theme="dark"]) body.console .border-emerald-500\/10,
html:not([data-theme="dark"]) body.console .border-emerald-500\/25{border-color:var(--green-border)}
html:not([data-theme="dark"]) body.console .bg-pfc\/10,
html:not([data-theme="dark"]) body.console .bg-pfc\/15,
html:not([data-theme="dark"]) body.console .bg-pfc\/20{background:var(--accent-soft)}
html:not([data-theme="dark"]) body.console .border-pfc\/20,
html:not([data-theme="dark"]) body.console .border-pfc\/25,
html:not([data-theme="dark"]) body.console .border-pfc\/30,
html:not([data-theme="dark"]) body.console .border-pfc\/40{border-color:var(--accent)}
html:not([data-theme="dark"]) body.console .from-pfc\/20,
html:not([data-theme="dark"]) body.console .from-pfc\/15,
html:not([data-theme="dark"]) body.console .from-pfc\/25{--tw-gradient-from:var(--accent-soft)}
html:not([data-theme="dark"]) body.console .to-transparent{--tw-gradient-to:transparent}

/* responsive: 3 breakpoints, zero horizontal scroll */

/* tablet: sidebar to icons */
@media (max-width:1279px){
  .sidebar{width:66px}
  .sidebar .brand-block{padding:16px 0;display:flex;justify-content:center}
  .sidebar .brand-block img{height:24px}
  .sidebar .brand-block .caption{display:none}
  .nav-item{justify-content:center;padding:.6rem}
  .nav-item span,.nav-item .ml-auto{display:none}
  .sidebar .foot{display:none}
}

/* phone: drawer sidebar + card-ified tables */
@media (max-width:767px){
  .sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .25s ease;
    width:250px;box-shadow:0 0 60px rgba(0,0,0,.3)}
  .sidebar.open{transform:none}
  .sidebar .brand-block{padding:18px 20px;display:block}
  .sidebar .brand-block img{height:26px}
  .sidebar .brand-block .caption{display:block}
  .nav-item{justify-content:flex-start;padding:.65rem .8rem}
  .nav-item span{display:inline}
  .sidebar .foot{display:block}
  .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:45;opacity:0;pointer-events:none;transition:opacity .25s}
  .sidebar-overlay.show{opacity:1;pointer-events:auto}
  .hamburger{display:inline-flex}
  .topbar{padding:.7rem 1rem;flex-wrap:wrap}
  .topbar .hide-m{display:none}
  .content{padding:1rem}

  /* KPI grid: 2 cols with snap */
  .kpi-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .kpi-value{font-size:1.05rem}

  /* tables become cards */
  .tbl.cardify thead{display:none}
  .tbl.cardify,.tbl.cardify tbody,.tbl.cardify tr.tbl-row{display:block;width:100%}
  .tbl.cardify tbody tr.tbl-row{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;
    padding:10px 12px;background:var(--card);box-shadow:var(--shadow-sm)}
  .tbl.cardify tbody tr:nth-child(4n+3){background:var(--card)}
  .tbl.cardify tbody td{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
    padding:4px 0;border-bottom:none;white-space:normal;font-size:12px}
  .tbl.cardify tbody td::before{content:attr(data-label);font-size:9px;text-transform:uppercase;letter-spacing:.08em;
    color:var(--text-3);font-weight:600;flex-shrink:0}
  .tbl.cardify tbody td.no-label::before{content:none}
  .tbl.cardify tbody td:first-child{padding-top:2px}
  .tbl.cardify .tx-detail{display:block}
  .tbl.cardify tr.tx-detail td{display:block;padding:0}
  .tbl.cardify tr.tx-detail td::before{content:none}
  .tbl-card-skip{display:none!important}
}