/* ══════════════════════════════════════════════════════════════════
   TGN staff themes. Shared by every staff page in sf26.
   theme.js sets <html data-theme="refined|telemetry|pitwall|custom"
   data-tone="dark|light"> before the page paints. Every page keeps its
   own variable names (--bg, --panel, --card…). The alias block at the
   bottom points them at the theme tokens (--t-*), so one stylesheet
   restyles the whole app.
   ══════════════════════════════════════════════════════════════════ */

/* ── Option A: Refined Dark (default) ── */
html[data-theme="refined"],
html[data-theme="custom"][data-tone="dark"] {
    color-scheme: dark;
    --t-bg: #101012;        --t-surface: #17171a;   --t-sidebar: #141416;
    --t-raised: #1f1f23;    --t-raised2: #26262b;   --t-head: #1d1d21;
    --t-hover: rgba(255,255,255,.04);  --t-hover2: rgba(255,255,255,.07);
    --t-line: rgba(255,255,255,.07);   --t-line2: rgba(255,255,255,.12);
    --t-text: #e8e8ea;      --t-strong: #f4f4f5;    --t-text2: #c4c4cc;
    --t-muted: #9a9aa6;     --t-text3: #7c7c88;     --t-scroll: rgba(255,255,255,.14);
    --t-accent: #f59e0b;    --t-accent-hi: #fbbf24;
    --t-accent-soft: rgba(245,158,11,.12);  --t-accent-line: rgba(245,158,11,.4);
    --t-on-accent: #1a1205;
    --t-danger: #fca5a5;    --t-danger-soft: rgba(220,38,38,.16);  --t-danger-line: rgba(220,38,38,.4);
    --t-info: #93c5fd;      --t-info-soft: rgba(59,130,246,.14);   --t-info-line: rgba(59,130,246,.4);
    --t-ok: #86efac;        --t-ok-soft: rgba(34,197,94,.16);
    --t-warn: #fde68a;      --t-warn-soft: rgba(250,204,21,.16);
    --t-bad: #fca5a5;       --t-bad-soft: rgba(239,68,68,.18);
    --t-purple: #d4c4ff;    --t-purple-soft: rgba(139,92,246,.12); --t-purple-line: rgba(139,92,246,.4);
    --t-money: #fbbf24;
    --t-font: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --t-num: var(--t-font);
    --t-head-rule: 2px solid var(--t-accent);
    --t-label-track: .08em;
    --t-shadow: 0 16px 40px rgba(0,0,0,.45);
    --t-pill-radius: 6px;
    --t-title-weight: 700;

    /* Tier / paid / branch pills: fg, bg, border */
    --p-purple: #c4b5fd; --p-purple-bg: rgba(139,92,246,.2);  --p-purple-bd: transparent;
    --p-pink:   #f0abfc; --p-pink-bg:   rgba(217,70,239,.18); --p-pink-bd:   transparent;
    --p-blue:   #93c5fd; --p-blue-bg:   rgba(59,130,246,.2);  --p-blue-bd:   transparent;
    --p-orange: #fdba74; --p-orange-bg: rgba(249,115,22,.2);  --p-orange-bd: transparent;
    --p-red:    #fca5a5; --p-red-bg:    rgba(239,68,68,.22);  --p-red-bd:    transparent;
    --p-grey:   #b4b4bf; --p-grey-bg:   rgba(161,161,170,.14);--p-grey-bd:   transparent;
    --p-green:  #86efac; --p-green-bg:  rgba(34,197,94,.16);  --p-green-bd:  transparent;
    --p-yellow: #fde68a; --p-yellow-bg: rgba(250,204,21,.16); --p-yellow-bd: transparent;
    --p-gold:   #fcd34d; --p-gold-bg:   rgba(234,179,8,.18);  --p-gold-bd:   transparent;
    --p-black:  #e9d5ff; --p-black-bg:  rgba(88,28,135,.45);  --p-black-bd:  transparent;
    --b-jhb: #fdba74; --b-jhb-bg: rgba(249,115,22,.2);
    --b-cpt: #bfdbfe; --b-cpt-bg: #1e3a8a;
    --b-kzn: #86efac; --b-kzn-bg: rgba(34,197,94,.18);
    --b-jhb-dot: #fb923c; --b-cpt-dot: #818cf8; --b-kzn-dot: #4ade80;
    --b-dot-show: none;
    --p-dot-show: none;
}

/* ── Option B: Slate Telemetry ── */
html[data-theme="telemetry"] {
    color-scheme: dark;
    --t-bg: #0b1118;        --t-surface: #0e151e;   --t-sidebar: #0d141c;
    --t-raised: #121c28;    --t-raised2: #172334;   --t-head: #121c28;
    --t-hover: #111b27;     --t-hover2: #152131;
    --t-line: #1a2431;      --t-line2: #223042;
    --t-text: #dbe4ee;      --t-strong: #f1f5f9;    --t-text2: #a9b8c9;
    --t-muted: #8da0b6;     --t-text3: #6f8196;     --t-scroll: #223042;
    --t-accent: #22d3ee;    --t-accent-hi: #67e8f9;
    --t-accent-soft: rgba(34,211,238,.1);   --t-accent-line: #1d5a68;
    --t-on-accent: #04212a;
    --t-danger: #fda4af;    --t-danger-soft: transparent;          --t-danger-line: #6b2230;
    --t-info: #22d3ee;      --t-info-soft: transparent;            --t-info-line: #1d5a68;
    --t-ok: #6ee7a0;        --t-ok-soft: rgba(34,197,94,.14);
    --t-warn: #fcd34d;      --t-warn-soft: rgba(250,204,21,.14);
    --t-bad: #fca5a5;       --t-bad-soft: rgba(239,68,68,.16);
    --t-purple: #c4b5fd;    --t-purple-soft: #101a26;              --t-purple-line: #2a3a50;
    --t-money: #fcd34d;
    --t-font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --t-num: "IBM Plex Mono", ui-monospace, Consolas, monospace;
    --t-head-rule: 1px solid #223042;
    --t-label-track: .12em;
    --t-shadow: 0 16px 40px rgba(0,0,0,.55);
    --t-pill-radius: 999px;
    --t-title-weight: 600;

    --p-purple: #c4b5fd; --p-purple-bg: transparent; --p-purple-bd: #4c3a8a;
    --p-pink:   #f0abfc; --p-pink-bg:   transparent; --p-pink-bd:   #6b2a7a;
    --p-blue:   #93c5fd; --p-blue-bg:   transparent; --p-blue-bd:   #27509a;
    --p-orange: #fdba74; --p-orange-bg: transparent; --p-orange-bd: #7a4414;
    --p-red:    #fca5a5; --p-red-bg:    transparent; --p-red-bd:    #7a2a2a;
    --p-grey:   #9fb0c3; --p-grey-bg:   transparent; --p-grey-bd:   #2d3a4b;
    --p-green:  #6ee7a0; --p-green-bg:  rgba(34,197,94,.14);  --p-green-bd:  transparent;
    --p-yellow: #fcd34d; --p-yellow-bg: rgba(250,204,21,.14); --p-yellow-bd: transparent;
    --p-gold:   #fcd34d; --p-gold-bg:   transparent; --p-gold-bd:   #7a5a14;
    --p-black:  #e9d5ff; --p-black-bg:  transparent; --p-black-bd:  #6b3a9a;
    --b-jhb: #dbe4ee; --b-jhb-bg: transparent;
    --b-cpt: #bfdbfe; --b-cpt-bg: transparent;
    --b-kzn: #dbe4ee; --b-kzn-bg: transparent;
    --b-jhb-dot: #fb923c; --b-cpt-dot: #3b82f6; --b-kzn-dot: #4ade80;
    --b-dot-show: inline-block;
    --p-dot-show: inline-block;
}

/* ── Option C: Light Pit Wall ── */
html[data-theme="pitwall"],
html[data-theme="custom"][data-tone="light"] {
    color-scheme: light;
    --t-bg: #f3f2ee;        --t-surface: #ffffff;   --t-sidebar: #ffffff;
    --t-raised: #ffffff;    --t-raised2: #f3f1ea;   --t-head: #f7f5ef;
    --t-hover: #faf8f3;     --t-hover2: #f3f1ea;
    --t-line: #ece9e2;      --t-line2: #d9d5cb;
    --t-text: #1d1c1a;      --t-strong: #1d1c1a;    --t-text2: #45433f;
    --t-muted: #6b6b73;     --t-text3: #77746c;     --t-scroll: #d9d5cb;
    --t-accent: #b45309;    --t-accent-hi: #92400e;
    --t-accent-soft: #fdf1e1;               --t-accent-line: #f0c99a;
    --t-on-accent: #ffffff;
    --t-danger: #b91c1c;    --t-danger-soft: #ffffff;              --t-danger-line: #f0b4b4;
    --t-info: #ffffff;      --t-info-soft: #1d4ed8;                --t-info-line: #1d4ed8;
    --t-ok: #166534;        --t-ok-soft: #dcfce7;
    --t-warn: #854d0e;      --t-warn-soft: #fef3c7;
    --t-bad: #991b1b;       --t-bad-soft: #fee2e2;
    --t-purple: #5b21b6;    --t-purple-soft: #f4effe;              --t-purple-line: #d8ccf5;
    --t-money: #1d1c1a;
    --t-font: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --t-num: var(--t-font);
    --t-head-rule: 2px solid var(--t-accent);
    --t-label-track: .08em;
    --t-shadow: 0 16px 40px rgba(30,28,20,.14);
    --t-pill-radius: 6px;
    --t-title-weight: 800;

    --p-purple: #5b21b6; --p-purple-bg: #ede9fe; --p-purple-bd: transparent;
    --p-pink:   #86198f; --p-pink-bg:   #fae8ff; --p-pink-bd:   transparent;
    --p-blue:   #1e40af; --p-blue-bg:   #dbeafe; --p-blue-bd:   transparent;
    --p-orange: #9a3412; --p-orange-bg: #ffedd5; --p-orange-bd: transparent;
    --p-red:    #991b1b; --p-red-bg:    #fee2e2; --p-red-bd:    transparent;
    --p-grey:   #475569; --p-grey-bg:   #e8eef5; --p-grey-bd:   transparent;
    --p-green:  #166534; --p-green-bg:  #dcfce7; --p-green-bd:  transparent;
    --p-yellow: #854d0e; --p-yellow-bg: #fef3c7; --p-yellow-bd: transparent;
    --p-gold:   #854d0e; --p-gold-bg:   #fde68a; --p-gold-bd:   transparent;
    --p-black:  #ffffff; --p-black-bg:  #3b0764; --p-black-bd:  transparent;
    --b-jhb: #9a3412; --b-jhb-bg: #ffedd5;
    --b-cpt: #bfdbfe; --b-cpt-bg: #1e3a8a;
    --b-kzn: #166534; --b-kzn-bg: #dcfce7;
    --b-jhb-dot: #ea580c; --b-cpt-dot: #4f46e5; --b-kzn-dot: #16a34a;
    --b-dot-show: none;
    --p-dot-show: none;
}

/* ── Aliases: each page's own variable names → theme tokens ──
   html[data-theme] (0,1,1) outranks the pages' :root and [data-tone] rules. */
html[data-theme] {
    /* dashboard.html, calendar.html */
    --bg: var(--t-bg);          --bg2: var(--t-surface);   --bg3: var(--t-raised2);
    --input-bg: var(--t-raised); --border: var(--t-line);  --border2: var(--t-line2);
    --text: var(--t-text);      --text2: var(--t-muted);   --text3: var(--t-text3);
    --accent: var(--t-accent);  --scroll: var(--t-scroll);
    --ht-odd: var(--t-surface); --ht-even: var(--t-surface);
    --ht-text: var(--t-text);   --ht-border: var(--t-line);
    /* bookings.html */
    --panel: var(--t-surface);  --panel2: var(--t-raised);  --panel3: var(--t-raised2);
    --line: var(--t-line2);     --line2: var(--t-line2);
    --muted: var(--t-muted);    --faint: var(--t-text3);
    --accent2: var(--t-accent-hi); --accent-soft: var(--t-accent-soft);
    --shadow: var(--t-shadow);
    /* admin.html, points.html, portal_admin.html, ac_admin.html */
    --card: var(--t-surface);   --card2: var(--t-raised);
    /* stock.html */
    --surface: var(--t-surface); --surface2: var(--t-raised);
    --on-accent: var(--t-on-accent);
}
html[data-theme] body { font-family: var(--t-font); }
html[data-theme] :is(button, input, select, textarea) { font-family: inherit; }
html[data-theme] ::-webkit-scrollbar-thumb { background: var(--t-scroll); }

/* ══ Theme button + menu ══ */
.tgt { position: relative; display: inline-flex; }
/* html[data-theme] prefix: beats page rules such as ".top .nav button" */
html[data-theme] .tgt .tgt-btn {
    height: 34px; padding: 0 12px 0 14px; display: inline-flex; align-items: center; gap: 8px;
    background: var(--t-raised); color: var(--t-text); border: 1px solid var(--t-line2);
    border-radius: 8px; font: inherit; font-size: 13px; font-weight: 500; cursor: pointer; white-space: nowrap;
}
html[data-theme="telemetry"] .tgt .tgt-btn { background: transparent; color: var(--t-text2); }
html[data-theme="pitwall"] .tgt .tgt-btn { font-weight: 600; color: var(--t-text2); }
html[data-theme] .tgt .tgt-btn:hover { filter: brightness(1.15); }
html[data-tone="light"] .tgt .tgt-btn:hover { filter: brightness(.97); }
.tgt-btn svg { flex: none; }
.tgt-menu {
    position: absolute; top: calc(100% + 6px); right: 0; z-index: 3000; min-width: 236px;
    background: var(--t-surface); color: var(--t-text); border: 1px solid var(--t-line2);
    border-radius: 12px; padding: 6px; box-shadow: var(--t-shadow); font-size: 13px;
}
.tgt-menu[hidden] { display: none; }
.tgt-menu-title {
    padding: 6px 10px 6px; font-size: 10.5px; font-weight: 600; text-transform: uppercase;
    letter-spacing: var(--t-label-track); color: var(--t-muted);
}
html[data-theme] .tgt .tgt-item {
    display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 6px 10px;
    border: 0; border-radius: 8px; background: transparent; color: var(--t-text);
    font: inherit; text-align: left; cursor: pointer;
}
html[data-theme] .tgt .tgt-item:hover, html[data-theme] .tgt .tgt-item:focus-visible { background: var(--t-hover2); }
html[data-theme] .tgt .tgt-item[aria-checked="true"] { background: var(--t-accent-soft); color: var(--t-accent); font-weight: 600; }
.tgt-item .tgt-name { flex: 1; }
.tgt-item .tgt-tick { opacity: 0; }
.tgt-item[aria-checked="true"] .tgt-tick { opacity: 1; }
.tgt-sw {
    width: 30px; height: 20px; border-radius: 5px; flex: none; display: flex; overflow: hidden;
    border: 1px solid var(--t-line2);
}
.tgt-sw i { flex: 1; }
.tgt-sep { height: 1px; margin: 6px 4px; background: var(--t-line); }

/* ══ Custom theme editor ══ */
.tgt-modal {
    position: fixed; inset: 0; z-index: 3100; display: flex; align-items: center; justify-content: center;
    background: rgba(0,0,0,.5); padding: 16px;
}
.tgt-modal[hidden] { display: none; }
.tgt-dialog {
    width: 100%; max-width: 440px; max-height: calc(100dvh - 32px); overflow-y: auto;
    background: var(--t-surface); color: var(--t-text); border: 1px solid var(--t-line2);
    border-radius: 14px; box-shadow: var(--t-shadow); padding: 20px 22px; font-size: 13px;
}
.tgt-dialog h2 { margin: 0 0 4px; font-size: 17px; font-weight: var(--t-title-weight); color: var(--t-strong); }
.tgt-dialog p { margin: 0 0 14px; color: var(--t-muted); line-height: 1.45; }
.tgt-field { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--t-line); }
.tgt-field:last-of-type { border-bottom: 0; }
.tgt-field > label, .tgt-field > span { font-weight: 500; }
.tgt-field input[type=color] {
    width: 54px; height: 34px; padding: 2px; border: 1px solid var(--t-line2); border-radius: 8px;
    background: var(--t-raised); cursor: pointer;
}
.tgt-field select {
    height: 34px; padding: 0 10px; min-width: 160px; border: 1px solid var(--t-line2); border-radius: 8px;
    background: var(--t-raised); color: var(--t-text); font: inherit;
}
.tgt-seg { display: inline-flex; border: 1px solid var(--t-line2); border-radius: 8px; overflow: hidden; }
.tgt-seg button {
    min-height: 34px; padding: 0 14px; border: 0; background: var(--t-raised); color: var(--t-text2);
    font: inherit; font-weight: 500; cursor: pointer;
}
.tgt-seg button[aria-pressed="true"] { background: var(--t-accent); color: var(--t-on-accent); font-weight: 600; }
.tgt-presets { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 12px; }
.tgt-presets button {
    min-height: 32px; padding: 0 10px; border: 1px solid var(--t-line2); border-radius: 999px;
    background: var(--t-raised); color: var(--t-text2); font: inherit; font-size: 12px; cursor: pointer;
}
.tgt-presets button:hover { color: var(--t-text); border-color: var(--t-accent-line); }
.tgt-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.tgt-actions button {
    min-height: 38px; padding: 0 16px; border-radius: 8px; border: 1px solid var(--t-line2);
    background: var(--t-raised); color: var(--t-text); font: inherit; font-weight: 600; cursor: pointer;
}
.tgt-actions .tgt-primary { background: var(--t-accent); border-color: var(--t-accent); color: var(--t-on-accent); }
.tgt-actions .tgt-left { margin-right: auto; color: var(--t-muted); }

/* ══ Shared table pills (dashboard Tier / Paid / Branch / membership cells) ══ */
.tgp { position: relative; display: block; max-width: 160px; margin: 0 auto; line-height: normal; }
.tgp select, .tgp > b {
    display: block; width: 100%; box-sizing: border-box; margin: 0;
    appearance: none; -webkit-appearance: none;
    padding: 3px 22px; border: 1px solid var(--pbd, transparent); border-radius: var(--t-pill-radius);
    background: var(--pbg); color: var(--pfg);
    font: inherit; font-size: 11.5px; font-weight: 600; letter-spacing: .02em;
    text-align: center; text-align-last: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    cursor: pointer; outline: 0;
}
.tgp > b { padding: 3px 10px; cursor: default; }
.tgp select:hover { filter: brightness(1.15); }
html[data-tone="light"] .tgp select:hover { filter: brightness(.96); }
.tgp select:focus-visible { outline: 2px solid var(--t-accent); outline-offset: 1px; }
.tgp select option { background: var(--t-surface); color: var(--t-text); }
.tgp svg { position: absolute; right: 9px; top: 50%; margin-top: -5px; pointer-events: none; color: var(--pfg); }
.tgp i {
    display: var(--p-dot-show); position: absolute; left: 10px; top: 50%; margin-top: -3px;
    width: 6px; height: 6px; border-radius: 50%; background: var(--pfg); pointer-events: none;
}
.tgp.paid select { font-size: 11px; font-weight: 700; letter-spacing: .05em; }
.tgp.tier i { display: none; }
.tgp.c-purple { --pfg: var(--p-purple); --pbg: var(--p-purple-bg); --pbd: var(--p-purple-bd); }
.tgp.c-pink   { --pfg: var(--p-pink);   --pbg: var(--p-pink-bg);   --pbd: var(--p-pink-bd); }
.tgp.c-blue   { --pfg: var(--p-blue);   --pbg: var(--p-blue-bg);   --pbd: var(--p-blue-bd); }
.tgp.c-orange { --pfg: var(--p-orange); --pbg: var(--p-orange-bg); --pbd: var(--p-orange-bd); }
.tgp.c-red    { --pfg: var(--p-red);    --pbg: var(--p-red-bg);    --pbd: var(--p-red-bd); }
.tgp.c-grey   { --pfg: var(--p-grey);   --pbg: var(--p-grey-bg);   --pbd: var(--p-grey-bd); }
.tgp.c-green  { --pfg: var(--p-green);  --pbg: var(--p-green-bg);  --pbd: var(--p-green-bd); }
.tgp.c-yellow { --pfg: var(--p-yellow); --pbg: var(--p-yellow-bg); --pbd: var(--p-yellow-bd); }
.tgp.c-gold   { --pfg: var(--p-gold);   --pbg: var(--p-gold-bg);   --pbd: var(--p-gold-bd); }
.tgp.c-black  { --pfg: var(--p-black);  --pbg: var(--p-black-bg);  --pbd: var(--p-black-bd); }
.tgp.c-alert  { --pfg: #ffffff;         --pbg: #dc2626;            --pbd: transparent; }
.tgp.c-none   { --pfg: var(--t-text3);  --pbg: transparent;        --pbd: var(--t-line2); }

.tgb {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 46px;
    padding: 3px 8px; border-radius: 6px; box-sizing: border-box;
    font-size: 11.5px; font-weight: 700; letter-spacing: .04em; line-height: normal;
    color: var(--bfg, var(--t-text2)); background: var(--bbg, transparent);
}
.tgb::before { content: ""; display: var(--b-dot-show); width: 8px; height: 8px; border-radius: 2px; background: var(--bdot, var(--t-text3)); }
.tgb.JHB { --bfg: var(--b-jhb); --bbg: var(--b-jhb-bg); --bdot: var(--b-jhb-dot); }
.tgb.CPT { --bfg: var(--b-cpt); --bbg: var(--b-cpt-bg); --bdot: var(--b-cpt-dot); }
.tgb.KZN { --bfg: var(--b-kzn); --bbg: var(--b-kzn-bg); --bdot: var(--b-kzn-dot); }

/* ══ Topbar chrome for pages built like the dashboard (calendar, analytics).
   Opt in with <body class="tg-chrome">. ══ */
.tg-chrome .topbar {
    display: flex; align-items: center; gap: 10px 14px; padding: 10px 20px; height: auto; min-height: 56px; flex-wrap: wrap;
    background: var(--t-surface); border-bottom: 1px solid var(--t-line2);
}
.tg-chrome .topbar-title {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 15px; font-weight: var(--t-title-weight); letter-spacing: -0.01em; color: var(--t-accent);
}
html[data-theme="telemetry"] .tg-chrome .topbar-title { color: var(--t-strong); }
html[data-theme="telemetry"] .tg-chrome .topbar-title::before { content: ""; width: 8px; height: 22px; border-radius: 2px; background: var(--t-accent); }
.tg-chrome .tb-sep { background: var(--t-line2); }
.tg-chrome :is(.tbtn, .logout-tbtn, .nav-arrow, .tb-select) {
    height: 34px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    border: 1px solid var(--t-line2); border-radius: 8px;
    background: var(--t-raised); color: var(--t-text); font-size: 13px; font-weight: 500; cursor: pointer;
}
.tg-chrome .nav-arrow { width: 34px; padding: 0; }
.tg-chrome :is(.tbtn, .nav-arrow, .tb-select):hover { background: var(--t-raised); color: var(--t-strong); filter: brightness(1.18); }
html[data-tone="light"] .tg-chrome :is(.tbtn, .nav-arrow, .tb-select):hover { filter: brightness(.97); }
.tg-chrome .tbtn.primary { background: var(--t-accent); border-color: var(--t-accent); color: var(--t-on-accent); font-weight: 600; }
.tg-chrome .logout-tbtn, .tg-chrome .logout-tbtn:hover {
    background: var(--t-danger-soft); color: var(--t-danger); border-color: var(--t-danger-line); font-weight: 600;
}
.tg-chrome .logout-tbtn:hover { filter: brightness(1.15); }
.tg-chrome .tb-select option { background: var(--t-surface); color: var(--t-text); }
@media (max-width: 640px) {
    .tg-chrome .topbar { padding: 8px 10px; gap: 8px; }
    .tg-chrome :is(.tbtn, .logout-tbtn, .nav-arrow, .tb-select) { height: 40px; }
    .tg-chrome .tgt-btn span { display: none; }
}