/* ============================================================
 * BLACKLINE — Detailing operating system · design system
 *
 * Identity: deep black + anthracite, bright white type, one strong red.
 * Signature: the "slash" (a skewed red bar) and the chamfered corner on
 * primary actions. Used sparingly, never as decoration everywhere.
 *
 * Two themes, both designed (not inverted):
 *   dark  (default) — near-black canvas, layered anthracite surfaces
 *   light           — warm white canvas, crisp black type
 * Everything reads CSS variables; JS sets <html data-theme="dark|light">.
 *
 * Class names used by the PHP partials are unchanged (btn-purple, pill-*,
 * kpi-*, data-table, …) so every module picks up the new look.
 * Fonts are self-hosted (assets/fonts/fonts.css): Poppins + Barlow Condensed.
 * ============================================================ */

/* ── 1. TOKENS ─────────────────────────────────────────────── */
:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg:#09090b;            /* page canvas */
  --sidebar:#0e0e11;       /* sidebar + topbar */
  --bg2:#121215;           /* raised plain surface */
  --card:#16161a;          /* cards, tables, modals */
  --bg3:#1d1d22;           /* insets: table header, tabs, tracks */
  --input:#101013;
  --hover:rgba(255,255,255,.045);
  --border:rgba(255,255,255,.085);
  --border2:rgba(255,255,255,.17);
  --text:#f5f5f6;          /* 17:1 on --card */
  --text2:#b0b0b9;         /* 8.6:1 */
  --text3:#80808b;         /* 4.7:1 — hints only */
  --accent:#e5222f;        /* BLACKLINE red */
  --accent-2:#ff4552;      /* highlight / hover on dark */
  --accent-ink:#ffffff;
  --accent-soft:rgba(229,34,47,.14);
  --accent-line:rgba(229,34,47,.55);
  --ok:#3ecf8e;  --ok-soft:rgba(62,207,142,.13);
  --warn:#f5a524; --warn-soft:rgba(245,165,36,.14);
  --danger:#ff5a64; --danger-soft:rgba(255,90,100,.13);
  --info:#6aa8ff; --info-soft:rgba(106,168,255,.13);
  --shadow:0 18px 44px rgba(0,0,0,.55);
  --shadow-sm:0 1px 0 rgba(255,255,255,.03) inset, 0 2px 8px rgba(0,0,0,.35);
  --glow:0 0 0 1px var(--accent-line), 0 8px 28px rgba(229,34,47,.22);
  --grid-line:rgba(255,255,255,.035);
  --chart-1:#e5222f; --chart-2:#e9e9ee; --chart-3:#74747f; --chart-grid:rgba(255,255,255,.07);
  --sw:256px; --sw-collapsed:72px; --top:60px;
  --r:10px; --r-sm:7px; --r-lg:14px;
  --font:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Barlow Condensed','Poppins',sans-serif;
  --pink:var(--accent); /* legacy alias */
  --skew:-22deg; --skew-s:-14deg;   /* mirrored in RTL */
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg:#f2f1ee;
  --sidebar:#fbfaf8;
  --bg2:#ffffff;
  --card:#ffffff;
  --bg3:#eceae6;
  --input:#faf9f7;
  --hover:rgba(10,10,12,.045);
  --border:rgba(10,10,12,.11);
  --border2:rgba(10,10,12,.22);
  --text:#0b0b0d;          /* 19:1 */
  --text2:#484852;         /* 9:1 */
  --text3:#5c5c68;         /* 6.2:1 */
  --accent:#d01322;        /* 5.9:1 on white */
  --accent-2:#b10f1c;
  --accent-ink:#ffffff;
  --accent-soft:rgba(208,19,34,.09);
  --accent-line:rgba(208,19,34,.45);
  --ok:#12692f;  --ok-soft:rgba(18,105,47,.10);
  --warn:#8a4a00; --warn-soft:rgba(138,74,0,.11);
  --danger:#b30f1b; --danger-soft:rgba(179,15,27,.09);
  --info:#164fa3; --info-soft:rgba(22,79,163,.09);
  --shadow:0 18px 40px rgba(20,18,14,.14);
  --shadow-sm:0 1px 2px rgba(20,18,14,.06), 0 1px 1px rgba(20,18,14,.04);
  --glow:0 0 0 1px var(--accent-line), 0 8px 22px rgba(208,19,34,.16);
  --grid-line:rgba(10,10,12,.045);
  --chart-1:#d01322; --chart-2:#16161a; --chart-3:#9a9aa3; --chart-grid:rgba(10,10,12,.09);
}

/* ── 2. BASE ───────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--font);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);display:flex;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;}
a{text-decoration:none;color:inherit;}
button,input,select,textarea{font-family:inherit;}
::selection{background:var(--accent);color:var(--accent-ink);}
:focus{outline:none;}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:4px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip-link{position:fixed;inset-inline-start:12px;top:-60px;z-index:1000;background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:var(--r-sm);font-weight:600;transition:top .15s;}
.skip-link:focus{top:12px;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px;border:2px solid transparent;background-clip:content-box;}
::-webkit-scrollbar-track{background:transparent;}
.text-green{color:var(--ok);} .text-red{color:var(--danger);} .text-warn{color:var(--warn);}

/* The slash: BLACKLINE's signature mark */
.slash{display:inline-block;width:4px;height:1em;background:var(--accent);transform:skewX(var(--skew));flex-shrink:0;}

/* ── 3. SHELL: SIDEBAR ─────────────────────────────────────── */
.sidebar{width:var(--sw);min-height:100vh;height:100vh;background:var(--sidebar);border-inline-end:1px solid var(--border);position:fixed;top:0;inset-inline-start:0;display:flex;flex-direction:column;z-index:100;transition:width .22s ease,transform .25s ease;}
.sidebar::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,var(--grid-line) 0 1px,transparent 1px 9px);mask-image:linear-gradient(to top,#000,transparent 38%);-webkit-mask-image:linear-gradient(to top,#000,transparent 38%);}
.brand{display:flex;align-items:center;gap:12px;padding:0 18px;height:var(--top);border-bottom:1px solid var(--border);flex-shrink:0;color:var(--text);}
.brand-mark{width:34px;height:34px;flex-shrink:0;}
.brand-text{display:flex;flex-direction:column;line-height:1;min-width:0;}
.brand-text b{font-family:var(--font-display);font-weight:700;font-size:23px;letter-spacing:.14em;text-transform:uppercase;}
.brand-text i{font-style:normal;font-size:8.5px;font-weight:600;letter-spacing:.3em;color:var(--accent-2);margin-top:5px;text-transform:uppercase;white-space:nowrap;}
.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 12px 14px;position:relative;z-index:1;}
.nav-group{padding:12px 0 2px;}
.nav-group-label{font-size:10px;font-weight:600;color:var(--text3);letter-spacing:.16em;text-transform:uppercase;padding:0 10px 7px;display:block;white-space:nowrap;}
.nav-item{display:flex;align-items:center;gap:12px;padding:0 12px;height:40px;border-radius:var(--r-sm);cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text2);border:none;background:none;width:100%;text-align:start;position:relative;margin-bottom:2px;transition:background .14s,color .14s;white-space:nowrap;}
.nav-item:hover{background:var(--hover);color:var(--text);}
.nav-item i{width:18px;text-align:center;flex-shrink:0;font-size:14px;color:var(--text3);transition:color .14s;}
.nav-item:hover i{color:var(--text);}
.nav-item.active{background:var(--accent-soft);color:var(--text);font-weight:600;}
.nav-item.active i{color:var(--accent-2);}
.nav-item.active::before{content:'';position:absolute;inset-inline-start:-12px;top:7px;bottom:7px;width:3px;background:var(--accent);transform:skewX(var(--skew-s));border-radius:0 2px 2px 0;}
.nav-item-primary{background:var(--bg3);color:var(--text);font-weight:600;}
.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;}
.nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;}
.nav-badge.show{display:inline-flex;}
.sidebar-foot{position:relative;z-index:1;border-top:1px solid var(--border);padding:10px 12px;display:flex;align-items:center;gap:10px;flex-shrink:0;}
.collapse-btn{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--card);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .14s;}
.collapse-btn:hover{color:var(--text);border-color:var(--border2);}
.sidebar-foot small{font-size:10.5px;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;}
body.sidebar-collapsed{--sw:var(--sw-collapsed);}
body.sidebar-collapsed .brand-text,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-group-label,body.sidebar-collapsed .sidebar-foot small{display:none;}
body.sidebar-collapsed .brand{padding:0;justify-content:center;}
body.sidebar-collapsed .nav-item{justify-content:center;padding:0;}
body.sidebar-collapsed .nav-badge{position:absolute;top:3px;inset-inline-end:7px;min-width:16px;height:16px;font-size:9.5px;padding:0 4px;}
body.sidebar-collapsed .nav-group{border-top:1px solid var(--border);margin-top:6px;}
body.sidebar-collapsed .nav-group:first-child{border-top:none;margin-top:0;}
body.sidebar-collapsed .sidebar-foot{justify-content:center;}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99;opacity:0;transition:opacity .22s;backdrop-filter:blur(2px);}
.sidebar-backdrop.open{display:block;opacity:1;}

/* ── 4. SHELL: MAIN, TOPBAR, PAGE HEAD ─────────────────────── */
.main{margin-inline-start:var(--sw);flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh;transition:margin-inline-start .22s ease;}
.topbar{height:var(--top);padding:0 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--sidebar) 92%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;gap:14px;}
.topbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1;}
.topbar-right{display:flex;align-items:center;gap:8px;}
.crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text3);font-weight:500;white-space:nowrap;overflow:hidden;}
.crumbs b{color:var(--text);font-weight:600;}
.crumbs .sep{opacity:.5;}
.gsearch{position:relative;width:min(380px,36vw);}
.gsearch i.fa-search{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:12.5px;pointer-events:none;}
.gsearch input{width:100%;height:36px;padding-block:0;padding-inline:34px 44px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--input);color:var(--text);font-size:13px;transition:border-color .14s,background .14s;}
.gsearch input::placeholder{color:var(--text3);}
.gsearch input:focus{border-color:var(--accent-line);}
.gsearch kbd{position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);font:600 10.5px var(--font);color:var(--text3);border:1px solid var(--border2);border-radius:4px;padding:1px 6px;pointer-events:none;}
.popover{position:absolute;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border2);border-radius:var(--r);box-shadow:var(--shadow);z-index:80;overflow:hidden;min-width:260px;display:none;}
.popover.open{display:block;animation:pop .14s ease;}
@keyframes pop{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
.gsearch .popover{left:0;right:0;max-height:420px;overflow-y:auto;}
.pop-group{padding:8px 14px 4px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);}
.pop-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;font-size:13px;color:var(--text);border:none;background:none;width:100%;text-align:start;}
.pop-item:hover,.pop-item:focus-visible{background:var(--hover);}
.pop-item small{display:block;color:var(--text2);font-size:11.5px;}
.pop-item i{color:var(--text3);width:16px;text-align:center;}
.pop-empty{padding:16px 14px;font-size:12.5px;color:var(--text2);}
.cash-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;white-space:nowrap;}
.cash-chip:hover{border-color:var(--border2);color:var(--text);}
.cash-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--text3);}
.cash-chip.open .dot{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft);}
.cash-chip.closed .dot{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft);}
.icon-btn{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--card);color:var(--text2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:all .14s;position:relative;flex-shrink:0;}
.icon-btn:hover{color:var(--text);border-color:var(--border2);background:var(--bg3);}
.icon-btn .badge-dot{position:absolute;top:-4px;inset-inline-end:-4px;min-width:17px;height:17px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--sidebar);}
.icon-btn .badge-dot.show{display:flex;}
.menu-btn{display:none;}
.menu-wrap{position:relative;}
.menu-wrap .popover{inset-inline-end:0;inset-inline-start:auto;width:290px;}
.profile-chip{display:flex;align-items:center;gap:10px;padding:3px 10px 3px 3px;border-radius:999px;border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--text);}
.profile-chip:hover{border-color:var(--border2);}
.profile-chip .info{line-height:1.2;text-align:start;}
.profile-chip .info strong{display:block;font-size:12.5px;font-weight:600;}
.profile-chip .info span{display:block;font-size:10.5px;color:var(--text2);}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);font-weight:700;font-size:11.5px;color:var(--accent-ink);flex-shrink:0;display:flex;align-items:center;justify-content:center;letter-spacing:.02em;}
.pop-head{padding:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;}
.pop-head .avatar{width:38px;height:38px;font-size:13px;}
.pop-head strong{display:block;font-size:13.5px;} .pop-head span{font-size:12px;color:var(--text2);}

.content{padding:22px 28px 40px;flex:1;max-width:1680px;width:100%;margin:0 auto;}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.page-head h1,#page-title{font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:12px;}
#page-title::before{content:'';width:5px;height:26px;background:var(--accent);transform:skewX(var(--skew));flex-shrink:0;}
.page-sub{font-size:12.5px;color:var(--text2);margin-top:6px;}
.range-btns{display:flex;gap:2px;background:var(--bg3);padding:3px;border-radius:var(--r-sm);border:1px solid var(--border);}
.range-btn{height:30px;padding:0 13px;border-radius:5px;border:none;background:none;color:var(--text2);font-size:12px;font-weight:500;cursor:pointer;transition:all .14s;}
.range-btn:hover{color:var(--text);}
.range-btn.active{background:var(--card);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm);}
.section-panel{display:none;}
.section-panel.active{display:block;animation:fadeUp .26s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

/* ── 5. BUTTONS ────────────────────────────────────────────── */
.btn{height:38px;padding:0 16px;border-radius:var(--r-sm);border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .14s,border-color .14s,color .14s,transform .08s,box-shadow .14s;white-space:nowrap;letter-spacing:.01em;}
.btn:active:not(:disabled){transform:translateY(1px);}
.btn i{font-size:13px;}
.btn-purple,.btn-pink{background:var(--accent);color:var(--accent-ink);border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);padding:0 20px;}
.btn-purple:hover:not(:disabled),.btn-pink:hover:not(:disabled){background:var(--accent-2);}
.btn-outline{background:var(--card);border-color:var(--border2);color:var(--text);}
.btn-outline:hover:not(:disabled){border-color:var(--text2);background:var(--bg3);}
.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent);}
.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;}
.btn-success{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent);}
.btn-success:hover:not(:disabled){background:var(--ok);color:#06140d;}
.btn-info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 35%,transparent);}
.btn-sm{height:30px;padding:0 11px;font-size:12px;gap:6px;}
.btn-sm.btn-purple{padding:0 14px;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);}
.btn:disabled{opacity:.45;cursor:not-allowed;}

/* ── 6. CARDS, KPI, CHARTS ─────────────────────────────────── */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm);}
.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px;}
.card-title{font-size:13.5px;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;gap:10px;}
.card-title::before{content:'';width:3px;height:13px;background:var(--accent);transform:skewX(var(--skew));flex-shrink:0;}
.card-sub{font-size:12px;color:var(--text2);margin-top:3px;}
.card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.card-grid-2>.table-wrap,.card-grid-2>.card{margin-bottom:16px;}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr));}
.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .16s,transform .16s;}
.kpi-card::before{content:'';position:absolute;inset-inline-start:0;top:0;width:34px;height:3px;background:var(--accent);}
.kpi-card:hover{border-color:var(--border2);}
.kpi-icon{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:12px;background:var(--bg3)!important;color:var(--text2)!important;}
.kpi-label{font-size:10.5px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;}
.kpi-value{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:1;margin-bottom:10px;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--text);}
.kpi-value small{font-family:var(--font);font-size:12px;font-weight:500;color:var(--text2);margin-inline-start:4px;letter-spacing:0;}
.kpi-footer{display:flex;align-items:center;justify-content:space-between;gap:6px 8px;min-height:22px;flex-wrap:wrap;}
.kpi-delta{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;}
.kpi-vs{font-size:11px;color:var(--text3);font-weight:500;}
.delta-up{background:var(--ok-soft);color:var(--ok);} .delta-down{background:var(--danger-soft);color:var(--danger);} .delta-flat{background:var(--bg3);color:var(--text2);}
.chart-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm);}
.chart-box{position:relative;height:240px;}
.chart-box.sm{height:200px;}
.split-legend{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.split-legend div{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--text2);}
.split-legend b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600;}
.split-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-inline-end:8px;transform:skewX(var(--skew-s));}
.dash-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;}
.dash-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.dash-main>*,.dash-three>*{margin-bottom:16px;min-width:0;}
.stat-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;gap:10px;}
.stat-row:last-child{border-bottom:none;}
.stat-row span:first-child{color:var(--text2);}
.stat-row b{font-variant-numeric:tabular-nums;font-weight:600;}
.status-line{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.status-big{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;}
.hbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-bottom:12px;font-size:12.5px;}
.hbar .track{grid-column:1/-1;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden;}
.hbar .fill{height:100%;background:var(--accent);border-radius:3px;}
.hbar .meta{color:var(--text2);font-variant-numeric:tabular-nums;}
.alert-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px;}
.alert-item:last-child{border-bottom:none;}
.alert-item .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ── 7. TABLES ─────────────────────────────────────────────── */
.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-sm);}
.table-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;}
.data-table{width:100%;border-collapse:collapse;font-size:13px;}
.data-table thead th{padding:10px 20px;text-align:start;font-size:10.5px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;background:var(--bg3);border-bottom:1px solid var(--border);white-space:nowrap;}
.data-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s;}
.data-table tbody tr:hover{background:var(--hover);}
.data-table tbody td{padding:12px 20px;vertical-align:middle;}
.data-table tbody tr:last-child{border-bottom:none;}
.data-table tbody tr.row-low{box-shadow:inset 3px 0 0 var(--warn);}
.data-table tbody tr.row-out{box-shadow:inset 3px 0 0 var(--danger);}
.data-table tbody tr.row-archived{opacity:.6;}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* ── 8. PILLS / STATES ─────────────────────────────────────── */
.pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:var(--bg3);color:var(--text2);}
.pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9;}
.pill-cash,.pill-completed,.pill-open{background:var(--ok-soft);color:var(--ok);}
.pill-card{background:var(--info-soft);color:var(--info);}
.pill-other,.pill-closed,.pill-employee{background:var(--bg3);color:var(--text2);}
.pill-cancelled{background:var(--danger-soft);color:var(--danger);}
.pill-admin{background:var(--accent-soft);color:var(--accent-2);}
.pill-warn{background:var(--warn-soft);color:var(--warn);}
.empty-state{text-align:center;padding:44px 20px;color:var(--text2);font-size:13px;}
.empty-state i{font-size:26px;margin-bottom:12px;display:block;color:var(--text3);}
.loyalty-track{height:6px;border-radius:3px;background:var(--bg3);overflow:hidden;}
.loyalty-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .3s;}

/* ── 9. FORMS ──────────────────────────────────────────────── */
.search-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
.search-input{flex:1;min-width:200px;height:40px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--input);color:var(--text);font-size:13.5px;transition:border-color .14s,box-shadow .14s;}
.search-input::placeholder,.form-input::placeholder{color:var(--text3);}
.search-input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);}
.form-group{margin-bottom:14px;}
.form-label{font-size:11.5px;font-weight:600;color:var(--text2);margin-bottom:6px;display:block;letter-spacing:.03em;}
.form-input,.form-select,.form-textarea{width:100%;height:40px;padding:0 13px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--input);color:var(--text);font-size:13.5px;transition:border-color .14s,box-shadow .14s;}
.form-textarea{height:auto;min-height:96px;padding:10px 13px;resize:vertical;}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23888' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-inline-end:34px;}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);}
.form-input:disabled{opacity:.5;}
.form-input[type=file]{height:auto;padding:8px 10px;}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.form-check{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text);}
input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer;}
.form-input.invalid,.search-input.invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft);}
.field-error{font-size:11.5px;color:var(--danger);margin-top:5px;}
.input-with-btn{display:flex;gap:8px;} .input-with-btn .form-input{flex:1;min-width:0;}
.switch{position:relative;width:40px;height:22px;flex-shrink:0;}
.switch input{opacity:0;width:0;height:0;}
.switch .track{position:absolute;inset:0;background:var(--border2);border-radius:20px;cursor:pointer;transition:background .16s;}
.switch .track::before{content:'';position:absolute;width:16px;height:16px;inset-inline-start:3px;top:3px;background:#fff;border-radius:50%;transition:transform .16s;box-shadow:0 1px 3px rgba(0,0,0,.35);}
.switch input:checked + .track{background:var(--ok);}
.switch input:checked + .track::before{transform:translateX(18px);}
.switch input:focus-visible + .track{outline:2px solid var(--accent-2);outline-offset:2px;}

/* ── 10. TABS, MODAL, TOAST, LOADING ───────────────────────── */
.seg-tabs{display:inline-flex;gap:2px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);padding:3px;margin-bottom:18px;max-width:100%;overflow-x:auto;}
.seg-tab{height:34px;padding:0 16px;border-radius:5px;border:none;background:none;color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .14s;white-space:nowrap;}
.seg-tab:hover{color:var(--text);}
.seg-tab.active{background:var(--card);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm);}
.seg-tab.active i{color:var(--accent-2);}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:200;align-items:center;justify-content:center;backdrop-filter:blur(3px);padding:16px;}
.modal-overlay.open{display:flex;}
.modal-box{background:var(--card);border:1px solid var(--border2);border-radius:var(--r-lg);padding:0 24px;width:540px;max-width:100%;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow);animation:fadeUp .2s ease;position:relative;}
.modal-box::before{content:'';position:absolute;inset-inline-start:0;top:0;width:64px;height:3px;background:var(--accent);}
.modal-title{font-size:15px;font-weight:600;margin:0 -24px 18px;padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);}
.modal-close{background:none;border:none;color:var(--text2);cursor:pointer;font-size:20px;width:32px;height:32px;border-radius:var(--r-sm);line-height:1;transition:all .14s;}
.modal-close:hover{background:var(--bg3);color:var(--text);}
.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin:18px -24px 0;padding:14px 24px;border-top:1px solid var(--border);background:var(--bg3);position:sticky;bottom:0;}
.confirm-icon{width:44px;height:44px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;background:var(--danger-soft);color:var(--danger);font-size:18px;margin:0 0 12px;}
.toast{position:fixed;bottom:22px;inset-inline-end:22px;background:var(--card);border:1px solid var(--border2);border-inline-start:3px solid var(--ok);border-radius:var(--r-sm);padding:12px 18px;font-size:13px;font-weight:500;box-shadow:var(--shadow);z-index:600;display:flex;align-items:center;gap:10px;transform:translateY(24px);opacity:0;transition:all .28s ease;pointer-events:none;max-width:min(420px,calc(100vw - 32px));}
.toast.show{transform:none;opacity:1;}
.toast.success i{color:var(--ok);} .toast.error{border-inline-start-color:var(--danger);} .toast.error i{color:var(--danger);}
.toast.info{border-inline-start-color:var(--info);} .toast.info i{color:var(--info);}
@keyframes spin{to{transform:rotate(360deg);}}
.spinner-ring{width:22px;height:22px;border:2.5px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite;display:inline-block;}
.loading-state{text-align:center;padding:60px 20px;color:var(--text2);}
.loading-state i{font-size:22px;color:var(--accent);}
.skeleton-wrap{display:grid;gap:14px;}
.skeleton{background:linear-gradient(90deg,var(--bg3) 0%,color-mix(in srgb,var(--bg3) 55%,var(--card)) 50%,var(--bg3) 100%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:var(--r);height:84px;}
.skeleton.tall{height:260px;} .skeleton.row{height:44px;}
@keyframes shimmer{to{background-position:-200% 0;}}

/* ── 11. POS ───────────────────────────────────────────────── */
.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start;}
.pos-step-title{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pos-step-title>span:first-child{color:var(--text);display:flex;align-items:center;gap:10px;}
.pos-step-title>span:first-child::before{content:'';width:3px;height:12px;background:var(--accent);transform:skewX(var(--skew));}
.pos-step-hint{font-size:10.5px;font-weight:500;color:var(--text3);letter-spacing:.06em;}
.type-grid{display:flex;flex-wrap:wrap;gap:10px;}
.type-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:148px;min-height:96px;padding:16px 12px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg2);cursor:pointer;transition:border-color .14s,background .14s,transform .12s;text-align:center;}
.type-tile:hover{border-color:var(--border2);background:var(--bg3);}
.type-tile.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow);}
.type-tile i{font-size:26px;color:var(--text3);}
.type-tile.selected i{color:var(--accent-2);}
.type-tile span{font-weight:600;font-size:13px;}
.type-tile.has-image{width:196px;align-items:stretch;justify-content:flex-start;text-align:start;gap:8px;padding:14px;}
.type-tile.has-image .type-tile-head{display:flex;align-items:center;gap:8px;}
.type-tile.has-image .type-tile-head i{font-size:14px;}
.type-tile-img{height:84px;display:flex;align-items:center;justify-content:center;}
.type-tile-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));}
.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;}
.service-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;min-height:72px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg2);cursor:pointer;transition:border-color .14s,background .14s;}
.service-card:hover{border-color:var(--border2);background:var(--bg3);}
.service-card.selected{border-color:var(--accent);background:var(--accent-soft);}
.service-check{width:20px;height:20px;border-radius:4px;border:1.5px solid var(--border2);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;transition:all .14s;margin-top:2px;background:var(--card);}
.service-card.selected .service-check{background:var(--accent);border-color:var(--accent);}
.service-body{flex:1;min-width:0;}
.service-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;}
.service-name{font-weight:600;font-size:13.5px;line-height:1.3;}
.service-price{font-family:var(--font-display);font-weight:600;font-size:19px;white-space:nowrap;letter-spacing:.02em;}
.service-meta{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:11.5px;color:var(--text2);font-weight:500;}
.service-meta .pill{background:var(--warn-soft)!important;color:var(--warn)!important;}
.cart-summary{position:sticky;top:calc(var(--top) + 16px);border-top:3px solid var(--accent);}
.cart-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);animation:fadeUp .2s ease both;}
.cart-line:last-child{border-bottom:none;}
.cart-line .name{font-weight:600;font-size:13.5px;}
.cart-line .amount{font-family:var(--font-display);font-weight:600;font-size:18px;white-space:nowrap;letter-spacing:.02em;}
.cart-line .line-main{flex:1;min-width:0;}
.cart-line .line-sub{font-size:11.5px;color:var(--text2);margin-top:2px;}
.cart-line .line-actions{display:flex;align-items:center;gap:6px;margin-top:8px;}
.qty-btn{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--border2);background:var(--card);color:var(--text);cursor:pointer;font-weight:700;font-size:15px;line-height:1;transition:all .12s;}
.qty-btn:hover{border-color:var(--accent);color:var(--accent-2);}
.qty-val{min-width:26px;text-align:center;font-weight:700;font-size:14px;}
.line-remove{background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;padding:6px 8px;border-radius:var(--r-sm);}
.line-remove:hover{color:var(--danger);background:var(--danger-soft);}
.empty-state img.cart-empty-illustration{width:130px;max-width:60%;display:block;margin:0 auto 14px;opacity:.9;}
.empty-state i.cart-empty-illustration{font-size:44px;opacity:.25;}
.total-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;margin:14px 0;position:relative;overflow:hidden;}
.total-box::after{content:'';position:absolute;inset-inline-end:-18px;top:0;bottom:0;width:60px;background:var(--accent-soft);transform:skewX(var(--skew));}
.total-box .amount{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text);letter-spacing:.01em;position:relative;z-index:1;font-variant-numeric:tabular-nums;}
.total-box .kpi-label{position:relative;z-index:1;margin:0;}
.total-box .amount.pulse{animation:totalPulse .3s ease;}
.total-box.free .amount{color:var(--ok);}
@keyframes totalPulse{0%{transform:scale(1);}45%{transform:scale(1.06);}100%{transform:scale(1);}}
.pay-grid{display:flex;gap:8px;}
.pay-btn{flex:1;height:68px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg2);color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .14s;}
.pay-btn i{font-size:16px;color:var(--text3);}
.pay-btn span{font-weight:600;font-size:12.5px;}
.pay-btn:hover{border-color:var(--border2);}
.pay-btn.selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--glow);}
.pay-btn.selected i{color:var(--accent-2);}
.checkout-btn{width:100%;height:58px;border:none;font-size:15px;font-weight:700;letter-spacing:.03em;cursor:pointer;color:var(--accent-ink);background:var(--accent);transition:background .14s,opacity .14s;display:flex;align-items:center;justify-content:center;gap:10px;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);text-transform:uppercase;}
.checkout-btn:hover:not(:disabled){background:var(--accent-2);}
.checkout-btn:disabled{background:var(--bg3);color:var(--text3);cursor:not-allowed;}
.checkout-btn.success{background:var(--ok);color:#06140d;}
.customer-search-wrap{position:relative;}
.customer-search-wrap .search-input{width:100%;}
.customer-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card);border:1px solid var(--border2);border-radius:var(--r);box-shadow:var(--shadow);z-index:20;overflow:hidden;animation:pop .14s ease;}
.customer-result-item{padding:11px 14px;cursor:pointer;font-size:13px;font-weight:600;transition:background .1s;}
.customer-result-item:hover{background:var(--hover);}
.customer-result-item small{display:block;color:var(--text2);font-size:11.5px;margin-top:2px;font-weight:500;}
.customer-chip{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r);background:var(--accent-soft);border:1px solid var(--accent-line);}
.customer-chip .info{flex:1;min-width:0;} .customer-chip .info strong{display:block;font-size:13.5px;} .customer-chip .info span{font-size:12px;color:var(--text2);}
.redeem-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:11px 14px;border-radius:var(--r);background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);}
.empty-cash-card{text-align:center;padding:56px 24px;}
.empty-cash-card i{font-size:30px;color:var(--text3);margin-bottom:14px;display:block;}
.pos-product-search{display:flex;gap:10px;margin-bottom:14px;} .pos-product-search .search-input{min-width:0;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;}
.product-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg2);cursor:pointer;transition:border-color .14s,transform .12s;text-align:start;color:var(--text);}
.product-card:hover:not(.out){border-color:var(--accent);transform:translateY(-1px);}
.product-card.out{opacity:.45;cursor:not-allowed;}
.product-card .p-img{height:78px;border-radius:var(--r-sm);background:var(--bg3);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text3);font-size:22px;}
.product-card .p-img img{width:100%;height:100%;object-fit:cover;}
.product-card .p-name{font-weight:600;font-size:12.5px;line-height:1.3;min-height:2.6em;}
.product-card .p-meta{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--text2);font-weight:500;}
.product-card .p-price{font-family:var(--font-display);font-weight:600;color:var(--text);font-size:17px;letter-spacing:.02em;}
.cart-section-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.14em;margin:10px 0 2px;}

/* ── 12. PRODUCTS / CAMERA SCANNER ─────────────────────────── */
.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--bg3);}
.view-toggle button{width:36px;height:34px;border:none;background:none;color:var(--text2);cursor:pointer;}
.view-toggle button.active{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm);}
.prod-cards{display:none;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:16px 20px 20px;}
.prod-cards.show{display:grid;}
.prod-card{border:1px solid var(--border);border-radius:var(--r);background:var(--bg2);overflow:hidden;display:flex;flex-direction:column;position:relative;}
.prod-card.low{border-color:color-mix(in srgb,var(--warn) 55%,transparent);}
.prod-card.out{border-color:color-mix(in srgb,var(--danger) 55%,transparent);}
.prod-card.archived{opacity:.55;}
.prod-card .pc-img{height:120px;background:var(--bg3);display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:28px;}
.prod-card .pc-img img{width:100%;height:100%;object-fit:cover;}
.prod-card .pc-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1;}
.prod-card .pc-name{font-weight:600;font-size:13.5px;line-height:1.3;}
.prod-card .pc-sku{font-size:11.5px;color:var(--text2);font-family:ui-monospace,Consolas,monospace;}
.prod-card .pc-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.prod-card .pc-price{font-family:var(--font-display);font-weight:600;font-size:21px;letter-spacing:.02em;}
.prod-card .pc-actions{display:flex;gap:6px;padding:0 14px 14px;}
.prod-card .pc-actions .icon-btn{width:34px;height:34px;}
#bc-scan-modal{z-index:400;}
.bc-box{width:600px;}
.bc-stage{position:relative;background:#050506;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;border:1px solid var(--border2);}
.bc-stage video{width:100%;height:100%;object-fit:cover;display:block;}
.bc-frame{position:absolute;left:10%;right:10%;top:33%;bottom:33%;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.52);}
.bc-frame::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:
   linear-gradient(#ff4552,#ff4552) top left/22px 3px no-repeat,
   linear-gradient(#ff4552,#ff4552) top left/3px 22px no-repeat,
   linear-gradient(#ff4552,#ff4552) top right/22px 3px no-repeat,
   linear-gradient(#ff4552,#ff4552) top right/3px 22px no-repeat,
   linear-gradient(#ff4552,#ff4552) bottom left/22px 3px no-repeat,
   linear-gradient(#ff4552,#ff4552) bottom left/3px 22px no-repeat,
   linear-gradient(#ff4552,#ff4552) bottom right/22px 3px no-repeat,
   linear-gradient(#ff4552,#ff4552) bottom right/3px 22px no-repeat;}
.bc-frame span{position:absolute;left:4px;right:4px;height:2px;background:#ff4552;box-shadow:0 0 10px #ff4552;animation:bcScan 1.8s ease-in-out infinite;}
@keyframes bcScan{0%,100%{top:6%;}50%{top:92%;}}
.bc-torch{position:absolute;top:10px;inset-inline-end:10px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.45);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.bc-torch.on{background:var(--accent);border-color:var(--accent);color:#fff;}
.bc-tip{margin-top:6px;font-size:12px;color:var(--text3);line-height:1.45;}
.bc-status{margin:14px 0 0;font-size:13px;font-weight:500;color:var(--text2);min-height:22px;display:flex;align-items:center;gap:9px;}
.bc-status::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--ok);flex-shrink:0;animation:blink 1.4s ease-in-out infinite;}
.bc-status.warn{color:var(--warn);} .bc-status.warn::before{background:var(--warn);}
.bc-status.error{color:var(--danger);} .bc-status.error::before{background:var(--danger);animation:none;}
@keyframes blink{50%{opacity:.35;}}

/* ── 12b. PRODUCT SALES PAGE ───────────────────────────────── */
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start;}
.shop-toolbar{display:flex;flex-direction:column;gap:12px;}
.shop-search-row{display:flex;gap:10px;flex-wrap:wrap;}
.shop-search{position:relative;flex:1;min-width:220px;}
.shop-search i{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none;}
.shop-search .search-input{width:100%;padding-inline-start:38px;}
#shop-sort{width:auto;min-width:200px;}
.chip-row{display:flex;gap:8px;flex-wrap:wrap;}
.chip{height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--border2);background:var(--card);color:var(--text2);font-size:12.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .14s;white-space:nowrap;}
.chip b{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;}
.chip:hover{border-color:var(--text2);color:var(--text);}
.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text);}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;}
.shop-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:border-color .14s,transform .14s;}
.shop-card:hover{border-color:var(--border2);transform:translateY(-2px);}
.shop-card.low{border-color:color-mix(in srgb,var(--warn) 45%,transparent);}
.shop-card.out{border-color:color-mix(in srgb,var(--danger) 45%,transparent);}
.shop-card.out .shop-img img,.shop-card.out .shop-img i{opacity:.45;}
.shop-img{position:relative;height:150px;background:var(--bg3);display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:34px;overflow:hidden;}
.shop-img img{width:100%;height:100%;object-fit:cover;}
.shop-status{position:absolute;top:10px;inset-inline-start:10px;}
.shop-body{padding:12px 14px 6px;display:flex;flex-direction:column;gap:6px;flex:1;}
.shop-cat{font-size:10.5px;font-weight:600;color:var(--accent-2);text-transform:uppercase;letter-spacing:.1em;}
.shop-name{font-size:14px;font-weight:600;line-height:1.3;min-height:2.6em;}
.shop-ids{display:flex;gap:6px;flex-wrap:wrap;}
.tag{font-family:ui-monospace,Consolas,monospace;font-size:11px;background:var(--bg3);color:var(--text2);padding:2px 7px;border-radius:5px;}
.shop-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:2px;}
.shop-price{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums;}
.shop-stock{font-size:12px;font-weight:600;color:var(--text2);}
.shop-stock.low{color:var(--warn);} .shop-stock.out{color:var(--danger);}
.shop-incart{font-size:11.5px;font-weight:600;color:var(--ok);min-height:16px;}
.shop-add{margin:6px 14px 14px;width:calc(100% - 28px);}
.shop-foot{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 6px;flex-wrap:wrap;}
.shop-empty{grid-column:1/-1;}
.shop-cart .cart-line{align-items:flex-start;}
.cart-thumb{width:46px;height:46px;border-radius:var(--r-sm);background:var(--bg3);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text3);flex-shrink:0;}
.cart-thumb img{width:100%;height:100%;object-fit:cover;}
.notice{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r);font-size:12.5px;margin-bottom:12px;}
.notice.warn{background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);color:var(--text);}
.notice.warn>i{color:var(--warn);margin-top:3px;}
.bc-result{margin-top:12px;}
.bc-result:empty{display:none;}
.scan-result{display:flex;gap:14px;padding:12px;border:1px solid var(--border2);border-radius:var(--r);background:var(--bg2);}
.scan-result.low{border-color:color-mix(in srgb,var(--warn) 55%,transparent);}
.scan-result.out{border-color:color-mix(in srgb,var(--danger) 55%,transparent);}
.sr-img{width:84px;height:84px;border-radius:var(--r-sm);background:var(--bg3);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text3);font-size:26px;flex-shrink:0;}
.sr-img img{width:100%;height:100%;object-fit:cover;}
.sr-info{min-width:0;display:flex;flex-direction:column;gap:5px;flex:1;}
.sr-name{font-weight:600;font-size:14.5px;line-height:1.3;}
.sr-note{margin-top:8px;font-size:12.5px;font-weight:600;color:var(--ok);}
.sr-unknown{padding:14px;border:1px dashed var(--warn);border-radius:var(--r);color:var(--warn);font-size:13px;font-weight:500;display:flex;gap:10px;align-items:center;}
.sr-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;}
.dash-ps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;}
.dash-ps-tile{background:var(--bg3);border-radius:var(--r-sm);padding:12px 14px;}
.dash-ps-tile .v{font-family:var(--font-display);font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;}
.dash-ps-tile .l{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;}
@media(max-width:1100px){.shop-layout{grid-template-columns:1fr;} .dash-ps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .shop-img{height:110px;} .shop-price{font-size:21px;} #shop-sort{width:100%;} .scan-result{flex-direction:column;}}

/* language selector (Settings) */
.lang-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.lang-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg2);color:var(--text);cursor:pointer;font-family:inherit;text-align:start;transition:all .14s;}
.lang-option:hover{border-color:var(--border2);background:var(--bg3);}
.lang-option.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow);}
.lang-code{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.06em;color:var(--accent-2);min-width:34px;}
.lang-name{font-weight:600;font-size:14px;flex:1;}
.lang-option>i{color:var(--ok);}
.pop-item.lang-item.is-active{font-weight:600;}
.pop-item.lang-item.is-active i{color:var(--ok);}
@media(max-width:560px){.lang-options{grid-template-columns:1fr;}}

/* ── 13. UTILITIES FOR PARTIAL MARKUP ──────────────────────── */
.form-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:8px;padding-top:16px;border-top:1px solid var(--border);}
#ventes-tabs{display:none;}
.bl-mono-tag{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;letter-spacing:.06em;}

/* ── 14. RESPONSIVE ────────────────────────────────────────── */
@media(max-width:1280px){
  .kpi-grid.five{grid-template-columns:repeat(3,minmax(0,1fr));}
  .gsearch{width:min(300px,28vw);}
}
@media(max-width:1100px){
  .kpi-grid.five>:last-child:nth-child(odd){grid-column:1/-1;}
  .pos-grid{grid-template-columns:1fr;}
  .cart-summary{position:static;}
  .dash-main,.dash-three{grid-template-columns:1fr;}
  .kpi-grid,.kpi-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));}
  .content{padding:18px 20px 32px;}
}
@media(max-width:900px){
  #ventes-tabs{display:inline-flex;}
  body.sidebar-collapsed{--sw:256px;}
  .menu-btn{display:inline-flex;}
  .sidebar{transform:translateX(calc(-100% * var(--dir-sign, 1)));width:256px;}
  .sidebar.open{transform:translateX(0);box-shadow:0 0 50px rgba(0,0,0,.5);}
  body.sidebar-collapsed .brand-text,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-group-label{display:revert;}
  body.sidebar-collapsed .nav-item{justify-content:flex-start;padding:0 12px;}
  body.sidebar-collapsed .brand{padding:0 18px;justify-content:flex-start;}
  .collapse-btn{display:none;}
  .main{margin-inline-start:0;}
  .topbar{padding:0 14px;gap:8px;}
  .gsearch{display:none;}
  .crumbs>*:not(#crumb-page){display:none;}
  .profile-chip .info{display:none;} .profile-chip{padding:3px;}
  .cash-chip .cash-label{display:none;} .cash-chip{padding:0 11px;}
  .content{padding:16px 14px 28px;}
  #page-title,.page-head h1{font-size:25px;}
  .card-grid-2,.form-grid-2{grid-template-columns:1fr;}
  .type-tile{width:calc(50% - 5px);} .type-tile.has-image{width:calc(50% - 5px);}
  .modal-box,.bc-box{width:100%;}
  .range-btns{overflow-x:auto;max-width:100%;scrollbar-width:none;}
  .range-btn{flex-shrink:0;}
}
@media(max-width:560px){
  .kpi-grid,.kpi-grid.five{grid-template-columns:1fr 1fr;gap:10px;}
  .kpi-value{font-size:26px;}
  .type-tile,.type-tile.has-image{width:100%;flex-direction:row;justify-content:flex-start;text-align:start;min-height:64px;padding:12px 14px;}
  .type-tile.has-image{align-items:center;gap:12px;}
  .type-tile.has-image .type-tile-head{flex:1;}
  .type-tile-img{height:44px;width:60px;flex-shrink:0;}
  .service-grid{grid-template-columns:1fr;}
  .pay-btn{height:62px;}
  .table-head{flex-direction:column;align-items:flex-start;}
  .seg-tabs{width:100%;} .seg-tab{flex:1;justify-content:center;padding:0 10px;}
  .data-table thead th,.data-table tbody td{padding-left:14px;padding-right:14px;}
  .toast{left:14px;right:14px;bottom:14px;max-width:none;}
  .checkout-btn{height:62px;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* ── 15. ARABIC / RTL ──────────────────────────────────────── */
[dir="rtl"] { --skew: 22deg; --skew-s: 14deg; --dir-sign: -1; }
:root[lang="ar"] {
  --font: 'Tajawal','Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display: 'Tajawal','Barlow Condensed',sans-serif;
}
/* Arabic letters join: tracking would break them. The Latin wordmark keeps its spacing. */
[lang="ar"] *, [lang="ar"] *::before, [lang="ar"] *::after { letter-spacing: 0 !important; }
[lang="ar"] .brand-text b { letter-spacing: .14em !important; }
[lang="ar"] .brand-text i { letter-spacing: .3em !important; }
[lang="ar"] #page-title, [lang="ar"] .page-head h1, [lang="ar"] .kpi-value, [lang="ar"] .status-big,
[lang="ar"] .service-price, [lang="ar"] .cart-line .amount, [lang="ar"] .total-box .amount, [lang="ar"] .p-price, [lang="ar"] .pc-price { font-weight: 700; }
[lang="ar"] .nav-group-label, [lang="ar"] .kpi-label, [lang="ar"] .data-table thead th, [lang="ar"] .pos-step-title { text-transform: none; font-size: 12px; }
[lang="ar"] .data-table thead th { font-size: 12px; }

[dir="rtl"] .nav-item.active::before { border-radius: 2px 0 0 2px; }
[dir="rtl"] .sidebar::after { transform: scaleX(-1); }
[dir="rtl"] .form-select { background-position: left 13px center; }
[dir="rtl"] .switch input:checked + .track::before { transform: translateX(-18px); }
[dir="rtl"] .fa-chevron-right, [dir="rtl"] .fa-chevron-left, [dir="rtl"] .fa-arrow-right, [dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-right-from-bracket, [dir="rtl"] .fa-rotate-right, [dir="rtl"] .fa-rotate-left, [dir="rtl"] .fa-angles-right { transform: scaleX(-1); }
[dir="rtl"] .collapse-btn .fa-angles-right, [dir="rtl"] .collapse-btn .fa-angles-left { transform: none; }
[dir="rtl"] .pop-item { text-align: right; }
[dir="rtl"] .toast { text-align: right; }

/* Latin identifiers and numeric fields stay left-to-right and readable inside Arabic text */
.ltr, .bl-mono-tag, .pc-sku, [data-ltr] { direction: ltr; unicode-bidi: isolate; }
.bl-mono-tag, .pc-sku { display: inline-block; }
[dir="rtl"] input[type="number"], [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="password"],
[dir="rtl"] #prod-barcode, [dir="rtl"] #prod-sku { direction: ltr; text-align: right; }
[dir="rtl"] input[type="number"]::placeholder, [dir="rtl"] #prod-barcode::placeholder { direction: rtl; }
[dir="rtl"] .qty-val, [dir="rtl"] .total-box .amount, [dir="rtl"] .kpi-value { unicode-bidi: plaintext; }

/* Product / customer names may be in any script: let the browser pick the direction per text run */
.shop-name, .cart-line .name, .sr-name, .alert-item .nm, .pc-name, .p-name { unicode-bidi: plaintext; text-align: start; }

/* ── Barcode preview (product form), category + misc additions ── */
.bc-actions .btn{white-space:nowrap;flex-shrink:0;}
.bc-preview{margin-top:10px;padding:12px;border:1px dashed var(--border2);border-radius:var(--r);background:var(--bg2);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:84px;justify-content:center;}
.bc-prev-svg{width:100%;max-width:340px;background:#fff;border-radius:6px;padding:4px 6px;line-height:0;}
.bc-prev-svg:empty{display:none;}
.bc-prev-svg svg{width:100%;height:auto;max-height:84px;display:block;}
.bc-prev-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;}
.bc-prev-text{font-family:ui-monospace,Consolas,monospace;font-size:14px;letter-spacing:.14em;font-weight:600;direction:ltr;unicode-bidi:isolate;}
.bc-prev-empty{font-size:12.5px;color:var(--text3);text-align:center;}
.bc-conflict{margin-top:8px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--text);font-size:12.5px;font-weight:600;}
.sr-note.warn{color:var(--warn);}
@media (max-width:560px){.bc-actions{flex-wrap:wrap;} .bc-actions .form-input{flex-basis:100%;}}

/* ═════════ Employee payroll, permissions & work approval ═════════
 * Uses only the existing tokens, so light/dark and RTL (logical properties) follow automatically. */
.notice.info{background:var(--info-soft);border:1px solid color-mix(in srgb,var(--info) 35%,transparent);color:var(--text);}
.notice.info>i{color:var(--info);margin-top:3px;}
.notice.ok{background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);color:var(--text);}
.notice.ok>i{color:var(--ok);margin-top:3px;}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 22px 4px;}
.filter-bar .form-select,.filter-bar .form-input{width:auto;min-width:140px;flex:1 1 150px;max-width:220px;}
.data-table tbody tr.row-pending{box-shadow:inset 3px 0 0 var(--warn);background:color-mix(in srgb,var(--warn-soft) 55%,transparent);}
[dir=rtl] .data-table tbody tr.row-pending{box-shadow:inset -3px 0 0 var(--warn);}
.pill-pulse{animation:pillPulse 2.2s ease-in-out infinite;}
@keyframes pillPulse{0%,100%{box-shadow:0 0 0 0 transparent;}50%{box-shadow:0 0 0 4px var(--warn-soft);}}
@media (prefers-reduced-motion:reduce){.pill-pulse{animation:none;}}
.wc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;}
.wc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px;}
.wc-grid div,.wc-desc{background:var(--bg3);border-radius:var(--r-sm);padding:9px 12px;}
.wc-grid span,.wc-desc span{display:block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:2px;}
.wc-grid b{font-size:13px;}
.wc-desc{margin-bottom:12px;font-size:13px;}
.wc-evidence{display:inline-flex;flex-direction:column;gap:4px;margin-bottom:12px;color:var(--text2);font-size:12px;text-decoration:none;}
.wc-evidence img{max-width:220px;max-height:160px;border-radius:var(--r-sm);border:1px solid var(--border);object-fit:cover;}
.wc-compare{margin-bottom:12px;}
.wc-compare tr.wc-flag td{background:var(--warn-soft);}
.wc-review,.wc-link{border:1px solid var(--border2);border-radius:var(--r);padding:14px;margin:12px 0;background:var(--card);}
.wc-actions{display:flex;gap:8px;flex-wrap:wrap;}
.audit-list{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--border2);}
.audit-list li{padding:0 0 12px 14px;padding-inline:14px 0;position:relative;}
.audit-list li::before{content:'';position:absolute;inset-inline-start:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--accent);}
.audit-head{font-size:13px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.audit-flow,.audit-meta{font-size:11.5px;color:var(--text2);}
.audit-vals{font-size:11.5px;color:var(--text2);margin-top:2px;}
.audit-vals em{font-style:normal;font-weight:700;margin-inline-end:4px;color:var(--text);}
.audit-kv{display:inline-block;margin-inline-end:8px;} .audit-kv i{font-style:normal;opacity:.75;}
.audit-note{font-size:12px;margin-top:3px;font-style:italic;}
.perm-mod{border:1px solid var(--border);border-radius:var(--r);padding:12px;margin-bottom:10px;background:var(--bg3);}
.perm-mod-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;}
.perm-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--border);font-size:12.5px;cursor:pointer;}
.perm-item.disabled{opacity:.45;cursor:not-allowed;}
.perm-item input{flex:none;} .perm-item span{flex:1;min-width:0;}
.perm-act{font-style:normal;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:999px;background:var(--bg3);color:var(--text2);}
.perm-act-approve,.perm-act-pay{background:var(--warn-soft);color:var(--warn);} .perm-act-manage,.perm-act-edit{background:var(--accent-soft);color:var(--accent-2);}
.rate-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr) auto;gap:6px;margin-bottom:6px;align-items:center;}
.home-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;}
.home-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .14s,transform .14s;}
.home-tile i{font-size:26px;color:var(--accent-2);} .home-tile:hover{border-color:var(--accent);transform:translateY(-2px);}
@media(max-width:700px){
  .rate-row{grid-template-columns:1fr 1fr;} .rate-row .r-service{grid-column:1 / -1;}
  .filter-bar{padding-inline:14px;} .filter-bar .form-select,.filter-bar .form-input{max-width:none;flex-basis:46%;}
  .wc-head{flex-direction:column;}
  #mw-form .form-grid-2{grid-template-columns:1fr;} #mw-form .form-input,#mw-form .form-select{height:46px;font-size:16px;} #mw-form .form-textarea{font-size:16px;}
  #mw-submit{width:100%;height:48px;}
}

/* ── simple employee flow ── */
.mw-card{max-width:520px;margin-bottom:16px;}
.mw-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:16px;display:flex;gap:10px;align-items:center;}
.mw-title i{color:var(--accent-2);}
.mw-big{height:50px!important;font-size:16px!important;}
.mw-send{width:100%;height:52px;font-size:15px;}
.mw-reason{font-size:11.5px;color:var(--danger);margin-top:3px;font-style:italic;}
.svc-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;}
.svc-check{display:flex;gap:9px;align-items:center;padding:9px 11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg3);cursor:pointer;font-size:13px;}
.svc-check span{display:flex;flex-direction:column;} .svc-check small{font-size:10.5px;color:var(--text2);}
.ap-actions{white-space:nowrap;display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
@media(max-width:700px){
  /* approvals: one card per submission on phones */
  .ap-table thead{display:none;} .ap-table,.ap-table tbody,.ap-table tr,.ap-table td{display:block;width:100%;}
  .ap-table tr{border-bottom:1px solid var(--border);padding:12px 14px;}
  .ap-table td{padding:3px 0!important;border:none!important;text-align:start!important;}
  .ap-table td[data-label]::before{content:attr(data-label) ': ';font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;}
  .ap-actions{margin-top:8px;} .ap-actions .btn{flex:1;height:44px;justify-content:center;}
  .who-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:700px){ .hide-sm{display:none!important;} .mw-table td,.mw-table th{padding:10px 8px!important;} .mw-table .pill{white-space:normal;} }
@media(max-width:700px){ .mw-table{table-layout:fixed;width:100%;} .mw-table th{white-space:normal;font-size:10px;} .mw-table th:nth-child(2){width:28%;} .mw-table th:nth-child(3){width:34%;} .mw-table td{white-space:normal!important;overflow-wrap:anywhere;} .mw-table .pill{font-size:10.5px;padding:3px 7px;} }
.claim-desc{max-width:420px;overflow-wrap:anywhere;}
@media(max-width:700px){ .mw-table th{letter-spacing:0!important;overflow-wrap:anywhere;} .mw-table th:nth-child(2){width:38%;} .mw-table th:nth-child(3){width:28%;} .mw-table th:nth-child(4){width:34%;} }

/* ── earnings widgets ── */
.earn-cards{margin-bottom:12px;} .earn-adv{margin-bottom:16px;}
.earn-date{font-size:11px;color:var(--text2);margin-top:2px;} .muted{color:var(--text3);}
@media(max-width:700px){ .earn-cards{grid-template-columns:repeat(2,minmax(0,1fr));} .earn-cards .kpi-value{font-size:24px;} .earn-table th{letter-spacing:0;font-size:10px;white-space:normal;} .earn-table td{white-space:normal;} }
@media(max-width:700px){
  .stack-table thead{display:none;} .stack-table,.stack-table tbody,.stack-table tr,.stack-table td{display:block;width:100%;}
  .stack-table tr{border-bottom:1px solid var(--border);padding:12px 14px;}
  .stack-table td{padding:4px 0!important;border:none!important;text-align:start!important;white-space:normal!important;}
  .stack-table td[data-label]{display:flex;justify-content:space-between;align-items:center;gap:12px;}
  .stack-table td[data-label]::before{content:attr(data-label);font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;flex:none;}
  .stack-table td.claim-desc{display:block;font-weight:600;font-size:14px;}
}
@media(max-width:700px){ .stack-table td.claim-desc::before{display:none;} .stack-table td.claim-desc{margin-bottom:4px;} }