/* [SG-PATCH 2026-10-10 A282 | Felix] sg2026 skin, batch B2: tokens, both themes, «Timeable», base type, page background.
   Plan: Deliverables/2026-10-10-socialgrow-sg2026-dev-install-plan.md §3.3, §3.7. Canon: GL-003 §7.3, §7.7.1-§7.7.9.
   Values: kit tokens-v5.json + kit-v5.css §1-§3 (sha256 7a7f5dc5… at B2), ported as-is; where kit and GL-003 differ, GL-003.
   This file loads only when sg2026 is the active theme (global or admin preview): the B1 buffer adds data-skin="sg26" on <html>
   and this <link> before </head>. With the default theme nothing here is requested.

   THEME HOOKS, as in the code (GL-003 §7.7.9): dark = body.darkside; light = body without it; a dark container in a light page =
   [data-theme="dark"]. Fixed-dark pages declare it on <body> (auth and support «darkside», /renew data-theme="dark"); pages
   with a bare <body> and no app topbar are never repainted (§9, A282.1). The topbar switch toggles body.darkside; tokens follow.

   BRAND (GL-003 §7.7.7): on a tenant the server injects the 8 --brand-* per theme (:root light, body.darkside dark,
   BrandTokens.php) and adds body.np-reseller. This file never writes --brand-* on a tenant that has a colour: platform values
   are scoped to body:not(.np-reseller). --sg-* are derived here from --brand-primary and never come from the server.
   Section 6 removes the A273 1-bis freeze of --pf-* on tenants (D15 d): every accent role reads --brand-*.

   Not here (later batches): shell and page gap (B3), component rules and link colours (B4), the kit's type utility classes
   and h1-p margin reset (B4: class names collide with product classes such as .label, .caption, .list, .muted). */
/* stylelint-disable no-descending-specificity -- the token blocks set disjoint custom properties per theme/brand; the only
   overlapping properties (background and colour on body/html) are ordered and commented in §9. */

/* [SG-PATCH 2026-10-21 A347 S11 | Felix] Vera S10 B1: the Reactions and Growth tour cards paint themselves dark in both themes
   (their own <style>), so they are fixed-dark containers: listed with [data-theme] in the five theme hooks below. The affiliate
   card follows the theme (pages/core.css, --modal-bg) and is not listed. */
/* 1. DARK (default) + theme-neutral tokens. On body, on every container that declares a theme, and on <html> (page canvas). */
html[data-skin="sg26"],
html[data-skin="sg26"] body,
html[data-skin="sg26"] body [data-theme],
html[data-skin="sg26"] body :is(#rx-tour-tooltip, #gr-tour-tooltip) {
  color-scheme: dark;
  --sg-accent-2: oklch(from var(--brand-primary) min(calc(l + .16), .9) calc(c * .75) h);
  --sg-deep: oklch(from var(--brand-primary) calc(l - .09) c h);
  --sg-fill-1: oklch(from var(--brand-primary) clamp(.2, calc(l - .05 * var(--sg-dir)), .97) c h);
  --sg-fill-2: oklch(from var(--brand-primary) clamp(.2, calc(l - .09 * var(--sg-dir)), .97) c h);
  --sg-fill-3: oklch(from var(--brand-primary) clamp(.2, calc(l - .16 * var(--sg-dir)), .97) c h);
  --sg-soft: oklch(from var(--sg-accent-2) max(l, .86) min(c, .075) h);
  --sg-ink-2: oklch(from var(--sg-accent-2) max(l, .72) c h);
  --sg-save: oklch(from var(--sg-accent-2) max(l, .9) min(c, .06) h);
  --sg-gradient: linear-gradient(135deg, var(--sg-accent-2) 0%, var(--brand-primary) 55%, var(--sg-deep) 100%);
  --sg-gradient-fill: linear-gradient(135deg, var(--sg-fill-1) 0%, var(--sg-fill-2) 55%, var(--sg-fill-3) 100%);
  --sg-glow-rest: inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 1px color-mix(in srgb, var(--brand-primary) 55%, transparent), 0 10px 30px -12px color-mix(in srgb, var(--brand-primary) 60%, transparent);
  --sg-glow-hover: inset 0 1px 0 rgba(255,255,255,.26), 0 0 0 1px color-mix(in srgb, var(--sg-accent-2) 55%, transparent), 0 0 24px color-mix(in srgb, var(--sg-accent-2) 30%, transparent), 0 14px 36px -12px color-mix(in srgb, var(--brand-primary) 80%, transparent);
  --sg-grad-text: linear-gradient(92deg, #fff, oklch(from var(--sg-accent-2) .96 .03 h) 30%, oklch(from var(--sg-accent-2) .85 .09 h) 64%, var(--brand-primary-text));
  --hl-a1: 20%; --hl-a2: 6%; --glow-a1: 30%; --glow-a2: 10%; --tile-a1: 18%; --tile-a2: 22%;
  --bg: #000; --topbar-bg: #000; --surface: #0e0e10; --surface-hi: #161618; --surface-alt: #1c1c1e; --surface-raised: #2c2c2e;
  --row-bg: #2c2c2e; --tonal-bg: #2c2c2e; --input-bg: #1c1c1e; --switch-off: #2c2c2e; --switch-knob: #d1d1d6;
  --knob-shadow: 0 2px 4px rgba(0,0,0,.4); --modal-bg: linear-gradient(180deg, #1c1c1e, #141416);
  --border: rgba(255,255,255,.08); --border-2: rgba(255,255,255,.12); --border-hover: rgba(255,255,255,.24); --border-dash: rgba(255,255,255,.14);
  --inset-border: rgba(255,255,255,.09); --hi: rgba(255,255,255,.06); --hover-fill: rgba(255,255,255,.06);
  --fill-1: rgba(255,255,255,.025); --fill-2: rgba(255,255,255,.035); --fill-3: rgba(255,255,255,.04);
  --card-bg: linear-gradient(180deg, var(--surface-hi), var(--surface));
  --card-edge: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06) 34%, rgba(255,255,255,.08));
  --card-shadow: inset 0 1px 0 var(--hi);
  --grad-card-bg: linear-gradient(180deg, #1c1c1e, #111113); --grad-card-mid: rgba(255,255,255,.1);
  --grad-card-shadow: inset 0 1px 0 var(--border), 0 40px 100px -40px color-mix(in srgb, var(--brand-primary) 50%, transparent);
  --sidebar-line: var(--border); --sidebar-shadow: none; --topbar-line: var(--border); --topbar-avatar: 36px; --menu-line: var(--border-2); --r-menu: 14px;
  --border-strong: #7e7e7e; --border-strong-hover: #8e8e93;
  --text: #f5f5f7; --text-2: #d1d1d6; --text-muted: #c7c7cc; --text-3: #aeaeb2; --text-subtle: #aeaeb2; --text-max: #fff;
  --btn2-bg: #f5f5f7; --btn2-bg-hover: #fff; --btn2-fg: #000; --outline-fg: #fff;
  --outline-border: color-mix(in srgb, var(--sg-accent-2) 60%, transparent); --danger-hover-fg: #ff8a82;
  --status-success: #30d158; --status-danger: #ff6961; --status-danger-line: #ff453a; --status-warning: #ffd60a; --status-info: #64d2ff; --live: #30d158;
  --t-success: 48,209,88; --t-danger: 255,69,58; --t-warning: 255,214,10; --t-info: 100,210,255; --t-neutral: 255,255,255;
  --scrim: rgba(0,0,0,.66); --shadow-c: rgba(0,0,0,.9); --shadow-sm: 0 1px 2px rgba(0,0,0,.5); --shadow-lg: 0 40px 100px -30px rgba(0,0,0,.95); --logo-filter: none;
  --f: "Timeable", "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-display: var(--f); --font-sans: var(--f); --font-mono: var(--f);
  --r-sm: 6px; --r-md: 10px; --r-inset: 14px; --r-lg: 16px; --r-xl: 20px; --r-full: 999px;
  --ease: cubic-bezier(.2,.7,.2,1); --tr: opacity .2s, transform .2s var(--ease); /* [A285.18] compositor-only (was colours + box-shadow: repaint per frame on hover) */
  --sidebar-w: 248px; --rail-w: 76px; --topbar-h: 61px; --pad-page: 32px; --gap-block: 24px; --pad-card: 24px;
}

/* 2. LIGHT (code skin A261/A273/A274). Body without .darkside / data-theme="dark", a light container, or <html> over such a body. */
html[data-skin="sg26"]:not(:has(> body.darkside)):not(:has(> body[data-theme="dark"])),
html[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]),
html[data-skin="sg26"] body [data-theme="light"] {
  color-scheme: light;
  --sg-soft: var(--brand-primary-text);
  --sg-ink-2: oklch(from var(--sg-accent-2) min(l, .55) min(c, .12) h);
  --sg-save: var(--brand-primary-text);
  --sg-glow-rest: inset 0 1px 0 rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.12), 0 8px 22px -10px color-mix(in srgb, var(--brand-primary) 55%, transparent);
  --sg-glow-hover: inset 0 1px 0 rgba(255,255,255,.26), 0 0 0 3px color-mix(in srgb, var(--sg-accent-2) 30%, transparent), 0 0 22px color-mix(in srgb, var(--sg-accent-2) 24%, transparent), 0 12px 28px -10px color-mix(in srgb, var(--brand-primary) 60%, transparent);
  --sg-grad-text: linear-gradient(92deg, var(--text), var(--brand-primary-text) 75%);
  --hl-a1: 12%; --hl-a2: 4%; --glow-a1: 16%; --glow-a2: 6%; --tile-a1: 12%; --tile-a2: 14%;
  --bg: #f8f8f8; --topbar-bg: #f8f8f8; --surface: #fff; --surface-hi: #fff; --surface-alt: #f5f5f5; --surface-raised: #fff;
  --row-bg: #f5f5f5; --tonal-bg: #eee; --input-bg: #eee; --switch-off: #e9e9eb; --switch-knob: #fff;
  --knob-shadow: 0 1px 3px rgba(0,0,0,.25); --modal-bg: #fff;
  --border: rgba(0,0,0,.08); --border-2: rgba(0,0,0,.12); --border-hover: rgba(0,0,0,.24); --border-dash: rgba(0,0,0,.18);
  --inset-border: rgba(0,0,0,.08); --hi: rgba(255,255,255,.7); --hover-fill: rgba(0,0,0,.05);
  --fill-1: rgba(0,0,0,.02); --fill-2: rgba(0,0,0,.035); --fill-3: rgba(0,0,0,.04);
  --card-bg: linear-gradient(#fff, #fff); --card-edge: linear-gradient(#fff, #fff);
  --card-shadow: 0 1px 2px rgba(0,0,0,.06), 0 2px 12px rgba(0,0,0,.06);
  --grad-card-bg: linear-gradient(180deg, #fff, #f9f9fb); --grad-card-mid: rgba(0,0,0,.08);
  --grad-card-shadow: 0 1px 2px rgba(0,0,0,.06), 0 30px 80px -40px color-mix(in srgb, var(--brand-primary) 40%, transparent);
  --sidebar-line: transparent; --sidebar-shadow: 1px 0 0 rgba(0,0,0,.04), 4px 0 16px rgba(0,0,0,.05); --topbar-line: rgba(0,0,0,.06);
  --topbar-avatar: 36px; --menu-line: transparent; --r-menu: 8px;
  --border-strong: #7c7c80; --border-strong-hover: #636366;
  --text: #1d1d1f; --text-2: #424245; --text-muted: #515154; --text-3: #636366; --text-subtle: #636366; --text-max: #000;
  --btn2-bg: #1d1d1f; --btn2-bg-hover: #000; --btn2-fg: #fff; --outline-fg: var(--brand-primary-text); --outline-border: var(--brand-primary-border); --danger-hover-fg: #8c1d18;
  --status-success: #13702c; --status-danger: #b3261e; --status-danger-line: #d70015; --status-warning: #8a5a00; --status-info: #006a9e; --live: #16a34a;
  --t-success: 19,112,44; --t-danger: 215,0,21; --t-warning: 138,90,0; --t-info: 0,106,158; --t-neutral: 0,0,0;
  --scrim: rgba(0,0,0,.32); --shadow-c: rgba(0,0,0,.16); --shadow-sm: 0 1px 2px rgba(0,0,0,.12); --shadow-lg: 0 30px 80px -30px rgba(0,0,0,.28); --logo-filter: brightness(0);
}

/* 3. PLATFORM accent (GL-003 §7.3, «Accento di piattaforma»): the code's --pf-* values, as the kit's --brand-* defaults.
      Never on a tenant (body.np-reseller): there the server's --brand-* rule. --sg-dir 1 and the azure #5ac8fa as renderVals().
      [A282.1] The derived rows (primary, text, border, subtle) are BrandTokens.php's output for the platform blue (Iris 10/10, D15 j).
      [A285.32, Angelo 15/10] Platform blue #2b69e9 -> #3b7cff, the landing CTA (--lp-cta): white on it is 3.8:1, as on the landing
      (accepted; labels stay semibold); brand TEXT on light uses --brand-primary-text #2c5dbe (6.1:1). Decided values, not derived:
      on-primary #fff, hover #3570e6 / active #3066d1 (#3b7cff at 90% / 82%), focus ring #fff / #162f61.
      skin/tools/drift-check.php compares the rows between the markers with BrandTokens::buildTokenCss('#3b7cff'); keep one
      declaration per line there. */
/* drift:platform-brand:begin */
html[data-skin="sg26"] body:not(.np-reseller),
html[data-skin="sg26"] body:not(.np-reseller) [data-theme],
html[data-skin="sg26"] body:not(.np-reseller) :is(#rx-tour-tooltip, #gr-tour-tooltip) {
  --brand-primary: #3b7cff;
  --brand-on-primary: #fff;
  --brand-primary-hover: #3570e6;
  --brand-primary-active: #3066d1;
  --brand-primary-text: #699bff;
  --brand-focus-ring: #fff;
  --brand-primary-border: #3b7cff;
  --brand-primary-subtle: rgba(59,124,255,.18);
  --sg-dir: 1; --sg-accent-2: #5ac8fa;
}
html[data-skin="sg26"] body:not(.np-reseller):not(.darkside):not([data-theme="dark"]),
html[data-skin="sg26"] body:not(.np-reseller) [data-theme="light"] {
  --brand-primary-text: #2c5dbe;
  --brand-focus-ring: #162f61;
  --brand-primary-border: #3876f2;
  --brand-primary-subtle: rgba(59,124,255,.12);
}
/* drift:platform-brand:end */

/* 4. TENANT --sg-dir: 1 = white label on --brand-primary, -1 = black label. The kit sets it in renderVals(); the server never
      emits --sg-*. Here it is computed from the same colour with the WCAG luminance that BrandTokens::flip() uses
      (white iff L <= 0.17913): OKLCH -> OKLab -> LMS -> Y, inside the oklch(from var(--brand-primary) …) of --sg-fill-*, where
      var(--sg-dir) is substituted and l, c, h are the primary's channels. Used nowhere else (kit: the three fills only). */
html[data-skin="sg26"] body.np-reseller,
html[data-skin="sg26"] body.np-reseller [data-theme] {
  --sg-dir: clamp(-1, calc((0.1791287847 - (
      -0.040774541 * pow(calc(l + 0.3963377774 * c * cos(calc(h * 1deg)) + 0.2158037573 * c * sin(calc(h * 1deg))), 3)
      + 1.112492185 * pow(calc(l - 0.1055613458 * c * cos(calc(h * 1deg)) - 0.0638541728 * c * sin(calc(h * 1deg))), 3)
      - 0.071717644 * pow(calc(l - 0.0894841775 * c * cos(calc(h * 1deg)) - 1.291485548 * c * sin(calc(h * 1deg))), 3)
    )) * 100000), 1);
}

/* 5. TENANT WITHOUT A COLOUR (the server emits no :root): the neutral family of GL-003 §7.3 «Fallback dei token --brand-*»,
      v5 values per role (riempimento, primo piano, linea, superficie tenue). Zero specificity, so the server's :root{} and
      body.darkside{} win whenever they exist. Never a platform colour (Regola 1). */
:where(html[data-skin="sg26"]:has(> body.np-reseller)) {
  --brand-primary: #1d1d1f; --brand-on-primary: #f5f5f7; --brand-primary-hover: #1d1d1f; --brand-primary-active: #1d1d1f;
  --brand-primary-text: #1d1d1f; --brand-focus-ring: #1d1d1f; --brand-primary-border: #1d1d1f; --brand-primary-subtle: #f5f5f5;
}
:where(html[data-skin="sg26"] body.np-reseller.darkside) {
  --brand-primary: #f5f5f7; --brand-on-primary: #1d1d1f; --brand-primary-hover: #f5f5f7; --brand-primary-active: #f5f5f7;
  --brand-primary-text: #f5f5f7; --brand-focus-ring: #f5f5f7; --brand-primary-border: #f5f5f7; --brand-primary-subtle: #1c1c1e;
}

/* 6. LEGACY ALIASES. The kit's --pf-* point at --brand-*, so v4 inline styles and core rules that read --pf-* follow the active
      brand (D15 d: the A273 1-bis freeze of --pf-* at #3b7cff on tenants goes). --pf-accent-gradient was #2b69e9 -> #8558ec (violet,
      D15 b); it carries white text (.gr-service-icon), so it becomes the text-bearing --sg-gradient-fill (GL-003 §7.7.6).
      --sg-acc-* are the code's private aliases for the old #3b7cff literals (A273 §1), undefined on tenants: defined here for both
      (D15 k). --pf-accent-hover / -active follow --brand-primary-hover / -active (hover is a glow, B4).
      [data-skin][data-skin] = specificity (0,2,2) on body: it must beat body.np-reseller.darkside (0,2,1) of the freeze. */
html[data-skin="sg26"][data-skin] body,
html[data-skin="sg26"][data-skin] body [data-theme],
html[data-skin="sg26"][data-skin] body :is(#rx-tour-tooltip, #gr-tour-tooltip) {
  --pf-accent: var(--brand-primary); --pf-on-accent: var(--brand-on-primary); --pf-accent-2: var(--sg-accent-2); --pf-accent-deep: var(--sg-deep);
  --pf-accent-text: var(--brand-primary-text); --pf-accent-soft: var(--sg-soft); --pf-accent-border: var(--brand-primary-border);
  --pf-focus-ring: var(--brand-focus-ring); --pf-accent-subtle: var(--brand-primary-subtle);
  --pf-gradient: var(--sg-gradient); --pf-gradient-fill: var(--sg-gradient-fill); --pf-accent-gradient: var(--sg-gradient-fill);
  --sg-acc-fill: var(--brand-primary); --sg-acc-text: var(--brand-primary-text); --sg-acc-line: var(--brand-primary-border);
}

/* 7. Browsers without relative colours: the kit's platform literals (decorations only; the 8 --brand-* never depend on this).
      On a tenant the platform azure would be an identity leak (GL-003 §7.0.1), so there the decorations fall back to the brand. */
@supports not (color: oklch(from red l c h)) {
  html[data-skin="sg26"] body,
  html[data-skin="sg26"] body [data-theme],
  html[data-skin="sg26"] body :is(#rx-tour-tooltip, #gr-tour-tooltip) {
    --sg-accent-2: #5ac8fa; --sg-deep: #2f64d5; --sg-fill-1: #3772e7; --sg-fill-2: #3368d4; --sg-fill-3: #2c59b2;
    --sg-soft: #a7d8ff; --sg-ink-2: #5ac8fa; --sg-save: #bfe3ff;
    --sg-grad-text: linear-gradient(92deg, #fff, #e3f5ff 30%, #8fd8fb 64%, var(--brand-primary-text));
  }
  html[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]),
  html[data-skin="sg26"] body [data-theme="light"] {
    --sg-ink-2: #0071a4; --sg-grad-text: linear-gradient(92deg, #1d1d1f, var(--brand-primary-text) 75%);
  }
  html[data-skin="sg26"] body.np-reseller,
  html[data-skin="sg26"] body.np-reseller [data-theme] {
    --sg-accent-2: var(--brand-primary); --sg-deep: var(--brand-primary);
    --sg-fill-1: var(--brand-primary); --sg-fill-2: var(--brand-primary); --sg-fill-3: var(--brand-primary);
    --sg-soft: var(--brand-primary-text); --sg-ink-2: var(--brand-primary-text); --sg-save: var(--brand-primary-text);
    --sg-grad-text: linear-gradient(92deg, var(--text), var(--brand-primary-text) 75%);
  }
}

/* 8. Page rhythm per width (GL-003 §7.7.8). The kit uses container queries on .app; the product cannot put a container on
      body (plan §3.3), so the same thresholds as media queries. */
@media (max-width: 1023.98px) {
  html[data-skin="sg26"] body { --pad-page: 24px; --gap-block: 20px; --pad-card: 20px; }
}
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body { --pad-page: 16px; --gap-block: 16px; --pad-card: 16px; }
}

/* 9. Base type and page background (kit §4; GL-003 §7.7.1, §7.7.8: body 400 14/22, tabular figures). «Timeable» is the
      platform's own @font-face (core.css A268, weights 300-800, preloaded by Controller::view()): nothing is uploaded here.
      Background and colour need !important: topbar.fragment.php's global <style> paints
      body.darkside {background:#0a0a0b !important; color:#e5e7eb !important} (line 17), and some views paint the body inline
      (renew.fragment.php, the reseller shells). !important on a more specific selector beats both.
      [A282.1] PAINT ONLY WHERE THE THEME IS KNOWN (Vera B2 gate, C1/H1). The absence of .darkside is not a theme: standalone
      pages (lead-mailer unsubscribe, PMP ig-auth, wa-preferences, vendor views) paint themselves, dark or light, with a bare
      <body>. The theme is known when the body declares dark (.darkside, data-theme="dark") or when the page carries the app
      topbar (#topbar, core and PMP), whose switch makes «no class» mean «light by the user's choice». Anywhere else the page
      keeps its own background, colour and type. The tokens above still resolve everywhere; a later batch that restyles a
      standalone page declares its theme on <body> first. */
html[data-skin="sg26"] body:is(.darkside, [data-theme="dark"], .sghas-dd73487f, #sg-p0) {
  background: var(--bg) !important;
  color: var(--text) !important;
  font: 400 14px/22px var(--f);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
/* The canvas around a short page, and the splash (D15 g): the loader paints html and #npr-loader #0a0a0b / #fafafa, partly with
   !important (loader.fragment.php, core.css A193/A261). The html selector beats html.npr-light.npr-loading and
   html:has(> body.darkside). Same «theme known» gate (:has() cannot nest, hence three branches). Ring and bar keep their colours. */
html:root[data-skin="sg26"]:is(:has(> body.darkside), :has(> body[data-theme="dark"]), :has(> body > #topbar)) {
  background: var(--bg) !important; background-color: var(--bg) !important;
}
html[data-skin="sg26"] body:is(.darkside, [data-theme="dark"], .sghas-dd73487f, #sg-p0) #npr-loader { background: var(--bg); }

/* 10. SHELL (B3, A283): sidebar, rail, drawer, topbar, page gap. GL-003 §7.7.8, §7.7.10; kit §7, §9, the 2026-10-09/10d/10e
      blocks and §12 (kit sha d88b5268… at B3); measured facts: 2026-10-10-socialgrow-original-shell-facts.
      HOW: the sidebar is the skin's override of navigation.fragment.php (only its brand block differs from the original). The
      topbar is the ORIGINAL markup of the core and PMP topbar fragments, restyled here: since Angelo's 10/10 decision the canon's
      bar holds the original's items in the original's order (hamburger, title, page buttons; Ricarica cache, gear, bell, moon,
      greeting, avatar), so no markup is forked and every hook stays (bypassing-toolkit's button class, Headway, the switch's
      data-url/data-fixed, the context menu, the renew pill).
      The legacy shell rules carry !important at (0,1,1)-(0,3,2) (topbar.fragment.php's <style>, core.css, PMP css, inline
      styles of plugin menu tiles): the rules below repeat the html[data-skin] body prefix and use !important where they meet them.
      The bar is IN FLOW (the original is fixed > 992, absolute <= 992): a row that wraps pushes the content down, never covers it.
      Breakpoints are the kit's container widths as media queries (plan §3.3). */

/* 10.1 Column geometry: the content starts after the sidebar (248) / rail (76) / nothing (phone). */
html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) { --sg-shell-left: var(--sidebar-w); padding-left: var(--sg-shell-left) !important; margin-left: 0 !important; width: auto !important; }
@media (max-width: 1023.98px) { html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) { --sg-shell-left: var(--rail-w); } }
@media (max-width: 767.98px) { html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) { --sg-shell-left: 0px; } }
html[data-skin="sg26"] body #inbox-chat-frame { left: var(--sg-shell-left, 0px) !important; } /* direct-basic / ai-dm: was left:70px (the old rail) */

/* 10.2 Sidebar: 248, full height, logo on top, the menu scrolls inside, nothing at the bottom. */
html[data-skin="sg26"] body > nav {
  position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 501;
  width: var(--sidebar-w) !important; height: 100vh !important; height: 100dvh !important; box-sizing: border-box;
  display: flex !important; flex-direction: column; gap: 2px; padding: 20px 14px !important; overflow: visible !important;
  background: var(--surface) !important; border-right: 1px solid var(--sidebar-line) !important; box-shadow: var(--sidebar-shadow) !important;
  visibility: visible !important; transform: none !important; transition: transform .3s var(--ease), visibility .3s;
  font: 500 14px/20px var(--f); color: var(--text-2);
}
html[data-skin="sg26"] body > nav .sg-nav-close { display: none; }
html[data-skin="sg26"] body > nav .nav-logo-wrapper.sg-brand {
  position: static !important; flex-shrink: 0; display: flex; flex-direction: column; margin: 0 !important; padding: 0 !important;
  background: transparent !important; text-align: left !important;
}
html[data-skin="sg26"] body > nav .sg-brand-link {
  position: static !important; display: flex !important; flex-direction: column; align-items: flex-start; width: auto !important; height: auto !important;
  margin: 0 !important; border-radius: var(--r-md); text-decoration: none;
}
html[data-skin="sg26"] body > nav .sg-brand .sg-logo {
  position: static !important; display: block; height: 24px !important; width: auto !important; max-width: 200px !important; max-height: none !important;
  margin: 2px 0 22px 10px !important; object-fit: contain; object-position: left center; inset: auto;
}
html[data-skin="sg26"] body > nav .sg-brand .sg-wordmark { font: 700 17px/24px var(--f); letter-spacing: -.02em; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-skin="sg26"] body > nav .sg-brand .sidebar-mark { display: none !important; }
/* theme variant of a logo pair (only printed when both files exist) */
html[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) > nav .sg-brand .is-dk,
html[data-skin="sg26"] body.darkside > nav .sg-brand .is-lt,
html[data-skin="sg26"] body[data-theme="dark"] > nav .sg-brand .is-lt{ display: none !important; }

/* menu: scrolls inside the sidebar (the -4px/4px pair keeps focus rings unclipped) */
html[data-skin="sg26"] body > nav .nav-menu {
  position: static !important; flex: 1 1 auto; min-height: 0; width: auto !important; height: auto !important; margin: -4px !important; padding: 4px !important;
  overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--border-2) transparent; scroll-padding-block: 4px;
  background: transparent !important; border: 0 !important; box-shadow: none !important; font: inherit; line-height: inherit;
}
html[data-skin="sg26"] body > nav .nav-menu > div { max-height: none !important; overflow: visible !important; display: flex; flex-direction: column; }
html[data-skin="sg26"] body > nav .nav-menu ul { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; border: 0 !important; }
html[data-skin="sg26"] body > nav .nav-menu ul + ul::before { content: ""; display: block; height: 1px; margin: 6px 12px; background: var(--border); }
html[data-skin="sg26"] body > nav .nav-menu li { position: relative; overflow: visible; border: 0 !important; margin: 0; padding: 0; }
html[data-skin="sg26"] body > nav .nav-menu li > a {
  position: relative; display: flex !important; align-items: center; gap: 12px; width: auto !important; height: auto !important; min-height: 36px; padding: 8px 12px !important;
  box-sizing: border-box; border-radius: var(--r-md); color: var(--text-2) !important; background: transparent !important; text-align: left !important;
  font: 500 14px/20px var(--f) !important; text-decoration: none; transition: var(--tr);
}
html[data-skin="sg26"] body > nav .nav-menu li > a:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html[data-skin="sg26"] body > nav .nav-menu li.active > a {
  background: var(--brand-primary-subtle) !important; color: var(--sg-soft) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sg-accent-2) 20%, transparent);
}
html[data-skin="sg26"] body > nav .nav-menu li > a::after { content: none !important; }
html[data-skin="sg26"] body > nav .nav-menu li > a:focus-visible,
html[data-skin="sg26"] body > nav .sg-brand-link:focus-visible,
html[data-skin="sg26"] body > nav .sg-nav-close:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body > nav .nav-menu .label {
  position: static !important; flex: 1 1 auto; min-width: 0; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important;
  overflow: hidden !important; clip: auto !important; clip-path: none !important; white-space: normal !important; text-overflow: clip;
  font: inherit !important; vertical-align: baseline !important; display: block !important;
}
html[data-skin="sg26"] body > nav .nav-menu :is(.tooltip):not(sg-p0),
html[data-skin="sg26"] body > nav .nav-menu :is(a > .tippy){ display: none !important; }
/* icons: 18px in --text-3; plugin «special» tiles lose their painted tile (inline colours, violet gradients) and become a glyph */
html[data-skin="sg26"] body > nav .nav-menu :is(.menu-icon),
html[data-skin="sg26"] body > nav .nav-menu :is(.special-menu-icon){
  display: inline-flex !important; align-items: center; justify-content: center; flex-shrink: 0; width: 18px !important; height: 18px !important;
  margin: 0 !important; padding: 0 !important; font-size: 18px !important; line-height: 18px !important; color: var(--text-3) !important;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important;
  text-transform: none; overflow: visible; vertical-align: middle;
}
html[data-skin="sg26"] body > nav .nav-menu .special-menu-icon > * { font-size: 18px !important; line-height: 18px !important; color: inherit !important; }
html[data-skin="sg26"] body > nav .nav-menu li > a:hover :is(.menu-icon),
html[data-skin="sg26"] body > nav .nav-menu li > a:hover :is(.special-menu-icon){ color: var(--text-max) !important; }
html[data-skin="sg26"] body > nav .nav-menu li.active > a :is(.menu-icon),
html[data-skin="sg26"] body > nav .nav-menu li.active > a :is(.special-menu-icon){ color: var(--sg-soft) !important; }
/* «Torna all'amministratore» (impersonation exit): the orange row of the boards (G-04), not a tile */
html[data-skin="sg26"] body > nav .nav-menu a[onclick*="sg-imp-exit-form"] { background: #ff9900 !important; color: #000 !important; }
html[data-skin="sg26"] body > nav .nav-menu a[onclick*="sg-imp-exit-form"] .special-menu-icon { color: #000 !important; }

/* 10.3 Rail, 768-1023: 76px of icons, the mark on top; the hamburger opens it over the page (248, scrim). */
@media (min-width: 768px) and (max-width: 1023.98px) {
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav { width: var(--rail-w) !important; padding: 16px 12px !important; align-items: center; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .sg-brand { align-items: center; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .sg-brand-link { align-items: center; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .sg-brand .sg-logo { display: none !important; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .sg-brand .sidebar-mark {
    display: block !important; flex-shrink: 0; box-sizing: border-box; height: 30px !important; width: auto; max-width: 52px; margin: 0 0 14px !important;
    object-fit: contain; position: static !important;
  }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .sg-brand .sidebar-mark.is-mono {
    display: grid !important; place-items: center; width: 30px; border-radius: var(--r-md); background: var(--brand-primary); color: var(--brand-on-primary); font: 700 13px/1 var(--f);
  }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .sg-brand .sidebar-mark.is-mono::before { content: attr(data-mono); }
  html[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]):not(.mobile-menu-open) > nav .sg-brand .sidebar-mark.is-dk,
html[data-skin="sg26"] body.darkside:not(.mobile-menu-open) > nav .sg-brand .sidebar-mark.is-lt,
html[data-skin="sg26"] body[data-theme="dark"]:not(.mobile-menu-open) > nav .sg-brand .sidebar-mark.is-lt{ display: none !important; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .nav-menu { align-self: stretch; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .nav-menu ul { align-items: center; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .nav-menu ul + ul::before { width: 32px; margin: 6px auto; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .nav-menu li > a { width: 48px !important; height: 44px !important; padding: 0 !important; gap: 0; justify-content: center; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .nav-menu :is(.menu-icon),
html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .nav-menu :is(.special-menu-icon){ width: 20px !important; height: 20px !important; font-size: 20px !important; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .nav-menu .special-menu-icon > * { font-size: 20px !important; }
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .nav-menu .label {
    position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important;
  }
  /* rail closed: the original's tippy tooltips name the icons on hover */
  html[data-skin="sg26"] body:not(.mobile-menu-open) > nav .nav-menu .tooltip { display: block !important; position: absolute; inset: 0; }
}
/* 10.4 Phone, < 768: off-canvas drawer, same items and order, full height. */
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body > nav { width: min(300px, 86%) !important; padding: 16px 12px !important; visibility: hidden !important; transform: translateX(-104%) !important; }
  html[data-skin="sg26"] body.mobile-menu-open > nav { visibility: visible !important; transform: none !important; }
  html[data-skin="sg26"] body > nav .nav-menu li > a { min-height: 44px; padding-block: 12px !important; font-size: 15px !important; }
}
/* open state below 1024 (the class core.js toggles from the hamburger): scrim, shadow, close button */
@media (max-width: 1023.98px) {
  html[data-skin="sg26"] body.mobile-menu-open { overflow: hidden; }
  html[data-skin="sg26"] body.mobile-menu-open::after { content: ""; position: fixed; inset: 0; z-index: 500; background: var(--scrim); }
  html[data-skin="sg26"] body.mobile-menu-open > nav { box-shadow: var(--shadow-lg) !important; }
  html[data-skin="sg26"] body.mobile-menu-open > nav .sg-nav-close {
    display: inline-flex; align-self: flex-end; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; margin: -4px 0 4px;
    padding: 0; border: 0; border-radius: var(--r-full); background: transparent; color: var(--text-2); cursor: pointer;
  }
  html[data-skin="sg26"] body.mobile-menu-open > nav .sg-nav-close:hover { background: var(--hover-fill); color: var(--text-max); }
}

/* 10.5 Topbar: 61px first row (60 + 1px line), padding 0 30 (<=992: 0 10 0 20), wraps like the original and grows. */
html[data-skin="sg26"] body #topbar {
  position: relative !important; top: auto !important; left: auto !important; z-index: 20; width: auto !important; transform: none !important;
  box-sizing: border-box; background: var(--topbar-bg) !important; border-bottom: 1px solid var(--topbar-line) !important; transition: none !important;
}
html[data-skin="sg26"] body #topbar > div {
  display: flex !important; flex-wrap: wrap; align-items: center; align-content: center; column-gap: 12px; row-gap: 0;
  min-height: 60px; box-sizing: border-box; padding: 8px 30px !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html[data-skin="sg26"] body #topbar > div::before,
html[data-skin="sg26"] body #topbar > div::after { content: none !important; display: none !important; }
/* the legacy .clearfix helpers: inside a flex row their ::before/::after would be empty items, each costing a gap */
html[data-skin="sg26"] body #topbar .clearfix::before,
html[data-skin="sg26"] body #topbar .clearfix::after { content: none !important; display: none !important; }
@media (max-width: 992px) { html[data-skin="sg26"] body #topbar > div { padding: 8px 10px 8px 20px !important; } }
/* hamburger: shown below 1024 (rail and phone), 40px target (44 on the phone), 24px glyph */
html[data-skin="sg26"] body #topbar .topbar-mobile-menu-icon {
  display: none !important; float: none !important; flex-shrink: 0; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 !important;
  border-radius: var(--r-full); color: var(--text-2) !important; font-size: 24px !important; line-height: 1 !important; text-decoration: none; transition: var(--tr);
}
@media (max-width: 1023.98px) { html[data-skin="sg26"] body #topbar .topbar-mobile-menu-icon { display: inline-flex !important; } }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #topbar .topbar-mobile-menu-icon { width: 44px; height: 44px; } }
/* title: the page's <h1>, never truncated */
html[data-skin="sg26"] body #topbar .topbar-title {
  float: none !important; min-width: 0; margin: 0 !important; font: 500 18px/22px var(--f) !important; letter-spacing: -.02em; color: var(--text) !important;
}
html[data-skin="sg26"] body #topbar .topbar-subtitle { float: none !important; margin: 0 !important; font: 400 13px/18px var(--f) !important; color: var(--text-3) !important; }
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #topbar > div { column-gap: 4px; }
  html[data-skin="sg26"] body #topbar .topbar-title { font-size: 13px !important; line-height: 18px !important; }
  html[data-skin="sg26"] body #topbar .topbar-subtitle { font-size: 13px !important; line-height: 16px !important; }
}
@media (max-width: 425px) {
  html[data-skin="sg26"] body #topbar .topbar-title {
    position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important;
    clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important;
  }
  html[data-skin="sg26"] body #topbar .topbar-subtitle { display: none !important; }
}
/* core page buttons: icon + text at every width; the first is the primary, the others tonal (boards: AdminProxies) */
html[data-skin="sg26"] body #topbar .topbar-special-link {
  float: none !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; height: 32px; margin: 0 !important;
  padding: 0 14px; box-sizing: border-box; border-radius: var(--r-full); border: 1px solid var(--border-2); background: var(--tonal-bg);
  box-shadow: inset 0 1px 0 var(--hi); color: var(--text) !important; font: 500 13px/18px var(--f) !important; white-space: nowrap; text-decoration: none; transition: var(--tr);
}
html[data-skin="sg26"] body #topbar .topbar-special-link:hover { color: var(--text-max) !important; border-color: var(--border-hover); }
html[data-skin="sg26"] body #topbar .topbar-special-link:not(.topbar-special-link ~ .topbar-special-link) {
  background: var(--brand-primary); border-color: transparent; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest);
}
html[data-skin="sg26"] body #topbar .topbar-special-link:not(.topbar-special-link ~ .topbar-special-link):hover { transform: translateY(-1px); box-shadow: var(--sg-glow-hover); }
html[data-skin="sg26"] body #topbar .topbar-special-link .icon { display: inline-flex !important; margin: 0 !important; font-size: 16px !important; line-height: 1 !important; transform: none !important; vertical-align: 0 !important; }
@media (max-width: 768px) {
  html[data-skin="sg26"] body #topbar .topbar-special-link { font-size: 13px !important; }
  html[data-skin="sg26"] body #topbar .topbar-special-link .icon { font-size: 14px !important; }
}
/* right cluster, original order: [renew pill (client)] [Ricarica cache] [gear] [bell] [moon + switch] [Ciao, Nome!] [avatar + chevron] */
html[data-skin="sg26"] body #topbar .topbar-actions {
  float: none !important; display: flex !important; align-items: center; gap: 12px; margin-left: auto !important; flex-shrink: 0;
  color: var(--text-2) !important; font: 500 14px/20px var(--f) !important;
}
@media (max-width: 767.98px) { html[data-skin="sg26"] body #topbar .topbar-actions { gap: 4px; } }
html[data-skin="sg26"] body #topbar .topbar-actions > .item {
  float: none !important; display: flex !important; align-items: center; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important;
}
html[data-skin="sg26"] body #topbar .topbar-actions > .item:not(:has(a, input, .greeting, .icon)) { display: none !important; } /* the empty renew cell (client with a package): hidden span only */
html[data-skin="sg26"] body #topbar .topbar-actions .link {
  display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 !important; border-radius: var(--r-full);
  color: var(--text-2) !important; text-decoration: none; transition: var(--tr); cursor: pointer;
}
html[data-skin="sg26"] body #topbar .topbar-actions .link:hover { background: var(--hover-fill); color: var(--text-max) !important; }
html[data-skin="sg26"] body #topbar .topbar-actions .icon { display: block !important; width: 24px; height: 24px; margin: 0 !important; font-size: 24px !important; line-height: 24px !important; color: inherit !important; }
/* theme toggle: moon 24 in --text-3 + the kit switch 42x26; hidden <= 767 (original switcher.css) */
html[data-skin="sg26"] body #topbar .topbar-actions > .item.dark-side-switcher-icon { margin-right: -4px !important; }
html[data-skin="sg26"] body #topbar .dark-side-switcher-icon .icon { margin: 0 !important; color: var(--text-3) !important; cursor: pointer; }
html[data-skin="sg26"] body #topbar .form-switcher-ios.dark-side-switcher { margin: 0 !important; }
html[data-skin="sg26"] body #topbar .form-switcher-ios .switcher {
  width: 42px !important; height: 26px !important; box-sizing: border-box; border: 1px solid var(--border-strong) !important; border-radius: var(--r-full);
  background: var(--switch-off) !important; box-shadow: none !important; transition: var(--tr);
}
html[data-skin="sg26"] body #topbar .form-switcher-ios .switcher::after {
  top: 2px !important; left: 2px !important; width: 20px !important; height: 20px !important; background: var(--switch-knob) !important;
  box-shadow: var(--knob-shadow) !important; transition: transform .35s var(--ease) !important;
}
html[data-skin="sg26"] body #topbar .form-switcher-ios input[type="checkbox"]:checked + .switcher {
  background: var(--brand-primary) !important; border-color: var(--brand-primary-border) !important; box-shadow: none !important;
}
html[data-skin="sg26"] body #topbar .form-switcher-ios input[type="checkbox"]:checked + .switcher::after { transform: translateX(16px) !important; background: #fff !important; }
html[data-skin="sg26"] body #topbar .form-switcher-ios input[type="checkbox"]:focus-visible + .switcher { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
@media (max-width: 767px) { html[data-skin="sg26"] body #topbar .topbar-actions > .item:is(.dark-side-switcher, .dark-side-switcher-icon) { display: none !important; } }
@media (max-width: 600px) { html[data-skin="sg26"] body #topbar .topbar-actions > .item.hide-on-small-only { display: none !important; } }
/* greeting + account pill: avatar 36 (initials, gradient fill) on core pages, 32 (picture) on Proxy Manager Pro */
html[data-skin="sg26"] body #topbar .topbar-profile { display: flex !important; align-items: center; gap: 12px; margin: 0 !important; }
html[data-skin="sg26"] body #topbar .topbar-profile .greeting { float: none !important; margin: 0 !important; font: 500 14px/20px var(--f) !important; color: var(--text) !important; white-space: nowrap; }
@media (max-width: 600px) { html[data-skin="sg26"] body #topbar .topbar-profile .greeting { display: none !important; } }
html[data-skin="sg26"] body #topbar .context-menu-wrapper {
  float: none !important; position: relative; display: inline-flex !important; align-items: center; gap: 6px; height: 44px; padding: 0 8px 0 3px; box-sizing: border-box;
  border-radius: var(--r-full); border: 1px solid var(--border); background: var(--fill-2); cursor: pointer; transition: var(--tr);
}
html[data-skin="sg26"] body #topbar .context-menu-wrapper:hover { background: var(--hover-fill); border-color: var(--border-2); }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #topbar .context-menu-wrapper { gap: 2px; padding-right: 6px; } }
html[data-skin="sg26"] body #topbar .topbar-profile a.circle {
  float: none !important; display: grid !important; place-items: center; width: 36px; height: 36px; padding: 0 !important; border: 0 !important; border-radius: 50%;
  background: var(--sg-gradient-fill); color: var(--brand-on-primary); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sg-accent-2) 50%, transparent); overflow: hidden; text-decoration: none;
}
html[data-skin="sg26"] body #topbar .topbar-profile a.circle > span {
  display: block !important; width: auto !important; height: auto !important; padding: 0 !important; background: none !important; color: inherit !important;
  font: 700 13px/1 var(--f) !important; letter-spacing: .02em; text-align: center;
}
html[data-skin="sg26"] body #topbar .topbar-profile a.circle:has(> img) { width: 32px; height: 32px; background: var(--surface-raised); }
html[data-skin="sg26"] body #topbar .topbar-profile a.circle > img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 50%; object-fit: cover; }
html[data-skin="sg26"] body #topbar .topbar-profile .arrow {
  float: none !important; display: block !important; width: 16px; height: 16px; margin: 0 !important; font-size: 16px !important; line-height: 1 !important; color: var(--text-3) !important;
}
/* account menu = the kit .menu with .menu-item rows (14px radius in dark, 8 in light) */
html[data-skin="sg26"] body #topbar .context-menu { top: calc(100% + 6px) !important; right: 0 !important; left: auto !important; margin: 0 !important; }
html[data-skin="sg26"] body #topbar .context-menu > ul {
  min-width: 200px; padding: 6px !important; box-sizing: border-box; border-radius: var(--r-menu) !important; background: var(--surface-raised) !important;
  border: 1px solid var(--menu-line) !important; box-shadow: 0 24px 60px -20px var(--shadow-c) !important; color: var(--text-2) !important;
}
html[data-skin="sg26"] body #topbar .context-menu > ul li { margin: 0; padding: 0; border: 0 !important; list-style: none; }
html[data-skin="sg26"] body #topbar .context-menu > ul li a {
  display: flex !important; align-items: center; width: 100%; height: 36px; padding: 0 10px !important; box-sizing: border-box; border-radius: var(--r-md);
  color: var(--text-2) !important; background: transparent !important; font: 500 14px/20px var(--f) !important; text-decoration: none !important; white-space: nowrap;
}
html[data-skin="sg26"] body #topbar .context-menu > ul li a:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html[data-skin="sg26"] body #topbar .context-menu > ul [class^="menu-separator"] {
  display: block; padding: 10px 10px 4px; font: 500 13px/18px var(--f) !important; letter-spacing: .02em; color: var(--text-3) !important; background: none !important; border: 0 !important;
}
@media (max-width: 767.98px) { html[data-skin="sg26"] body #topbar .context-menu > ul li a { height: 44px; } }
/* focus: the kit ring on every topbar control (§7.7.8) */
html[data-skin="sg26"] body #topbar :where(a):not(.sg-p0):focus-visible,
html[data-skin="sg26"] body #topbar :where(button):not(.sg-p0):focus-visible,
html[data-skin="sg26"] body #topbar :is([tabindex]):focus-visible{ outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
/* bell badge (Headway's own element): the accent gradient, never red */
html[data-skin="sg26"] body #topbar #HW_badge_cont #HW_badge { background: var(--sg-gradient-fill) !important; color: var(--brand-on-primary) !important; font: 700 13px/18px var(--f) !important; }

/* 10.6 Proxy Manager Pro topbar (its own fragment; recognised by its labels): links .tb-link, «Aggiungi nuovo» primary, icon-only <= 1100 */
html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link {
  position: relative; gap: 7px; height: 32px; padding: 0 12px; border-color: transparent; background: transparent; box-shadow: none; color: var(--text-2) !important; font: 500 13px/18px var(--f) !important;
}
html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link:hover { background: var(--hover-fill); color: var(--text-max) !important; }
html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link .icon { font-size: 15px !important; }
html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link[aria-current="page"] {
  background: var(--surface-raised); border-color: var(--border-2); color: var(--text-max) !important; box-shadow: inset 0 1px 0 var(--hi), var(--shadow-sm);
}
html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link[href$="/new"] {
  padding: 0 14px; background: var(--brand-primary); border-color: transparent; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest);
}
html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link[href$="/new"]:hover { transform: translateY(-1px); box-shadow: var(--sg-glow-hover); }
html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-title-text { display: inline !important; }
@media (max-width: 1100px) {
  html[data-skin="sg26"] body #topbar:has(.topbar-title-text) > div { column-gap: 10px; }
  html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link {
    width: 21px; height: 21px; padding: 0 !important; gap: 0; border: 1px solid transparent; background: transparent !important; box-shadow: none !important; color: var(--text-2) !important; transform: none !important;
  }
  html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link .icon { font-size: 18px !important; }
  /* Vera B3 gate HIGH: the «/new» primary rule above is more specific than the icon-only reset; reset it too (kit 10d: every PMP link is
     icon-only, transparent, --text-2, at <= 1100; otherwise its white glyph sits on the light bar at 1.06:1). */
  html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link[href$="/new"] {
    padding: 0 !important; background: transparent !important; border-color: transparent; color: var(--text-2) !important; box-shadow: none !important; transform: none !important;
  }
  html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link[href$="/new"]:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; box-shadow: none !important; transform: none !important; }
  html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link[aria-current="page"] {
    background: var(--surface-raised) !important; border-color: var(--border-2); color: var(--text-max) !important; box-shadow: inset 0 1px 0 var(--hi), var(--shadow-sm) !important;
  }
  html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link::before { content: ""; position: absolute; inset: -11px -5px; }
  /* the name stays the accessible name (the original hid it with display:none) */
  html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-title-text {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
  }
}

/* 10.7 Topbar -> first content, by the original page type (GL-003 §7.7.8; kit --gap-topbar). The bar is in flow, so the legacy
      paddings that cleared a fixed 61px bar become the gap itself: .skeleton 29 (<=992: 18), .skeleton--full 0, PMP lists 0
      (<=1250: 39), PMP Re-login 29 (<=1250: 59). Horizontal: --pad-page; the aside layouts stay flush with the sidebar. */
html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) .skeleton { padding: 29px var(--pad-page) 30px !important; }
html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) .skeleton.skeleton--full { padding: 0 !important; }
@media (max-width: 1250px) {
  html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) .skeleton.skeleton-pmp { padding-top: 39px !important; }
  html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) #relogin { padding-top: 59px !important; } /* #relogin IS the .skeleton.skeleton-pmp of Re-login */
}
@media (max-width: 992px) {
  html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) .skeleton { padding-top: 18px !important; padding-bottom: 20px !important; }
  html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) .skeleton.skeleton--full { padding-top: 0 !important; }
  html[data-skin="sg26"] body:is(.sghas-79c9bd42, sg-p0.sg-p0) .skeleton.skeleton-pmp { padding-top: 39px !important; }
}
/* 10.8 Motion: the drawer and the bar never animate under prefers-reduced-motion (GL-003 §7.7.8). */
@media (prefers-reduced-motion: reduce) {
  html[data-skin="sg26"] body > nav,
html[data-skin="sg26"] body > nav .nav-menu li > a,
html[data-skin="sg26"] body #topbar :is(.topbar-special-link):not(sg-p0),
html[data-skin="sg26"] body #topbar :is(.link):not(sg-p0),
html[data-skin="sg26"] body #topbar :is(.context-menu-wrapper):not(sg-p0),
html[data-skin="sg26"] body #topbar :is(.switcher):not(sg-p0),
html[data-skin="sg26"] body #topbar :is(.switcher::after){ transition: none !important; }
  html[data-skin="sg26"] body #topbar .topbar-special-link:hover { transform: none !important; }
}
/* icons:begin (generated by gen-icons.js from the boards' SVGs; do not edit by hand) */
html[data-skin="sg26"] body > nav .nav-menu a[href$="/post"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/calendar"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/captions"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/accounts"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M17.5 6.5h.01'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/helpcenter"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/growth"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/%3E%3Cpath d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/support-ticket"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='m4.93 4.93 4.24 4.24M14.83 9.17l4.24-4.24M14.83 14.83l4.24 4.24M9.17 14.83l-4.24 4.24'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/social-reports"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/reseller-signup"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/reactions"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8V4H8'/%3E%3Crect x='4' y='8' width='16' height='12' rx='2'/%3E%3Cpath d='M2 14h2M20 14h2M15 13v2M9 13v2'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/parser"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h12M3 12h12M3 18h7'/%3E%3Cpath d='m15 18 2 2 4-4'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/parser/webhooks"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2'/%3E%3Cpath d='m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06'/%3E%3Cpath d='m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/affiliate"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='16' width='6' height='6' rx='1'/%3E%3Crect x='2' y='16' width='6' height='6' rx='1'/%3E%3Crect x='9' y='2' width='6' height='6' rx='1'/%3E%3Cpath d='M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3M12 12V8'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/admin/resellers"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M8.2 13.2 7 22l5-3 5 3-1.2-8.8'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/pod/admin"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 4.5a3.5 3.5 0 0 1 5 5L14 16l-2.2-2.2'/%3E%3Cpath d='M3.5 9.5a3.5 3.5 0 0 1 5-5L10 6l1.5-1.5a3.5 3.5 0 0 1 5 5L10 16z'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/slave-manager"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4-4h4'/%3E%3Ccircle cx='18' cy='17' r='2.5'/%3E%3Cpath d='M18 13v1.5M18 19.5V21M14 17h1.5M20.5 17H22'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/bypassing-toolkit/integrations"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/plugins"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2v6M15 2v6M6 8h12v4a6 6 0 0 1-12 0zM12 18v4'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/services"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 10 5-10 5L2 7z'/%3E%3Cpath d='m2 17 10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/packages"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/users"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/settings/paypal"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/settings"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/lead-mailer"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='m6 7 8 6 8-6M2 10h2M1 14h3'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/email-pro-module"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/slave-dm"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/proxy-manager-pro"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='8' rx='2'/%3E%3Crect x='2' y='14' width='20' height='8' rx='2'/%3E%3Cpath d='M6 6h.01M6 18h.01'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/ig/connect"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/ig/connect/domains"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/whatsapp"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8z'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/direct-basic"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/bulk-accounts"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4-4h4M16 11l3 3-3 3M22 14h-6'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/bio"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6M10 11v6M14 11v6'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/repost-pro"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/management"]{--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='5' rx='1'/%3E%3Crect x='2' y='17' width='6' height='5' rx='1'/%3E%3Crect x='16' y='17' width='6' height='5' rx='1'/%3E%3Cpath d='M12 7v5M5 17v-2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(.topbar-mobile-menu-icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(.js-cache-refresh .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(.hide-on-small-only .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(.toggleHeadway .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(.dark-side-switcher-icon .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(.topbar-profile .arrow){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(a.link[href$="/post"] .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro"] .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='8' rx='2'/%3E%3Crect x='2' y='14' width='20' height='8' rx='2'/%3E%3Cpath d='M6 6h.01M6 18h.01'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro/new"] .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='8' rx='2'/%3E%3Cpath d='M6 6h.01'/%3E%3Cpath d='M11 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h7'/%3E%3Cpath d='M18 13.5l4 1.5v2.8c0 2.3-1.7 3.6-4 4.2-2.3-.6-4-1.9-4-4.2V15z'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro/users"] .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro/upload"] .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m17 8-5-5-5 5'/%3E%3Cpath d='M12 3v12'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro/relogin"] .icon){--sg-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body > nav .nav-menu a[href$="/post"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/post"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/calendar"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/calendar"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/captions"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/captions"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/accounts"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/accounts"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/helpcenter"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/helpcenter"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/growth"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/growth"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/support-ticket"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/support-ticket"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/social-reports"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/social-reports"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/reseller-signup"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/reseller-signup"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/reactions"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/reactions"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/parser"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/parser"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/parser/webhooks"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/parser/webhooks"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/affiliate"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/affiliate"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/admin/resellers"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/admin/resellers"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/pod/admin"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/pod/admin"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/slave-manager"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/slave-manager"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/bypassing-toolkit/integrations"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/bypassing-toolkit/integrations"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/plugins"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/plugins"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/services"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/services"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/packages"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/packages"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/users"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/users"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/settings/paypal"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/settings/paypal"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/settings"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/settings"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/lead-mailer"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/lead-mailer"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/email-pro-module"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/email-pro-module"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/slave-dm"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/slave-dm"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/proxy-manager-pro"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/proxy-manager-pro"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/ig/connect"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/ig/connect"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/ig/connect/domains"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/ig/connect/domains"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/whatsapp"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/whatsapp"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/direct-basic"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/direct-basic"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/bulk-accounts"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/bulk-accounts"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/bio"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/bio"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/repost-pro"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/repost-pro"] :is(.mdi)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/management"] :is(.sli)::before,
html[data-skin="sg26"] body > nav .nav-menu a[href$="/e/management"] :is(.mdi)::before{content:""!important;display:block;width:1em;height:1em;background:currentColor;-webkit-mask:var(--sg-i) center/100% 100% no-repeat;mask:var(--sg-i) center/100% 100% no-repeat}
html[data-skin="sg26"] body #topbar :is(.topbar-mobile-menu-icon)::before,
html[data-skin="sg26"] body #topbar :is(.js-cache-refresh .icon)::before,
html[data-skin="sg26"] body #topbar :is(.hide-on-small-only .icon)::before,
html[data-skin="sg26"] body #topbar :is(.toggleHeadway .icon)::before,
html[data-skin="sg26"] body #topbar :is(.dark-side-switcher-icon .icon)::before,
html[data-skin="sg26"] body #topbar :is(.topbar-profile .arrow)::before,
html[data-skin="sg26"] body #topbar :is(a.link[href$="/post"] .icon)::before,
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro"] .icon)::before,
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro/new"] .icon)::before,
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro/users"] .icon)::before,
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro/upload"] .icon)::before,
html[data-skin="sg26"] body #topbar :is(a.topbar-special-link[href$="/proxy-manager-pro/relogin"] .icon)::before{content:""!important;display:block;width:1em;height:1em;background:currentColor;-webkit-mask:var(--sg-i) center/100% 100% no-repeat;mask:var(--sg-i) center/100% 100% no-repeat}
/* icons:end */

/* 11. COMPONENTS (B4, A285). Two layers:
      11.A the PRODUCT's own widgets restyled to the kit (L1): every page, overridden or not, and the third-party widgets.
      11.B the kit's component classes for NEW markup (group overrides), scoped under .sg-root (kit-port, generated).
      Kit: kit-v5.css 1010e + 1010f (§13 .kpi-row). GL-003 §7.7.4-§7.7.8. Existing tokens only. Legacy dark rules carry !important
      up to (0,4,1) and are printed AFTER app.css (topbar.fragment.php's <style>). So every 11.A rule starts with
      html:is([data-skin="sg26"],#sg-skin) body: the :is() counts as an id (1,0,1) and still matches only when the skin is on (no element
      has id sg-skin). Group page rules outrank 11.A by including their page id or one more class. */
html[data-skin="sg26"] body, html[data-skin="sg26"] body [data-theme], html[data-skin="sg26"] body :is(#rx-tour-tooltip, #gr-tour-tooltip) { --chip-under: transparent; }
html[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]), html[data-skin="sg26"] body [data-theme="light"] { --chip-under: var(--surface); }

/* 11.A.1 Buttons (Nextpost .button): kit .btn, 40px (44 on the phone), pill, 500 14/20, no uppercase.
   .button = primary: fill unchanged on hover, glow + 1px lift (GL-003 §7.7.5); pressed = --brand-primary-active.
   --dark = secondary («white» in dark, near-black in light); --light-outline = tonal; --simple = ghost text; --danger = tinted red pill;
   .small = btn-sm 32px; .large = btn-lg 44px. */
html:is([data-skin="sg26"],#sg-skin) body .button {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; height: 40px !important; padding: 0 18px !important;
  box-sizing: border-box; border-radius: var(--r-full) !important; border: 1px solid transparent !important;
  background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important;
  font: 500 14px/20px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important; white-space: nowrap; text-decoration: none !important;
  transition: var(--tr) !important; vertical-align: middle; cursor: pointer;
}
html:is([data-skin="sg26"],#sg-skin) body .button:hover { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; transform: translateY(-1px); box-shadow: var(--sg-glow-hover) !important; }
html:is([data-skin="sg26"],#sg-skin) body .button:active { background: var(--brand-primary-active) !important; transform: none; }
html:is([data-skin="sg26"],#sg-skin) body .button.small { height: 32px !important; padding: 0 14px !important; font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body .button.large { height: 44px !important; padding: 0 22px !important; font-size: 15px !important; }
html:is([data-skin="sg26"],#sg-skin) body .button--dark { background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; box-shadow: inset 0 -1px 0 rgba(0,0,0,.12) !important; }
html:is([data-skin="sg26"],#sg-skin) body .button--dark:hover { background: var(--btn2-bg-hover) !important; color: var(--btn2-fg) !important; box-shadow: inset 0 -1px 0 rgba(0,0,0,.12), 0 0 20px color-mix(in srgb, var(--sg-accent-2) 22%, transparent) !important; }
html:is([data-skin="sg26"],#sg-skin) body #reactions-pro .back-button-wh > a, /* [SG-PATCH 2026-10-17 | Felix] Reactions «Indietro» (was a brand-tinted pill, near invisible on dark): the same neutral secondary pill as «Pausa» */
html:is([data-skin="sg26"],#sg-skin) body :is(.button--light-outline),
html:is([data-skin="sg26"],#sg-skin) body :is(.button--footer){
  background: var(--tonal-bg) !important; color: var(--text) !important; border-color: var(--border-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important; font-weight: 500 !important;
}
html:is([data-skin="sg26"],#sg-skin) body #reactions-pro .back-button-wh > a:hover, /* [SG-PATCH 2026-10-17 | Felix] Reactions «Indietro» = the neutral secondary pill */
html:is([data-skin="sg26"],#sg-skin) body :is(.button--light-outline):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.button--footer):hover{ color: var(--text-max) !important; border-color: var(--border-hover) !important; background: var(--tonal-bg) !important; box-shadow: inset 0 1px 0 var(--hi) !important; transform: none; }
html:is([data-skin="sg26"],#sg-skin) body .button--simple { background: transparent !important; color: var(--brand-primary-text) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .button--simple:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; box-shadow: none !important; transform: none; }
html:is([data-skin="sg26"],#sg-skin) body :is(.button--danger),
html:is([data-skin="sg26"],#sg-skin) body :is(.button--simple-danger){
  --t: var(--t-danger); background: rgba(var(--t), .1) !important; border-color: rgba(var(--t), .3) !important; color: var(--status-danger) !important; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(.button--danger):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.button--simple-danger):hover{ background: rgba(var(--t), .22) !important; color: var(--danger-hover-fg) !important; transform: none; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .button:is(.disabled, :disabled, [aria-disabled="true"]) {
  opacity: .4; cursor: not-allowed !important; transform: none !important; box-shadow: none !important;
  background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; border-color: transparent !important;
}
html:is([data-skin="sg26"],#sg-skin) body .button .icon, html:is([data-skin="sg26"],#sg-skin) body .button > [class*="sli-"], html:is([data-skin="sg26"],#sg-skin) body .button > [class*="mdi-"] { font-size: 16px; line-height: 1; margin: 0 !important; vertical-align: 0; }
html:is([data-skin="sg26"],#sg-skin) body :is(.button):not(sg-p0):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.input):not(sg-p0):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.checkbox + span):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.radio + span):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(a):not(.sg-p0):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(button):not(.sg-p0):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is([tabindex]):not(sg-p0):focus-visible{ outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .button:not(.small) { height: 44px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .button.small { height: 40px !important; }
}

/* 11.A.2 Fields (Nextpost .input, .fileinp + div): 40px (44 phone, text 16), radius 10, --input-bg, 1px --border-strong in BOTH themes
   (the light #eee field carries its border: GL-003 §7.7.4, D15 f). Focus: --brand-primary-border + the kit ring. */
html:is([data-skin="sg26"],#sg-skin) body :is(.input):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.fileinp + div){
  height: 40px; padding: 0 12px !important; box-sizing: border-box; border-radius: var(--r-md) !important; border: 1px solid var(--border-strong) !important;
  background-color: var(--input-bg) !important; color: var(--text) !important; font: 400 14px/22px var(--f) !important; box-shadow: none !important; transition: border-color .2s;
}
html:is([data-skin="sg26"],#sg-skin) body .input::placeholder { color: var(--text-3) !important; opacity: 1; }
html:is([data-skin="sg26"],#sg-skin) body .input:hover { border-color: var(--border-strong-hover) !important; }
html:is([data-skin="sg26"],#sg-skin) body .input:focus { border-color: var(--brand-primary-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body .input:is(.error, .is-error) { border-color: var(--status-danger-line) !important; }
html:is([data-skin="sg26"],#sg-skin) body .input:disabled { opacity: .4; cursor: not-allowed; }
html:is([data-skin="sg26"],#sg-skin) body .input.leftpad { padding-left: 44px !important; }
html:is([data-skin="sg26"],#sg-skin) body .input.rightpad { padding-right: 44px !important; }
html:is([data-skin="sg26"],#sg-skin) body textarea.input { height: auto; min-height: 96px; padding: 9px 12px !important; resize: vertical; }
html:is([data-skin="sg26"],#sg-skin) body select.input { padding-right: 36px !important; }
html:is([data-skin="sg26"],#sg-skin) body .fileinp + div:not(.none, [style*="display: none"], [style*="display:none"]) { display: flex !important; align-items: center; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body :is(.field-icon--left),
html:is([data-skin="sg26"],#sg-skin) body :is(.field-icon--right){ color: var(--text-3) !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body :is(.input):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.fileinp + div){ height: 44px; font-size: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body textarea.input { height: auto; }
}

/* 11.A.3 Check, radio, switch (Nextpost markup: hidden input + span.icon). Check 18px radius 6, radio 18px, switch 42x26. */
html:is([data-skin="sg26"],#sg-skin) body .checkbox + span { color: var(--text-2) !important; font: 400 14px/20px var(--f) !important; padding-left: 28px !important; }
html:is([data-skin="sg26"],#sg-skin) body .checkbox:checked + span { color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .checkbox + span .icon {
  top: 1px !important; width: 18px !important; height: 18px !important; box-sizing: border-box; border: 1.5px solid var(--border-strong) !important; border-radius: var(--r-sm) !important;
  background: transparent !important; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .checkbox:checked + span .icon { background: var(--brand-primary) !important; border-color: var(--brand-primary-border) !important; color: var(--brand-on-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body .checkbox + span .icon span { top: 0 !important; font-size: 14px !important; line-height: 15px !important; color: var(--brand-on-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body .radio + span { color: var(--text-2) !important; font: 400 14px/20px var(--f) !important; padding-left: 28px !important; }
html:is([data-skin="sg26"],#sg-skin) body .radio + span .icon { top: 1px !important; width: 18px !important; height: 18px !important; box-sizing: border-box; border: 1.5px solid var(--border-strong) !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .radio + span .icon::after { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .radio:checked + span .icon { border: 5px solid var(--brand-primary) !important; background: #fff !important; }
html:is([data-skin="sg26"],#sg-skin) body .form-switcher-ios .switcher {
  width: 42px !important; height: 26px !important; box-sizing: border-box; border: 1px solid var(--border-strong) !important; border-radius: var(--r-full) !important;
  background: var(--switch-off) !important; box-shadow: none !important; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .form-switcher-ios .switcher::after {
  top: 2px !important; left: 2px !important; width: 20px !important; height: 20px !important; background: var(--switch-knob) !important; box-shadow: var(--knob-shadow) !important;
  transition: transform .35s var(--ease) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .form-switcher-ios input[type="checkbox"]:checked + .switcher { background: var(--brand-primary) !important; border-color: var(--brand-primary-border) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .form-switcher-ios input[type="checkbox"]:checked + .switcher::after { transform: translateX(16px) !important; background: #fff !important; }
html:is([data-skin="sg26"],#sg-skin) body .form-switcher-ios input[type="checkbox"]:focus-visible + .switcher { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .form-switcher-ios input[type="checkbox"]:disabled + .switcher { opacity: .4; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body :is(.checkbox + span):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.radio + span):not(.none, [style*="display: none"], [style*="display:none"]){ min-height: 44px; display: inline-flex !important; align-items: center; }
  html:is([data-skin="sg26"],#sg-skin) body :is(.checkbox + span, .radio + span) .icon { top: 50% !important; margin-top: -9px; }
}

/* 11.A.4 select2: field = .input; dropdown = the kit menu (surface-raised, 14px radius dark / 8 light); multi = tags */
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default :is(.select2-selection--single),
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default :is(.select2-selection--multiple){
  min-height: 40px; box-sizing: border-box; border-radius: var(--r-md) !important; border: 1px solid var(--border-strong) !important; background: var(--input-bg) !important; color: var(--text) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default .select2-selection--single { height: 40px !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 36px 0 12px !important; color: var(--text) !important; font: 400 14px/38px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px !important; right: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default .select2-selection__placeholder { color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-container--focus.select2-container--default :is(.select2-selection--single),
html:is([data-skin="sg26"],#sg-skin) body .select2-container--open.select2-container--default :is(.select2-selection--single),
html:is([data-skin="sg26"],#sg-skin) body .select2-container--focus.select2-container--default :is(.select2-selection--multiple),
html:is([data-skin="sg26"],#sg-skin) body .select2-container--open.select2-container--default :is(.select2-selection--multiple){ border-color: var(--brand-primary-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex; align-items: center; gap: 6px; height: 24px; margin: 7px 6px 0 0 !important; padding: 0 10px !important; box-sizing: border-box; border-radius: var(--r-full) !important;
  background: color-mix(in srgb, var(--brand-primary) 14%, var(--chip-under)) !important; border: 1px solid color-mix(in srgb, var(--brand-primary-text) 30%, transparent) !important;
  color: var(--sg-soft) !important; font: 500 13px/18px var(--f) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default .select2-selection__choice__remove { color: inherit !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-dropdown {
  border-radius: var(--r-menu) !important; border: 1px solid var(--menu-line) !important; background: var(--surface-raised) !important; color: var(--text-2) !important;
  box-shadow: 0 24px 60px -20px var(--shadow-c) !important; overflow: hidden; padding: 6px;
}
html:is([data-skin="sg26"],#sg-skin) body .select2-results__option { min-height: 36px; box-sizing: border-box; padding: 8px 10px !important; border-radius: var(--r-md); color: var(--text-2) !important; font: 500 14px/20px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-container--default .select2-results__option[aria-selected="true"] { background: var(--brand-primary-subtle) !important; color: var(--sg-soft) !important; box-shadow: inset 3px 0 0 currentColor; }
html:is([data-skin="sg26"],#sg-skin) body .select2-search--dropdown { padding: 0 0 6px !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .select2-search--dropdown .select2-search__field { height: 36px; box-sizing: border-box; padding: 0 10px !important; border-radius: var(--r-md) !important; border: 1px solid var(--border-strong) !important; background: var(--input-bg) !important; color: var(--text) !important; font: 400 14px/20px var(--f) !important; }

/* 11.A.5 air-datepicker (plugins.js): the kit menu surface, 10px cells; selected = accent fill, today = accent text + ring */
html:is([data-skin="sg26"],#sg-skin) body .datepicker {
  border-radius: var(--r-menu) !important; border: 1px solid var(--menu-line) !important; background: var(--surface-raised) !important; color: var(--text) !important;
  box-shadow: 0 24px 60px -20px var(--shadow-c) !important; font-family: var(--f) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .datepicker--pointer { background: var(--surface-raised) !important; border-color: var(--menu-line) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.datepicker--nav),
html:is([data-skin="sg26"],#sg-skin) body :is(.datepicker--buttons),
html:is([data-skin="sg26"],#sg-skin) body :is(.datepicker--time){ border-color: var(--border) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.datepicker--nav-title),
html:is([data-skin="sg26"],#sg-skin) body :is(.datepicker--nav-action){ color: var(--text) !important; border-radius: var(--r-md); }
html:is([data-skin="sg26"],#sg-skin) body :is(.datepicker--nav-title):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.datepicker--nav-action):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.datepicker--button):hover{ background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--nav-action path { stroke: currentColor !important; }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--day-name { color: var(--text-3) !important; font: 500 13px/18px var(--f) !important; text-transform: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--cell { border-radius: var(--r-md) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--cell.-focus- { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--cell.-current- { color: var(--brand-primary-text) !important; box-shadow: inset 0 0 0 1px var(--brand-primary-border); }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--cell:is(.-selected-, .-selected-.-focus-, .-range-from-, .-range-to-) { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: none; }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--cell.-in-range- { background: var(--brand-primary-subtle) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--cell:is(.-other-month-, .-other-year-, .-disabled-) { color: var(--text-3) !important; opacity: .55; }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--button { color: var(--brand-primary-text) !important; border-radius: var(--r-md); }

/* 11.A.6 Tabs: reactions .react-tab-heads, Bootstrap .nav-pills -> the kit segmented .tabs (selected = raised surface; accent, never status) */
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads {
  display: inline-flex !important; flex-wrap: wrap; gap: 2px; padding: 3px !important; border-radius: var(--r-full) !important; background: var(--fill-2) !important;
  border: 1px solid var(--border) !important; box-shadow: inset 0 1px 0 var(--hi) !important; max-width: 100%; box-sizing: border-box;
}
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads :is(.react-tab-head),
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads :where(li):not(.sg-p0){
  display: inline-flex; align-items: center; height: 30px; padding: 0 14px !important; border-radius: var(--r-full) !important; border: 0 !important;
  color: var(--text-2) !important; background: transparent !important; box-shadow: none !important; font: 500 13px/18px var(--f) !important; cursor: pointer; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads :is(.react-tab-head):hover,
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads :where(li):not(.sg-p0):hover{ color: var(--text-max) !important; background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads :is(.react-tab-head.active),
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads :where(li.active):not(.sg-p0):not(.sg-p0){ background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .nav-pills { gap: 2px; padding: 3px !important; border-radius: var(--r-full) !important; background: var(--fill-2) !important; border: 1px solid var(--border) !important; display: inline-flex !important; }
html:is([data-skin="sg26"],#sg-skin) body .nav-pills .nav-link { height: 30px; display: inline-flex; align-items: center; padding: 0 14px !important; border-radius: var(--r-full) !important; color: var(--text-2) !important; background: transparent !important; font: 500 13px/18px var(--f) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .nav-pills .nav-link:hover { color: var(--text-max) !important; background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .nav-pills .nav-link.active { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: none !important; }

/* 11.A.7 Status text (Nextpost colour helpers) -> the v5 status scale (GL-003 §7.2) */
html:is([data-skin="sg26"],#sg-skin) body .color-success { color: var(--status-success) !important; }
html:is([data-skin="sg26"],#sg-skin) body .color-danger { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .color-warning { color: var(--status-warning) !important; }
html:is([data-skin="sg26"],#sg-skin) body .color-info { color: var(--status-info) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.color-mid),
html:is([data-skin="sg26"],#sg-skin) body :is(.color-light){ color: var(--text-3) !important; }

/* 11.A.8 Surfaces: .section and .box-list-item = kit .card (16px radius; dark: gradient edge + inner highlight; light: white + shadow,
   no border). .section-header / -content use --pad-card. The aside/content panels of .skeleton--full = --surface. */
html:is([data-skin="sg26"],#sg-skin) body :is(.section),
html:is([data-skin="sg26"],#sg-skin) body :is(.box-list-item){
  border-radius: var(--r-lg) !important; border: 1px solid transparent !important; background: var(--card-bg) padding-box, var(--card-edge) border-box !important;
  box-shadow: var(--card-shadow) !important; color: var(--text);
}
html:is([data-skin="sg26"],#sg-skin) body .section { overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body .section-header { padding: var(--pad-card) !important; border-bottom: 1px solid var(--border) !important; background: transparent !important; text-align: start !important; }
html:is([data-skin="sg26"],#sg-skin) body .section-content { padding: var(--pad-card) !important; color: var(--text-2); font: 400 14px/22px var(--f); background: transparent !important; }
/* [A285.3] .section-title was a bordered pill (core.css: #f5f5f5 chip, 35px, margin-left 10px; topbar fragment dark: #111114, 1px border,
   8px radius, padding, !important; style.css centres .section-header). On the boards it is the kit section head: a plain title at the
   left edge. Box reset on every page. */
html:is([data-skin="sg26"],#sg-skin) body .section-title {
  font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; height: auto !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important;
  margin-left: 0 !important; min-height: 0 !important; text-align: start !important; cursor: auto; transition: none;
}
html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-aside),
html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-content){ background: var(--surface) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton-aside { border-right: 1px solid var(--border) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton-aside .search-box { background: var(--surface) !important; border: 0 !important; /* [A285.3] no divider under the search box (boards) */ padding: 12px 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item),
html:is([data-skin="sg26"],#sg-skin) body :is(.simple-list-item){ border-color: var(--border) !important; color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.simple-list-item):hover{ background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .aside-list-item.active { background: var(--brand-primary-subtle) !important; box-shadow: inset 3px 0 0 var(--sg-soft); }

/* 11.A.9 Tables (generic classes; page tables belong to their group): kit .table. [A285.2] Not inside .sg-root, where the kit's own
   .table / .table.is-stack (11.B) decide (reseller group: the global cells beat is-stack). */
html:is([data-skin="sg26"],#sg-skin) body :is(table.table):not(.sg-root *),
html:is([data-skin="sg26"],#sg-skin) body :is(table.datatable):not(.sg-root *),
html:is([data-skin="sg26"],#sg-skin) body :is(table.dataTable):not(.sg-root *){ border-collapse: separate !important; border-spacing: 0; background: transparent !important; color: var(--text-2); font-variant-numeric: tabular-nums; }
html:is([data-skin="sg26"],#sg-skin) body table.table:not(.sg-root *) th,
html:is([data-skin="sg26"],#sg-skin) body table.datatable:not(.sg-root *) th,
html:is([data-skin="sg26"],#sg-skin) body table.dataTable:not(.sg-root *) th{
  padding: 10px 16px !important; background: var(--fill-2) !important; border: 0 !important; border-bottom: 1px solid var(--border) !important;
  font: 500 13px/18px var(--f) !important; letter-spacing: .02em; color: var(--text-3) !important; text-align: left; white-space: nowrap; text-transform: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body table.table:not(.sg-root *) td,
html:is([data-skin="sg26"],#sg-skin) body table.datatable:not(.sg-root *) td,
html:is([data-skin="sg26"],#sg-skin) body table.dataTable:not(.sg-root *) td{ padding: 14px 16px !important; border: 0 !important; border-bottom: 1px solid var(--border) !important; background: transparent !important; vertical-align: middle; color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body table.table:not(.sg-root *) tbody tr:last-child td,
html:is([data-skin="sg26"],#sg-skin) body table.datatable:not(.sg-root *) tbody tr:last-child td,
html:is([data-skin="sg26"],#sg-skin) body table.dataTable:not(.sg-root *) tbody tr:last-child td{ border-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body table.table:not(.sg-root *) tbody tr:hover td,
html:is([data-skin="sg26"],#sg-skin) body table.datatable:not(.sg-root *) tbody tr:hover td,
html:is([data-skin="sg26"],#sg-skin) body table.dataTable:not(.sg-root *) tbody tr:hover td{ background: var(--fill-1) !important; }

/* 11.A.10 Modals. Bootstrap .modal-content and the help-center .hc-modal = kit .modal (20px radius, --modal-bg, border-2).
   Phone (< 768): a bottom card 16px from the left, right and bottom edges (+ safe area), all four corners rounded (Angelo 10/10). */
html:is([data-skin="sg26"],#sg-skin) body .modal-backdrop { background-color: var(--scrim) !important; }
html:is([data-skin="sg26"],#sg-skin) body .modal-backdrop.show { opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.modal-content),
html:is([data-skin="sg26"],#sg-skin) body :is(.hc-modal){
  border-radius: var(--r-xl) !important; border: 1px solid var(--border-2) !important; background: var(--modal-bg) !important; color: var(--text) !important;
  box-shadow: inset 0 1px 0 var(--border), var(--shadow-lg) !important; overflow: hidden;
}
html:is([data-skin="sg26"],#sg-skin) body .modal-header { padding: 22px 24px 0 !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .modal-title { font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .modal-body { padding: 16px 24px !important; color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .modal-footer { padding: 8px 24px 22px !important; border: 0 !important; gap: 10px; }
html:is([data-skin="sg26"],#sg-skin) body .modal .close { color: var(--text-3) !important; opacity: 1 !important; text-shadow: none !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .modal-dialog {
    display: flex !important; align-items: flex-end; min-height: calc(100% - 32px - env(safe-area-inset-bottom, 0px)); max-width: none !important; width: auto !important;
    margin: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html:is([data-skin="sg26"],#sg-skin) body .modal-dialog .modal-content { width: 100%; }
}

/* 11.A.11 jquery-confirm (NextPost.Alert and every confirm/prompt; themes modern, material, supervan) = kit .modal */
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-bg { background: var(--scrim) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box {
  border-radius: var(--r-xl) !important; border: 1px solid var(--border-2) !important; background: var(--modal-bg) !important; color: var(--text) !important;
  box-shadow: inset 0 1px 0 var(--border), var(--shadow-lg) !important; padding: 22px 24px !important; font-family: var(--f) !important; text-align: left !important;
}
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box :is(.jconfirm-title-c),
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box :is(.jconfirm-title){ border-bottom: 0 !important; /* [A285.13] no inner divider */ color: var(--text) !important; font: 500 17px/24px var(--f) !important; text-align: left !important; padding: 0 0 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box .jconfirm-content { color: var(--text-2) !important; font: 400 14px/22px var(--f) !important; text-align: left !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box .jconfirm-icon-c { color: var(--text-3) !important; font-size: 28px !important; text-align: left !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box .jconfirm-closeIcon { color: var(--text-3) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box .jconfirm-buttons { border-top: 0 !important; /* [A285.13] */ display: flex !important; flex-wrap: wrap; justify-content: flex-end; gap: 10px; float: none !important; padding-top: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box .jconfirm-buttons > button { margin: 0 !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box .jconfirm-buttons > button:not(.button) {
  display: inline-flex; align-items: center; height: 40px; padding: 0 18px !important; border-radius: var(--r-full) !important; border: 1px solid var(--border-2) !important;
  background: var(--tonal-bg) !important; color: var(--text) !important; font: 500 14px/20px var(--f) !important; text-transform: none !important; box-shadow: inset 0 1px 0 var(--hi) !important;
}
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-cell { vertical-align: bottom !important; }
  html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-holder { padding: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body .jconfirm :is(.jc-bs3-container),
html:is([data-skin="sg26"],#sg-skin) body .jconfirm :is(.container){ width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body .jconfirm :is(.jc-bs3-row),
html:is([data-skin="sg26"],#sg-skin) body .jconfirm :is(.row){ display: block !important; margin: 0 !important; padding: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box-container {
    width: calc(100% - 32px) !important; max-width: none !important; flex: none !important; margin: 0 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 0 !important; float: none !important; left: auto !important;
  }
}

/* 11.A.12 Notices (.alert of the product and Bootstrap) = kit .alert with tones; never a status colour for plain info.
   [A285.12] The tone classes of the kit (.is-success/.is-danger/.is-warning/.is-info, .b-*) count too: the neutral default here used to
   outrank them inside .sg-root (id strength), so every kit alert rendered neutral. Each tone also sets the icon colour (--tc). */
html:is([data-skin="sg26"],#sg-skin) body .alert { --t: var(--t-neutral); --tc: var(--text-2); border-radius: var(--r-inset) !important; border: 1px solid rgba(var(--t), .28) !important; background: rgba(var(--t), .06) !important; color: var(--text) !important; font: 400 14px/21px var(--f) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .alert:is(.success, .alert-success, .is-success, .b-success) { --t: var(--t-success); --tc: var(--status-success); }
html:is([data-skin="sg26"],#sg-skin) body .alert:is(.error, .danger, .alert-danger, .is-danger, .b-danger) { --t: var(--t-danger); --tc: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body .alert:is(.warning, .alert-warning, .is-warning, .b-warning) { --t: var(--t-warning); --tc: var(--status-warning); }
html:is([data-skin="sg26"],#sg-skin) body .alert:is(.info, .alert-info, .is-info, .b-info) { --t: var(--t-info); --tc: var(--status-info); }

/* 11.A.13 Tooltips (tippy v2, every theme) = --surface-raised, 12/16 */
html:is([data-skin="sg26"],#sg-skin) body .tippy-popper .tippy-tooltip {
  background: var(--surface-raised) !important; color: var(--text) !important; border: 1px solid var(--border-2); border-radius: var(--r-md) !important;
  box-shadow: 0 20px 50px -20px var(--shadow-c) !important; font: 500 13px/18px var(--f) !important; padding: 6px 10px !important;
}
html:is([data-skin="sg26"],#sg-skin) body .tippy-popper .tippy-tooltip [x-circle] { background: var(--surface-raised) !important; }
html:is([data-skin="sg26"],#sg-skin) body .tippy-popper[x-placement^="top"] .tippy-tooltip [x-arrow] { border-top-color: var(--surface-raised) !important; }
html:is([data-skin="sg26"],#sg-skin) body .tippy-popper[x-placement^="bottom"] .tippy-tooltip [x-arrow] { border-bottom-color: var(--surface-raised) !important; }
html:is([data-skin="sg26"],#sg-skin) body .tippy-popper[x-placement^="left"] .tippy-tooltip [x-arrow] { border-left-color: var(--surface-raised) !important; }
html:is([data-skin="sg26"],#sg-skin) body .tippy-popper[x-placement^="right"] .tippy-tooltip [x-arrow] { border-right-color: var(--surface-raised) !important; }

/* 11.A.14 Row and context menus outside the topbar (⋯ on cards and lists) = kit .menu / .menu-item */
html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul {
  min-width: 200px; padding: 6px !important; box-sizing: border-box; border-radius: var(--r-menu) !important; background: var(--surface-raised) !important;
  border: 1px solid var(--menu-line) !important; box-shadow: 0 24px 60px -20px var(--shadow-c) !important; color: var(--text-2) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul li { border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul li a {
  display: flex !important; align-items: center; gap: 10px; min-height: 36px; padding: 8px 10px !important; box-sizing: border-box; border-radius: var(--r-md);
  color: var(--text-2) !important; background: transparent !important; font: 500 14px/20px var(--f) !important; text-decoration: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul li a:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul li a { min-height: 44px; } }

/* 11.A.15 Motion: the heartbeat (.live) and the sheen stop under reduced motion; product transitions too (GL-003 §7.7.8) */
@media (prefers-reduced-motion: reduce) {
  html:is([data-skin="sg26"],#sg-skin) body :is(.button):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.input):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.switcher):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.switcher::after),
html:is([data-skin="sg26"],#sg-skin) body :is(.live):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.live::after),
html:is([data-skin="sg26"],#sg-skin) body :is(.off-badge::after){ transition: none !important; animation: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body .button:hover { transform: none !important; }
}

/* 11.A.16 KPI rows (kit §13, 1010f) for product grids outside .sg-root: put class="kpi-row" and style="--kpi-min:Mpx" (the row's spill
   point) on the grid, --kpi-cols:N when its columns are inline or on each of the page's own column rules. The kit version inside
   .sg-root is in the port below. Tiles drop columns instead of squeezing; never a smaller KPI or an ellipsis. */
html:is([data-skin="sg26"],#sg-skin) body :where(.kpi-row) { --kpi-grid: repeat(auto-fill, minmax(min(100%, max(var(--kpi-min, 0px), calc(100% / (var(--kpi-cols, 1) + 1) + .1px))), 1fr)); display: grid; grid-template-columns: var(--kpi-grid) !important; }

/* 11.C Shared components on request (core group, wave 1). Generated by gen-b4c.js; do not edit by hand. Copy is never changed:
   the noticeboard keeps its admin text, the Post links show their own title. New markup: .sg-notice (> .sg-notice-text, a.sg-notice-action),
   .sg-pill (icon via --sg-pill-icon, text inside). */
html:is([data-skin="sg26"],#sg-skin) body { --sg-ic-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E"); --sg-ic-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E"); --sg-ic-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); --sg-ic-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m17 8-5-5-5 5M12 3v12'/%3E%3C/svg%3E"); --sg-ic-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); }
/* notice: one wrapping row, info tone (a promotion is not a status: success becomes info; danger and warning keep their tone) */
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(center .sg-nb.alert),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert):not(sg-p0){
  --t: var(--t-info); --tc: var(--status-info); display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px; max-width: none !important; margin: 0 0 var(--gap-block) !important;
  padding: 14px 16px !important; box-sizing: border-box; border-radius: var(--r-inset) !important; border: 1px solid rgba(var(--t), .28) !important; border-left-width: 1px !important;
  background: color-mix(in srgb, rgb(var(--t)) 6%, var(--chip-under)) !important; color: var(--text) !important; text-align: left !important; animation: none !important;
  font: 400 14px/20px var(--f) !important; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice):not(.sg-p0):not(sg-p0):is(.danger, .error, .is-danger),
html:is([data-skin="sg26"],#sg-skin) body :is(center .sg-nb.alert):is(.danger, .error, .is-danger),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert):not(sg-p0):is(.danger, .error, .is-danger){ --t: var(--t-danger); --tc: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice):not(.sg-p0):not(sg-p0):is(.warning, .is-warning),
html:is([data-skin="sg26"],#sg-skin) body :is(center .sg-nb.alert):is(.warning, .is-warning),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert):not(sg-p0):is(.warning, .is-warning){ --t: var(--t-warning); --tc: var(--status-warning); }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice):not(.sg-p0):not(sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(center .sg-nb.alert)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert):not(sg-p0)::after{
  content: "" !important; display: block !important; order: -2; flex: none; position: static !important; width: 28px; height: 28px; border-radius: 8px; animation: none !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--sg-accent-2) var(--tile-a1), transparent), color-mix(in srgb, var(--brand-primary) var(--tile-a2), transparent)) !important;
  box-shadow: inset 0 1px 0 var(--border) !important; opacity: 1 !important; transform: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice):not(.sg-p0):not(sg-p0):is(.danger, .error, .is-danger, .warning, .is-warning)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(center .sg-nb.alert):is(.danger, .error, .is-danger, .warning, .is-warning)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert):not(sg-p0):is(.danger, .error, .is-danger, .warning, .is-warning)::after{ background: rgba(var(--t), .14) !important; }
/* the 15px glyph over the tile's centre: [tile 28][gap 12][glyph 15] -> margin-left -(12 + 28 - 6.5), margin-right 6.5 */
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice):not(.sg-p0):not(sg-p0)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(center .sg-nb.alert)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert):not(sg-p0)::before{ content:"";flex-shrink:0;background:currentColor;-webkit-mask:var(--sg-ic-star) center/100% 100% no-repeat;mask:var(--sg-ic-star) center/100% 100% no-repeat; display: block; order: -1; width: 15px; height: 15px; margin: 0 6.5px 0 -33.5px; background-color: var(--sg-soft); }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice):not(.sg-p0):not(sg-p0):is(.danger, .error, .is-danger, .warning, .is-warning)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(center .sg-nb.alert):is(.danger, .error, .is-danger, .warning, .is-warning)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert):not(sg-p0):is(.danger, .error, .is-danger, .warning, .is-warning)::before{ -webkit-mask-image: var(--sg-ic-alert); mask-image: var(--sg-ic-alert); background-color: var(--tc); }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice, center .sg-nb.alert, .sg-nb.alert) > :where(p):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice, center .sg-nb.alert, .sg-nb.alert) > :is(.sg-notice-text){ display: inline; margin: 0 !important; color: var(--text) !important; font: inherit !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice, center .sg-nb.alert, .sg-nb.alert) > p { flex: 1 1 220px; min-width: 0; display: block; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice, center .sg-nb.alert, .sg-nb.alert) > p + p:not(:last-child) { flex-basis: 100%; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice, center .sg-nb.alert, .sg-nb.alert) :is(b),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice, center .sg-nb.alert, .sg-nb.alert) :is(strong){ color: var(--text) !important; font-weight: 500 !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice, center .sg-nb.alert, .sg-nb.alert) > p a { color: var(--brand-primary-text) !important; text-decoration: underline; text-underline-offset: 3px; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice, center .sg-nb.alert, .sg-nb.alert) > p:last-child:has(> a:only-child, > strong:only-child > a:only-child) { flex: 0 0 auto; margin-left: auto !important; display: inline-flex; align-items: center; gap: 6px; }
/* the action: kit .btn-secondary.btn-sm with the arrow */
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice-action):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > a:only-child:not(.sg-p0):not(sg-p0):not(sg-p0)),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > strong:only-child > a:only-child:not(sg-p0)){
  display: inline-flex !important; align-items: center; gap: 8px; height: 32px; padding: 0 14px !important; border-radius: var(--r-full); border: 1px solid transparent;
  background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; box-shadow: inset 0 -1px 0 rgba(0,0,0,.12); font: 500 13px/18px var(--f) !important;
  text-decoration: none !important; white-space: nowrap; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice-action):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0):not(sg-p0):not(sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > a:only-child:not(.sg-p0):not(sg-p0):not(sg-p0))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > strong:only-child > a:only-child:not(sg-p0))::after{ content:"";flex-shrink:0;background:currentColor;-webkit-mask:var(--sg-ic-arrow) center/100% 100% no-repeat;mask:var(--sg-ic-arrow) center/100% 100% no-repeat; display: block; width: 14px; height: 14px; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice-action):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0):not(sg-p0):not(sg-p0):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > a:only-child:not(.sg-p0):not(sg-p0):not(sg-p0)):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > strong:only-child > a:only-child:not(sg-p0)):hover{ background: var(--btn2-bg-hover) !important; color: var(--btn2-fg) !important; transform: translateY(-1px); box-shadow: inset 0 -1px 0 rgba(0,0,0,.12), 0 0 20px color-mix(in srgb, var(--sg-accent-2) 22%, transparent); }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice-action):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > a:only-child:not(.sg-p0):not(sg-p0):not(sg-p0)),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > strong:only-child > a:only-child:not(sg-p0)){ height: 40px; } html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice, center .sg-nb.alert, .sg-nb.alert) > p:last-child:has(> a:only-child, > strong:only-child > a:only-child) { margin-left: 0 !important; } }
/* pill: kit .btn-tonal.btn-sm, 15px icon + label */
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-pill):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(#post .section-actions > a.js-fm-filebrowser),
html:is([data-skin="sg26"],#sg-skin) body :is(#post .section-actions > a.js-fm-urlformtoggler){
  display: inline-flex !important; align-items: center; justify-content: center; gap: 7px; height: 32px; padding: 0 10px !important; box-sizing: border-box; border-radius: var(--r-full) !important;
  border: 1px solid var(--border-2) !important; background: var(--tonal-bg) !important; box-shadow: inset 0 1px 0 var(--hi) !important; color: var(--text) !important;
  font: 500 13px/18px var(--f) !important; white-space: nowrap; text-decoration: none !important; transition: var(--tr); width: auto !important; margin: 0 !important; float: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-pill):not(#sg-p0):not(.sg-p0):not(sg-p0):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(#post .section-actions > a.js-fm-filebrowser):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(#post .section-actions > a.js-fm-urlformtoggler):hover{ color: var(--text-max) !important; border-color: var(--border-hover) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-pill):not(#sg-p0):not(.sg-p0):not(sg-p0)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(#post .section-actions > a.js-fm-filebrowser)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(#post .section-actions > a.js-fm-urlformtoggler)::before{ content:"";flex-shrink:0;background:currentColor;-webkit-mask:var(--sg-pill-icon, var(--sg-ic-upload)) center/100% 100% no-repeat;mask:var(--sg-pill-icon, var(--sg-ic-upload)) center/100% 100% no-repeat !important; display: block !important; width: 15px !important; height: 15px !important; font-size: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-actions > a.js-fm-urlformtoggler { --sg-pill-icon: var(--sg-ic-link); }
html:is([data-skin="sg26"],#sg-skin) body #post .section-actions > a:is(.js-fm-filebrowser, .js-fm-urlformtoggler)[title]::after { content: attr(title); }
/* tippy moves title to data-original-title at init: the label (and so the link's accessible name) comes from there */
html:is([data-skin="sg26"],#sg-skin) body #post .section-actions > a:is(.js-fm-filebrowser, .js-fm-urlformtoggler)[data-original-title]::after { content: attr(data-original-title); }
html:is([data-skin="sg26"],#sg-skin) body #post .section-actions > a.js-fm-filebrowser { flex: 1 1 auto; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body :is(.sg-pill):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(#post .section-actions > a.js-fm-filebrowser),
html:is([data-skin="sg26"],#sg-skin) body :is(#post .section-actions > a.js-fm-urlformtoggler){ height: 40px; } }
@media (prefers-reduced-motion: reduce) { html:is([data-skin="sg26"],#sg-skin) body :is(.sg-notice-action):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0):not(sg-p0):not(sg-p0):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > a:only-child:not(.sg-p0):not(sg-p0):not(sg-p0)):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-nb.alert > p:last-child > strong:only-child > a:only-child:not(sg-p0)):hover{ transform: none !important; } }

/* 11.D (B4.2, A285.2) Requests from the pro-modules group (wave 1). Existing tokens only. */

/* 11.D.1 Button guard. topbar.fragment.php's <style> (lines 936-975) paints body.darkside .btn / -default / -secondary / -primary /
   -success / -danger / -warning with !important (radius 10, white 18% border, transparent or #f3f4f6 fill). The kit .btn of 11.B has
   no !important, so in dark every .sg-root button lost its look. Here the kit values are restated with !important at id strength,
   in BOTH themes (the guard is harmless in light): (a) kit buttons inside .sg-root, (b) Bootstrap .btn outside .sg-root (plugins),
   mapped to the kit variants. Group agents: delete your temporary copies (pro-modules.css §0.1). */
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn {
  border-radius: var(--r-full) !important; border: 1px solid transparent !important; background-color: transparent !important; color: var(--text) !important;
  text-transform: none !important; box-shadow: none;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn:hover { background-color: transparent !important; border-color: transparent !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn:is(.btn-primary, .fab) { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn:is(.btn-primary, .fab):hover { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-hover) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn:is(.btn-secondary, .btn-light) { background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; border-color: transparent !important; box-shadow: inset 0 -1px 0 rgba(0,0,0,.12) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn:is(.btn-secondary, .btn-light):hover { background: var(--btn2-bg-hover) !important; color: var(--btn2-fg) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn.btn-tonal { background: var(--tonal-bg) !important; border-color: var(--border-2) !important; color: var(--text) !important; box-shadow: inset 0 1px 0 var(--hi) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn.btn-tonal:hover { border-color: var(--border-hover) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn.btn-outline { background: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; color: var(--outline-fg) !important; border-color: var(--outline-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn.btn-outline:hover { background: color-mix(in srgb, var(--brand-primary) 20%, transparent) !important; color: var(--outline-fg) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn.btn-ghost { background: transparent !important; color: var(--text-2) !important; border-color: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn.btn-ghost:is(:hover, [aria-expanded="true"]) { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn.btn-danger { background: rgba(var(--t-danger), .1) !important; border-color: rgba(var(--t-danger), .3) !important; color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .btn.btn-danger:hover { background: rgba(var(--t-danger), .22) !important; color: var(--danger-hover-fg) !important; }
/* (b) Bootstrap .btn used by plugins, outside kit markup: kit pill, 40/44, tonal by default */
html:is([data-skin="sg26"],#sg-skin) body .btn:not(.sg-root .btn) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 18px !important; box-sizing: border-box;
  border-radius: var(--r-full) !important; border: 1px solid var(--border-2) !important; background: var(--tonal-bg) !important; color: var(--text) !important;
  box-shadow: inset 0 1px 0 var(--hi) !important; font: 500 14px/20px var(--f) !important; text-transform: none !important; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .btn:not(.sg-root .btn):hover { border-color: var(--border-hover) !important; color: var(--text-max) !important; background: var(--tonal-bg) !important; }
html:is([data-skin="sg26"],#sg-skin) body .btn:not(.sg-root .btn):is(.btn-primary, .btn-success) { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; border-color: transparent !important; box-shadow: var(--sg-glow-rest) !important; }
html:is([data-skin="sg26"],#sg-skin) body .btn:not(.sg-root .btn):is(.btn-primary, .btn-success):hover { box-shadow: var(--sg-glow-hover) !important; color: var(--brand-on-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body .btn:not(.sg-root .btn):is(.btn-danger, .btn-warning) { --t: var(--t-danger); background: rgba(var(--t), .1) !important; border-color: rgba(var(--t), .3) !important; color: var(--status-danger) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .btn:not(.sg-root .btn).btn-warning { --t: var(--t-warning); color: var(--status-warning) !important; }
html:is([data-skin="sg26"],#sg-skin) body .btn:not(.sg-root .btn).btn-link { background: transparent !important; border-color: transparent !important; color: var(--brand-primary-text) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .btn:not(.sg-root .btn):is(.btn-sm, .btn-xs) { min-height: 32px; padding: 0 14px !important; font-size: 13px !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .btn:not(.sg-root .btn) { min-height: 44px; } }

/* 11.D.2 Filter chip on product markup: add class «sg-chip» to the element (it may also carry .button / .button--light-outline /
   .small: the chip wins). ON = .active, .is-on or [aria-pressed="true"]. Where the product's JS uses «button--light-outline» as the ON
   state (Proxy Manager Pro), add «sg-chip--on-outline» as well. Kit .chip: 30px (36 + 44 hit on the phone), 13px, selected = accent.
   [A285.3] The filter buttons of the shared aside search form (Users: Active / Expired / Online / Recently online, a.button.u-small, ON =
   .active) render as this chip everywhere, no markup change; the alias sits in :where() so it adds no specificity. */
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip),
html:is([data-skin="sg26"],#sg-skin) body :is(:where(.search-box a.button.u-small)):not(.sg-p0){
  display: inline-flex !important; align-items: center; gap: 6px; height: 30px !important; min-height: 0 !important; padding: 0 12px !important; margin: 0 !important; box-sizing: border-box;
  border-radius: var(--r-full) !important; border: 1px solid var(--border-2) !important; background: var(--fill-3) !important; box-shadow: none !important; transform: none !important;
  color: var(--text-2) !important; font: 500 13px/18px var(--f) !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(:where(.search-box a.button.u-small)):not(.sg-p0):hover{ color: var(--text-max) !important; border-color: color-mix(in srgb, var(--sg-accent-2) 40%, transparent) !important; background: var(--fill-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip:is(.active, .is-on, [aria-pressed="true"])):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip.sg-chip--on-outline.button--light-outline),
html:is([data-skin="sg26"],#sg-skin) body :is(:where(.search-box a.button.u-small).active):not(.sg-p0):not(.sg-p0){
  background: var(--brand-primary-subtle) !important; border-color: color-mix(in srgb, var(--sg-accent-2) 38%, transparent) !important; color: var(--sg-soft) !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip, :where(.search-box a.button.u-small)) :is(.mdi),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip, :where(.search-box a.button.u-small)) :is(.sli),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip, :where(.search-box a.button.u-small)) :is(.icon),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip, :where(.search-box a.button.u-small)) :where(svg):not(.sg-p0){ margin: 0 !important; font-size: 14px !important; width: 14px; height: 14px; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(:where(.search-box a.button.u-small)):not(.sg-p0):focus-visible{ outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-chip.sg-chip--sm { height: 26px !important; padding: 0 10px !important; font-size: 13px !important; line-height: 16px !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip),
html:is([data-skin="sg26"],#sg-skin) body :is(:where(.search-box a.button.u-small)):not(.sg-p0){ height: 36px !important; position: relative; }
  html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(:where(.search-box a.button.u-small)):not(.sg-p0)::before{ content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: 44px; transform: translate(-50%, -50%); }
}

/* 11.D.3 Account aside (boards RepostIndex, SlaveIndex, LeadsIndex, DirectInbox, AiDmInbox: the «P-ACC» aside), promoted from the
   pro-modules group (its §3). Add classes, never change the product markup inside (AJAX lists, core.js panes):
     the .skeleton--full wrapper:     sg-acc        (the module's skeleton)
     the aside / the detail pane:     sg-acc-list / sg-acc-detail   (on .skeleton-aside / .skeleton-content)
     a collapsible inset section:     sg-acc-section (with a header link .sg-acc-section-head; aria-expanded rotates the chevron)
   Rows are the product's .aside-list-item (.circle, .inner, .title, .sub, .status.color-green|color-paused, .options, .full-link).
   Board: aside card 280 (padding 16, gap 12); account rows = inset cards; the detail is a dashed empty panel until an account opens. */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc > .clearfix { display: flex; align-items: flex-start; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc > .clearfix::before,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc > .clearfix::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list { flex: 0 0 280px; width: 280px !important; box-sizing: border-box; padding: 16px !important; display: flex; flex-direction: column; gap: 12px; overflow: visible !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-detail { flex: 1 1 auto; min-width: 0; width: auto !important; overflow: visible !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-detail:has(> .no-data:only-child) {
  min-height: 520px; display: grid; place-items: center; padding: 40px !important; box-sizing: border-box; background: transparent !important; border: 1px dashed var(--border-dash) !important; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-detail > .no-data:only-child { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 0; max-width: 420px; color: var(--text-2); font: 400 14px/21px var(--f); text-align: center; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-detail > .no-data:only-child p { margin: 0; color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .no-data-icon {
  display: grid !important; place-items: center; width: 44px; height: 44px; margin: 0; border-radius: 13px; font-size: 0 !important; color: var(--sg-soft) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--sg-accent-2) var(--tile-a1), transparent), color-mix(in srgb, var(--brand-primary) var(--tile-a2), transparent)); box-shadow: inset 0 1px 0 var(--border);
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .no-data-icon::before { content: "" !important; display: block; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--sg-ic-instagram) center/100% 100% no-repeat; mask: var(--sg-ic-instagram) center/100% 100% no-repeat; }
/* search: the module's own aside form (.search-box / .rp-search-box); the field is B4's .input */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list :is(.search-box),
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list :is(.rp-search-box){ position: relative !important; top: auto; z-index: auto; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .search-box .input,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .rp-search-box .input{ padding-left: 36px !important; padding-right: 36px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list :is(.search-icon),
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list :is(.cancel-icon){ position: absolute !important; left: 12px; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 !important; padding: 0; line-height: 16px; font-size: 0 !important; color: var(--text-3) !important; z-index: 2; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list :is(.search-icon)::before,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list :is(.cancel-icon)::before{ content: "" !important; display: block; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sg-acc-ico) center/16px no-repeat; mask: var(--sg-acc-ico) center/16px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .search-icon { --sg-acc-ico: var(--sg-ic-search); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .cancel-icon { --sg-acc-ico: var(--sg-ic-x); left: auto; right: 12px; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .processing { position: absolute; left: auto; right: 12px; top: 50%; transform: translateY(-50%); }
/* account rows = board .acc inset cards */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item {
  position: relative; float: none !important; width: auto !important; margin: 0 !important; padding: 12px !important; border-radius: var(--r-inset) !important; border: 1px solid var(--border) !important;
  background: var(--surface-alt) !important; box-shadow: inset 0 1px 0 var(--hi) !important; transition: border-color .2s, background-color .2s;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item:hover { border-color: var(--border-2) !important; background: var(--surface-alt) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item:is(.active, .task-selected) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 20%, transparent), color-mix(in srgb, var(--brand-primary) 6%, transparent)) !important;
  border-color: color-mix(in srgb, var(--brand-primary-text) 55%, transparent) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item > .clearfix { display: flex; align-items: flex-start; gap: 10px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item > .clearfix::before,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item > .clearfix::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .circle { position: static !important; float: none !important; flex-shrink: 0; width: 32px !important; height: 32px !important; margin: 0 !important; border: 0 !important; border-radius: 50%; object-fit: cover; background: var(--surface-raised); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .inner { flex: 1; min-width: 0; padding: 0 !important; overflow: visible; display: flex; flex-direction: column; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .title { margin: 0; font: 500 14px/20px var(--f) !important; color: var(--text) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; white-space: normal; overflow: visible; font: 500 13px/18px var(--f) !important; color: var(--text-muted) !important; font-variant-numeric: tabular-nums; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub > span { margin: 0 !important; display: inline-flex; align-items: center; gap: 5px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub :is(.mdi),
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub :is(.sli){ margin: 0 !important; font-size: 13px; color: var(--text-3); }
/* status = kit .status pill: dot + label; green = success, paused = info (GL-003 §7.2.4), otherwise idle */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub .status {
  --t: var(--t-neutral); --tc: var(--text-2); display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; box-sizing: border-box; border-radius: var(--r-full);
  border: 1px solid rgba(var(--t), .3); background: color-mix(in srgb, rgb(var(--t)) 10%, var(--chip-under)) !important; color: var(--tc) !important; font: 500 13px/18px var(--f);
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub .status.color-green { --t: var(--t-success); --tc: var(--status-success); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub .status.color-paused { --t: var(--t-info); --tc: var(--status-info); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub .status > .mdi:first-child { font-size: 0 !important; width: 6px; height: 6px; border-radius: 50%; background: currentColor; color: inherit !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub .status > .mdi:first-child::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub .status > .mdi-circle-outline:first-child { background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub .color-danger { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .sub .color-danger .mdi { color: inherit; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .options { position: relative !important; top: auto !important; right: auto !important; z-index: 2; flex-shrink: 0; margin: 7px 0 0; font-size: 0; line-height: 0; order: -1; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .full-link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .full-link:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* row select circle: board .sel 18px (the mdi classes still toggle; their glyph is not painted) */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .options > a.mdi {
  display: inline-grid; place-items: center; width: 18px; height: 18px; box-sizing: border-box; border-radius: 50%; border: 1.5px solid var(--border-strong); background: transparent; font-size: 0 !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .options > a.mdi::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item .options > a.mdi-checkbox-marked-circle-outline { background: var(--brand-primary); border-color: var(--brand-primary); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .search-no-result { margin: 0; padding: 16px 4px; font: 400 13px/20px var(--f); color: var(--text-muted) !important; text-align: center; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .loadmore { margin: 4px 0 0 !important; }
/* collapsible inset section of the aside: board .inset + header row with a chevron */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-section { margin: 0; padding: 4px 8px; border-radius: var(--r-inset); border: 1px solid var(--border) !important; background: var(--surface-alt) !important; box-shadow: inset 0 1px 0 var(--hi); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-section-head {
  display: flex !important; align-items: center; gap: 10px; width: 100%; height: 36px; padding: 0 4px; box-sizing: border-box; border-radius: 8px; color: var(--text) !important; font: 500 13px/18px var(--f) !important; text-decoration: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-section-head::after {
  content: ""; margin-left: auto; width: 16px; height: 16px; flex-shrink: 0; background: var(--text-muted); transition: transform .2s var(--ease);
  -webkit-mask: var(--sg-ic-chevron-down) center/16px no-repeat; mask: var(--sg-ic-chevron-down) center/16px no-repeat;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-section-head[aria-expanded="true"]::after { transform: rotate(180deg); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-section-head:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
@media (max-width: 1023.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sg-acc > .clearfix { flex-direction: column; align-items: stretch; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list { flex: none; width: auto !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-detail:has(> .no-data:only-child) { min-height: 280px; }
}
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item { padding: 14px 12px !important; } }
@media (prefers-reduced-motion: reduce) { html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-section-head::after { transition: none; } }

/* 11.D.4 Bare <a> tabs (Reactions account tabs, account-tabs.fragment.php): the 11.A.6 tab look for direct <a> children of
   .react-tab-heads; ON = .active or aria-current. An <a> inside a .react-tab-head / li tab inherits the tab's look. */
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads > a {
  display: inline-flex !important; align-items: center; gap: 6px; height: 30px; padding: 0 14px !important; margin: 0 !important; box-sizing: border-box; border-radius: var(--r-full) !important;
  border: 0 !important; color: var(--text-2) !important; background: transparent !important; box-shadow: none !important; font: 500 13px/18px var(--f) !important;
  text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: var(--tr); float: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads > a:hover { color: var(--text-max) !important; background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads > a:is(.active, [aria-current="page"]) { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads > a:focus-visible { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads :is(.react-tab-head, li) > a { color: inherit !important; background: none !important; text-decoration: none !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads > a { height: 36px; } }

/* 11.D.5 Status dot, usable anywhere (outside .sg-root too). GL-003 §7.2.4: .sg-dot = static 6px dot in the current colour, or a
   tone (.is-success / .is-info / .is-warning / .is-danger); .sg-dot.is-live = the heartbeat (8px, --live, 2.2s, ring), ONLY for active
   Instagram accounts and running automations, never WhatsApp; «In pausa» = .sg-dot.is-info, static. .is-once = two beats. */
html:is([data-skin="sg26"],#sg-skin) body .sg-dot { display: inline-block; flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background: currentColor; vertical-align: middle; }
html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-success { background: var(--status-success); }
html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-info { background: var(--status-info); }
html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-warning { background: var(--status-warning); }
html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-danger { background: var(--status-danger-line); }
html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-live { position: relative; width: 8px; height: 8px; background: var(--live); animation: sg-beat 2.2s ease-in-out infinite; }
html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-live::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: inherit; opacity: 0; animation: sg-ring 2.2s ease-out infinite; }
html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-live.is-once,
html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-live.is-once::after { animation-iteration-count: 2; }
@media (prefers-reduced-motion: reduce) {
  html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-live,
  html:is([data-skin="sg26"],#sg-skin) body .sg-dot.is-live::after { animation: none !important; }
}

/* ===== 11.E B4.3 [A285.3] legacy section title, search-form filter row (chart colours: skin/js/app.js) ===== */
/* 11.E.1 the .section-title pill reset lives in 11.A.8 (same selector). */
/* 11.E.2 shared aside search form: the filter chips (11.D.2) sit in one wrapping row under the field, 8px apart (they had mt-10 each). */
html:is([data-skin="sg26"],#sg-skin) body .search-box .pos-r:has(> a.button.u-small) { display: flex !important; flex-wrap: wrap; gap: 8px; margin-top: 12px !important; }

/* ===== 11.F B4.4 [A285.4] account aside panes as cards; collapsible settings-group header ===== */
/* 11.F.1 Account aside (11.D.3): the list and the opened detail are kit cards (the empty detail stays the dashed panel). core.js writes
   an inline height on both panes: height auto wins here. Promoted from pro-modules «sgp-card». */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc :is(.sg-acc-list),
html:is([data-skin="sg26"],#sg-skin) body .sg-acc :is(.sg-acc-detail){
  height: auto !important; min-height: 0; position: relative; border: 1px solid transparent !important; border-radius: var(--r-lg) !important;
  background: var(--card-bg) padding-box, var(--card-edge) border-box !important; box-shadow: var(--card-shadow) !important; color: var(--text);
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc :is(.sg-acc-list).onprogress::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc :is(.sg-acc-detail).onprogress::after{ background-color: color-mix(in srgb, var(--surface) 92%, transparent) !important; border-radius: inherit; }

/* 11.F.2 Collapsible settings group (boards: one card per group, a full-width head row with the label and a chevron). The product's
   toggler links (Repost .rpm-/.rp-toggler-button, Leads Finder .lf-, Bulk/Bypass .btm-, PMP .pmp-/.pmpa-/.pmpl-, Reactions .np-,
   Assistant .ap-) and new markup with class «sg-group-toggle». Open = .opened, aria-expanded="true" or the module's mdi-arrow-up
   (each module's own JS keeps toggling its panel; skin/js/app.js adds role=button + aria-expanded where the module does not).
   The group card is the toggler's own wrapper when it holds one toggler; inside a .section (already a card) the .section-header is the row. */
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-group-toggle):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.rpm-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.lf-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.btm-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.pmp-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpa-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpl-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.np-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.ap-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]){
  display: flex !important; align-items: center; gap: 10px; width: 100%; min-height: 52px; padding: 0 !important; margin: 0 !important; box-sizing: border-box;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; float: none !important;
  color: var(--text) !important; font: 500 15px/22px var(--f) !important; text-align: start; text-decoration: none !important; text-transform: none !important; cursor: pointer;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-group-toggle > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .rpm-toggler-button > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .rp-toggler-button > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .lf-toggler-button > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .btm-toggler-button > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .pmp-toggler-button > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .pmpa-toggler-button > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .pmpl-toggler-button > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .np-toggler-button > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .ap-toggler-button > :is(.mdi-arrow-down),
html:is([data-skin="sg26"],#sg-skin) body .sg-group-toggle > :is(.mdi-arrow-up),
html:is([data-skin="sg26"],#sg-skin) body .rpm-toggler-button > :is(.mdi-arrow-up),
html:is([data-skin="sg26"],#sg-skin) body .rp-toggler-button > :is(.mdi-arrow-up),
html:is([data-skin="sg26"],#sg-skin) body .lf-toggler-button > :is(.mdi-arrow-up),
html:is([data-skin="sg26"],#sg-skin) body .btm-toggler-button > :is(.mdi-arrow-up),
html:is([data-skin="sg26"],#sg-skin) body .pmp-toggler-button > :is(.mdi-arrow-up),
html:is([data-skin="sg26"],#sg-skin) body .pmpa-toggler-button > :is(.mdi-arrow-up),
html:is([data-skin="sg26"],#sg-skin) body .pmpl-toggler-button > :is(.mdi-arrow-up),
html:is([data-skin="sg26"],#sg-skin) body .np-toggler-button > :is(.mdi-arrow-up),
html:is([data-skin="sg26"],#sg-skin) body .ap-toggler-button > :is(.mdi-arrow-up){ display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-group-toggle)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.rpm-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.lf-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.btm-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmp-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpa-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpl-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.np-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.ap-toggler-button)::after{
  content: ""; margin-left: auto; width: 16px; height: 16px; flex-shrink: 0; background: var(--text-muted);
  -webkit-mask: var(--sg-ic-chevron-down) center / 16px no-repeat; mask: var(--sg-ic-chevron-down) center / 16px no-repeat; transition: transform .2s var(--ease);
}
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-group-toggle):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.rpm-toggler-button):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-toggler-button):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.lf-toggler-button):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.btm-toggler-button):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmp-toggler-button):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpa-toggler-button):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpl-toggler-button):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.np-toggler-button):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.ap-toggler-button):is(.opened, [aria-expanded="true"], :has(> .mdi-arrow-up))::after{ transform: rotate(180deg); }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-group-toggle):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.rpm-toggler-button):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-toggler-button):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.lf-toggler-button):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.btm-toggler-button):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmp-toggler-button):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpa-toggler-button):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpl-toggler-button):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.np-toggler-button):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.ap-toggler-button):hover{ color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-group-toggle):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.rpm-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.lf-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.btm-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmp-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpa-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpl-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.np-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.ap-toggler-button):focus-visible{ outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-gh {
  margin: 0 0 12px !important; padding: 0 16px !important; float: none; border: 1px solid transparent !important; border-radius: var(--r-lg) !important;
  background: var(--card-bg) padding-box, var(--card-edge) border-box !important; box-shadow: var(--card-shadow) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-gh.sg-gh-open { padding-bottom: 16px !important; }
/* inside a .section (the module settings form) every head + its panel(s) is its own card: the .section stops painting, the head is
   the card top (a full card while closed), the visible .section-content blocks after it continue the card, the last one closes it. */
html:is([data-skin="sg26"],#sg-skin) body .section-header.sg-gh-sh {
  padding: 0 var(--pad-card) !important; margin: 12px 0 0 !important; border: 1px solid var(--border-2) !important; border-radius: var(--r-lg) !important;
  background: var(--surface-hi) !important; box-shadow: var(--card-shadow) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .section > .section-header.sg-gh-sh:first-child { margin-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .section-header.sg-gh-sh.sg-gh-open { border-bottom: 1px solid var(--border) !important; border-radius: var(--r-lg) var(--r-lg) 0 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .section-header.sg-gh-sh ~ .section-content:not(.none) {
  margin: 0 !important; border: 1px solid var(--border-2) !important; border-top: 0 !important; border-bottom: 0 !important; border-radius: 0 !important; background: var(--surface-hi) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .section-header.sg-gh-sh ~ .section-content:not(.none):not(:has(+ .section-content:not(.none))) { border-bottom: 1px solid var(--border-2) !important; border-radius: 0 0 var(--r-lg) var(--r-lg) !important; }
@media (prefers-reduced-motion: reduce) { html:is([data-skin="sg26"],#sg-skin) body :is(.sg-group-toggle)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.rpm-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.lf-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.btm-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmp-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpa-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpl-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.np-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.ap-toggler-button)::after{ transition: none; } }

/* ===== 11.G B4.5 [A285.5] topbar Tutorial button, row menu hardening ===== */
/* 11.G.1 A page that sets $TopBar->btn = true with no icon and no title (Affiliate) printed an empty topbar link: an empty blue pill.
   skin/js/app.js turns it into the page's Tutorial button when the page has one (it clicks the page's own trigger, label copied
   from it) and marks it «sg-tb-tutorial»; with nothing to open it gets «sg-tb-empty» and is not shown. Tutorial = the boards'
   gradient button (btn-grad: --pf-gradient-fill, accent inner edge, brand glow). */
html[data-skin="sg26"] body #topbar .topbar-special-link.sg-tb-empty { display: none !important; }
html[data-skin="sg26"] body #topbar .topbar-special-link.sg-tb-tutorial {
  background: var(--pf-gradient-fill) !important; border-color: transparent !important; color: var(--brand-on-primary) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sg-accent-2) 50%, transparent), 0 10px 30px -12px color-mix(in srgb, var(--brand-primary) 60%, transparent) !important;
}
html[data-skin="sg26"] body #topbar .topbar-special-link.sg-tb-tutorial:hover {
  transform: translateY(-1px); color: var(--brand-on-primary) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sg-accent-2) 60%, transparent), 0 0 24px color-mix(in srgb, var(--sg-accent-2) 30%, transparent), 0 14px 36px -12px color-mix(in srgb, var(--brand-primary) 80%, transparent) !important;
}
html[data-skin="sg26"] body #topbar .topbar-special-link.sg-tb-tutorial:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body #topbar .topbar-special-link.sg-tb-tutorial .sg-tb-ic {
  width: 16px; height: 16px; flex-shrink: 0; background: currentColor; -webkit-mask: var(--sg-ic-help-circle) center / 16px no-repeat; mask: var(--sg-ic-help-circle) center / 16px no-repeat;
}
@media (prefers-reduced-motion: reduce) { html[data-skin="sg26"] body #topbar .topbar-special-link.sg-tb-tutorial:hover { transform: none; } }
/* 11.G.2 Row menus (.context-menu on Accounts/Captions cards and lists; 11.A.14 paints the kit .menu on the list): the wrapper itself
   draws nothing (light core.css gave it a 5px radius), icons inside a row are --text-3 like the kit .menu-item, keyboard focus shows. */
html:is([data-skin="sg26"],#sg-skin) body .context-menu { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul li a :is(.mdi),
html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul li a :is(.sli),
html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul li a :is(.icon),
html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul li a :where(svg):not(.sg-p0){ width: 18px; flex-shrink: 0; margin: 0 !important; font-size: 18px; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .context-menu > ul li a:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: -2px; }
/* stylelint-disable no-duplicate-selectors -- [A285.18] marker-class selectors (.sg-gh*, nav) are restated by later batches on purpose; the cascade merges them */

/* ===== 11.H B4.7 [A285.7] license key mask, group-head icon tile, group body beside its head, tab selected states ===== */
/* 11.H.1 «Mostra» mask on license keys (input[name="license-key"] / [name="ig-license-key"] / [data-sg-secret]): skin/js/app.js wraps
   the field in .sg-secret and adds button.sg-reveal; the value stays in the same input, only drawn as discs (no type=password, so no
   autofill). Where text-security is not supported the masked text is blurred instead. Promoted from the admin group (Reactions). */
html:is([data-skin="sg26"],#sg-skin) body .sg-secret { position: relative; display: block; }
html:is([data-skin="sg26"],#sg-skin) body .sg-secret > .input, html:is([data-skin="sg26"],#sg-skin) body .sg-secret > input { padding-right: 112px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-secret > .sg-masked { -webkit-text-security: disc; }
@supports not (-webkit-text-security: disc) { html:is([data-skin="sg26"],#sg-skin) body .sg-secret > .sg-masked { color: transparent !important; text-shadow: 0 0 8px var(--text); } }
html:is([data-skin="sg26"],#sg-skin) body .sg-reveal {
  position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px;
  border: 0; border-radius: var(--r-full); background: transparent; color: var(--text-2); font: 500 13px/18px var(--f); cursor: pointer; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .sg-reveal::before {
  content: ""; width: 16px; height: 16px; flex-shrink: 0; background: currentColor; -webkit-mask: var(--sg-ic-eye) center / 16px no-repeat; mask: var(--sg-ic-eye) center / 16px no-repeat;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-reveal:hover { background: var(--hover-fill); color: var(--text-max); }
html:is([data-skin="sg26"],#sg-skin) body .sg-reveal:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sg-reveal { height: 36px; } html:is([data-skin="sg26"],#sg-skin) body .sg-reveal::after { content: ""; position: absolute; inset: -4px; } }

/* 11.H.2 Icon tile in a group head (11.F.2): put <span class="sg-group-icon" style="--sg-gi: var(--sg-ic-NAME)"></span> first in the
   head, or data-sg-icon="NAME" on the head (app.js adds the span; NAME = an --sg-ic-* icon, the group's page CSS may define more as
   --sg-ic-NAME on body). Kit icon tile: 32px, brand-tinted gradient, glyph 18px --sg-soft. */
html:is([data-skin="sg26"],#sg-skin) body .sg-group-icon {
  display: inline-grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: var(--r-md); color: var(--sg-soft);
  background: linear-gradient(135deg, color-mix(in srgb, var(--sg-accent-2) var(--tile-a1), transparent), color-mix(in srgb, var(--brand-primary) var(--tile-a2), transparent));
  box-shadow: inset 0 1px 0 var(--border);
}
html:is([data-skin="sg26"],#sg-skin) body .sg-group-icon::before {
  content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--sg-gi, var(--sg-ic-info)) center / 18px no-repeat; mask: var(--sg-gi, var(--sg-ic-info)) center / 18px no-repeat;
}

/* 11.H.3 A group whose body is the head wrapper's NEXT sibling (Reactions: div.mt-20 > a.np-toggler-button then div.np-toggler-content;
   div.section-content > a.rp-settings-X-toggler then div.rp-settings-X): while open, a wrapper that holds only the head is the card top
   (squared at the bottom; :has() cannot nest, so this does not test the sibling) and the visible sibling right after it continues the card. */
html:is([data-skin="sg26"],#sg-skin) body .sg-gh-row.sg-gh-open { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-gh-row.sg-gh-open + .sg-gb:not(.none) {
  margin: 0 0 12px !important; padding: 16px !important; border: 1px solid transparent !important; border-top: 0 !important; border-radius: 0 0 var(--r-lg) var(--r-lg) !important;
  background: var(--card-bg) padding-box, var(--card-edge) border-box !important; box-shadow: inset 0 1px 0 var(--border) !important;
}

/* 11.H.4 Tab and segment selected state, whatever the product's script sets: aria-expanded (Bootstrap collapse), aria-selected, .active,
   .show. skin/js/app.js also writes aria-expanded="true" on a collapse trigger whose target is already open at load (WhatsApp settings:
   #collapse-1 is .show but its button says false). Shared ON look for Bootstrap tab lists (.nav-tabs, .nav-pills, role=tablist) = the kit segmented control's ON segment; page-local
   segmented tabs keep their own rule and should accept the same four states. */
html:is([data-skin="sg26"],#sg-skin) body .nav-tabs :where(a):not(.sg-p0):is(.active, .show, [aria-selected="true"], [aria-expanded="true"], [aria-current="page"]),
html:is([data-skin="sg26"],#sg-skin) body .nav-pills :where(a):not(.sg-p0):is(.active, .show, [aria-selected="true"], [aria-expanded="true"], [aria-current="page"]),
html:is([data-skin="sg26"],#sg-skin) body [role="tablist"] :where(a):not(.sg-p0):is(.active, .show, [aria-selected="true"], [aria-expanded="true"], [aria-current="page"]),
html:is([data-skin="sg26"],#sg-skin) body .nav-tabs :where(button):not(.sg-p0):is(.active, .show, [aria-selected="true"], [aria-expanded="true"], [aria-current="page"]),
html:is([data-skin="sg26"],#sg-skin) body .nav-pills :where(button):not(.sg-p0):is(.active, .show, [aria-selected="true"], [aria-expanded="true"], [aria-current="page"]),
html:is([data-skin="sg26"],#sg-skin) body [role="tablist"] :where(button):not(.sg-p0):is(.active, .show, [aria-selected="true"], [aria-expanded="true"], [aria-current="page"]),
html:is([data-skin="sg26"],#sg-skin) body .nav-tabs :is(.button):is(.active, .show, [aria-selected="true"], [aria-expanded="true"], [aria-current="page"]),
html:is([data-skin="sg26"],#sg-skin) body .nav-pills :is(.button):is(.active, .show, [aria-selected="true"], [aria-expanded="true"], [aria-current="page"]),
html:is([data-skin="sg26"],#sg-skin) body [role="tablist"] :is(.button):is(.active, .show, [aria-selected="true"], [aria-expanded="true"], [aria-current="page"]){
  background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: none !important;
}

/* ===== 11.I B4.8 [A285.8] native <select> = the kit select (every page; select2 / selectize keep 11.A.4) ===== */
/* Native control, no JS: appearance none + a line chevron drawn with two token gradients (two 6px diagonal strokes) (no literal colour, follows the theme and the
   tenant), 40px (44 + 16px text on the phone), radius 10, 1px --border-strong in both themes, --input-bg, focus = --brand-primary-border
   + the kit ring. The open list follows the theme (color-scheme) and the options take the menu surface where the browser allows.
   Beats the topbar fragment's body.darkside select rules (#0f0f12, 8px, !important). List boxes (multiple / size > 1) keep their
   height and get the field frame only. */
html:is([data-skin="sg26"],#sg-skin) body select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized) {
  -webkit-appearance: none !important; appearance: none !important; height: 40px !important; min-height: 0; max-width: 100%; box-sizing: border-box;
  padding: 0 36px 0 12px !important; border: 1px solid var(--border-strong) !important; border-radius: var(--r-md) !important; box-shadow: none !important;
  background-color: var(--input-bg) !important; color: var(--text) !important; font: 400 14px/22px var(--f) !important; text-overflow: ellipsis; cursor: pointer;
  background-image: linear-gradient(45deg, transparent calc(50% - .85px), var(--text-3) calc(50% - .85px) calc(50% + .85px), transparent calc(50% + .85px)), linear-gradient(135deg, transparent calc(50% - .85px), var(--text-3) calc(50% - .85px) calc(50% + .85px), transparent calc(50% + .85px)) !important;
  background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50% !important; background-size: 6px 6px, 6px 6px !important; background-repeat: no-repeat !important;
  transition: border-color .2s;
}
html:is([data-skin="sg26"],#sg-skin) body select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized)::-ms-expand { display: none; }
html:is([data-skin="sg26"],#sg-skin) body select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized):hover { border-color: var(--border-strong-hover) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized)):not(.sg-p0):focus,
html:is([data-skin="sg26"],#sg-skin) body :is(select:is([multiple], [size]:not([size="1"])):not(.select2-hidden-accessible, .selectized)):focus{ border-color: var(--brand-primary-border) !important; outline: none !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized)):not(.sg-p0):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(select:is([multiple], [size]:not([size="1"])):not(.select2-hidden-accessible, .selectized)):focus-visible{ outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body :is(select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized)):not(.sg-p0):is(.error, .is-invalid, [aria-invalid="true"]),
html:is([data-skin="sg26"],#sg-skin) body :is(select:is([multiple], [size]:not([size="1"])):not(.select2-hidden-accessible, .selectized)):is(.error, .is-invalid, [aria-invalid="true"]){ border-color: var(--status-danger-line) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized)):not(.sg-p0):disabled,
html:is([data-skin="sg26"],#sg-skin) body :is(select:is([multiple], [size]:not([size="1"])):not(.select2-hidden-accessible, .selectized)):disabled{ opacity: .4; cursor: not-allowed; }
html:is([data-skin="sg26"],#sg-skin) body select:is([multiple], [size]:not([size="1"])):not(.select2-hidden-accessible, .selectized) {
  padding: 6px !important; border: 1px solid var(--border-strong) !important; border-radius: var(--r-md) !important; box-shadow: none !important;
  background: var(--input-bg) !important; color: var(--text) !important; font: 400 14px/22px var(--f) !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized), select:is([multiple], [size]:not([size="1"])):not(.select2-hidden-accessible, .selectized)) :is(option),
html:is([data-skin="sg26"],#sg-skin) body :is(select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized), select:is([multiple], [size]:not([size="1"])):not(.select2-hidden-accessible, .selectized)) :is(optgroup){ background-color: var(--surface-raised); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body :is(select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized), select:is([multiple], [size]:not([size="1"])):not(.select2-hidden-accessible, .selectized)) option:disabled { color: var(--text-3); }
html[data-skin="sg26"] body select { color-scheme: light; }
html[data-skin="sg26"] body.darkside select, html[data-skin="sg26"] body [data-theme="dark"] select { color-scheme: dark; }
html[data-skin="sg26"] body.darkside [data-theme="light"] select { color-scheme: light; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body select:not([multiple], [size]:not([size="1"]), .select2-hidden-accessible, .selectized) { height: 44px !important; font-size: 16px !important; } }

/* ===== 11.J B4.9 [A285.9] legacy bare nav, support chat button, Reports SVG series, chat-button safe area ===== */
/* 11.J.1 core.css styles EVERY <nav> as the old fixed 69px sidebar (position fixed, top/left 0, 100% height, z 501; ≤992 width 219,
   left -250, visibility hidden) and the topbar fragment paints body.darkside nav (#111114, border-right, !important). The product
   sidebar is body > nav (B3). Any other <nav> (board tabs, breadcrumbs, pagers in content) is reset to a normal box here; its own
   class styles it. The !important background/border-right reset is restated for the kit .tabs. A content <nav> that needs its own
   background or right border must set them with !important (or use another element). */
html[data-skin="sg26"] body nav:not(body > nav) {
  position: static; top: auto; left: auto; z-index: auto; width: auto; height: auto; overflow: visible; visibility: visible;
  transform: none; transition: none; box-shadow: none; border-radius: 0;
}
html:is([data-skin="sg26"],#sg-skin) body nav:not(body > nav) { background-color: transparent !important; background-image: none !important; border-right: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root nav.tabs { background-color: var(--fill-2) !important; border-right: 1px solid var(--border) !important; }

/* 11.J.2 Support chat button (support-ticket chat-widget.fragment.php, printed at shutdown with a literal #0071e3): the kit .fab,
   brand tokens so it follows the tenant (#3b7cff on the platform), 52px, glow; its glyph is the board's chat icon as a mask, so it also
   shows where the icon font is not loaded (CSS-only routes: WaPreferences). The widget's other literal-blue actions take the brand. */
html:is([data-skin="sg26"]) body { --sg-ic-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body .sgchat-fab:not(.none, [style*="display: none"], [style*="display:none"]) {
  right: 28px !important; bottom: 28px !important; width: 52px !important; height: 52px !important; display: grid !important; place-items: center;
  border: 0 !important; border-radius: 50% !important; background: var(--brand-primary) !important; color: var(--brand-on-primary) !important;
  box-shadow: var(--sg-glow-rest) !important; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .sgchat-fab:hover { transform: translateY(-1px); box-shadow: var(--sg-glow-hover) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgchat-fab:focus-visible { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 3px; }
html:is([data-skin="sg26"],#sg-skin) body .sgchat-fab > .mdi { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgchat-fab::before { content: ""; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--sg-ic-chat) center / 22px no-repeat; mask: var(--sg-ic-chat) center / 22px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgchat-ticket):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sgchat-send):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sgchat-apply button){ background: var(--brand-primary) !important; border-color: var(--brand-primary) !important; color: var(--brand-on-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgchat-opt .mdi { color: var(--brand-primary-text) !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgchat-fab { right: 16px !important; bottom: 16px !important; } }
@media (prefers-reduced-motion: reduce) { html:is([data-skin="sg26"],#sg-skin) body .sgchat-fab:hover { transform: none; } }
/* 11.J.3 Safe area: with the chat button on the page, the page ends 96px lower (80 on the phone), so the last actions can always be
   scrolled clear of it. */
html:is([data-skin="sg26"],#sg-skin) body.sghas-3adeaa76 { padding-bottom: 96px; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body.sghas-3adeaa76 { padding-bottom: 80px; } }

/* 11.J.4 Social Reports draws its own SVG charts with literal series colours passed by the views (followers #2563eb, engagement status
   green #16a34a, competitor lines). Series come from the brand/accent palette instead (GL-003 §7.7.1 «Grafici», same list as the
   Chart.js plugin in app.js); status colours are never a series. CSS beats the SVG presentation attributes. Single-series area charts
   and sparklines: line, end dot and area gradient; the multi-line growth chart: its k-th line and the k-th legend dot. */
html:is([data-skin="sg26"],#sg-skin) body :is(#srep-chart-followers),
html:is([data-skin="sg26"],#sg-skin) body :is(#rpt-followers),
html:is([data-skin="sg26"],#sg-skin) body :where(.srep-spark-svg):not(#sg-p0){ --sg-srs: var(--brand-primary); }
html:is([data-skin="sg26"],#sg-skin) body :is(#srep-chart-engagement),
html:is([data-skin="sg26"],#sg-skin) body :is(#rpt-engagement){ --sg-srs: var(--sg-accent-2); }
html:is([data-skin="sg26"],#sg-skin) body :is(#srep-chart-followers, #rpt-followers, #srep-chart-engagement, #rpt-engagement, .srep-spark-svg) path[fill="none"] { stroke: var(--sg-srs) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#srep-chart-followers, #rpt-followers, #srep-chart-engagement, #rpt-engagement, .srep-spark-svg) circle { fill: var(--sg-srs) !important; stroke: var(--surface) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#srep-chart-followers, #rpt-followers, #srep-chart-engagement, #rpt-engagement, .srep-spark-svg) stop { stop-color: var(--sg-srs) !important; }
html:is([data-skin="sg26"],#sg-skin) body #srep-chart-growth path:nth-of-type(6n+1),
html:is([data-skin="sg26"],#sg-skin) body #rpt-growth path:nth-of-type(6n+1),
html:is([data-skin="sg26"],#sg-skin) body .srep-chart-box:has(:is(#srep-chart-growth, #rpt-growth)) .srep-legend-item:nth-of-type(6n+1) .srep-legend-dot{ stroke: var(--brand-primary) !important; background: var(--brand-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body #srep-chart-growth path:nth-of-type(6n+2),
html:is([data-skin="sg26"],#sg-skin) body #rpt-growth path:nth-of-type(6n+2),
html:is([data-skin="sg26"],#sg-skin) body .srep-chart-box:has(:is(#srep-chart-growth, #rpt-growth)) .srep-legend-item:nth-of-type(6n+2) .srep-legend-dot{ stroke: var(--sg-accent-2) !important; background: var(--sg-accent-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body #srep-chart-growth path:nth-of-type(6n+3),
html:is([data-skin="sg26"],#sg-skin) body #rpt-growth path:nth-of-type(6n+3),
html:is([data-skin="sg26"],#sg-skin) body .srep-chart-box:has(:is(#srep-chart-growth, #rpt-growth)) .srep-legend-item:nth-of-type(6n+3) .srep-legend-dot{ stroke: var(--sg-deep) !important; background: var(--sg-deep) !important; }
html:is([data-skin="sg26"],#sg-skin) body #srep-chart-growth path:nth-of-type(6n+4),
html:is([data-skin="sg26"],#sg-skin) body #rpt-growth path:nth-of-type(6n+4),
html:is([data-skin="sg26"],#sg-skin) body .srep-chart-box:has(:is(#srep-chart-growth, #rpt-growth)) .srep-legend-item:nth-of-type(6n+4) .srep-legend-dot{ stroke: color-mix(in srgb, var(--brand-primary) 55%, var(--text-3)) !important; background: color-mix(in srgb, var(--brand-primary) 55%, var(--text-3)) !important; }
html:is([data-skin="sg26"],#sg-skin) body #srep-chart-growth path:nth-of-type(6n+5),
html:is([data-skin="sg26"],#sg-skin) body #rpt-growth path:nth-of-type(6n+5),
html:is([data-skin="sg26"],#sg-skin) body .srep-chart-box:has(:is(#srep-chart-growth, #rpt-growth)) .srep-legend-item:nth-of-type(6n+5) .srep-legend-dot{ stroke: color-mix(in srgb, var(--sg-accent-2) 55%, var(--text-3)) !important; background: color-mix(in srgb, var(--sg-accent-2) 55%, var(--text-3)) !important; }
html:is([data-skin="sg26"],#sg-skin) body #srep-chart-growth path:nth-of-type(6n+6),
html:is([data-skin="sg26"],#sg-skin) body #rpt-growth path:nth-of-type(6n+6),
html:is([data-skin="sg26"],#sg-skin) body .srep-chart-box:has(:is(#srep-chart-growth, #rpt-growth)) .srep-legend-item:nth-of-type(6n+6) .srep-legend-dot{ stroke: var(--text-3) !important; background: var(--text-3) !important; }

/* ===== 11.K B4.10 [A285.10] legacy dark .card rule vs kit cards ===== */
/* The topbar fragment paints body.darkside .card (#111114, border-color rgba(255,255,255,.06), radius 12, inset shadow, #e5e7eb,
   all !important) after app.css: inside .sg-root it beat the kit .card edge, radius and shadow and the .is-hl brand border (reseller
   approval card). Kit card values restated at id strength, as for the buttons (11.D.1). Product cards outside .sg-root keep 11.A.8. */
html:is([data-skin="sg26"],#sg-skin) body .sg-root .card {
  background-color: transparent !important; border-color: transparent !important; border-radius: var(--r-lg) !important;
  box-shadow: var(--card-shadow) !important; color: var(--text) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-root .card.card-grad { border-radius: var(--r-xl) !important; box-shadow: var(--grad-card-shadow) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-root .card.is-hl { border-color: color-mix(in srgb, var(--brand-primary-text) 55%, transparent) !important; }

/* ===== 11.L B4.11 [A285.11] Affiliate SVG charts (server-drawn, literal colours) on tokens ===== */
/* affiliates.v2.fragment.php draws its charts in PHP with literals: dark-only grid rgba(255,255,255,.06) and labels rgba(255,255,255,.4/.6)
   (invisible in light), series green #10b981 / blue #3b82f6, donut palette with status colours. As the Chart.js plugin and 11.J.4:
   grid --border, labels --text-3, series from the brand/accent palette in both themes (CSS beats SVG presentation attributes;
   the fill-opacity attributes stay). Area chart = the svg right after .aff-chart-head; sparklines in .kpi-spark / .aff-spark-graph. */
html:is([data-skin="sg26"],#sg-skin) body .section-content:has(> .aff-chart-head) > svg line { stroke: var(--border) !important; }
html:is([data-skin="sg26"],#sg-skin) body .section-content:has(> .aff-chart-head) > svg text { fill: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.section-content:has(> .aff-chart-head) > svg, .kpi-spark svg, .aff-spark-graph svg) :is(polygon),
html:is([data-skin="sg26"],#sg-skin) body :is(.section-content:has(> .aff-chart-head) > svg, .kpi-spark svg, .aff-spark-graph svg) :is(polyline),
html:is([data-skin="sg26"],#sg-skin) body :is(.section-content:has(> .aff-chart-head) > svg, .kpi-spark svg, .aff-spark-graph svg) :is(circle){ fill: var(--brand-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.section-content:has(> .aff-chart-head) > svg, .kpi-spark svg, .aff-spark-graph svg) polyline { fill: none !important; stroke: var(--brand-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body .aff-donut-chart svg circle:first-of-type { stroke: var(--border) !important; }
html:is([data-skin="sg26"],#sg-skin) body .aff-donut-chart svg circle:nth-of-type(6n+2):not(:first-of-type), html:is([data-skin="sg26"],#sg-skin) body .aff-donut-legend .legend-item:nth-of-type(6n+1) .dot { stroke: var(--brand-primary) !important; background: var(--brand-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body .aff-donut-chart svg circle:nth-of-type(6n+3):not(:first-of-type), html:is([data-skin="sg26"],#sg-skin) body .aff-donut-legend .legend-item:nth-of-type(6n+2) .dot { stroke: var(--sg-accent-2) !important; background: var(--sg-accent-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .aff-donut-chart svg circle:nth-of-type(6n+4):not(:first-of-type), html:is([data-skin="sg26"],#sg-skin) body .aff-donut-legend .legend-item:nth-of-type(6n+3) .dot { stroke: var(--sg-deep) !important; background: var(--sg-deep) !important; }
html:is([data-skin="sg26"],#sg-skin) body .aff-donut-chart svg circle:nth-of-type(6n+5):not(:first-of-type), html:is([data-skin="sg26"],#sg-skin) body .aff-donut-legend .legend-item:nth-of-type(6n+4) .dot { stroke: color-mix(in srgb, var(--brand-primary) 55%, var(--text-3)) !important; background: color-mix(in srgb, var(--brand-primary) 55%, var(--text-3)) !important; }
html:is([data-skin="sg26"],#sg-skin) body .aff-donut-chart svg circle:nth-of-type(6n+6):not(:first-of-type), html:is([data-skin="sg26"],#sg-skin) body .aff-donut-legend .legend-item:nth-of-type(6n+5) .dot { stroke: color-mix(in srgb, var(--sg-accent-2) 55%, var(--text-3)) !important; background: color-mix(in srgb, var(--sg-accent-2) 55%, var(--text-3)) !important; }
html:is([data-skin="sg26"],#sg-skin) body .aff-donut-chart svg circle:nth-of-type(6n+7):not(:first-of-type), html:is([data-skin="sg26"],#sg-skin) body .aff-donut-legend .legend-item:nth-of-type(6n+6) .dot { stroke: var(--text-3) !important; background: var(--text-3) !important; }

/* ===== 11.M B4.12 [A285.12] section title with icon tile ===== */
/* A plain h2.section-title (11.A.8) takes the same icon tile as the group heads (11.H.2): data-sg-icon="NAME" on the title (app.js
   inserts <span class="sg-group-icon">, NAME = an --sg-ic-* icon) or the span written first in the title. Title and tile on one line. */
html:is([data-skin="sg26"],#sg-skin) body .section-title:has(> .sg-group-icon) { display: inline-flex !important; align-items: center; gap: 10px; }

/* ===== 11.N B4.13 [A285.13] pagers, jconfirm frame and icon tile ===== */
/* 11.N.1 Pagers (DataTables .paginate_button: core.css #6065fc with #333/white text, 2.6:1; POD .pod-pagination; Bootstrap .pagination /
   .page-link) = kit pager: 32px pills, neutral = --text-2 on transparent with a --border-2 edge, current = --brand-primary with
   --brand-on-primary (the brand pair, AA in both themes and on tenants), disabled .4. 36px + 44px hit on the phone. */
html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_paginate):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.pod-pagination):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.pagination):not(.none, [style*="display: none"], [style*="display:none"]){ display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_paginate .paginate_button),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(a)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(strong)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(span)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(a)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(span)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.page-link):not(.sg-p0){
  display: inline-flex !important; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 10px !important; margin: 0 !important;
  box-sizing: border-box; border: 1px solid var(--border-2) !important; border-radius: var(--r-full) !important; background: transparent !important;
  color: var(--text-2) !important; font: 500 13px/18px var(--f) !important; text-decoration: none !important; opacity: 1 !important; cursor: pointer; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_paginate .paginate_button):hover,
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(a)):not(.sg-p0):not(.sg-p0):hover,
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(strong)):not(.sg-p0):not(.sg-p0):hover,
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(span)):not(.sg-p0):not(.sg-p0):hover,
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(a)):not(.sg-p0):not(.sg-p0):hover,
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(span)):not(.sg-p0):not(.sg-p0):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.page-link):not(.sg-p0):hover{ background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_paginate .paginate_button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(a, strong, span)):not(.sg-p0):not(.sg-p0):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(a, span)):not(.sg-p0):not(.sg-p0):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.page-link):not(.sg-p0):focus-visible{ outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_paginate .paginate_button.current),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > strong):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.pod-pagination > .current):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li.active > :is(a)):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li.active > :is(span)):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.page-item.active > .page-link),
html:is([data-skin="sg26"],#sg-skin) body :is([aria-current="page"]:is(.paginate_button, .page-link)):not(.sg-p0){ background: var(--brand-primary) !important; border-color: transparent !important; color: var(--brand-on-primary) !important; cursor: default; }
html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_paginate .paginate_button.disabled),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li.disabled > :is(a)):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li.disabled > :is(span)):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.page-item.disabled > .page-link){ opacity: .4 !important; cursor: not-allowed; background: transparent !important; color: var(--text-2) !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_paginate .paginate_button),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(a)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(strong)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(span)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(a)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(span)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.page-link):not(.sg-p0){ min-width: 36px; height: 36px; position: relative; } html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_paginate .paginate_button)::after,
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(a)):not(.sg-p0):not(.sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(strong)):not(.sg-p0):not(.sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(span)):not(.sg-p0):not(.sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(a)):not(.sg-p0):not(.sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(span)):not(.sg-p0):not(.sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.page-link):not(.sg-p0)::after{ content: ""; position: absolute; inset: -4px; } }

/* 11.N.2 jconfirm frame = kit modal (11.A, box): no inner dividers (reset in 11.A with the box rules; the topbar fragment draws dark-literal lines under the title and above
   the buttons), no browser focus outline on the box itself when jconfirm focuses it (the controls inside keep their rings). */
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box:focus { outline: none !important; }

/* 11.N.3 Dialog icon = kit icon tile, AA in both themes: 40px, radius 10, a brand tint with the glyph in --brand-primary-text (the
   tile was the faint --sg-soft / legacy #fafafa glyph in light). Dialog types keep their meaning: red = danger, orange = warning,
   green = success. */
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box .jconfirm-title-c:has(> .jconfirm-icon-c > *) { display: flex !important; align-items: center; gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box .jconfirm-icon-c:has(> *) {
  --t-tile: var(--brand-primary); --t-glyph: var(--brand-primary-text);
  display: grid !important; place-items: center; flex-shrink: 0; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important;
  border-radius: var(--r-md) !important; background: color-mix(in srgb, var(--t-tile) 14%, transparent) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--t-tile) 28%, transparent) !important;
  color: var(--t-glyph) !important; font-size: 20px !important; line-height: 1 !important;
}
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box .jconfirm-icon-c > * { color: inherit !important; font-size: inherit !important; margin: 0 !important; line-height: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-icon-c:has(> *) { --t-tile: var(--status-danger); --t-glyph: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-icon-c:has(> *) { --t-tile: var(--status-warning); --t-glyph: var(--status-warning); }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-icon-c:has(> *) { --t-tile: var(--status-success); --t-glyph: var(--status-success); }

/* ===== 11.O B4.14 [A285.14] PMP topbar: the first link is not the core «primary» ===== */
/* 10.4 paints the FIRST core page button as the primary (brand fill, --brand-on-primary !important) with :not(.x ~ .x), which outranks
   the PMP link rules of 10.6. On PMP pages whose first link is a plain link («Tutti i proxy» on Users) that left a white glyph on a
   transparent icon-only button below 1100 in light (invisible) and a brand pill above. PMP links are plain unless «/new» or current. */
html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link:not(.topbar-special-link ~ .topbar-special-link):not([href$="/new"], [aria-current="page"]) {
  background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: var(--text-2) !important; transform: none !important;
}
html[data-skin="sg26"] body #topbar:has(.topbar-title-text) .topbar-special-link:not(.topbar-special-link ~ .topbar-special-link):not([href$="/new"], [aria-current="page"]):hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }

/* ===== 11.P B4.15 [A285.15] compact group heads, blue «Guida», one kit switch ===== */
/* 11.P.1 Group head = ONE row (Angelo 2026-10-11: the heads were tall cards with «Guida» on its own line; «Targeting» a full-width pill).
   The head wrapper (11.F.2 card) that holds only the head (and its «Guida») becomes a 52px flex row: the toggler takes the free width (title + small chevron at its right end),
   the «Guida» button (.robi-learn-btn, injected by Reactions/Robi; .sg-guida for new markup) sits inline at the right. Tight padding,
   8px between collapsed groups. The module's own click handler, open state and body are untouched (CSS only; see 11.P.4). */
html:is([data-skin="sg26"],#sg-skin) body .sg-gh-row:not(.none, [style*="display: none"], [style*="display:none"], body.rp-view-simple .sr-adv) {
  display: flex !important; flex-wrap: nowrap; align-items: center; gap: 8px; min-height: 52px; box-sizing: border-box;
  padding: 0 12px 0 16px !important; margin: 0 0 8px !important; float: none !important; width: auto !important; max-width: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.sg-group-toggle),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.rpm-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.rp-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.lf-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.btm-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.pmp-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.pmpa-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.pmpl-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.np-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.ap-toggler-button){
  flex: 1 1 auto; width: auto !important; min-width: 0; min-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  font: 500 15px/22px var(--f) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.sg-group-toggle)::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.rpm-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.rp-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.lf-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.btm-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.pmp-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.pmpa-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.pmpl-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.np-toggler-button)::after,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.ap-toggler-button)::after{ width: 14px; height: 14px; -webkit-mask-size: 14px; mask-size: 14px; margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body .sg-gh-row.sg-gh-open { margin-bottom: 0 !important; }
/* a wrapper that also holds its body (the body is inside, not after it) stays a block card: head on top, body below (11.F.2) */
/* 11.P.2 «Guida» = small tonal light-blue button (brand text on a light brand tint, A285.17), inline in the head */
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.robi-learn-btn):not(.none, [style*="display: none"], [style*="display:none"], body.rp-view-simple .sr-adv),
html:is([data-skin="sg26"],#sg-skin) body .sg-gh > :is(.sg-guida):not(.none, [style*="display: none"], [style*="display:none"], body.rp-view-simple .sr-adv),
html:is([data-skin="sg26"],#sg-skin) body :is(.robi-learn-btn):not(.none, [style*="display: none"], [style*="display:none"], body.rp-view-simple .sr-adv),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-guida):not(.none, [style*="display: none"], [style*="display:none"], body.rp-view-simple .sr-adv){
  display: inline-flex !important; align-items: center; gap: 6px; flex: 0 0 auto; height: 28px !important; min-height: 0 !important; padding: 0 12px !important;
  margin: 0 !important; position: relative !important; float: none !important; box-sizing: border-box; border: 1px solid color-mix(in srgb, var(--brand-primary-text) 22%, transparent) !important; border-radius: var(--r-full) !important;
  background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; /* [A285.17] tonal light blue: «Salva» stays the only fill */ box-shadow: none !important; opacity: 1 !important; visibility: visible;
  font: 500 13px/18px var(--f) !important; text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .robi-learn-btn :is(.mdi),
html:is([data-skin="sg26"],#sg-skin) body .sg-guida :is(.mdi),
html:is([data-skin="sg26"],#sg-skin) body .robi-learn-btn :is(.icon),
html:is([data-skin="sg26"],#sg-skin) body .sg-guida :is(.icon),
html:is([data-skin="sg26"],#sg-skin) body .robi-learn-btn :where(svg):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .sg-guida :where(svg):not(.sg-p0){ color: inherit !important; font-size: 14px !important; line-height: 1 !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.robi-learn-btn):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-guida):hover{ background: color-mix(in srgb, var(--brand-primary) 22%, transparent) !important; color: var(--brand-primary-text) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.robi-learn-btn):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-guida):focus-visible{ outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
/* phone: 44px hit area; the button is position:relative above, in the SAME rule, so the area never escapes to an ancestor (the
   functional check caught a Guida whose hit area covered the whole page at 390 when position came from a weaker rule) */
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body :is(.robi-learn-btn):not(.none, [style*="display: none"], [style*="display:none"], body.rp-view-simple .sr-adv)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-guida):not(.none, [style*="display: none"], [style*="display:none"], body.rp-view-simple .sr-adv)::after{ content: ""; position: absolute; inset: -8px -2px; } }
/* 11.P.3 Open group: head-only wrapper (or head + «Guida») is the card top, the body right after it continues the card (extends 11.H.3) */
html:is([data-skin="sg26"],#sg-skin) body .sg-gh-row.sg-gh-open { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-gh-row.sg-gh-open + .sg-gb:not(.none) {
  margin: 0 0 8px !important; padding: 12px 16px 16px !important; border: 1px solid transparent !important; border-top: 0 !important;
  border-radius: 0 0 var(--r-lg) var(--r-lg) !important; background: var(--card-bg) padding-box, var(--card-edge) border-box !important; box-shadow: inset 0 1px 0 var(--border) !important;
}

/* [SG-PATCH 2026-10-17 | Felix] Email Pro «Filters» (#filterToggle) has a bare .icon (no .checked/.unchecked like «Send to all»): the switch selectors below also take :where(#doNotToggleMe) .icon, same specificity, so it is the same kit switch. */
/* 11.P.4 One switch. Reactions and Bypassing turn every legacy .checkbox into an iOS switch with their own sizes and greens, which
   met 11.A.3 (kit checkbox) half way: a 42x18 track with a 20px knob off its rail. skin/js/app.js flags the pages that load those
   module stylesheets with body.sg-cb-switches and the same selector as the module and they become the kit switch, like .form-switcher-ios (11.A.3): 42x26 track, 20px knob,
   off = --switch-off with a --border-strong edge, on = --brand-primary, label beside it, 10px apart, centred. Clicks still go to the
   module's label (the input stays where the module put it). */
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]) + span:not(.none, [style*="display: none"], [style*="display:none"], body.rp-view-simple .sr-adv) { display: inline-flex !important; align-items: center !important; gap: 10px !important; min-height: 26px !important; padding-left: 0 !important; color: var(--text-2) !important; font: 400 14px/20px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]):checked + span { color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]) + span .icon:is(.unchecked, .checked, :where(#doNotToggleMe) .icon) {
  position: relative !important; top: auto !important; left: auto !important; display: inline-block !important; flex: 0 0 42px !important; width: 42px !important; height: 26px !important;
  margin: 0 !important; box-sizing: border-box; border: 1px solid var(--border-strong) !important; border-radius: var(--r-full) !important;
  background: var(--switch-off) !important; box-shadow: none !important; transition: var(--tr) !important;
}
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]) + span .icon:is(.unchecked, .checked, :where(#doNotToggleMe) .icon) .mdi-check {
  position: absolute !important; top: 2px !important; left: 2px !important; width: 20px !important; height: 20px !important; border-radius: 50% !important;
  background: var(--switch-knob) !important; box-shadow: var(--knob-shadow) !important; font-size: 0 !important; transform: none; transition: transform .35s var(--ease) !important; display: block !important; opacity: 1 !important; visibility: visible !important; /* [A285.19] core hides the unchecked mark */
}
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]) + span .icon:is(.unchecked, .checked, :where(#doNotToggleMe) .icon) .mdi-check::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]):checked + span .icon:is(.unchecked, .checked, :where(#doNotToggleMe) .icon) { background: var(--brand-primary) !important; border-color: var(--brand-primary-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]):checked + span .icon:is(.unchecked, .checked, :where(#doNotToggleMe) .icon) .mdi-check { transform: translateX(16px) !important; background: #fff !important; }
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]).warmup:checked + span .icon:is(.unchecked, .checked, :where(#doNotToggleMe) .icon) { background: var(--status-warning) !important; border-color: var(--status-warning) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]):focus-visible + span .icon:is(.unchecked, .checked, :where(#doNotToggleMe) .icon) { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]):disabled + span { opacity: .5; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { html:is([data-skin="sg26"],#sg-skin) body.sg-cb-switches .checkbox:not([name^="day_"]):not([data-activity-time-slot]) + span .icon:is(.unchecked, .checked, :where(#doNotToggleMe) .icon) .mdi-check { transition: none !important; } }

/* 11.P.5 Safety net: a Bootstrap backdrop that is fading out (or left behind without .show) is invisible; it must never take clicks
   meant for the page (the functional check found one covering every switch of a settings page). */
html:is([data-skin="sg26"],#sg-skin) body .modal-backdrop:not(.show) { pointer-events: none !important; }

/* 11.P.6 The modules' own drawn switches next to a hidden checkbox (Reactions speed settings .rp-speed-settings-switch, accelerator and
   export switches: <input type=checkbox> + <span class="…-switch">) = the same kit switch. */
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + span[class$="-switch"] {
  position: relative !important; display: inline-block; flex: 0 0 42px !important; width: 42px !important; height: 26px !important; box-sizing: border-box;
  border: 1px solid var(--border-strong) !important; border-radius: var(--r-full) !important; background: var(--switch-off) !important; box-shadow: none !important; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + span[class$="-switch"]::after {
  content: "" !important; position: absolute !important; top: 2px !important; left: 2px !important; width: 20px !important; height: 20px !important; border-radius: 50% !important;
  background: var(--switch-knob) !important; box-shadow: var(--knob-shadow) !important; transition: transform .35s var(--ease) !important;
}
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:checked + span[class$="-switch"] { background: var(--brand-primary) !important; border-color: var(--brand-primary-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:checked + span[class$="-switch"]::after { transform: translateX(16px) !important; background: #fff !important; }
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:focus-visible + span[class$="-switch"] { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:disabled + span[class$="-switch"] { opacity: .5; }

/* ===== 11.Q B4.16 [A285.16] collaudo (Angelo, 2026-10-11) ===== */
/* 11.Q.1 Open group body: the module's own trailing margins (mb-20, mt-15 on the last block) left a tall empty band under the content.
   The body ends with its last line: last children lose their bottom margin, the body pads 12/16/16 like the head. */
html:is([data-skin="sg26"],#sg-skin) body .sg-gh + .sg-gb:not(.none) > :last-child,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh + .sg-gb:not(.none) > :last-child > :last-child,
html:is([data-skin="sg26"],#sg-skin) body .sg-gh + .sg-gb:not(.none) > :last-child > :last-child > :last-child { margin-bottom: 0 !important; }

/* 11.Q.2 Account menu (Profilo / Esci): as wide as its longest row plus the normal 10px row padding, not 200px */
html[data-skin="sg26"] body #topbar .context-menu-wrapper > .context-menu { width: auto !important; min-width: 0 !important; }
html[data-skin="sg26"] body #topbar .context-menu-wrapper > .context-menu > ul { min-width: 0 !important; width: max-content !important; max-width: min(320px, calc(100vw - 32px)); }
html[data-skin="sg26"] body #topbar .context-menu > ul > li > a { padding: 0 14px 0 10px !important; }

/* 11.Q.3 Tutorial: while a tour step is open the page does not scroll (the tour itself scrolls its targets into view by script, which
   overflow:hidden still allows); restored when the tour closes (the class goes away). */
html:has(> body:is(.rx-tour-active, .aff-tour-active)), html[data-skin="sg26"] body:is(.rx-tour-active, .aff-tour-active) { overflow: hidden !important; }

/* 11.Q.4 Loading state when a list item loads its pane (core.js .js-ajaxload-content: Reactions and every account aside). The product's
   dark rule painted the overlay flat (#111114, no spinner): a blank pane for seconds. Kit state: the pane dims to --surface, a 28px
   ring spins in the brand colour (static ring with reduced motion). */
@keyframes sg-spin { to { transform: rotate(360deg); } }
html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-content).onprogress,
html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-aside).onprogress{ position: relative; }
html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-content).onprogress::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-aside).onprogress::after{
  content: "" !important; position: absolute !important; inset: 0 !important; z-index: 9999 !important; width: auto !important; height: auto !important;
  background: color-mix(in srgb, var(--surface) 88%, transparent) !important; border-radius: inherit;
}
html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-content).onprogress::before,
html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-aside).onprogress::before{
  content: "" !important; position: absolute !important; z-index: 10000 !important; top: min(50%, 240px); left: 50%; width: 28px; height: 28px; margin: -14px 0 0 -14px;
  box-sizing: border-box; border-radius: 50%; border: 3px solid var(--border-2); border-top-color: var(--brand-primary); animation: sg-spin .8s linear infinite;
}
@media (prefers-reduced-motion: reduce) { html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-content).onprogress::before,
html:is([data-skin="sg26"],#sg-skin) body :is(.skeleton-aside).onprogress::before{ animation: none; } }

/* 11.Q.5 Sidebar. Logo 34px (was 24) with 12px under it (was 22). Phone drawer: the close button no longer takes a row above the logo
   (it sits in the drawer's top-right corner). Desktop (>= 1024): the sidebar can be folded to the icon rail with the button next to
   the logo (state in localStorage, applied before the first paint by the nav fragment); folded, the rail is the 768-1023 rail of 10.3:
   icons only, the section name shows as the original tooltip flyout on hover, a click goes straight to the section. */
html[data-skin="sg26"] body > nav .sg-brand .sg-logo:is(img, span) { height: 34px !important; margin: 0 0 12px 8px !important; max-width: calc(100% - 52px) !important; }
/* [A285.17] the logo link (legacy .nav-logo-wrapper stacking) covered the fold button: the button sits above it, the link stops short of it */
html[data-skin="sg26"] body > nav .sg-brand .sg-brand-link { max-width: calc(100% - 44px); }
html[data-skin="sg26"] body > nav .sg-rail-toggle {
  position: absolute; top: 20px; right: 10px; z-index: 30; display: none; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0;
  border: 0; border-radius: var(--r-full); background: transparent; color: var(--text-3); cursor: pointer; transition: var(--tr);
}
html[data-skin="sg26"] body > nav .sg-rail-toggle:hover { background: var(--hover-fill); color: var(--text-max); }
html[data-skin="sg26"] body > nav .sg-rail-toggle:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body > nav .sg-rail-toggle svg { width: 18px; height: 18px; transition: transform .2s var(--ease); }
@media (min-width: 1024px) {
  html[data-skin="sg26"] body > nav .sg-rail-toggle { display: inline-flex; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-rail-toggle { position: static; align-self: center; margin: 0 0 10px; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-rail-toggle svg { transform: rotate(180deg); }
  html[data-skin="sg26"] body.sg-rail:has(> nav .nav-menu) { --sg-shell-left: var(--rail-w); }
  html[data-skin="sg26"] body.sg-rail > nav { width: var(--rail-w) !important; padding: 16px 12px !important; align-items: center; }
    html[data-skin="sg26"] body.sg-rail > nav .sg-brand { align-items: center; }
    html[data-skin="sg26"] body.sg-rail > nav .sg-brand-link { align-items: center; }
    html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sg-logo { display: none !important; }
    html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sidebar-mark {
      display: block !important; flex-shrink: 0; box-sizing: border-box; height: 30px !important; width: auto; max-width: 52px; margin: 0 0 14px !important;
      object-fit: contain; position: static !important;
    }
    html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sidebar-mark.is-mono {
      display: grid !important; place-items: center; width: 30px; border-radius: var(--r-md); background: var(--brand-primary); color: var(--brand-on-primary); font: 700 13px/1 var(--f);
    }
    html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sidebar-mark.is-mono::before { content: attr(data-mono); }
    html[data-skin="sg26"] body.sg-rail:not(.darkside):not([data-theme="dark"]) > nav .sg-brand .sidebar-mark.is-dk,
html[data-skin="sg26"] body.darkside.sg-rail > nav .sg-brand .sidebar-mark.is-lt,
html[data-skin="sg26"] body[data-theme="dark"].sg-rail > nav .sg-brand .sidebar-mark.is-lt{ display: none !important; }
    html[data-skin="sg26"] body.sg-rail > nav .nav-menu { align-self: stretch; }
    html[data-skin="sg26"] body.sg-rail > nav .nav-menu ul { align-items: center; }
    html[data-skin="sg26"] body.sg-rail > nav .nav-menu ul + ul::before { width: 32px; margin: 6px auto; }
    html[data-skin="sg26"] body.sg-rail > nav .nav-menu li > a { width: 48px !important; height: 44px !important; padding: 0 !important; gap: 0; justify-content: center; }
    html[data-skin="sg26"] body.sg-rail > nav .nav-menu :is(.menu-icon),
html[data-skin="sg26"] body.sg-rail > nav .nav-menu :is(.special-menu-icon){ width: 20px !important; height: 20px !important; font-size: 20px !important; }
    html[data-skin="sg26"] body.sg-rail > nav .nav-menu .special-menu-icon > * { font-size: 20px !important; }
    html[data-skin="sg26"] body.sg-rail > nav .nav-menu .label {
      position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important;
    }
    /* rail closed: the original's tippy tooltips name the icons on hover */
    html[data-skin="sg26"] body.sg-rail > nav .nav-menu .tooltip { display: block !important; position: absolute; inset: 0; }
}
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body.mobile-menu-open > nav .sg-nav-close { position: absolute !important; top: 10px; right: 10px; margin: 0 !important; z-index: 3; }
  html[data-skin="sg26"] body > nav .sg-brand .sg-logo:is(img, span) { margin: 6px 56px 12px 8px !important; }
}

/* 11.Q.6 Type floor (GL-003 §7.7.1): secondary text never under 13px; body text 15px on the phone. The audit (8 main pages, 1440 and
   390) found 12px captions, badges, list meta, statuses, field tips, KPI deltas and the Guida label. */
html:is([data-skin="sg26"],#sg-skin) body :is(.caption):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.badge):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.field-tips li):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item :is(.sub)):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item :is(.status)):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.section-title small):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.st-live):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.st-view-bar-hint):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.robi-label):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aff-trend):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aff-perf-cell .lbl):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aff-method-badge):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aff-method-desc):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sgsb-row dt):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sgsb-status):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.hc-sup-info .desc):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.mrow-main .num):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.mrow-meta .badge):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.st-cat__txt .caption):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(#topbar .context-menu > ul [class^="menu-separator"]){ font-size: 13px !important; line-height: 18px !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(p):not(.caption, .sub, small, .field-tips li, .aside-list-item, [class*="badge"], [class*="chip"]),
html:is([data-skin="sg26"],#sg-skin) body .hc-wrap :is(p):not(.caption, .sub, small, .field-tips li, .aside-list-item, [class*="badge"], [class*="chip"]),
html:is([data-skin="sg26"],#sg-skin) body .container-1200 :is(p):not(.caption, .sub, small, .field-tips li, .aside-list-item, [class*="badge"], [class*="chip"]),
html:is([data-skin="sg26"],#sg-skin) body .sg-root :is(p):not(.caption, .sub, small, .field-tips li, .aside-list-item, [class*="badge"], [class*="chip"]),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(li):not(.caption, .sub, small, .field-tips li, .aside-list-item, [class*="badge"], [class*="chip"]),
html:is([data-skin="sg26"],#sg-skin) body .hc-wrap :is(li):not(.caption, .sub, small, .field-tips li, .aside-list-item, [class*="badge"], [class*="chip"]),
html:is([data-skin="sg26"],#sg-skin) body .container-1200 :is(li):not(.caption, .sub, small, .field-tips li, .aside-list-item, [class*="badge"], [class*="chip"]),
html:is([data-skin="sg26"],#sg-skin) body .sg-root :is(li):not(.caption, .sub, small, .field-tips li, .aside-list-item, [class*="badge"], [class*="chip"]){ font-size: 14px !important; line-height: 21px !important; } /* B4.28 #6: phone body 14/21 (was 15/22) */
  html:is([data-skin="sg26"],#sg-skin) body :is(.mrow-title):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.st-cat__txt .label),
html:is([data-skin="sg26"],#sg-skin) body :is(.hc-action-title):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aff-method-title):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-pf-label):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.hc-faq-body):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.hc-action-desc):not(.sg-p0){ font-size: 14px !important; line-height: 21px !important; } /* B4.28 #6: was 15/22 */
}

/* 11.Q.7 Welcome first in the sidebar, with a home icon (its «?» read as help). */
html[data-skin="sg26"] body > nav .nav-menu li:has(> a[href$="/e/helpcenter"]) { order: -1; }
html[data-skin="sg26"] body > nav .nav-menu li > a[href$="/e/helpcenter"] { --sg-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V20a1 1 0 0 0 1 1h4v-6h4v6h4a1 1 0 0 0 1-1V9.5'/%3E%3C/svg%3E"); }

/* 11.Q.8 Cards: the «Il tuo abbonamento» card sat in a table cell with 30px top/bottom padding plus empty rows; the card now ends with
   its content (padding = the card's own 24/16). */
html:is([data-skin="sg26"],#sg-skin) body table:has(.sgsb) td { padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body table:has(.sgsb) tr + tr td { padding-top: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body table:has(.sgsb) tr:not(:has(.sgsb)):not(:has(:is(a, button, input, select, img))) { display: none; }
html:is([data-skin="sg26"],#sg-skin) body :is(.section),
html:is([data-skin="sg26"],#sg-skin) body :is(.card),
html:is([data-skin="sg26"],#sg-skin) body :is(.box-list-item){ min-height: 0; }

/* ===== 11.R B4.17 [A285.17] Guida tonal, Tutorial secondary, colour option B (opt-in), audit quick wins ===== */
/* 11.R.1 One filled primary per region (GL-003 §7.7.5; audit P1-4): «Guida» is a tonal light-blue button (11.P.2), «Tutorial» a secondary tonal pill; «Salva» keeps the only --brand-primary fill. */
html:is([data-skin="sg26"],#sg-skin) body :is(.rx-tutorial-btn):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.button-tutorial-modal.youtube-link){
  background: var(--tonal-bg) !important; color: var(--text) !important; border: 1px solid var(--border-2) !important; box-shadow: none !important; background-image: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(.rx-tutorial-btn):not(.sg-p0):hover,
html:is([data-skin="sg26"],#sg-skin) body :is(.button-tutorial-modal.youtube-link):hover{ background: var(--hover-fill) !important; color: var(--text-max) !important; transform: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .rx-tutorial-btn:not(.sg-p0) :is(.mdi),
html:is([data-skin="sg26"],#sg-skin) body .button-tutorial-modal.youtube-link :is(.mdi),
html:is([data-skin="sg26"],#sg-skin) body .rx-tutorial-btn:not(.sg-p0) :is(.icon),
html:is([data-skin="sg26"],#sg-skin) body .button-tutorial-modal.youtube-link :is(.icon),
html:is([data-skin="sg26"],#sg-skin) body .rx-tutorial-btn:not(.sg-p0) :where(svg):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .button-tutorial-modal.youtube-link :where(svg):not(.sg-p0){ color: var(--brand-primary-text) !important; }

/* 11.R.2 Colour option B (audit §4; Angelo chose B on 2026-10-11, the DEFAULT since B4.19, no opt-in). Azure as the wayfinding voice, from tokens only (--sg-accent-2, --sg-ink-2, --brand-*, --status-*):
   all derive from the tenant colour, so reseller themes follow; no violet, no new tokens. */
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.icon-tile),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.icon-tile),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.sg-group-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.sg-group-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.no-data-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.no-data-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.hc-action-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.hc-action-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.hc-kpi-row-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.hc-kpi-row-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.hc-sup-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.hc-sup-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.kpi-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.kpi-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.sga-mg-tile),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.sga-mg-tile),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.stkb-cat-tile__icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.stkb-cat-tile__icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.t-ico),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.t-ico),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.rs-fig-ico),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.rs-fig-ico),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.sgp-bke-tile),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.sgp-bke-tile),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.wh-summary-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.wh-summary-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.rp-action-block-group-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.rp-action-block-group-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.rp-source-pruning-group-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.rp-source-pruning-group-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.rp-speed-settings-card-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.rp-speed-settings-card-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside :is(.gr-hero-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] :is(.gr-hero-icon){ background: color-mix(in oklch, var(--sg-accent-2) 16%, transparent) !important; color: var(--sg-ink-2) !important; box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--sg-accent-2) 24%, transparent) !important; }
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.icon-tile),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.sg-group-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.no-data-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.hc-action-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.hc-kpi-row-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.hc-sup-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.kpi-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.sga-mg-tile),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.stkb-cat-tile__icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.t-ico),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.rs-fig-ico),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.sgp-bke-tile),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.wh-summary-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.rp-action-block-group-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.rp-source-pruning-group-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.rp-speed-settings-card-icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) :is(.gr-hero-icon){ background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-primary-text) 18%, transparent) !important; }
html:not(.sg-nocolor)[data-skin="sg26"] body :is(.icon-tile, .sg-group-icon, .no-data-icon, .hc-action-icon, .hc-kpi-row-icon, .hc-sup-icon, .kpi-icon, .sga-mg-tile, .stkb-cat-tile__icon, .t-ico, .rs-fig-ico, .sgp-bke-tile, .wh-summary-icon, .rp-action-block-group-icon, .rp-source-pruning-group-icon, .rp-speed-settings-card-icon, .gr-hero-icon) :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body :is(.icon-tile, .sg-group-icon, .no-data-icon, .hc-action-icon, .hc-kpi-row-icon, .hc-sup-icon, .kpi-icon, .sga-mg-tile, .stkb-cat-tile__icon, .t-ico, .rs-fig-ico, .sgp-bke-tile, .wh-summary-icon, .rp-action-block-group-icon, .rp-source-pruning-group-icon, .rp-speed-settings-card-icon, .gr-hero-icon) :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body :is(.icon-tile, .sg-group-icon, .no-data-icon, .hc-action-icon, .hc-kpi-row-icon, .hc-sup-icon, .kpi-icon, .sga-mg-tile, .stkb-cat-tile__icon, .t-ico, .rs-fig-ico, .sgp-bke-tile, .wh-summary-icon, .rp-action-block-group-icon, .rp-source-pruning-group-icon, .rp-speed-settings-card-icon, .gr-hero-icon) :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body :is(.icon-tile, .sg-group-icon, .no-data-icon, .hc-action-icon, .hc-kpi-row-icon, .hc-sup-icon, .kpi-icon, .sga-mg-tile, .stkb-cat-tile__icon, .t-ico, .rs-fig-ico, .sgp-bke-tile, .wh-summary-icon, .rp-action-block-group-icon, .rp-source-pruning-group-icon, .rp-speed-settings-card-icon, .gr-hero-icon) :where(img):not(.sg-p0){ color: inherit !important; }
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .hc-card-head > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .st-bhead > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .sec-head > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .section-header > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .hc-card-head > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .st-bhead > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .sec-head > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .section-header > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .hc-card-head > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .st-bhead > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .sec-head > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .section-header > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .hc-card-head > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .st-bhead > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .sec-head > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .section-header > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .hc-card-head > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .st-bhead > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .sec-head > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body.darkside .section-header > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .hc-card-head > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .st-bhead > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .sec-head > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body[data-theme="dark"] .section-header > :is(.icon){ color: var(--sg-ink-2) !important; }
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .hc-card-head > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .st-bhead > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .sec-head > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .section-header > :is(.mdi),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .hc-card-head > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .st-bhead > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .sec-head > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .section-header > :where(svg):not(.sg-p0),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .hc-card-head > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .st-bhead > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .sec-head > :is(.icon),
html:not(.sg-nocolor)[data-skin="sg26"] body:not(.darkside):not([data-theme="dark"]) .section-header > :is(.icon){ color: var(--brand-primary-text) !important; }
/* active sidebar item: a 3px leading bar (decorative, also the non-colour «selected» cue GL-003 §7.3 asks for) */
html:not(.sg-nocolor)[data-skin="sg26"] body > nav .nav-menu li.active > a { position: relative; }
html:not(.sg-nocolor)[data-skin="sg26"] body > nav .nav-menu li.active > a::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 3px; background: var(--sg-gradient); }
/* calendar: «oggi» ring + date pill, scheduled posts as brand chips, weekend columns on --surface-alt */
html:not(.sg-nocolor)[data-skin="sg26"] body #calendar-month .sg-cal-table td.is-today { box-shadow: inset 0 0 0 2px var(--brand-primary-border) !important; }
html:not(.sg-nocolor)[data-skin="sg26"] body #calendar-month .sg-day-lines > * { background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; border-radius: 6px !important; padding: 2px 6px !important; }
html:not(.sg-nocolor)[data-skin="sg26"] body #calendar-month .sg-cal-table td:is(:nth-child(6), :nth-child(7)):not(.is-today) { background: var(--surface-alt) !important; }
/* status chips tinted from the status tokens (never brand-derived) */
html:not(.sg-nocolor)[data-skin="sg26"] body .aside-list-item .status:is(.color-green, .color-paused, .color-danger, .color-mid, .color-grey) { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: var(--r-full); --t: var(--t-neutral); background: rgba(var(--t), .14) !important; box-shadow: inset 0 0 0 1px rgba(var(--t), .28); }
html:not(.sg-nocolor)[data-skin="sg26"] body .aside-list-item .status.color-green { --t: var(--t-success); color: var(--status-success) !important; }
html:not(.sg-nocolor)[data-skin="sg26"] body .aside-list-item .status.color-paused { --t: var(--t-info); color: var(--status-info) !important; }
html:not(.sg-nocolor)[data-skin="sg26"] body .aside-list-item .status.color-danger { --t: var(--t-danger); color: var(--status-danger) !important; }

/* 11.R.3 Calendar «oggi» marker (default, audit P1-6): the date is an accent pill on every width */
html:is([data-skin="sg26"],#sg-skin) body #calendar-month .sg-day-num.is-today { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; border-radius: var(--r-full) !important; font-weight: 600 !important; }

/* 11.R.4 Post (audit P1-3, P1-6, P1-7): the compose header is a grid (title | actions) and never overlaps «Impostazioni di Base»; the
   title sits on the card edge; the two 11px time inputs of the date picker read at 13px (16px on the phone, no iOS zoom); the side
   columns end with their content instead of stretching to the tallest column. */
html:is([data-skin="sg26"],#sg-skin) body #post .section-header:has(> .section-title-post) { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; height: auto !important; min-height: 44px; margin: 0 0 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-header > .section-title-post { margin: 0 !important; text-align: start !important; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-header:has(> .section-title-post)::before, html:is([data-skin="sg26"],#sg-skin) body #post .section-header:has(> .section-title-post)::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-header .section-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; height: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .datepicker--time-row input { font-size: 13px !important; height: auto !important; min-height: 24px; }
html:is([data-skin="sg26"],#sg-skin) body #post .clearfix > .col { align-self: start; }
html:is([data-skin="sg26"],#sg-skin) body #post .clearfix > .col > .section { height: auto !important; min-height: 0 !important; }

/* 11.R.5 Dead space (audit P1-7) */
html:is([data-skin="sg26"],#sg-skin) body .rp-schedule-save-bar-slot { margin-bottom: 12px !important; }
html:is([data-skin="sg26"],#sg-skin) body .rp-schedule-footer-actions .col.mb-20 { margin-bottom: 0 !important; padding-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .parser-tab-heads.pb-15 { margin-bottom: 12px !important; }
html:is([data-skin="sg26"],#sg-skin) body .hc-card { justify-content: flex-start !important; }
html:is([data-skin="sg26"],#sg-skin) body .hc-card > .hc-card-head { margin-bottom: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body .hc-card > .hc-card-head + * { margin-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .hc-card:has(.hc-sup-icon) :is([class*="grid"]):has(.hc-sup-icon),
html:is([data-skin="sg26"],#sg-skin) body .hc-card:has(.hc-sup-icon) :is([class*="list"]):has(.hc-sup-icon){ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; }
html:is([data-skin="sg26"],#sg-skin) body .st-block.st-notif { row-gap: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body .st-block.st-notif > .st-bhead + * { margin-top: 0 !important; }

/* 11.R.6 Phone touch targets (audit P1-5; the topbar keeps the original's sizes): segments 44, tabs 44, small icon links 44 hit area,
   every field 16px text (no iOS zoom) */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .st-view-seg { min-height: 44px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .react-tab-heads > a,
html:is([data-skin="sg26"],#sg-skin) body .parser-tab-heads > a,
html:is([data-skin="sg26"],#sg-skin) body .caption-tabs > a{ min-height: 44px !important; display: inline-flex !important; align-items: center; }
  html:is([data-skin="sg26"],#sg-skin) body :is(.caption-picker):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.js-re-connect):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.box-list-item .options > a),
html:is([data-skin="sg26"],#sg-skin) body :is(.box-list-item .js-refresh-account):not(sg-p0){ position: relative; display: inline-grid !important; place-items: center; min-width: 44px; min-height: 44px; }
  html:is([data-skin="sg26"],#sg-skin) body :is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="hidden"], [type="color"])):not(.sg-switch-input),
html:is([data-skin="sg26"],#sg-skin) body :is(select):not(.sg-p0):not(.sg-switch-input),
html:is([data-skin="sg26"],#sg-skin) body :is(textarea):not(.sg-p0):not(.sg-switch-input){ font-size: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .datepicker--time-row input { font-size: 16px !important; }
}

/* ===== 11.S B4.18 [A285.18] rail head, logo, flyout labels, type floor, cheap animations ===== */
/* 11.S.1 Sidebar head (the fold button position is 11.T.1 since B4.19). B4.18: the fold button no longer shared the logo row (in the rail the mark sat on top of it, Angelo): it is the LAST row
   of the sidebar in both states, so nothing overlaps at any height. The expanded logo is back to a visible 34px (B4.17 had capped its
   width to make room for the button, which scaled the logotype down); the rail mark is 30px. */
html[data-skin="sg26"] body > nav .sg-brand .sg-logo:is(img, span) { height: 34px !important; max-width: 100% !important; }
html[data-skin="sg26"] body > nav .sg-brand .sg-brand-link { max-width: none; }
@media (min-width: 1024px) {
  html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sidebar-mark:not(.is-mono) { height: 30px !important; width: auto; max-width: 44px; margin: 0 0 14px !important; }
}
/* 11.S.2 Flyout labels (tippy tooltips: the rail's section names and every product tooltip): readable, 14/20 500, the popover surface
   with its border and shadow, 8x12 padding, 8px off the trigger. */
html:is([data-skin="sg26"],#sg-skin) body .tippy-popper .tippy-tooltip.tippy-tooltip { font: 500 14px/20px var(--f) !important; padding: 8px 12px !important; border: 1px solid var(--border-2) !important; box-shadow: var(--shadow-lg) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .tippy-popper[x-placement^="right"] { margin-left: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body .tippy-popper[x-placement^="left"] { margin-left: -8px !important; }

/* 11.S.3 Type tokens per role (B4.20, Angelo: «sul server di produzione come sono le dimensioni dei font? non possiamo usare le
   stesse?»). Measured on the original stack (core.css + module CSS, skin blocked) per element role and set here as explicit
   tokens with their line-heights: pure CSS on the first paint, nothing is resized by script, and no rule sizes an element from
   its parent (no «max(14px, 1em)»: that shrank larger text, e.g. a 16px subtitle in a 14px block). Floors: body text and controls
   14px; captions / meta (help text, small, table data, chips, badges, code snippets) 13px, where the original used 11-13px. */
:root[data-skin="sg26"] { --fs-caption: 13px; --lh-caption: 18px; --fs-body: 14px; --lh-body: 21px; --fs-control: 14px; --lh-control: 20px; }
@media (min-width: 1024px) { html[data-skin="sg26"] body > nav .nav-menu li > a { font-size: 14px !important; line-height: 20px !important; } }
html:is([data-skin="sg26"],#sg-skin) body :is(label.form-label),
html:is([data-skin="sg26"],#sg-skin) body :is(.form-label > b){ font-size: var(--fs-control) !important; line-height: var(--lh-control) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip.sg-chip--sm),
html:is([data-skin="sg26"],#sg-skin) body :is(.box-list-item .sub),
html:is([data-skin="sg26"],#sg-skin) body :where(.section-title small):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(span.circle > span):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aff-spark-head .lbl),
html:is([data-skin="sg26"],#sg-skin) body :is(.aff-empty-mini):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.aff-empty-mini code):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.progress > span):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.mrow-meta .tag),
html:is([data-skin="sg26"],#sg-skin) body :where(.kpi-value small):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.aff-perf-cell small):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(span.val > small):not(.sg-p0):not(.sg-p0){ font-size: var(--fs-caption) !important; line-height: var(--lh-caption) !important; }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #topbar .topbar-special-link { font-size: 14px !important; } }
/* captions / meta: 13px (original 11-13px) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.field-tips li),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(.field-tips li),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.field-tips li),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.hint):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(.hint):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.hint):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="-hint"]):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is([class*="-hint"]):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="-hint"]):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.form-text):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(.form-text):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.form-text):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="help-text"]):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is([class*="help-text"]):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="help-text"]):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(td):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(td):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(td):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="slider"] span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is([class*="slider"] span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="slider"] span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="scale"] span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is([class*="scale"] span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="scale"] span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(output):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(output):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(output):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="quota"] :is(span)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is([class*="quota"] :is(span)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="quota"] :is(span)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="quota"] :is(p)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is([class*="quota"] :is(p)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="quota"] :is(p)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.datepicker--day-name):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(.datepicker--day-name):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.datepicker--day-name):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="kpi-label"]):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is([class*="kpi-label"]):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="kpi-label"]):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.aff-empty-mini):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(.aff-empty-mini):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.aff-empty-mini):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.badge):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(.badge):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.badge):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(pre):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(pre):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(pre):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.codestyle):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(.codestyle):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.codestyle):not(sg-p0){ font-size: var(--fs-caption) !important; line-height: var(--lh-caption) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton code,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container code,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal code{ font-size: max(var(--fs-caption), .92em) !important; }
/* body text and controls: 14px */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(li:not(.field-tips li)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(li:not(.field-tips li)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(li:not(.field-tips li)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(th):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(th):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(th):not(.sg-p0):not(sg-p0){ font-size: var(--fs-body) !important; line-height: var(--lh-body) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :where(label:not(small label):not(.sg-chip)):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :where(label:not(small label):not(.sg-chip)):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :where(label:not(small label):not(.sg-chip)):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([role="tab"]):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is([role="tab"]):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([role="tab"]):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(textarea):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(textarea):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(textarea):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(select):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(select):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(select):not(.sg-p0):not(.sg-p0):not(.sg-p0){ font-size: var(--fs-control) !important; line-height: var(--lh-control) !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(textarea):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(textarea):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(textarea):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(select):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .datepickers-container :is(select):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(select):not(.sg-p0):not(.sg-p0):not(.sg-p0){ font-size: 16px !important; } }

/* 11.S.4 Cheap animations (Angelo: «è tutto scattoso»). Only opacity, transform and visibility animate anywhere under the skin:
   colour, shadow, width/height and every legacy «transition: all» become instant (no repaint/relayout per frame). The token --tr is
   opacity + transform too. The sidebar and the group head rows are layout/paint containment roots, so a hover or a fold repaints
   only them. prefers-reduced-motion still switches motion off (11.A, 11.D). */
html[data-skin="sg26"] body *, html[data-skin="sg26"] body *::before, html[data-skin="sg26"] body *::after { transition-property: opacity, transform, visibility !important; }
html[data-skin="sg26"] body > nav { contain: layout style; }
html:is([data-skin="sg26"],#sg-skin) body .sg-gh-row { contain: layout; }

/* stylelint-enable no-duplicate-selectors */
/* stylelint-disable no-duplicate-selectors */
/* ===== 11.T B4.19 [A285.19] sidebar head, fold button, drawer head, rail flyout, 14px floor ===== */
/* 11.T.1 Sidebar head. The logo link's box is the logo image only (it used to stretch over the whole head row and took the clicks
   meant for the fold button on desktop and for the X in the phone drawer). The fold button is back in the head, always visible
   without scrolling (Angelo: «non vedo più il pulsante»; at the bottom of a long menu it sat under the fold or the chat button):
   expanded, on the logo row at the right with 8px clear of the logo; in the rail, its own row under the mark. A clear 32px icon
   button on the surface with the border token; the tooltip is its title / aria-label. */
html[data-skin="sg26"] body > nav .sg-brand .sg-brand-link { align-self: flex-start !important; width: fit-content !important; max-width: calc(100% - 40px) !important; }
html[data-skin="sg26"] body > nav .sg-brand .sg-logo:is(img, span) { margin: 0 0 0 8px !important; max-width: 100% !important; }
html[data-skin="sg26"] body > nav .nav-logo-wrapper.sg-brand { padding: 0 0 12px !important; }
html[data-skin="sg26"] body > nav .sg-rail-toggle {
  position: absolute !important; top: 21px; right: 16px; order: 0; z-index: 30; margin: 0 !important; width: 32px; height: 32px; box-sizing: border-box;
  border: 1px solid var(--border-2); border-radius: var(--r-md); background: var(--surface); color: var(--text-2); box-shadow: var(--shadow-sm);
}
html[data-skin="sg26"] body > nav .sg-rail-toggle:hover { background: var(--hover-fill); color: var(--text-max); }
@media (min-width: 1024px) {
  html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sg-brand-link { align-self: center !important; max-width: none !important; }
  html[data-skin="sg26"] body.sg-rail > nav .nav-logo-wrapper.sg-brand { padding: 0 0 10px !important; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sidebar-mark:not(.is-mono) { margin: 0 !important; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sidebar-mark.is-mono { margin: 0 !important; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-rail-toggle { position: static !important; align-self: center; flex-shrink: 0; margin: 0 0 10px !important; }
}

/* 11.T.2 Phone drawer head (Angelo's screenshot): the logo / close row sits 12px from the top; the head is sticky on the drawer
   surface with a 1px divider, so the items scroll beneath it instead of showing through; 8px before the first item. The X is its
   own 44x44 target above everything in the head, never under the logo link. */
@media (max-width: 1023.98px) {
  html[data-skin="sg26"] body.mobile-menu-open > nav { padding-top: 12px !important; }
  html[data-skin="sg26"] body.mobile-menu-open > nav .nav-logo-wrapper.sg-brand {
    position: sticky !important; top: -12px; z-index: 2; margin: -12px -12px 8px !important; padding: 12px 12px 10px !important;
    background: var(--surface) !important; border-bottom: 1px solid var(--border);
  }
  html[data-skin="sg26"] body.mobile-menu-open > nav .sg-brand .sg-brand-link { max-width: calc(100% - 56px) !important; }
  html[data-skin="sg26"] body.mobile-menu-open > nav .sg-brand .sg-logo:is(img, span) { margin: 5px 0 5px 8px !important; }
  html[data-skin="sg26"] body.mobile-menu-open > nav .sg-nav-close { position: absolute !important; top: 7px !important; right: 8px !important; z-index: 40 !important; width: 44px !important; height: 44px !important; margin: 0 !important; }
  html[data-skin="sg26"] body.mobile-menu-open > nav .nav-menu { margin-top: 0 !important; }
}

/* 11.T.3 Rail fold (Angelo approved): one instant re-layout, no animated width; the labels and the logo (unfold) or the icons and
   the mark (fold) come in with a short opacity + translate, compositor only. app.js sets .sg-rail-x on the nav (not on <body>) for 260 ms on the click. */
@keyframes sg-rail-in { from { opacity: 0; transform: translateX(-6px); } }
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
  html[data-skin="sg26"] body:not(.sg-rail) > nav.sg-rail-x :is(.nav-menu .label),
html[data-skin="sg26"] body:not(.sg-rail) > nav.sg-rail-x :is(.sg-brand .sg-logo){ animation: sg-rail-in .2s var(--ease) both; }
  html[data-skin="sg26"] body.sg-rail > nav.sg-rail-x :is(.nav-menu :is(.menu-icon)),
html[data-skin="sg26"] body.sg-rail > nav.sg-rail-x :is(.nav-menu :is(.special-menu-icon)),
html[data-skin="sg26"] body.sg-rail > nav.sg-rail-x :is(.sg-brand .sidebar-mark){ animation: sg-rail-in .2s var(--ease) both; }
}

/* 11.T.4 Rail flyout labels: ONE element reused for every item (app.js), placed with a single transform from positions read once
   when the pointer enters the sidebar; no DOM is created and nothing is measured per item; the label is an attribute shown by ::before and the shown state an attribute, so no text node or class under <body> changes (that re-checked body:has(> nav …) and restyled the page per item). The product's tippy instances on the
   rail items are not triggered any more (their .tooltip hit areas are off in the rail). Same look as 11.S.2. */
@media (min-width: 1024px) { html[data-skin="sg26"] body.sg-rail > nav .nav-menu .tooltip { display: none !important; } }
html[data-skin="sg26"] body > .sg-flyout {
  position: fixed; top: 0; left: 0; z-index: 9999; pointer-events: none; max-width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font: 500 14px/20px var(--f); padding: 8px 12px; border: 1px solid var(--border-2); border-radius: var(--r-md);
  background: var(--surface-raised); color: var(--text-max); box-shadow: var(--shadow-lg); opacity: 0; transition: opacity .12s var(--ease);
}
html[data-skin="sg26"] body > .sg-flyout[data-on] { opacity: 1; }
html[data-skin="sg26"] body > .sg-flyout::before { content: attr(data-label); }
@media (prefers-reduced-motion: reduce) { html[data-skin="sg26"] body > .sg-flyout { transition: none; } }

/* 11.T.5 Type (Angelo: «13 px è troppo piccolo come testo da desktop, 14 deve essere il minimo»): body text 15px (16px on the
   phone); the floor for every visible text is 14px (11.S.3 carriers and the app.js floor stylesheet use 14px). */
html[data-skin="sg26"] body:is(.darkside, [data-theme="dark"], .sghas-dd73487f, #sg-p0) { font-size: 16px; line-height: 24px; } /* [A285.20] original base 16px */
@media (max-width: 767.98px) { html[data-skin="sg26"] body:is(.darkside, [data-theme="dark"], .sghas-dd73487f, #sg-p0) { font-size: 16px; line-height: 24px; } }

/* 11.T.6 One switch everywhere (Angelo: «gli switch sono ancora brutti» on Leads Finder, Repost…). Inventory 2026-10-11: 28 checkbox
   markup variants on 66 routes. The legacy .checkbox + span .icon rows are the kit switch on every page now (app.js flags every
   page sg-cb-switches; 11.P.4 covers .icon.unchecked and .icon.checked); the modules' own drawn tracks (…-slider, .st-switch__track,
   .lever, an unclassed span in a …-toggle label, the template-link switch) become the 11.P.6 kit track: 42x26, 20px knob, off
   --switch-off with a --border-strong edge, on --brand-primary; their own knob (::before) is off. Chip and option pickers (filters,
   merge options) are not switches and keep the kit chip.
   [SG-PATCH 2026-10-21 A347 rc9 | Felix] the …-toggle branch skips .checkbox inputs: a legacy .checkbox + span (icon + text) in
   a …-toggle label (parser Warmbly) is the 11.P.4 switch with its text, not a bare track (Angelo: label one word per line). */
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + span[class$="-slider"],
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + .st-switch__track,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + .lever,
html:is([data-skin="sg26"],#sg-skin) body label[class$="-toggle"] > input[type="checkbox"]:not(.checkbox) + span:not([class]),
html:is([data-skin="sg26"],#sg-skin) body .rp-tp-switch > input[type="checkbox"] + span {
  position: relative !important; inset: auto !important; display: inline-block !important; flex: 0 0 42px !important; width: 42px !important; height: 26px !important; min-width: 42px; box-sizing: border-box; margin: 0;
  border: 1px solid var(--border-strong) !important; border-radius: var(--r-full) !important; background: var(--switch-off) !important; box-shadow: none !important; vertical-align: middle; cursor: pointer;
}
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + span[class$="-slider"]::before,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + .st-switch__track::before,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + .lever::before,
html:is([data-skin="sg26"],#sg-skin) body label[class$="-toggle"] > input[type="checkbox"]:not(.checkbox) + span:not([class])::before,
html:is([data-skin="sg26"],#sg-skin) body .rp-tp-switch > input[type="checkbox"] + span::before { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + span[class$="-slider"]::after,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + .st-switch__track::after,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + .lever::after,
html:is([data-skin="sg26"],#sg-skin) body label[class$="-toggle"] > input[type="checkbox"]:not(.checkbox) + span:not([class])::after,
html:is([data-skin="sg26"],#sg-skin) body .rp-tp-switch > input[type="checkbox"] + span::after {
  content: "" !important; display: block !important; position: absolute !important; top: 2px !important; left: 2px !important; right: auto !important; bottom: auto !important; width: 20px !important; height: 20px !important;
  margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: var(--switch-knob) !important; box-shadow: var(--knob-shadow) !important; transform: none; transition: transform .35s var(--ease) !important;
}
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:checked + span[class$="-slider"],
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:checked + .st-switch__track,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:checked + .lever,
html:is([data-skin="sg26"],#sg-skin) body label[class$="-toggle"] > input[type="checkbox"]:not(.checkbox):checked + span:not([class]),
html:is([data-skin="sg26"],#sg-skin) body .rp-tp-switch > input[type="checkbox"]:checked + span { background: var(--brand-primary) !important; border-color: var(--brand-primary-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:checked + span[class$="-slider"]::after,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:checked + .st-switch__track::after,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:checked + .lever::after,
html:is([data-skin="sg26"],#sg-skin) body label[class$="-toggle"] > input[type="checkbox"]:not(.checkbox):checked + span:not([class])::after,
html:is([data-skin="sg26"],#sg-skin) body .rp-tp-switch > input[type="checkbox"]:checked + span::after { transform: translateX(16px) !important; background: #fff !important; }
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:focus-visible + span[class$="-slider"],
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:focus-visible + .st-switch__track,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:focus-visible + .lever,
html:is([data-skin="sg26"],#sg-skin) body label[class$="-toggle"] > input[type="checkbox"]:not(.checkbox):focus-visible + span:not([class]),
html:is([data-skin="sg26"],#sg-skin) body .rp-tp-switch > input[type="checkbox"]:focus-visible + span { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:disabled + span[class$="-slider"],
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:disabled + .st-switch__track,
html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"]:disabled + .lever,
html:is([data-skin="sg26"],#sg-skin) body label[class$="-toggle"] > input[type="checkbox"]:not(.checkbox):disabled + span:not([class]),
html:is([data-skin="sg26"],#sg-skin) body .rp-tp-switch > input[type="checkbox"]:disabled + span { opacity: .5; cursor: not-allowed; }
/* the wrappers that drew a track of their own around the input */
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-tp-switch):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(label.st-toggle),
html:is([data-skin="sg26"],#sg-skin) body :is(label.lm-toggle),
html:is([data-skin="sg26"],#sg-skin) body :is(label.aff-toggle){ background: none !important; border: 0 !important; box-shadow: none !important; width: auto !important; height: auto !important; min-height: 26px; display: inline-flex !important; align-items: center; gap: 10px; }
html:is([data-skin="sg26"],#sg-skin) body .rp-tp-switch:not(sg-p0) > input[type="checkbox"],
html:is([data-skin="sg26"],#sg-skin) body label.st-toggle > input[type="checkbox"],
html:is([data-skin="sg26"],#sg-skin) body label.lm-toggle > input[type="checkbox"],
html:is([data-skin="sg26"],#sg-skin) body label.aff-toggle > input[type="checkbox"]{ position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; margin: 0 !important; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + span[class$="-slider"]::after, html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + .st-switch__track::after, html:is([data-skin="sg26"],#sg-skin) body input[type="checkbox"] + .lever::after, html:is([data-skin="sg26"],#sg-skin) body label[class$="-toggle"] > input[type="checkbox"]:not(.checkbox) + span:not([class])::after, html:is([data-skin="sg26"],#sg-skin) body .rp-tp-switch > input[type="checkbox"] + span::after { transition: none !important; } }
/* a bare checkbox (filters in chips, lists): the kit checkbox, never the browser default */
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content input[type="checkbox"]:not(.checkbox):not([class*="switch"]):not([role="switch"]) {
  appearance: none; -webkit-appearance: none; width: 18px; height: 18px; flex: 0 0 18px; margin: 0; box-sizing: border-box; border: 1.5px solid var(--border-strong); border-radius: var(--r-sm, 4px);
  background: var(--surface) center / 12px 12px no-repeat; vertical-align: middle; cursor: pointer;
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content input[type="checkbox"]:not(.checkbox):not([class*="switch"]):not([role="switch"]):checked {
  border-color: var(--brand-primary); background-color: var(--brand-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content input[type="checkbox"]:not(.checkbox):not([class*="switch"]):not([role="switch"]):focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* 11.T.7 Phone topbar: the hamburger glyph lines up with the 16px page gutter; its 44px tap target stays. */
@media (max-width: 767.98px) { html[data-skin="sg26"] body #topbar .topbar-mobile-menu-icon { margin-left: calc(-4px - (44px - 1em) / 2) !important; } }

/* 11.T.8 Tours on the phone (Growth intro was off centre): every tour card - intro and target-less steps included - is the same
   bottom card, 16px from the sides and the bottom, no arrow, scrolling inside when long. */
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body :is(#rx-tour-tooltip),
html[data-skin="sg26"] body :is(#gr-tour-tooltip),
html[data-skin="sg26"] body :is(#aff-tour-tooltip){
    position: fixed !important; left: 16px !important; right: 16px !important; top: auto !important; bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important; max-width: none !important; transform: none !important; margin: 0 !important; box-sizing: border-box; max-height: calc(100dvh - 32px); overflow-y: auto;
  }
  html[data-skin="sg26"] body #rx-tour-tooltip :is(.rx-tour-tooltip-arrow),
html[data-skin="sg26"] body #gr-tour-tooltip :is(.rx-tour-tooltip-arrow),
html[data-skin="sg26"] body #aff-tour-tooltip :is(.rx-tour-tooltip-arrow),
html[data-skin="sg26"] body #rx-tour-tooltip :is(.gr-tour-tooltip-arrow),
html[data-skin="sg26"] body #gr-tour-tooltip :is(.gr-tour-tooltip-arrow),
html[data-skin="sg26"] body #aff-tour-tooltip :is(.gr-tour-tooltip-arrow),
html[data-skin="sg26"] body #rx-tour-tooltip :is(.aff-tour-tooltip-arrow),
html[data-skin="sg26"] body #gr-tour-tooltip :is(.aff-tour-tooltip-arrow),
html[data-skin="sg26"] body #aff-tour-tooltip :is(.aff-tour-tooltip-arrow){ display: none !important; }
}

html[data-skin="sg26"] body:not(#sg-f1) #rx-tour-tooltip :where(button):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1) #gr-tour-tooltip :where(button):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1) #aff-tour-tooltip :where(button):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1) #rx-tour-tooltip :is(.button),
html[data-skin="sg26"] body:not(#sg-f1) #gr-tour-tooltip :is(.button),
html[data-skin="sg26"] body:not(#sg-f1) #aff-tour-tooltip :is(.button){ font-size: 14px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-reveal.sg-reveal { width: max-content; flex-shrink: 0; white-space: nowrap; font-size: 14px; }

/* 11.T.9 Headway (the bell): an iframe from headwayapp.co, whose content cannot be styled and has no dark option (HW_config has
   no theme setting). Its container gets the kit popover frame: radius, border, shadow, the raised surface behind it; on the phone
   it is 16px from the sides. The badge is untouched. */
html[data-skin="sg26"] body #HW_frame_cont { border-radius: var(--r-lg) !important; border: 1px solid var(--border-2) !important; box-shadow: var(--shadow-lg) !important; background: var(--surface-raised) !important; overflow: hidden !important; }
html[data-skin="sg26"] body #HW_frame_cont #HW_frame { border-radius: inherit; }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #HW_frame_cont { left: 16px !important; right: 16px !important; width: auto !important; max-width: none !important; } }

/* 11.T.10 Design sweep. (a) labels that do not fit their button / chip: see 11.U.2 (pure CSS since B4.20). */
/* (b) help «?» icons: 6px from their label, centred on the line, a 24px tap area */
/* [SG-PATCH 2026-10-21 A347 S3p hotfix | Felix] not the Reactions 16 «Report dei target» metrics (span.tooltip.tippy.rp-stats-target-metric:
   an icon AND a value): squeezed into the 24px help-icon box, their digits stacked one per line (Angelo 21/10, admin preview in prod).
   :not(:where(...)) adds no specificity, so every help icon keeps exactly the same cascade.
   [SG-PATCH 2026-10-21 A347 rc9 | Felix] same for the «Efficacia delle azioni» table (header labels with their «?», outcomes and per-100
   chips are tooltip spans with an icon AND text): audited on 30 pages, these were the only text-bearing spans the box caught. */
html:is([data-skin="sg26"],#sg-skin) body .skeleton span.tooltip.tippy:has(> .mdi):not(:where(.rp-stats-target-metric, .rp-stats-effectiveness-table span)),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content span.tooltip.tippy:has(> .mdi):not(:where(.rp-stats-target-metric, .rp-stats-effectiveness-table span)),
html:is([data-skin="sg26"],#sg-skin) body .modal span.tooltip.tippy:has(> .mdi):not(:where(.rp-stats-target-metric, .rp-stats-effectiveness-table span)){ display: inline-flex !important; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0 0 0 6px !important; vertical-align: middle; flex: none; position: relative; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(label, span, h3, h4, .form-label, .title, div) > .mdi:is(.mdi-help-circle, .mdi-help-circle-outline, .mdi-information-outline):not(:first-child),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(label, span, h3, h4, .form-label, .title, div) > .mdi:is(.mdi-help-circle, .mdi-help-circle-outline, .mdi-information-outline):not(:first-child),
html:is([data-skin="sg26"],#sg-skin) body .modal :is(label, span, h3, h4, .form-label, .title, div) > .mdi:is(.mdi-help-circle, .mdi-help-circle-outline, .mdi-information-outline):not(:first-child){ margin-left: 6px !important; vertical-align: middle; }
/* (c) the phone spacing scale 8 / 12 / 16: form rows, label to field, groups (the desktop 15-50px margins were kept on the phone) */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .skeleton .mb-10,
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content .mb-10{ margin-bottom: 8px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mb-15),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mb-15),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mb-20),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mb-20){ margin-bottom: 12px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mb-25),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mb-25),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mb-30),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mb-30),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mb-40),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mb-40),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mb-50),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mb-50){ margin-bottom: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton .mt-10,
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content .mt-10{ margin-top: 8px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mt-15),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mt-15),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mt-20),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mt-20){ margin-top: 12px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mt-25),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mt-25),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mt-30),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mt-30),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mt-40),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mt-40),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.mt-50),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.mt-50){ margin-top: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.pb-15),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.pb-15),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.pb-20),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.pb-20){ padding-bottom: 12px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.pb-25),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.pb-25),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.pb-30),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.pb-30),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.pb-40),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.pb-40){ padding-bottom: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton label.inline-block:is(.mb-15, .mb-20),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content label.inline-block:is(.mb-15, .mb-20){ margin-bottom: 4px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton label.inline-block:is(.mr-30, .mr-20),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content label.inline-block:is(.mr-30, .mr-20){ margin-right: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(input:not([type="checkbox"]):not([type="radio"])),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(input:not([type="checkbox"]):not([type="radio"])),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(select):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(select):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(textarea):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(textarea):not(.sg-p0):not(.sg-p0){ max-width: 100%; min-width: 0; }
}
/* (d) phone tab strips that scroll sideways (app.js .sg-strip): a fade on the side that hides tabs, an end peek, no snapping that
   hides it; a short strip wraps to two rows instead. */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sg-strip { scroll-snap-type: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-strip > * { scroll-snap-align: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-strip.sg-strip--r { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent); }
  html:is([data-skin="sg26"],#sg-skin) body .sg-strip.sg-strip--l { -webkit-mask-image: linear-gradient(to right, transparent, #000 40px); mask-image: linear-gradient(to right, transparent, #000 40px); }
  html:is([data-skin="sg26"],#sg-skin) body .sg-strip.sg-strip--l.sg-strip--r { -webkit-mask-image: linear-gradient(to right, transparent, #000 40px, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(to right, transparent, #000 40px, #000 calc(100% - 40px), transparent); }
}
/* 11.T.11 Reactions (Angelo: «ottimizzazioni di velocità senza toccare il codice»): an open settings group that is off screen is
   not laid out or painted until it comes near the viewport (content-visibility: auto; its last real size is kept). Applied to the
   group bodies only: the module measures its heads, the save bar and the fields it scrolls to, which render as soon as they near
   the viewport (scrollIntoView and the tours bring them there first). */
html[data-skin="sg26"] body #reactions-pro .sg-gb:not(.none) { content-visibility: auto; contain-intrinsic-size: auto 600px; }
/* stylelint-enable no-duplicate-selectors */
/* stylelint-disable no-duplicate-selectors */
/* ===== 11.U B4.20 [A285.20] original type sizes per role, CSS-only wrapping, Azioni di Massa, rail icon column ===== */
/* 11.U.1 Type aligned to the original stack (measured 2026-10-11, core.css + module CSS with the skin blocked, 8 routes):
   section titles 14px (original 14), KPI numbers 16px (16), menu titles 16px (16), the h2.h3 page headings 24px (24),
   small buttons 14px (original 12, controls floor 14), small chips 13px (original 12-13, meta floor 13). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(h2.section-title),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is(h2.section-title),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.section-title:not(small)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is(.section-title:not(small)){ font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton span.caption.subtle.num,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content span.caption.subtle.num{ font-size: 16px !important; line-height: 22px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) p.menu-title { font-size: 16px !important; line-height: 22px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) h2.h3 { font-size: 24px !important; line-height: 32px !important; }
html:is([data-skin="sg26"],#sg-skin) body .button.small { font-size: 14px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-chip.sg-chip--sm { font-size: 13px !important; line-height: 16px !important; }

/* 11.U.2 Labels never leave their button or chip, from the first paint (B4.19 did it by script after load, which resized them
   a moment later): the kit's fixed heights become minimum heights with the same vertical padding, so a one-line button is
   unchanged and a long label wraps inside a taller one. */
html:is([data-skin="sg26"],#sg-skin) body .button { height: auto !important; min-height: 40px; padding-top: 9px !important; padding-bottom: 9px !important; white-space: normal; text-align: center; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .button.small { min-height: 32px; padding-top: 6px !important; padding-bottom: 6px !important; }
html:is([data-skin="sg26"],#sg-skin) body .button.large { min-height: 44px; padding-top: 11px !important; padding-bottom: 11px !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip),
html:is([data-skin="sg26"],#sg-skin) body :is(:where(.search-box a.button.u-small)):not(.sg-p0){ height: auto !important; min-height: 30px !important; padding-top: 5px !important; padding-bottom: 5px !important; white-space: normal; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .sg-chip.sg-chip--sm { min-height: 26px !important; padding-top: 4px !important; padding-bottom: 4px !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .button:not(.small) { min-height: 44px; padding-top: 11px !important; padding-bottom: 11px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .button.small { min-height: 40px; padding-top: 10px !important; padding-bottom: 10px !important; }
  html:is([data-skin="sg26"],#sg-skin) body :is(.sg-chip),
html:is([data-skin="sg26"],#sg-skin) body :is(:where(.search-box a.button.u-small)):not(.sg-p0){ min-height: 36px !important; padding-top: 8px !important; padding-bottom: 8px !important; }
}

/* 11.U.3 Reactions «Azioni di Massa» (Angelo: rows about 4px apart): one grid, 8px between rows and columns, every button the
   full width of its column (two columns where the list is wide enough, one in the narrow account aside), icon + label at the
   start. The same 8px gap for the filter lists above it. */
html:is([data-skin="sg26"],#sg-skin) body .rp-task-actions-all > .pos-r { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .rp-task-actions-all > .pos-r > :is(a).button,
html:is([data-skin="sg26"],#sg-skin) body .rp-task-actions-all > .pos-r > :is(button).button{ width: 100% !important; margin: 0 !important; justify-content: flex-start !important; text-align: left; }
html:is([data-skin="sg26"],#sg-skin) body .reactions-bulk-actions-filters .pos-r:not(.rp-task-actions-all > .pos-r) { display: flex !important; flex-wrap: wrap; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .reactions-bulk-actions-filters .pos-r:not(.rp-task-actions-all > .pos-r) > .button { margin: 0 !important; }

/* 11.U.4 Rail: the «>>» expand button is the first row of the icon column, the same 48x44 cell as Home and the others, centred,
   transparent with the same hover; the mark above it is 36px, centred, 14px above and below. */
@media (min-width: 1024px) {
  html[data-skin="sg26"] body.sg-rail > nav { padding-top: 14px !important; }
  html[data-skin="sg26"] body.sg-rail > nav .nav-logo-wrapper.sg-brand { padding: 0 0 14px !important; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sidebar-mark:not(.is-mono) { height: 36px !important; max-width: 48px; margin: 0 !important; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-brand .sidebar-mark.is-mono { width: 36px !important; height: 36px !important; font-size: 15px !important; margin: 0 !important; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-rail-toggle {
    position: static !important; align-self: center; flex-shrink: 0; width: 48px !important; height: 44px !important; margin: 0 0 2px !important;
    border: 0 !important; border-radius: var(--r-md) !important; background: transparent !important; box-shadow: none !important; color: var(--text-2) !important;
  }
  html[data-skin="sg26"] body.sg-rail > nav .sg-rail-toggle:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-rail-toggle svg { width: 20px; height: 20px; }
}

/* 11.U.5 The texts the static floor (11.V) cannot key on their own selector, because an icon span or a larger sibling shares it:
   explicit rules (text spans only, never the .mdi icon next to them). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .message-ai-field button > span:not(.mdi) { font-size: 14px !important; line-height: 1.4 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning-intro > span:not(.mdi),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-speed-settings-intro > span:not(.mdi),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-task-manager-filters-title > span:not(.mdi){ font-size: 14px !important; line-height: 1.4 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sg-aff-tile-lbl),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sg-aff-tile-cap){ font-size: 13px !important; line-height: 1.4 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .aside-list-item .inner > .title { font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-pool__button > span:not(.mdi) { font-size: 13px !important; line-height: 1.4 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) button.rp-accelerator-metrics-filters-reset { font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gi-empty > p:not(:first-of-type) { font-size: 14px !important; line-height: 1.4 !important; }

/* 11.U.6 Labels that the B4.19 script used to rescue after load, now fitted in CSS: group heads wrap (no clipped titles at 390),
   the field «Mostra» button and the Reactions «Guida» button keep their full label. */
html:is([data-skin="sg26"],#sg-skin) body :is(a)[class*="toggler-button"],
html:is([data-skin="sg26"],#sg-skin) body :is(button)[class*="toggler-button"]{ white-space: normal !important; height: auto !important; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body a[class*="toggler-button"] > :not(.mdi):not(svg):not(img),
html:is([data-skin="sg26"],#sg-skin) body button[class*="toggler-button"] > :not(.mdi):not(svg):not(img){ white-space: normal !important; overflow-wrap: anywhere; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sg-reveal.sg-reveal { width: max-content !important; max-width: none !important; padding: 0 10px !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .robi-learn-btn:not(:empty) { width: auto !important; min-width: max-content; flex-shrink: 0 !important; white-space: nowrap !important; } }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) p.rp-pool__error { font-size: 14px !important; line-height: 1.4 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .field-tips :is(div),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .field-tips :is(strong),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .field-tips :is(span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .field-tips :is(b),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .field-tips :is(em){ font-size: 13px !important; line-height: 1.4 !important; }
/* the Reactions activity period switch (Giorno / Settimana / Mese / Trimestre) is too narrow for four labels on the phone: a 2x2
   grid, the active period on the raised surface (its sliding indicator is for one row) */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .rp-activity-periods { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 4px; }
  html:is([data-skin="sg26"],#sg-skin) body .rp-activity-periods > .rp-activity-period-indicator { display: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body .rp-activity-periods > button[aria-pressed="true"] { background: var(--surface) !important; color: var(--text-max) !important; box-shadow: var(--shadow-sm) !important; border-radius: var(--r-full) !important; }
}
/* stylelint-enable no-duplicate-selectors */
/* stylelint-disable no-duplicate-selectors */
/* ===== 11.V B4.20 [A285.20] static type floor (generated by gen-b4v.js from a crawl of every module page; do not edit by hand) =====
   Every text that the module or page styles authored under its role floor (13px captions / meta, 14px body and controls) gets
   the floor here, keyed by its own selector signature, per width. A signature is only listed when no element it matched, on any
   crawled page at that width, was larger than the floor, so no rule can shrink text. Line-height 1.4 on every lifted node.
   Signatures sit inside :is() lists: an unknown one is ignored without dropping the others. all|14 121, all|13 69, desk|14 29, desk|13 2. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a.lm-card.lm-status-card > div.l):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a.sta-card > span.sta-card__status.st-status-soft):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(button.rp-accelerator-metrics-card.rp-pool__stat > span.rp-pool__stat-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > div.sub):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.box-filters > span.box-filters-title):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.bypassing-bulk-five-sim-card div.bypassing-bulk-five-sim-meta > span):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.bypassing-bulk-five-sim-card-head > span.bypassing-bulk-five-sim-country):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.bypassing-bulk-five-sim-meta span > strong):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.noUi-pips.noUi-pips-horizontal > div.noUi-value.noUi-value-horizontal):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.np-toggler-content ul.field-tips > div):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.parser-quota-settings-facts div > strong):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.pos-r > a.button.button--lf-filter):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.r-scroll a > span):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-open-ai-dm.sr-adv ul.field-tips > div):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-pool__controls label.rp-accelerator-metrics-filter.rp-pool__status > span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-settings-deepseek-dm ul.field-tips > div):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-settings-openai-dm ul.field-tips > div):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-card > div.rp-task-metrics-caption):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-card > div.rp-task-metrics-label):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-card.rp-accelerator-metrics-card > div.rp-task-metrics-caption):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-card.rp-accelerator-metrics-card > div.rp-task-metrics-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-card.rp-task-metrics-card--alert > div.rp-task-metrics-caption):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-card.rp-task-metrics-card--alert > div.rp-task-metrics-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-card.rp-task-metrics-card--warn > div.rp-task-metrics-caption):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-card.rp-task-metrics-card--warn > div.rp-task-metrics-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.section-content.border-after ul.field-tips > div):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sgp-line > span.proxy-custom-label.tag):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sm-act > button.danger):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.srep-growth-chip.srep-growth-chip--neg > div.srep-growth-chip__lbl):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.srep-growth-chip.srep-growth-chip--net > div.srep-growth-chip__lbl):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.srep-growth-chip.srep-growth-chip--pos > div.srep-growth-chip__lbl):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sub.sgp-line > span.assign-count.sgp-meta):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sub.sgp-line > span.proxy-check.sgp-meta):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sub.sgp-line > span.proxy-city.sgp-meta):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sub.sgp-line > span.proxy-ip.sgp-meta):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sub.sgp-line > span.proxy-package.sgp-meta):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sub.sgp-line span.proxy-city.sgp-meta > b),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sub.sgp-line span.speed-ms.sgp-meta > b),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label.aff-toggle > span.aff-toggle-label):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label.form-label > div.np-slider-label):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label.rp-notice-appearance-field > span.rp-notice-appearance-label):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label.rp-task-manager-filter-field.rp-task-manager-filter-field--activity > span.form-filter-select-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label.rp-task-manager-filter-field.rp-task-manager-filter-field--issue > span.form-filter-select-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label.rp-task-manager-filter-field.rp-task-manager-filter-field--pid > span.form-filter-select-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label.rp-task-manager-filter-field.rp-task-manager-filter-field--search > span.form-filter-select-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label.rp-task-manager-filter-field.rp-task-manager-filter-field--task > span.form-filter-select-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(li > button.message-ai-key-inline-action):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(li > span.gi-pill.gi-pill--danger):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(li > span.gi-pill.gi-pill--info):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(li > span.gi-pill.gi-pill--neutral):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(li > span.gi-pill.gi-pill--success):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(li > span.gi-pill.gi-pill--warning):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(p.body-sm.text-2 > span.status):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span.gi-kpi-sub > a.gi-link):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span.gi-kpi-sub > span.gi-muted):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span.ip-pool-size-box > span.ip-pool-size-value):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span.ip-pool-size.sgp-meta > span.ip-pool-size-box):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span.proxy-ip.sgp-meta > b.sgp-code):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span.rp-action-block-action-meta > span.rp-action-block-behavior-badge):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span.rp-history-copy > span.rp-history-description):not(.sg-p0):not(.sg-p0):not(sg-p0){ font-size: var(--fs-v13, 13px) !important; line-height: 1.4 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(table.sm-table div.sm-act > button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(td > button.gi-del):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(td > span.gi-na):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(td > span.gi-pill.gi-pill--neutral):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(td > span.rp-task-metrics-badge):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(td > span.sm-badge.ok):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(td > span.status.status-warn):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(td.gi-num > span.gi-na):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(ul.field-tips div > strong):not(.sg-p0){ font-size: var(--fs-v13, 13px) !important; line-height: 1.4 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a > button.button#pause-video):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a.pmp-bulk-btn.btn > span.pmp-bulk-btntext):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a.sta-card > span.sta-card__id):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a.sta-card > span.sta-card__meta):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a.sta-card > span.sta-card__priority.normal):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a.topbar-special-link > span.topbar-title-text):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(button.aff-tutorial-btn#aff-tutorial-btn-user > span.label):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(button.rp-activity-privacy > span.rp-activity-privacy-text):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(button.rp-targeting-presets-launch span.rp-targeting-presets-launch-copy > strong):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > a.btn.btn-tonal):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > a.debug-mode-toggler.toggler-closed):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > a.debug-mode-toggler.toggler-opened):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > a.rp-task-actions-all-toggler):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > a.rp-task-actions-background-toggler):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > a.rp-task-actions-filters-toggler):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > a.sticker-box-toggler.toggler-closed):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > a.sticker-box-toggler.toggler-opened):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > a.topbar-special-link):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > div.rp-task-metrics-copy):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > div.srep-muted):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > span.srep-card__delta--neutral):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-card-list.aff-card-list-bare div.aff-empty > p):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-chart-head > span.aff-trend.up):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-input-group > span.aff-input-suffix):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-page-header > a.aff-page-action):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-perf-cell > div.lbl):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-settings-col > div.aff-section-title):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-settings-col.aff-settings-col--full > div.aff-section-title):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-sources-section > div.aff-sources-head):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-sources-section > p.aff-empty-mini):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-spark-head > span.lbl):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-tier-card#tour-tier div.aff-tier-progress-row > span):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-usdt-panel.usdt-only div.aff-warning-banner > div):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-warning-banner div > strong):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aside-list-item span.circle > span):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.card-alt.sgp-wa-id > span.label.num):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.card-pad dl.kv > dt):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.context-menu-wrapper a.circle > span):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.gi-pager > span.gi-pager-info):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.hc-kpi-row-text > span.hc-kpi-row-lbl):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.hc-sup-info > div.desc):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.hikerapi-daily-limits-grid label.hikerapi-daily-limit-field > span):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.kpi-head > span.aff-trend.neutral):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.lf-provider-order-item span.lf-provider-order-copy > strong):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.lm-card > div.l):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.lm-card > div.lm-notice):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.lm-card div.lm-notice > strong):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.lm-field > button.lm-preview-btn):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.lm-field > button.lm-preview-btn#lm-webhook-copy):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.lm-field > span.lm-muted-strong#lm-verify-status):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.lm-tabs > a.lm-tab):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.lm-wrap div.lm-notice > strong):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.mini-preview.droppable div.drophere > span):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.ofm.url-form-open#filemanager div.ofm-notification.hideonclick > div),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.pos-r > a.button.button--rp-filter):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.progress > span#aff-tour-step-label):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.reactions-filter-expiration.pos-r > div.reactions-filter-expiration-pre):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-accelerator-metrics-autorefresh-content span.rp-accelerator-metrics-autorefresh-copy > strong):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-accelerator-metrics-period-switcher > button.rp-accelerator-metrics-period):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-action-safety-intro div > strong):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0){ font-size: var(--fs-v14, 14px) !important; line-height: 1.4 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-activity-toolbar div.rp-activity-periods > button):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-activity-toolbar-actions > button.rp-activity-refresh):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-diagnostics-notice > button.rp-diagnostics-retry):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-diagnostics-notice > span.rp-diagnostics-notice-copy):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-pool__body details.rp-pool__help > summary):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-pool__body div.rp-pool__results > span):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-pool__body div.rp-pool__user-filter > span):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-pool__controls > button.rp-pool__button):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-pool__controls label.rp-accelerator-metrics-filter.rp-pool__search > span):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-source-pruning-rule-row label.rp-source-pruning-rule-policy > span):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-source-pruning-rule-row span.rp-source-pruning-value > em):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-source-pruning-rule-row span.rp-source-pruning-value > span):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-source-pruning-settings label > span):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.rp-source-pruning-settings span.rp-source-pruning-input > em):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-speed-settings-preview-action > button.rp-notice-preview-button):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-hero > div.rp-task-metrics-note):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-task-metrics-panel-head > div.rp-task-metrics-panel-copy):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.s4.m4 > button.button#pause-video),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.section-header > div.st-live.st-live--off):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.sgp-sec.sgp-sec-head div.ac-tab-heads > a):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.sgp-sec.sgp-sec-head div.parser-tab-heads > a):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.side-block > p.lm-muted):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.side-block-title > p.desc):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sm-card.fail > div.l):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sm-card.manual > div.l):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sm-card.ok > div.l):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sm-card.pending > div.l):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sm-card.removed > div.l):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.smenu-group > p.smenu-title#sgd-g0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.smenu-group > p.smenu-title#sgd-g1):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.smenu-group > p.smenu-title#sgd-g2):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.smenu-group > p.smenu-title#sgd-g3):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.srep-card > div.srep-card__delta.srep-card__delta--pos):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.srep-card > div.srep-card__label):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.srep-chart-box > div.srep-chart-box__sub):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.srep-tabs > a.srep-tab):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.srep-tabs > a.srep-tab.srep-tab--active):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.st-acts > span.st-acts-empty):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.st-acts > span.st-acts-title):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.st-noanswer > a.btn.btn-secondary):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.st-noanswer > span.body-sm.text-2):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.st-view-switch > button.st-view-seg):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sta-card__center > div.sta-card__customer):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sta-prio-pills > a.sta-prio-pill):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sta-tabs > a.sta-tab):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.tabs > a.tab):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.tabs div.tabheads > a):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div.types div.type > div):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(div#tabs a > span):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(form > div.lm-notice):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(form > span.license-notice):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label.lm-toggle > span.lm-toggle-text):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(label.rp-speed-settings-toggle span.rp-speed-settings-toggle-copy > strong):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(section.section > div.section-content.server-info):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(section.section div.section-content.server-info > b):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(section.skeleton-content div.arp-tab-heads > a):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(section.skeleton-content div.react-tab-heads > a):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(section.skeleton-content div.section-header.back-button-wh > a):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span.hikerapi-usage-analytics-dropdown-text > span.hikerapi-usage-analytics-dropdown-copy):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span.rp-action-block-group-text > span.rp-action-block-group-copy):not(#sg-p0):not(.sg-p0){ font-size: var(--fs-v14, 14px) !important; line-height: 1.4 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(
  summary.set-sum > span.label
) { font-size: var(--fs-v14, 14px) !important; line-height: 1.4 !important; }
@media (min-width: 768px) {
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-speed-settings-subsection-body > p.rp-speed-settings-description):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.section-content.border-after > p.field-tips){ font-size: var(--fs-v13, 13px) !important; line-height: 1.4 !important; }
}
@media (min-width: 768px) {
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > p.body-sm.text-2#wa-pref-note):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > p.gi-help#gi-api-key-help):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div > p.rp-settings-transfer-copy):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.aff-page-title div > p):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.card-pad > p.body-sm.text-2):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.hc-faq div.hc-faq-body > p):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.hc-faq-body p > a):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.modal-content-body.hikerapi-key-onboarding-content > p.hikerapi-key-onboarding-note):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.modal-content-body.hikerapi-key-onboarding-content div > p):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.modal-content-body.hikerapi-key-onboarding-content p > a):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-action-block-delays-autopilot.rp-action-block-delays-autopilot-managed > p.rp-action-block-inheritance-note):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-action-block-group-body.rp-action-safety-settings div.rp-action-safety-recovery-note > p):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-action-block-task-settings.rp-action-block-module-settings > p.rp-action-block-inheritance-note):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-action-safety-intro div > p):not(#sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-activity-body.rp-action-block-group-body > p.rp-activity-error):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-open-ai.sr-adv div.rp-openai-parameter-policy#openai-parameter-policy > p),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-pool__body details.rp-pool__help > p):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rp-source-pruning-group-body > p.rp-source-pruning-explainer):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.rs-stack > p.body-sm.text-2):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.s12.m12 > p.rp-settings-transfer-copy):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.section-content div.s12.m6 > p):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sgm-alert-t > p.body-sm):not(#sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sgm-epm-card div#tabs > p):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div.sgp-wa-tips > p.label.sgp-wa-imp):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div#tabs p > strong):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(form.rs-cta-form > p.body-sm.text-2#rs-consequence):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(form.rs-cta-form p.body-sm.text-2#rs-consequence > strong),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(section.hc-card.hc-video-card#hc-video > p.hc-video-tagline):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(section.section.gi-card > p.gi-foot.gi-muted):not(#sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(sg-p0):not(sg-p0){ font-size: var(--fs-v14, 14px) !important; line-height: 1.4 !important; }
}
/* stylelint-enable no-duplicate-selectors */
/* stylelint-disable no-duplicate-selectors */
/* ===== 11.W B4.21 [A285.21] impeccable audit 2 fix list ===== */
/* 11.W.0 P0-1: the kit error page a module's bare text message is rendered into (skin.helper.php sg_skin_bare_page) */
html:is([data-skin="sg26"],#sg-skin) body.sg-bare { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px 16px; box-sizing: border-box; background: var(--bg); color: var(--text); font: 400 16px/24px var(--f); }
html:is([data-skin="sg26"],#sg-skin) body.sg-bare .sg-bare-main { width: 100%; max-width: 520px; }
html:is([data-skin="sg26"],#sg-skin) body.sg-bare .sg-bare-card { display: grid; gap: 12px; padding: var(--pad-card, 24px); border-radius: var(--r-lg); border: 1px solid color-mix(in srgb, var(--status-danger) 35%, var(--border-2)); background: color-mix(in srgb, var(--status-danger) 8%, var(--surface)); box-shadow: var(--shadow-sm); }
html:is([data-skin="sg26"],#sg-skin) body.sg-bare .sg-bare-icon { width: 40px; height: 40px; border-radius: var(--r-full); background: color-mix(in srgb, var(--status-danger) 16%, transparent) var(--sg-ic-alert, none) center / 22px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body.sg-bare .sg-bare-icon::before { content: "!"; display: grid; place-items: center; height: 100%; font: 700 20px/1 var(--f); color: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body.sg-bare .sg-bare-title { margin: 0; font: 600 20px/26px var(--f); color: var(--text-max); }
html:is([data-skin="sg26"],#sg-skin) body.sg-bare .sg-bare-text { margin: 0; font: 500 16px/24px var(--f); color: var(--text); overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body.sg-bare .sg-bare-hint { margin: 0; font: 400 14px/21px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body.sg-bare .sg-bare-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body.sg-bare .sg-bare-actions > .button { flex: 1 1 100%; } }

/* 11.W.A Type (audit 2, batch A). Phone tokens (P1-3): body text 16/24, helper text 15/22 (Angelo: 15 is fine for helper bullets),
   captions 14/20; the static floor (11.V) follows them. Headings keep the original theme's sizes (Angelo: «usare le stesse»;
   section titles 14px); only off-scale leftovers are snapped onto that scale (P2-4). */
:root[data-skin="sg26"] { --fs-v13: 13px; --fs-v14: 14px; }
@media (max-width: 767.98px) {
  :root[data-skin="sg26"] { --fs-caption: 14px; --lh-caption: 20px; --fs-body: 16px; --lh-body: 24px; --fs-v13: 14px; --fs-v14: 15px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton p:not([class*="hint"]):not([class*="muted"]):not([class*="meta"]):not([class*="caption"]):not([class*="desc"]):not(.sub):not([class*="-sub"]):not(.body-sm):not(.field-tips):not(small p),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content p:not([class*="hint"]):not([class*="muted"]):not([class*="meta"]):not([class*="caption"]):not([class*="desc"]):not(.sub):not([class*="-sub"]):not(.body-sm):not(.field-tips):not(small p),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal p:not([class*="hint"]):not([class*="muted"]):not([class*="meta"]):not([class*="caption"]):not([class*="desc"]):not(.sub):not([class*="-sub"]):not(.body-sm):not(.field-tips):not(small p){ font-size: var(--fs-body) !important; line-height: var(--lh-body) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :where(.section-content li):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :where(.section-content li):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :where(.section-content li):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :where(.field-tips li):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :where(.field-tips li):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :where(.field-tips li):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.form-tip):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is(.form-tip):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.form-tip):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.hint):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is(.hint):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.hint):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="-hint"]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is([class*="-hint"]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="-hint"]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="-desc"]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is([class*="-desc"]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="-desc"]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.sub):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is(.sub):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.sub):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="-sub"]:not([class*="-submit"])),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is([class*="-sub"]:not([class*="-submit"])),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="-sub"]:not([class*="-submit"])),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is([class*="muted"]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is([class*="muted"]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is([class*="muted"]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.body-sm):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is(.body-sm):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.body-sm):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.sg-terms):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is(.sg-terms):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.sg-terms):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.npr-meta):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is(.npr-meta):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.npr-meta):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton :is(.npr-feat-desc):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content :is(.npr-feat-desc):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal :is(.npr-feat-desc):not(.sg-p0){ font-size: 13px !important; line-height: 19px !important; } /* B4.28 #6: help 13/19 on the phone (was 15/22) */
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.datepicker--time-current-hours),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.datepicker--time-current-minutes){ font-size: 18px !important; line-height: 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #renew small { font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.admin-resellers, #admin-resellers, .skeleton) .chart-legend :is(span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.admin-resellers, #admin-resellers, .skeleton) [class*="legend"] :is(span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.admin-resellers, #admin-resellers, .skeleton) .chart-legend :is(li),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.admin-resellers, #admin-resellers, .skeleton) [class*="legend"] :is(li),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.admin-resellers, #admin-resellers, .skeleton) .chart-legend :is(div),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.admin-resellers, #admin-resellers, .skeleton) [class*="legend"] :is(div){ font-size: 13px !important; line-height: 18px !important; }

/* 11.W.B Spacing and dead space (audit 2, batch B) */
/* P1-6 Reactions: «Continua» 16px under the last group, not a band of dead space */
html:is([data-skin="sg26"],#sg-skin) body .rp-schedule-footer-actions { margin-top: 16px !important; }
/* P1-6 Repost: the save-bar reserve sat inside the account head card (padding-bottom 76px); the card padding is the card token */
html:is([data-skin="sg26"],#sg-skin) body #auto-repost-schedule .skeleton-content > form > .section-header { padding-bottom: var(--pad-card, 24px) !important; }
/* P1-6 Calendar: «+ Aggiungi post» shows on hover / keyboard focus of its day at >=1024 (it filled every cell with the same link) */
@media (min-width: 1024px) and (hover: hover) {
  html:is([data-skin="sg26"],#sg-skin) body .sg-cal-table .sg-day-add { opacity: 0; transition: opacity .15s var(--ease); }
  html:is([data-skin="sg26"],#sg-skin) body .sg-cal-table td:is(:hover, :focus-within) .sg-day-add, html:is([data-skin="sg26"],#sg-skin) body .sg-cal-table .sg-day-add:focus-visible { opacity: 1; }
}
/* P1-6 Admin Leads: the server info block takes its content height */
html:is([data-skin="sg26"],#sg-skin) body .section-content.server-info { min-height: 0 !important; height: auto !important; }
/* P1-6 Accounts (B4.23 fix): the Trustpilot notice on one row at >=1024 - icon tile, the two text lines, the CTA at the right. The kit
   draws the tile (::after) and the star (::before, pulled over the tile by a negative margin) as flex items; in a grid they are
   cells, so both are placed explicitly in the first cell (the star centred on the tile), spanning the two text lines. */
@media (min-width: 1024px) {
  html:is([data-skin="sg26"],#sg-skin) body center .alert.sg-nb.success { display: grid !important; grid-template-columns: 28px minmax(0, 1fr) auto; column-gap: 12px; row-gap: 4px; align-items: center; text-align: left; }
  html:is([data-skin="sg26"],#sg-skin) body center .alert.sg-nb.success::after { grid-column: 1; grid-row: 1 / span 2; align-self: center; order: 0 !important; margin: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body center .alert.sg-nb.success::before { grid-column: 1; grid-row: 1 / span 2; align-self: center; justify-self: center; order: 0 !important; margin: 0 !important; z-index: 1; }
  html:is([data-skin="sg26"],#sg-skin) body center .alert.sg-nb.success > p { grid-column: 2; margin: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body center .alert.sg-nb.success > p:last-child:not(:first-child) { grid-column: 3; grid-row: 1 / span 2; justify-self: end; }
}
/* P2-7 WhatsApp: the page starts under the topbar with the same gap as every single-column page */
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-page:has(> .sgp-wa-wrap) { padding-top: 29px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-wrap { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; }

/* 11.W.H Welcome «I tuoi numeri rapidi»: four tiles in a 2x2 grid on desktop (the card had empty space under two), stacked on the
   phone; the two new tiles link to their page (helpcenter view override, A285.21). */
/* [A285.29] B4.25 (Angelo): on desktop the quick numbers are ONE PER ROW again, stretched evenly down to the bottom of the card (the
   card takes the neighbouring card's height from the two-column grid); 2x2 only at 768-1023. Number and label on one line, the
   label never wraps. Same tiles, colours and «Account da ricollegare» fallback (markup unchanged). */
@media (min-width: 768px) and (max-width: 1023.98px) { html:is([data-skin="sg26"],#sg-skin) body .hc-kpi-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; } }
@media (min-width: 1024px) {
  html:is([data-skin="sg26"],#sg-skin) body .hc-wrap .hc-card:has(> .hc-kpi-list) { display: flex; flex-direction: column; }
  html:is([data-skin="sg26"],#sg-skin) body .hc-wrap .hc-card > .hc-kpi-list { display: flex !important; flex-direction: column; flex: 1 1 auto; gap: 10px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .hc-wrap .hc-card > .hc-kpi-list > .hc-kpi-row { flex: 1 1 0; min-height: 0; align-items: center; }
}
html:is([data-skin="sg26"],#sg-skin) body .hc-wrap .hc-kpi-row-text { flex-direction: row !important; align-items: baseline; gap: 10px !important; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .hc-wrap .hc-kpi-row-lbl { white-space: nowrap; }
html:is([data-skin="sg26"],#sg-skin) body a.hc-kpi-row.hc-kpi-row--link { color: inherit !important; text-decoration: none !important; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body a.hc-kpi-row.hc-kpi-row--link:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .hc-kpi-row-icon.red { background: color-mix(in srgb, var(--status-danger) 14%, transparent) !important; color: var(--status-danger) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .hc-kpi-row.is-danger .hc-kpi-row-val { color: var(--status-danger) !important; }

/* 11.W.C Phone density and touch (audit 2, batch C) */
/* P1-9 content controls at 44px on the phone; icon-sized links get a 44px hit area around them */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body :is(.tabs .tabheads > a),
html:is([data-skin="sg26"],#sg-skin) body :is(a.sticker-box-toggler):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(a.srep-tab):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.gr-quick-buy button.chip),
html:is([data-skin="sg26"],#sg-skin) body :is(a.aff-share-btn):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(button.aff-tutorial-btn):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(button.advanced-options):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is([class*="tab-heads"] > a):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is([class*="tabheads"] > a):not(.sg-p0){ min-height: 44px !important; display: inline-flex !important; align-items: center; box-sizing: border-box; }
  /* B4.23 fix: never re-position an element the page already positions (the auth eye #pwd-toggle is absolute inside its field;
     forcing it relative pushed it under the input and moved the field icons): only the static links get relative */
  html:is([data-skin="sg26"],#sg-skin) body :is(a.re-connect),
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-field-head > a),
html:is([data-skin="sg26"],#sg-skin) body :is(a.rp-account-username){ position: relative !important; }
  html:is([data-skin="sg26"],#sg-skin) body :where(a.re-connect):not(#sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(#pwd-toggle)::after,
html:is([data-skin="sg26"],#sg-skin) body :where(.sg-field-head > a):not(#sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :where(a.rp-account-username):not(#sg-p0)::after{ content: ""; position: absolute; inset: -10px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-field-head > a { font-size: 14px !important; }
}
/* P1-10 the phone calendar agenda (built by app.js from the month grid) */
html:is([data-skin="sg26"],#sg-skin) body .sg-agenda { display: none; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sg-cal .sg-cal-scroll { display: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda { display: grid; gap: 12px; margin-top: 12px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-strip { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-chip { display: grid; justify-items: center; align-content: center; gap: 2px; min-height: 44px; width: 100%; padding: 4px 0; border: 0; background: transparent; font: inherit; cursor: pointer; border-radius: var(--r-md); color: var(--text-2) !important; text-decoration: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-chip:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 1px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-wd { text-align: center; font: 500 13px/16px var(--f); color: var(--text-2); padding-bottom: 2px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-chip .wd { font: 500 13px/16px var(--f); text-transform: capitalize; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-chip .n { font: 600 16px/20px var(--f); color: var(--text); }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-chip .dot { width: 6px; height: 6px; border-radius: 50%; background: transparent; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-chip.has-posts .dot { background: var(--brand-primary); }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-chip.is-today { box-shadow: inset 0 0 0 1px var(--brand-primary); }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-chip.is-sel { background: var(--brand-primary-subtle); color: var(--brand-primary-text) !important; }
  html:is([data-skin="sg26"],#sg-skin) body .is-today.sg-agenda-chip .n,
html:is([data-skin="sg26"],#sg-skin) body .is-sel.sg-agenda-chip .n{ color: var(--brand-primary-text); }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-list { display: grid; gap: 8px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-day { display: grid; gap: 8px; padding: 12px 14px; border: 1px solid var(--border-2); border-radius: var(--r-lg); background: var(--surface); scroll-margin-top: 80px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-day.is-today { border-color: color-mix(in srgb, var(--brand-primary) 40%, var(--border-2)); }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-date { font: 600 16px/22px var(--f); color: var(--text); text-transform: capitalize; display: inline-flex; align-items: center; gap: 8px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-today { font: 500 13px/18px var(--f); padding: 2px 8px; border-radius: var(--r-full); background: var(--brand-primary-subtle); color: var(--brand-primary-text); text-transform: none; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-day .sg-day-lines { position: static !important; display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-empty { margin: 0; color: var(--text-2); font-size: 15px; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-agenda-day .sg-agenda-add { position: static !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; min-height: 44px; margin: 0 !important; padding: 0 16px !important; border-radius: var(--r-full); background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; font: 500 14px/20px var(--f) !important; opacity: 1 !important; text-decoration: none !important; justify-self: start; }
}
/* P2-12 Admin Users at >=1024: compact list rows (name + role on the first line, status, expiry and plan inline under it,
   left-aligned) in a 360px list instead of 122px centred cards */
@media (min-width: 1024px) {
  html:is([data-skin="sg26"],#sg-skin) body #users .md-aside { flex: 0 0 360px !important; width: 360px !important; max-width: 360px !important; }
  html:is([data-skin="sg26"],#sg-skin) body #users .mlist .mrow { min-height: 56px; padding: 8px 12px !important; align-items: center; text-align: left !important; }
  html:is([data-skin="sg26"],#sg-skin) body #users .mlist .mrow .mrow-main { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center; justify-content: flex-start; column-gap: 8px; row-gap: 2px; text-align: left !important; }
  html:is([data-skin="sg26"],#sg-skin) body #users .mlist .mrow .mrow-main > * { margin: 0 !important; width: auto !important; flex: 0 1 auto; text-align: left !important; }
}

/* 11.W.R Sidebar head (Angelo: in the rail the icons scrolled under «>>» and showed through it). At >=1024 the menu is the only
   scrolling part: the head (logo / mark and the fold button) stays put on the opaque sidebar surface, a 1px divider under it,
   8px before the first item; the items scroll beneath it, never through it. The fold button label is the kit flyout (app.js). */
@media (min-width: 1024px) {
  html[data-skin="sg26"] body > nav :is(.nav-logo-wrapper.sg-brand),
html[data-skin="sg26"] body > nav :is(.sg-rail-toggle):not(.sg-p0){ z-index: 2; background-color: var(--surface) !important; }
  html[data-skin="sg26"] body.sg-rail > nav .sg-rail-toggle { position: relative !important; inset: auto !important; }
  html[data-skin="sg26"] body > nav .nav-menu { overflow-y: auto !important; overflow-x: hidden !important; margin: 8px -4px -4px !important; padding: 8px 4px 4px !important; border-top: 1px solid var(--border) !important; }
}
/* 11.W.D Components and interaction polish (audit 2, batch D) */
/* P1-13 Slave DM «Fast Copy / Fast Paste»: tonal small buttons in a wrapping row, not browser links */
html:is([data-skin="sg26"],#sg-skin) body .alvos { display: flex !important; flex-wrap: wrap; gap: 8px; justify-content: flex-end; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .alvos > label { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .alvos a.button--oval--mod { display: inline-flex !important; align-items: center; justify-content: center; min-height: 40px; padding: 0 14px !important; border-radius: var(--r-full) !important; border: 1px solid var(--border-2) !important; background: var(--fill-3) !important; color: var(--text) !important; font: 500 14px/20px var(--f) !important; text-decoration: none !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .alvos a.button--oval--mod:hover { border-color: var(--border-hover) !important; color: var(--text-max) !important; }
/* P1-14 Repost «Etichette delle automazioni»: the tag field is the kit field */
html:is([data-skin="sg26"],#sg-skin) body #rp-task-labels input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { height: 40px !important; box-sizing: border-box; padding: 0 12px !important; border-radius: 10px !important; border: 1px solid var(--border-strong) !important; background: var(--input-bg, var(--surface)) !important; color: var(--text) !important; font: 400 14px/20px var(--f) !important; }
/* P1-15 PMP: the empty-state text uses the pane width (it was squeezed to about 70px) */
html:is([data-skin="sg26"],#sg-skin) body .no-data.sgp-empty { flex: 1 1 auto !important; width: 100% !important; max-width: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-empty .empty-text { width: 100% !important; max-width: 32ch !important; margin-inline: auto !important; }
/* P2-16 Repost: the settings run the card width like Reactions; the two settings buttons wrap balanced inside their pill */
html:is([data-skin="sg26"],#sg-skin) body #auto-repost-schedule .section-content > .clearfix > .col.s12.m10 { width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body #auto-repost-schedule .section-content a.fluid.button { text-wrap: balance; padding-inline: 16px !important; }
/* P2-17 one tour footer: «Salta» ghost, «Indietro» tonal, «Avanti» primary (Growth used a filled red «Salta») */
html:is([data-skin="sg26"],#sg-skin) body :is(#rx-tour-skip),
html:is([data-skin="sg26"],#sg-skin) body :is(#gr-tour-skip),
html:is([data-skin="sg26"],#sg-skin) body :is(#aff-tour-skip){ background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#rx-tour-prev),
html:is([data-skin="sg26"],#sg-skin) body :is(#gr-tour-prev),
html:is([data-skin="sg26"],#sg-skin) body :is(#aff-tour-prev){ background: var(--fill-3) !important; border: 1px solid var(--border-2) !important; box-shadow: none !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#rx-tour-next),
html:is([data-skin="sg26"],#sg-skin) body :is(#gr-tour-next),
html:is([data-skin="sg26"],#sg-skin) body :is(#aff-tour-next){ background: var(--brand-primary) !important; border-color: transparent !important; color: var(--brand-on-primary) !important; }
/* P2-18 Reports: a zero delta is neutral, not a gain or a loss (app.js marks it .sg-zero) */
html:is([data-skin="sg26"],#sg-skin) body .sg-zero.sg-zero { color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.srep-card__delta).sg-zero,
html:is([data-skin="sg26"],#sg-skin) body :is(.srep-growth-chip).sg-zero{ background: var(--fill-3) !important; border-color: var(--border-2) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .srep-growth-chip.sg-zero :is(.srep-growth-chip__val),
html:is([data-skin="sg26"],#sg-skin) body .srep-growth-chip.sg-zero :is(.srep-growth-chip__lbl){ color: var(--text) !important; }
/* P2-19 Growth: «Procedi al pagamento» is tonal while the total is 0 (app.js .sg-idle + aria-disabled) */
html:is([data-skin="sg26"],#sg-skin) body .gr-submit-btn.sg-idle { background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; box-shadow: none !important; cursor: not-allowed; }
/* P2-20 one status sign: dot + label on the status tint (users list, account list re-login) */
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-st):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub .rp-login-required-state),
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub > .color-danger){ display: inline-flex !important; align-items: center; gap: 6px; padding: 2px 8px !important; border-radius: var(--r-full); font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-st):not(.sg-p0):not(.sg-p0)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub .rp-login-required-state)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub > .color-danger)::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
html:is([data-skin="sg26"],#sg-skin) body .sga-st.is-success { background: color-mix(in srgb, var(--status-success) 12%, transparent); color: var(--status-success) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-st:not(.is-success)):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub .rp-login-required-state),
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub > .color-danger){ background: color-mix(in srgb, var(--status-danger) 12%, transparent); color: var(--status-danger) !important; }
/* P2-21 one back link: tonal pill at its own width (44px on the phone) */
html:is([data-skin="sg26"],#sg-skin) body .back-button-wh > a { display: inline-flex !important; width: auto !important; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px !important; border: 0 !important; border-radius: var(--r-full) !important; background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; font: 500 14px/20px var(--f) !important; text-decoration: none !important; box-shadow: none !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .back-button-wh > a { min-height: 44px; } html:is([data-skin="sg26"],#sg-skin) body .alvos a.button--oval--mod { min-height: 44px; } html:is([data-skin="sg26"],#sg-skin) body #rp-task-labels input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { height: 44px !important; font-size: 16px !important; } }
/* P2-22 colour B on admin and module-admin pages: the section-head glyphs take the accent ink */
html:is([data-skin="sg26"],#sg-skin) body .sga .section-header > .mdi:first-child,
html:is([data-skin="sg26"],#sg-skin) body .sga .section-title > .mdi:first-child,
html:is([data-skin="sg26"],#sg-skin) body .sgm .section-header > .mdi:first-child,
html:is([data-skin="sg26"],#sg-skin) body .sgm .section-title > .mdi:first-child{ color: var(--sg-ink-2) !important; }
/* the Post media notification text (12px) at the body size */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .ofm-notification > div { font-size: 14px !important; line-height: 1.4 !important; }
/* 11.W.E Polish (audit 2, batch E) */
/* P3-24 WhatsApp QR: a dashed placeholder on the alt surface; white only behind a real QR */
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-qr { background: var(--surface-alt) !important; border: 1px dashed var(--border-strong) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-qr :is(img),
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-qr :is(canvas){ background: #fff; padding: 8px; border-radius: 8px; }
/* P3-25 Affiliate: links and parameters in the platform face with tabular figures, on a pill */
html:is([data-skin="sg26"],#sg-skin) body [class*="aff-"] code { font-family: var(--f) !important; font-variant-numeric: tabular-nums; background: var(--surface-alt) !important; border-radius: var(--r-full) !important; padding: 1px 8px !important; }
/* P3-26 the sidebar menu shows it scrolls: a bottom fade while more items are below (app.js .sg-menu-more) */
@media (min-width: 1024px) { html[data-skin="sg26"] body > nav .nav-menu.sg-menu-more { -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 32px), transparent); } }
/* P3-27 an account avatar that failed to load becomes its monogram (app.js) */
html:is([data-skin="sg26"],#sg-skin) body .sg-avatar-mono { display: inline-grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 50%; background: var(--brand-primary-subtle); color: var(--brand-primary-text); font: 600 13px/1 var(--f); text-transform: uppercase; }
/* P3-28 Affiliate withdrawal form: 8px label to field, 16px between fields */
html:is([data-skin="sg26"],#sg-skin) body .aff-usdt-panel label { margin-bottom: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body .aff-usdt-panel .row > .col { margin-bottom: 16px !important; }

/* 11.W.22 B4.22 [A285.22] Angelo's decisions */
/* Growth on the phone: every service is a compact row (icon, name, «da» price, chevron) that opens its order form on tap, one at a
   time (app.js .sg-gr-acc / .is-open); all the form fields, names and logic are unchanged. The tour shows every card. */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card.sg-gr-acc { padding: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body .gr-card.sg-gr-acc .gr-order-form > .section-header { min-height: 56px; margin: 0 !important; padding: 10px 14px !important; gap: 12px; cursor: pointer; border: 0 !important; -webkit-tap-highlight-color: transparent; }
  html:is([data-skin="sg26"],#sg-skin) body .gr-card.sg-gr-acc .gr-order-form > .section-header .section-title { flex: 1 1 auto; min-width: 0; font-size: 15px !important; line-height: 20px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .gr-card.sg-gr-acc .sg-gr-from { flex: none; font: 500 14px/20px var(--f); color: var(--text-2); font-variant-numeric: tabular-nums; }
  html:is([data-skin="sg26"],#sg-skin) body .gr-card.sg-gr-acc .sg-gr-chev { flex: none; width: 20px; height: 20px; color: var(--text-3); transition: transform .2s var(--ease); }
  html:is([data-skin="sg26"],#sg-skin) body .gr-card.sg-gr-acc.is-open .sg-gr-chev { transform: rotate(180deg); }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(.gr-tour-active) .gr-card.sg-gr-acc:not(.is-open) .gr-order-form > :not(.section-header):not(input[type="hidden"]) { display: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body .gr-card.sg-gr-acc.is-open .gr-order-form > .section-content { padding: 0 14px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .gr-card.sg-gr-acc.is-open .gr-order-form > .clearfix { padding: 0 14px 14px !important; }

  html:is([data-skin="sg26"],#sg-skin) body :is(.col):has(> .gr-card.sg-gr-acc) { margin-bottom: 8px !important; }
}
@media (prefers-reduced-motion: reduce) { html:is([data-skin="sg26"],#sg-skin) body .gr-card.sg-gr-acc .sg-gr-chev { transition: none; } }
/* PMP: the label filter chips («ITA») sit in the same wrapping row as the package chips; «Azzera i filtri» goes last, on its own row
   at the end */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px-head { flex-wrap: wrap !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px-head > .sgp-search { flex: 1 1 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px-head > .pmp-bulk-actions-header.pmp-package-filters { display: contents !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px-head .pmp-package-filters > :is(span),
html:is([data-skin="sg26"],#sg-skin) body .sgp-px-head .pmp-package-filters > :is(a){ margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px-head { column-gap: 8px !important; row-gap: 8px !important; flex-direction: row !important; align-items: center; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px-head .pmp-package-filters > a.pmp-bulk-btn.btn { order: 99; flex: 1 1 100%; justify-content: flex-end; display: inline-flex; }
/* Reports: «Ultimi 30 giorni» on the title baseline (the page grid puts both in row 1 with different top paddings) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .srep-chart-box > :is(.srep-chart-box__title):is(.srep-growth, .srep-growth ~ *, :has(~ .srep-growth)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .srep-chart-box > :is(.srep-chart-box__sub):is(.srep-growth, .srep-growth ~ *, :has(~ .srep-growth)){ align-self: baseline !important; padding-top: 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.srep-card__delta).sg-zero,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.srep-growth-chip).sg-zero,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .srep-growth-chip.sg-zero :is(.srep-growth-chip__val),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .srep-growth-chip.sg-zero :is(.srep-growth-chip__lbl){ color: var(--text) !important; }

/* 11.W.23 B4.23 [A285.23] fixes */
/* Stacked action buttons (Reactions «Continua / Copia impostazioni / Inserisci impostazioni / Svuota automazione» and the same
   footer stacks in every module) never touch: 8px between rows and between side-by-side buttons */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-content .clearfix > .col:has(> :is(a, button, input).fluid.button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-schedule-footer-actions .clearfix > .col:has(> :is(a, button, input).fluid.button){ margin-bottom: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-content .clearfix:has(> .col > :is(a, button, input).fluid.button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-schedule-footer-actions .clearfix:has(> .col > :is(a, button, input).fluid.button){ display: flex !important; flex-wrap: wrap; column-gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-content .clearfix:has(> .col > :is(a, button, input).fluid.button) > .col,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-schedule-footer-actions .clearfix:has(> .col > :is(a, button, input).fluid.button) > .col{ flex: 1 1 100%; float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
@media (min-width: 768px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-content .clearfix:has(> .col > :is(a, button, input).fluid.button) > .col.m6,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-schedule-footer-actions .clearfix:has(> .col > :is(a, button, input).fluid.button) > .col.m6{ flex: 1 1 calc(50% - 4px); } }
/* the back link at its own width (the B4.21 rule lost to a page rule) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .back-button-wh > a { display: inline-flex !important; width: auto !important; max-width: 100%; }
/* Phone: no card inside a card («form dentro il form»). The module settings form card is flat on the phone (no padding, border or
   background), so its group cards use the full content width on the 16px page gutter. */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content > form > .section-content { padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
}
/* 11.W.24 B4.24 [A285.28] fixes */
/* PMP: the bulk actions («Seleziona tutto / Deseleziona tutto / Modifica / Elimina») never touch: 8px like every button row */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .pmp-bulk-actions-header.sgp-toolbar { column-gap: 8px !important; row-gap: 8px !important; }
/* Phone: a panel inside an open group card keeps the 24px total side inset (group 16 + panel 8): Reactions «Pulizia dei target»
   rule cards and note, Repost custom usertags preview */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning :is(.rp-source-pruning-card),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning :is(.rp-source-pruning-note),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rpm-custom-tags .custom-usertags-preview{ padding-left: 8px !important; padding-right: 8px !important; }
}
/* 11.W.25 A pill stays a pill (app.js «sg-pill-*», B4.25, Angelo). One line: the whole pill moves to the next row of its group (in a
   grid it spans the row at its own width). Two balanced, centred lines only when the label is wider than the whole container, with
   18px ends so the rounded caps never crowd the text. Shape, colours and type stay those of the sibling pills. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a).sg-pill-1l.sg-pill-1l,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(button).sg-pill-1l.sg-pill-1l,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span).sg-pill-1l.sg-pill-1l,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div).sg-pill-1l.sg-pill-1l,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label).sg-pill-1l.sg-pill-1l{ white-space: nowrap !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a).sg-pill-span.sg-pill-span,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(button).sg-pill-span.sg-pill-span,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span).sg-pill-span.sg-pill-span,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div).sg-pill-span.sg-pill-span,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label).sg-pill-span.sg-pill-span{ grid-column: 1 / -1; justify-self: start; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(a).sg-pill-2l.sg-pill-2l,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(button).sg-pill-2l.sg-pill-2l,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(span).sg-pill-2l.sg-pill-2l,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(div).sg-pill-2l.sg-pill-2l,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(label).sg-pill-2l.sg-pill-2l{
  white-space: normal !important; text-wrap: balance; text-align: center !important; justify-content: center !important; align-items: center !important;
  display: inline-flex !important; width: var(--sg-pill-w, auto) !important; flex: 0 0 auto !important; height: auto !important; min-height: 36px; padding: 6px 18px !important; font-size: 13px !important; line-height: 1.3 !important; border-radius: var(--r-full) !important; max-width: 100% !important;
}
/* [A285.29] B4.25 (Angelo: «Domande frequenti» had ~40px between the title and the first row). A Welcome card that is a flex column
   with its own gap stacked that gap on the head's 16px margin (FAQ 24+16, video 14+16). Every Welcome card is now one flex column with
   a 16px gap and no head margin, so title -> content is 16px on all of them. */
html:is([data-skin="sg26"],#sg-skin) body .hc-wrap .hc-card { display: flex !important; flex-direction: column; gap: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body .hc-wrap .hc-card > .hc-card-head { margin-bottom: 0 !important; }
/* b425:begin */
/* 11.W.26 B4.25 [A285.29] fixes: Angelo's notes of 13/10 and Vera's full audit (V01-V33). Patterns, not pages. */
/* PMP / proxies: the country flag in a round 28px frame (the original png); the two-letter pill stays only where there is no flag */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px img.sgp-cc.sgp-flag { width: 28px; height: 28px; padding: 0; border-radius: 50%; object-fit: cover; background: var(--surface-raised); border: 1px solid var(--border-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px img.sgp-cc.sgp-flag.is-invalid { box-shadow: 0 0 0 2px var(--status-danger); }
/* PMP «Azzera i filtri»: a compact ghost button sized to its label, with the reset icon, at the end of the filter row (was a full-row bar
   with the label pushed right) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px-head .pmp-package-filters > a.pmp-bulk-btn.btn.sgp-flush { order: 99; flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; justify-content: center !important; gap: 6px; padding: 0 12px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px-head .pmp-package-filters > a.pmp-bulk-btn.btn.sgp-flush::before { content: ""; width: 16px; height: 16px; flex: 0 0 16px; background: currentColor; -webkit-mask: var(--sg-ic-refresh) center / contain no-repeat; mask: var(--sg-ic-refresh) center / contain no-repeat; }
/* Stat tiles (Management «I tuoi numeri degli ultimi 30 giorni» and every .box-list-item.text-c tile): one 16/20 padding, no second inner
   padding; label and number tight */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .box-list .box-list-item.text-c { padding: 16px 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .box-list .box-list-item.text-c > .inner { padding: 0 !important; gap: 4px; }
/* Table chips never wrap (Management «Scaduto» showed «n / o»): one line, label-wide; «Scaduto = sì» is the azure tonal chip (Angelo) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) td :is(.button.small),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) th :is(.button.small),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) td :is(.badge):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) th :is(.badge):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) td :is([class*=badge]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) th :is([class*=badge]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) td :is(.sg-chip):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) th :is(.sg-chip):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) td :is([class*=chip]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) th :is([class*=chip]):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) td :is(.tag):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) th :is(.tag):not(.sg-p0){ white-space: nowrap !important; min-width: max-content; }
/* DataTables, every admin table: one toolbar row (app.js .sg-dt-bar), 36px controls, the search field like ours (magnifier, soft border) */
html:is([data-skin="sg26"],#sg-skin) body .pre-datatable { padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .sg-dt-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0 0 16px; }
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .sg-dt-bar > * { float: none !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .sg-dt-bar > .dataTables_filter { margin-left: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .dataTables_length label,
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .dataTables_filter label{ display: inline-flex; align-items: center; gap: 8px; margin: 0; font: 400 14px/20px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_wrapper .sg-dt-bar, .rsp-filter-bar) select { height: 36px !important; min-height: 36px; padding: 0 32px 0 12px !important; font: 400 14px/20px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .dataTables_filter label { position: relative !important; }
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .dataTables_filter label::after { content: ""; position: absolute; right: auto; top: 50%; width: 16px; height: 16px; margin-top: -8px; pointer-events: none; background: var(--text-3); -webkit-mask: var(--sg-ic-search) center / contain no-repeat; mask: var(--sg-ic-search) center / contain no-repeat; left: var(--sg-dt-in, 0); }
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .dataTables_filter input { height: 36px !important; width: 240px; max-width: 100%; margin: 0 !important; padding: 0 12px 0 36px !important; box-sizing: border-box; border: 1px solid var(--border-strong) !important; border-radius: var(--r-md) !important; background: var(--input-bg) !important; color: var(--text) !important; font: 400 14px/20px var(--f) !important; outline: none; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .dataTables_filter input:focus-visible { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 1px; }
/* DataTables 1.13 draws the sort arrows as ::before/::after at right:10px of the header cell and asks for padding-right:26px. The
   management plugin (#dataTable thead td: 14px) and 11.A.9 (16px) both beat it, so the title ran under the arrows. Every sortable
   header, <th> or <td>, keeps the arrow lane free; physical right because DataTables puts the arrows there in RTL too. */
html:is([data-skin="sg26"],#sg-skin) body table.dataTable > thead > tr > :is(th,td):is(.sorting,.sorting_asc,.sorting_desc,.sorting_asc_disabled,.sorting_desc_disabled) { padding-right: 28px !important; }
/* V01 (P1): the support-chat FAB never sits above an open dialog (Bootstrap modal, jconfirm, kit sheet) */
html:is([data-skin="sg26"],#sg-skin) body.modal-open #sgchatFab,
html:is([data-skin="sg26"],#sg-skin) body[class*="jconfirm-no-scroll"] #sgchatFab,
html:is([data-skin="sg26"],#sg-skin) body.sg-sheet-open #sgchatFab{ visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
/* V02 (P1): long code and unbreakable strings never widen the page: code blocks scroll inside themselves, tips and notes break long
   words, grid/flex columns may shrink */
html:is([data-skin="sg26"],#sg-skin) body .skeleton pre,
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content pre,
html:is([data-skin="sg26"],#sg-skin) body .modal pre{ max-width: 100%; overflow-x: auto; box-sizing: border-box; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.field-tips):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.field-tips):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .modal :is(.field-tips):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.field-tips li),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.field-tips li),
html:is([data-skin="sg26"],#sg-skin) body .modal :is(.field-tips li),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.notes):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.notes):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .modal :is(.notes):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.form-text):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.form-text):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .modal :is(.form-text):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.section-content p),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.section-content p),
html:is([data-skin="sg26"],#sg-skin) body .modal :is(.section-content p),
html:is([data-skin="sg26"],#sg-skin) body .skeleton :is(.section-content li),
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content :is(.section-content li),
html:is([data-skin="sg26"],#sg-skin) body .modal :is(.section-content li){ overflow-wrap: break-word; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton .row > .col,
html:is([data-skin="sg26"],#sg-skin) body .skeleton-content .row > .col{ min-width: 0; }
/* V03 (P1): the «RISPARMI» amount (<big>) stays inside its line and inside the pill (no extra line box, no top overflow).
   Its cents: PRICE CENTS below (2026-10-21). */
html:is([data-skin="sg26"],#sg-skin) body :is(#renew, .npr-fullscreen) .npr-save :is(big),
html:is([data-skin="sg26"],#sg-skin) body :is(#renew, .npr-fullscreen) .npr-price-old :is(big){ position: static !important; top: auto !important; line-height: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#renew, .npr-fullscreen) .npr-save big { font-size: 1em !important; }
/* PRICE CENTS - [SG-PATCH 2026-10-21 | Felix] GL-001 §7.3 «Centesimi dei prezzi» (Angelo, 21/10). format_price() prints the cents
   as <sup> (LlcUsd::filterHtml and the /renew JS read that form, so the markup stays; only the look is decided here).
   (1) Running text - savings, «Poi … al mese», trial button, Account Plus lines, Plan value, totals, table cells, old price:
       the cents sit inline at the text's own size, «€29,98»: no raise, no size change, the line box does not grow.
   (2) Display price only (.number: the big price of a cycle card, the Account Plus pro-rata number): small cents, top-aligned,
       half the size and never under the 13 px floor, line-height 0 and raised by position (no layout shift).
   Replaces the floor line «#renew sup» (13 px + vertical-align super on top of the base top:-.5em = cents raised twice) and the
   V03 sup rules. Rollback: /root/felix-cents-20261021/rollback.sh */
html:is([data-skin="sg26"],#sg-skin) body :is(#renew, .npr-fullscreen) sup{ font-size: inherit !important; line-height: inherit !important; vertical-align: baseline !important; position: static !important; top: auto !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#renew, .npr-fullscreen) .number sup{ font-size: max(13px, .5em) !important; line-height: 0 !important; vertical-align: baseline !important; position: relative !important; top: -.7em !important; margin: 0 0 0 .04em !important; }
/* V04 (P1): Engagement Boost cards at >= 1024 (no accordion there): icon | title with «da 10,00 €» on its own line under it; no chevron;
   the pay button is full width on one line */
@media (min-width: 1024px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header { display: grid !important; grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: center; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header > .gr-service-icon { grid-row: 1 / span 2; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header > .section-title { grid-column: 2; min-width: 0; margin: 0 !important; line-height: 20px !important; overflow-wrap: break-word; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header > .sg-gr-from { grid-column: 2; font: 500 14px/20px var(--f); color: var(--text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header > .sg-gr-chev { display: none !important; }
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-order-form input.gr-submit-btn.gr-submit-btn { grid-column: 1 / -1 !important; justify-self: stretch !important; width: 100% !important; max-width: 100% !important; white-space: nowrap !important; float: none !important; }
/* V05: the WhatsApp-preferences error page (module prints a bare h1 + p with inline styles) as a kit message card */
html[data-skin="sg26"] body[style*="padding:60px 20px"] { min-height: 100dvh; margin: 0; padding: 48px 16px !important; box-sizing: border-box; background: var(--bg) !important; color: var(--text) !important; font: 400 16px/24px var(--f) !important; display: flex; flex-direction: column; align-items: center; }
html[data-skin="sg26"] body[style*="padding:60px 20px"] > h1 { max-width: 480px; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 24px 24px 8px; border: 1px solid var(--border); border-bottom: 0; border-radius: var(--r-lg) var(--r-lg) 0 0; background: var(--surface); font: 500 20px/26px var(--f) !important; color: var(--text); }
html[data-skin="sg26"] body[style*="padding:60px 20px"] > p { max-width: 480px; width: 100%; box-sizing: border-box; margin: 0; padding: 0 24px 24px; border: 1px solid var(--border); border-top: 0; border-radius: 0 0 var(--r-lg) var(--r-lg); background: var(--surface); color: var(--text-2); }
/* V06: phone dialogs keep the 16px bottom inset (Bootstrap's .modal-dialog-centered::before is a full-height flex item that stretched
   the dialog to the bottom edge) and all four corners round; short dialogs anchor to the bottom like the others */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .modal-dialog::before { content: none !important; display: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal .modal-dialog { display: flex !important; height: auto !important; min-height: calc(100% - 34px - env(safe-area-inset-bottom, 0px)) !important; align-items: flex-end !important; justify-content: center; }
  html:is([data-skin="sg26"],#sg-skin) body .modal-dialog > .modal-content { border-radius: var(--r-xl) !important; margin: 0 !important; }
}
/* V07: the month calendar fits 7 columns at >= 768 (no hidden Sunday in a scroll box); below 1024 the cell link «+ Aggiungi post» is
   icon-only (its text stays the accessible name) so it never wraps */
@media (min-width: 768px) { html:is([data-skin="sg26"],#sg-skin) body #calendar-month .sg-cal-table { min-width: 0 !important; width: 100% !important; } }
@media (max-width: 1023.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #calendar-month .sg-day-add { font-size: 0 !important; gap: 0 !important; width: 28px; height: 28px; padding: 0 !important; justify-content: center; }
  html:is([data-skin="sg26"],#sg-skin) body #calendar-month .sg-day-add svg { width: 16px; height: 16px; flex: 0 0 16px; }
}
/* Azure tonal chip (Angelo): one shared style, .chip--azure; used for «Scaduto = sì» (Management users) and the Admin role (Users list) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.chip--azure):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(td.c-scad .badge-danger):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.mrow-meta .badge.b-info){ background: color-mix(in srgb, var(--sg-accent-2) 18%, transparent) !important; border: 1px solid color-mix(in srgb, var(--sg-accent-2) 45%, transparent) !important; color: var(--status-info) !important; }
/* V08 / V15: status chips stay on one line at their own width; one dot only (the markup dot wins over our ::before); the danger tint is
   lighter so 13px text keeps AA */
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-st):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub .rp-login-required-state),
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub > .color-danger){ white-space: nowrap !important; width: auto !important; max-width: 100%; align-self: flex-start; flex: 0 0 auto; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-st):not(.sg-p0):not(.sg-p0):has(> .dot, > [class*="-dot"], > .mdi-circle)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub .rp-login-required-state):has(> .dot, > [class*="-dot"], > .mdi-circle)::before,
html:is([data-skin="sg26"],#sg-skin) body :is(.aside-list-item .sub > .color-danger):has(> .dot, > [class*="-dot"], > .mdi-circle)::before{ content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-st, .aside-list-item .sub .rp-login-required-state, .aside-list-item .sub > .color-danger) > .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
html:is([data-skin="sg26"],#sg-skin) body.darkside :is(.sga-st:not(.is-success)):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body[data-theme="dark"] :is(.sga-st:not(.is-success)):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.darkside :is(.aside-list-item .sub .rp-login-required-state),
html:is([data-skin="sg26"],#sg-skin) body[data-theme="dark"] :is(.aside-list-item .sub .rp-login-required-state),
html:is([data-skin="sg26"],#sg-skin) body.darkside :is(.aside-list-item .sub > .color-danger),
html:is([data-skin="sg26"],#sg-skin) body[data-theme="dark"] :is(.aside-list-item .sub > .color-danger){ background: color-mix(in srgb, var(--status-danger) 9%, transparent) !important; }
/* Users list: the avatar dot is presence (online / last activity), not the account status: online = filled live dot, offline = a hollow ring */
html:is([data-skin="sg26"],#sg-skin) body .sga .sga-av .user-status-badge:not(.status-online) { background: var(--surface) !important; box-shadow: inset 0 0 0 2px var(--text-3) !important; }
/* V16: role type floor (13 captions, 14 body) on the module views the audit listed: Reactions modals and stats export, Repost TikTok
   picker, HikerAPI, Email Pro, PMP users, statistics, renew, notifications, support new ticket, accounts detail, terms footer */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-merge-count):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.account-selector .label):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.tox-statusbar__path-item):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.tox-statusbar__wordcount):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.tox-statusbar__branding a):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-account-open-link):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-tiktok-user-meta-item span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-stats-export-field span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-accelerator-metrics-export-option-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-stats-export-heading p):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-stats-export-branding strong):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-stats-target-metrics-menu span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.apexcharts-menu-item):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.npr-popular-badge):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-stats-export-content-toggle strong):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.js-notifications-source-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.npr-feat-desc):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-settings-transfer-format-badge):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.meta span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-stats-target-metrics-menu span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stav-msg__badge):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stav-status-pill):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stav-ai-meta):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.chart-legends .legend):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-schedule-notice-eyebrow):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-speed-preview-footnote):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.notes p.label),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(footer.foot):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sg-pay-note):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sg-foot-legal span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sg-foot-addr):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.npr-compare th):not(.sg-p0){ font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(#doNotToggleMe span):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-speed-preview-devices button):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.page-secondary-title .fz-12):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-tiktok-user-option-open):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.hikerapi-global-settings-section strong):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-merge-section strong):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-tiktok-limit-section strong):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.sa-bulk-settings-section strong):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.modal-content-body p):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.notes p.body-sm):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.sa-bulk-option-row :is(span)):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.sa-bulk-option-row :is(strong)):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-tiktok-package-limit-row strong):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-tiktok-user-option-copy strong):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-settings-transfer-summary):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-settings-transfer-select-toolbar :is(a)):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-settings-transfer-select-toolbar :is(strong)):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-settings-transfer-intro):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-accelerator-metrics-export-theme-options span):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.notification-feed-fetched):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.js-notifications-fetched-at):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stn-drop__sub):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stn-drop__title):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.npr-features-toggle span):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.sg-help-link b):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.card-body p.card-text):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.npr-footer):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.npr-footer a):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.notification-feed-note):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.stn-info p):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stn-back):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-settings-import-dropzone strong):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-settings-transfer-format strong):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sg-acc-wrap #msg),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.tm-cl):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stav-ai-pill):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.stav-ai-tool .muted):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.stav-card h4):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.stav-ai-tools summary):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stav-back):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.stav-ai-title span):not(#sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stav-msg__from):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.stav-msg__when):not(#sg-p0){ font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body .rp-settings-transfer-format-badge { padding: 1px 6px !important; }
html:is([data-skin="sg26"],#sg-skin) body .rp-schedule-notice-eyebrow { opacity: 1 !important; color: var(--text-3) !important; }
/* V12: live text is never dimmed with opacity: tokens instead (help-center Welcome, PID log filter labels) */
html:is([data-skin="sg26"],#sg-skin) body :is(.hc-kpi-row-lbl):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.hc-action-desc):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.hc-sup-info .desc),
html:is([data-skin="sg26"],#sg-skin) body :where(.rp-pid-log-filter-item label):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.form-filter-select-label):not(.sg-p0){ opacity: 1 !important; color: var(--text-2) !important; }
/* V13: legacy status chips (white on #bcbcbc / #20bd20 / #4caf50 / #f44336) = the v5 status pills: tinted background, status ink */
html:is([data-skin="sg26"],#sg-skin) body :is(span.codestyle[class*="-status-"]),
html:is([data-skin="sg26"],#sg-skin) body :is(span.codestyle.tls-active),
html:is([data-skin="sg26"],#sg-skin) body :is(span.codestyle.tls-fingerprint-status),
html:is([data-skin="sg26"],#sg-skin) body :is(span.codestyle.cloudflare-status-ok){
  display: inline-flex; align-items: center; height: 22px; padding: 0 8px !important; border-radius: var(--r-full) !important; border: 1px solid transparent !important; font: 500 13px/18px var(--f) !important; text-shadow: none !important;
  background: color-mix(in srgb, var(--text-3) 14%, transparent) !important; color: var(--text-2) !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(span.codestyle[class*="-status-ok"]),
html:is([data-skin="sg26"],#sg-skin) body :is(span.codestyle[class*="-status-active"]),
html:is([data-skin="sg26"],#sg-skin) body :is(span.codestyle.tls-active),
html:is([data-skin="sg26"],#sg-skin) body :is(span.codestyle.tls-fingerprint-status),
html:is([data-skin="sg26"],#sg-skin) body :is(span.codestyle.cloudflare-status-ok){ background: color-mix(in srgb, var(--status-success) 14%, transparent) !important; color: var(--status-success) !important; }
html:is([data-skin="sg26"],#sg-skin) body span.codestyle[class*="-status-error"] { background: color-mix(in srgb, var(--status-danger) 12%, transparent) !important; color: var(--status-danger) !important; }
/* V14: off-token inks in the Reactions / HikerAPI / Parser / Repost views -> text tokens; accent buttons -> the app accent */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-accelerator-metrics-export-details-copy small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.hikerapi-key-onboarding-steps small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-speed-settings-scale span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-provider-priority-copy small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.lf-provider-order-copy small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-tiktok-package-limit-row small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-source-pruning-group-summary small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-speed-settings-card-heading small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-speed-settings-description):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-stats-export-content-toggle small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-speed-settings-toggle-copy small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-action-block-control small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-stats-export-branding small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sa-bulk-settings-section small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-speed-preview-footnote):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.parser-quota-search-state):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-tiktok-limit-section small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-stats-export-heading p):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-merge-count):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-speed-preview-search span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-speed-preview-devices button:not(.is-active)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-tiktok-user-option-copy small):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-tiktok-user-meta-item span):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.no-data-reactions.rp-task-metrics-empty p),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-task-metrics-panel-copy):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-task-metrics-label):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-task-metrics-caption):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.proxy-monitor-cron-state :is(strong)):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.proxy-monitor-cron-state :is(p)):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.card-footer.text-muted):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.card-footer.text-muted b){ color: var(--text-2) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-settings-transfer-format small,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-accelerator-metrics-export-format small{ color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-settings-transfer-format em.rp-settings-transfer-format-badge { background: var(--fill-2) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-accelerator-metrics-period-switcher > button.is-active),
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-accelerator-metrics-period-switcher > button.active),
html:is([data-skin="sg26"],#sg-skin) body :is(button.rp-accelerator-metrics-filters-apply):not(.sg-p0){ background: var(--brand-primary) !important; border-color: var(--brand-primary) !important; color: var(--brand-on-primary, #fff) !important; }
html:is([data-skin="sg26"],#sg-skin) body .datatable-reactions .color-green { color: var(--status-success) !important; }
html:is([data-skin="sg26"],#sg-skin) body .mrow-meta .badge.b-success { background: color-mix(in srgb, var(--status-success) 12%, transparent) !important; color: var(--status-success) !important; }
/* V10 / V11: the phone 44px target rule (11.T) made two absolutely placed controls static: the caption-template grid stays in the field's
   toolbar, the re-connect dot stays on the avatar (as at 1440) */
@media (max-width: 1023.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .pos-r > a.caption-picker { position: absolute !important; top: 28px !important; right: 2px !important; min-width: 40px; min-height: 40px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .box-list-item .inner > a.re-connect { position: absolute !important; top: 56px !important; left: 56px !important; }
}
/* ---- Composer (/post): Angelo 13/10 + V09 / V25. Three balanced columns >= 1280 (media 1 : form 1.1 : preview 1, the form capped); 1024-1279 media on top, form | preview;
   one column below in the original order; type tiles never ellipsise. */
@media (min-width: 1024px) and (max-width: 1279.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:first-child { grid-column: 1 / -1 !important; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:last-child { grid-column: auto !important; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:first-child .section { height: auto !important; min-height: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:first-child #filemanager { height: auto !important; max-height: 340px; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:first-child #filemanager .ofm-files { position: static !important; height: auto !important; max-height: 340px; overflow: auto !important; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .types { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 1280px) {
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1fr) !important; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:last-child { grid-column: auto !important; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:nth-child(2) { max-width: 600px; width: 100% !important; justify-self: center; }
}
@media (max-width: 1023.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) { grid-template-columns: minmax(0, 1fr) !important; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:last-child { grid-column: auto !important; }
  html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .types { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .types .type .name { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
/* Media panel / file manager: one container (no inner box), header row title | upload buttons (wrapping under the title when narrow),
   a grid of 96px+ thumbs (3 columns at the desktop column width), 10px radius, readable overlays, a thin themed scrollbar */
html:is([data-skin="sg26"],#sg-skin) body #post .section-header:has(> .section-title-post) { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-header > .section-title-post { flex: 1 1 auto; margin: 0 !important; min-width: 0; white-space: nowrap; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-header > .section-actions:is(.section-title-post, .section-title-post ~ *, :has(~ .section-title-post)){ display: flex !important; gap: 8px; margin: 0 0 0 auto !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager :is(.ofm-files),
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager :is(.ofm-dropzone){ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-dropzone > div { border: 1px dashed var(--border-2) !important; border-radius: var(--r-lg); }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-files { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; align-content: start; scrollbar-width: thin; scrollbar-color: var(--border-2) transparent; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-files > :not(.ofm-file) { grid-column: 1 / -1; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-files::-webkit-scrollbar { width: 8px; height: 8px; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-files::-webkit-scrollbar-track, html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-files:hover::-webkit-scrollbar-track { background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-files::-webkit-scrollbar-thumb, html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-files:hover::-webkit-scrollbar-thumb { background: var(--border-2) !important; border-radius: 8px; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-file { width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-file > div { position: relative; aspect-ratio: 1; border-radius: 10px; overflow: hidden; background: var(--fill-2); }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-file-preview { position: absolute !important; inset: 0; width: auto !important; height: auto !important; padding: 0 !important; border-radius: 0 !important; background-size: cover; background-position: center; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-file :is(.ofm-file-toggle):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-file :is(.ofm-context-menu-wrapper > .toggler){ width: 28px !important; height: 28px !important; display: grid !important; place-items: center; border-radius: 50%; background: color-mix(in srgb, #000 55%, transparent) !important; color: #fff !important; font-size: 16px !important; line-height: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-file .ofm-file-toggle { position: absolute !important; top: 6px !important; left: 6px !important; right: auto !important; bottom: auto !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-file .ofm-context-menu-wrapper { position: absolute !important; top: 6px !important; right: 6px !important; left: auto !important; bottom: auto !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-file .ofm-file-icon { position: absolute !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; margin: 0 !important; transform: translate(-50%, -50%); width: 32px; height: 32px; padding: 0 !important; box-sizing: border-box; aspect-ratio: 1; flex-shrink: 0; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb, #000 55%, transparent); color: #fff; font-size: 16px; }
html:is([data-skin="sg26"],#sg-skin) body #post #filemanager .ofm-file .ofm-file-ext { position: absolute; left: 6px; bottom: 6px; padding: 1px 6px; border-radius: var(--r-full); background: color-mix(in srgb, #000 55%, transparent); color: #fff; font: 500 13px/18px var(--f); }
/* Preview: ONE frame, built like the real feed post: header row (32px avatar, username 14 bold, location 12 muted, the network mark small
   on the right), media edge to edge, actions row (app.js adds it), likes, «username caption», time. Stories and reels: one 9:16 frame. */
html:is([data-skin="sg26"],#sg-skin) body #post:not(.skeleton--full) .section.section-draggable-zone { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone.post-preview { max-width: 440px; margin-left: auto !important; margin-right: auto !important; position: relative; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; overflow: hidden; border: 1px solid var(--border-2) !important; border-radius: 12px !important; background: var(--surface) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-header { position: absolute !important; top: 19px; right: 40px; z-index: 2; height: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-header img { display: block; width: 18px !important; height: 18px !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-header img.none { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-account { position: relative; display: flex !important; align-items: center; gap: 10px; padding: 12px 70px 12px 12px !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-account::after { content: ""; position: absolute; right: 12px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background: var(--text); -webkit-mask: var(--sg-pv-dots) center / contain no-repeat; mask: var(--sg-pv-dots) center / contain no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-account .instagram-avatar { float: none !important; flex: 0 0 32px; width: 32px !important; height: 32px !important; margin: 0 !important; border-radius: 50% !important; background-size: cover; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-account .lines { float: none !important; display: flex !important; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 auto; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-account .instagram-username { font: 600 14px/18px var(--f) !important; color: var(--text) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-account .instagram-after-username { font: 400 12px/16px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-account .line-placeholder { display: block; height: 10px !important; margin: 0 !important; border-radius: 5px; background: var(--fill-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone :is(.preview-media--timeline),
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone :is(.preview-media--album){ margin: 0 !important; border-radius: 0 !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-caption-wrapper { padding: 0 12px 12px !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-caption { font: 400 14px/20px var(--f) !important; color: var(--text) !important; white-space: pre-wrap; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .preview-caption[data-sg-user]::before { content: attr(data-sg-user) "\00a0"; font-weight: 600; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .sg-pv-actions { display: flex; align-items: center; gap: 14px; padding: 10px 12px 6px; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .sg-pv-actions > i { width: 24px; height: 24px; flex: 0 0 24px; background: currentColor; -webkit-mask: var(--sg-pv-ic) center / contain no-repeat; mask: var(--sg-pv-ic) center / contain no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .sg-pv-actions > i:last-child { margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .sg-pv-likes { padding: 0 12px 4px; font: 600 14px/20px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body #post #draggable-zone .sg-pv-time { margin-top: 6px; font: 400 12px/16px var(--f); color: var(--text-3); text-transform: uppercase; letter-spacing: .02em; }
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="story"]#draggable-zone :is(.sg-pv-actions),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="reels"]#draggable-zone :is(.sg-pv-actions),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="story"]#draggable-zone :is(.sg-pv-likes),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="reels"]#draggable-zone :is(.sg-pv-likes),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="story"]#draggable-zone :is(.sg-pv-time),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="reels"]#draggable-zone :is(.sg-pv-time){ display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="story"]#draggable-zone :is(.preview-media--story),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="reels"]#draggable-zone :is(.preview-media--story),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="story"]#draggable-zone :is(.preview-media--reels),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="reels"]#draggable-zone :is(.preview-media--reels),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="story"]#draggable-zone :is(.story-placeholder),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="reels"]#draggable-zone :is(.story-placeholder),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="story"]#draggable-zone :is(.reels-placeholder),
html:is([data-skin="sg26"],#sg-skin) body #post [data-type="reels"]#draggable-zone :is(.reels-placeholder){ margin: 0 !important; border-radius: 0 !important; aspect-ratio: 9 / 16; width: 100% !important; height: auto !important; }
/* Affiliate dashboard (Angelo): one card padding (the section already pads 24, the inner .section-content padded 24 more), the two chart
   cards of a row equal in height */
html:is([data-skin="sg26"],#sg-skin) body #post.skeleton--full .section > .section-content { padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #post.skeleton--full .col:has(> .section .aff-chart-head) { display: flex; flex-direction: column; }
html:is([data-skin="sg26"],#sg-skin) body #post.skeleton--full .col:has(> .section .aff-chart-head) > .section { flex: 1 1 auto; height: 100%; }
/* Packages editor (/packages/{id}, /packages/new, trial) and the admin forms built the same way (.form-section = label column + body):
   the section title is a heading ABOVE its body, so the body uses the full width. Modules: groups packed in columns (no holes), one
   switch row per item, help text aligned with the label text (switch 42 + gap 10), child options indented one level on a guide line. */
@media (min-width: 768px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form .form-section { grid-template-columns: minmax(0, 1fr) !important; row-gap: 12px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form .form-section > .fs-head { height: auto !important; position: static !important; }
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-list { display: block !important; column-width: 300px; column-gap: 16px; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-list > .mod-group { break-inside: avoid; width: 100%; box-sizing: border-box; margin: 0 0 16px !important; display: flex !important; flex-direction: column; }
@media (max-width: 599.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-list { column-width: auto; column-count: 1; } }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-group > .form-label--secondary { margin-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-group :where(div > label + ul.field-tips):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-group :where(div > ul.field-tips):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-group :is(.mod-group > ul.field-tips){ margin-left: 52px !important; padding-left: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-group > ul.field-tips { margin-left: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-group div[class*="mt-"] div[class*="mt-"] { margin-left: 20px; padding-left: 14px; border-left: 2px solid var(--border); }
/* the editor's footer stays in view and above the chat button */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form .form-foot { position: sticky; bottom: 0; z-index: 5; padding: 12px 84px 12px 16px !important; margin-top: 16px !important; background: var(--surface) !important; border-top: 1px solid var(--border) !important; display: flex; justify-content: flex-end; gap: 8px; }
/* Support ticket, agent reply box (Angelo): attach + AI on the left, internal note + reply on the right, ONE row on desktop (wraps only
   when the width needs it); the four buttons share one 40px height and the ghost family (no dashed border, no off-palette green icon) */
@media (min-width: 900px) {
  html:is([data-skin="sg26"],#sg-skin) body form:has(> .stav-polish-row) { display: grid !important; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; align-items: center; }
  html:is([data-skin="sg26"],#sg-skin) body form > :not(.stav-polish-row):not(.actions):is(.stav-polish-row),
html:is([data-skin="sg26"],#sg-skin) body form > :not(.stav-polish-row):not(.actions):is(.stav-polish-row ~ *),
html:is([data-skin="sg26"],#sg-skin) body form > :not(.stav-polish-row):not(.actions):is(:has(~ .stav-polish-row)){ grid-column: 1 / -1; }
  html:is([data-skin="sg26"],#sg-skin) body form > .stav-polish-row:is(.stav-polish-row, .stav-polish-row ~ *, :has(~ .stav-polish-row)){ grid-column: 1; grid-row: 3; margin: 12px 0 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body form > .actions:is(.stav-polish-row, .stav-polish-row ~ *, :has(~ .stav-polish-row)){ grid-column: 2; grid-row: 3; justify-self: end; margin: 12px 0 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body form > .stav-polish__msg:is(.stav-polish-row, .stav-polish-row ~ *, :has(~ .stav-polish-row)){ grid-row: 4; }
}
html:is([data-skin="sg26"],#sg-skin) body .stav-polish-row,
html:is([data-skin="sg26"],#sg-skin) body form > .actions:is(.stav-polish-row, .stav-polish-row ~ *, :has(~ .stav-polish-row)){ display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.stav-attach),
html:is([data-skin="sg26"],#sg-skin) body :is(.stav-polish),
html:is([data-skin="sg26"],#sg-skin) body :is(.stav-btn){ height: 40px !important; min-height: 40px; box-sizing: border-box; display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 14px !important; border-radius: var(--r-full) !important; font: 500 14px/20px var(--f) !important; white-space: nowrap; }
html:is([data-skin="sg26"],#sg-skin) body :is(.stav-attach),
html:is([data-skin="sg26"],#sg-skin) body :is(.stav-polish){ border: 1px solid var(--border-2) !important; background: var(--fill-1) !important; color: var(--text) !important; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body .stav-attach > .mdi,
html:is([data-skin="sg26"],#sg-skin) body .stav-polish > .mdi{ color: var(--sg-accent-2) !important; font-size: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body .stav-attach > input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body .stav-attach { position: relative; }
html:is([data-skin="sg26"],#sg-skin) body .stav-attach__count:empty { display: none; }
/* Selects (Angelo, «Seleziona account»): one chevron (the kit's background chevron goes when the markup has its own svg), the leading
   network icon gets its own 36px slot, and focus is ONE ring: the brand border + a 1px brand halo on :focus-visible, no outline on top */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) select:has(+ svg), html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-cal-select > select { background-image: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-actions > .dropdown { position: relative; display: inline-flex; align-items: center; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-actions > .dropdown > .icon { position: absolute !important; left: 12px; top: 50%; z-index: 1; width: 18px; height: 18px; margin: -9px 0 0 !important; display: grid; place-items: center; font-size: 16px !important; line-height: 1 !important; color: var(--text-2); pointer-events: none; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-actions > .dropdown > img.loading { position: absolute; right: 34px; top: 50%; width: 16px; height: 16px; margin-top: -8px; }
html:is([data-skin="sg26"],#sg-skin) body #post .section-actions > .dropdown > select { padding-left: 36px !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-actions > .dropdown > select, html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #calendar-month .sg-cal-select > select { height: 44px !important; max-width: 100%; min-width: 0; padding-right: 34px !important; text-overflow: ellipsis; white-space: nowrap; font-size: 14px !important; line-height: 20px !important; } } /* Felix 2026-10-17: account selector proportionate on phone (was 16px), 44px tap target kept; padding-right 34 = caret offset 14 + caret 12 + 8 */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"])):focus,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(select):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):focus,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(textarea):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):focus{ outline: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"])):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(select):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(textarea):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):focus-visible{ outline: none !important; border-color: var(--brand-primary) !important; box-shadow: 0 0 0 1px var(--brand-primary) !important; }
/* V18: the help-center first-visit tutorial video is a docked card bottom-right above the chat button (no full-page scrim, never centred
   over the content); on the phone a bottom sheet with 16px insets. Escape closes it (view). */
html:is([data-skin="sg26"],#sg-skin) body .hc-auto-popup.is-open { inset: auto 24px 88px auto !important; width: min(380px, calc(100vw - 48px)); padding: 0 !important; background: none !important; display: block !important; z-index: 9990 !important; }
html:is([data-skin="sg26"],#sg-skin) body .hc-auto-popup .hc-auto-popup__inner { width: 100% !important; max-height: none !important; border-radius: var(--r-lg); overflow: hidden; background: var(--modal-bg, var(--surface)); border: 1px solid var(--border-2); box-shadow: var(--shadow-lg); }
html:is([data-skin="sg26"],#sg-skin) body .hc-auto-popup .hc-auto-popup__video { max-height: 50vh !important; border-radius: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .hc-auto-popup .hc-auto-popup__close { top: 8px !important; right: 8px !important; z-index: 2; width: 32px !important; height: 32px !important; background: color-mix(in srgb, #000 60%, transparent) !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .hc-auto-popup.is-open { inset: auto 16px calc(16px + env(safe-area-inset-bottom, 0px)) 16px !important; width: auto; } }
/* V19: tenant brand. A square logo mark shows the tenant name beside it in the open sidebar and drawer (never in the rail); the Welcome
   hero shows the tenant logo as it is (no white silhouette filter) on a neutral tile; the quick-number rows keep a 64px minimum */
html:is([data-skin="sg26"],#sg-skin) body > nav .sg-brand .sg-brand-name { display: none; }
html:is([data-skin="sg26"],#sg-skin) body > nav .sg-brand.is-mark .sg-brand-name { display: block; margin: 0 0 12px 10px; font: 600 16px/22px var(--f); color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; align-self: center; }
html:is([data-skin="sg26"],#sg-skin) body > nav .sg-brand.is-mark .sg-brand-link { display: flex; align-items: center; }
html:is([data-skin="sg26"],#sg-skin) body.sg-rail > nav .sg-brand .sg-brand-name { display: none !important; }
@media (max-width: 1023.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(.mobile-menu-open) > nav .sg-brand .sg-brand-name { display: none !important; } }
html:is([data-skin="sg26"],#sg-skin) body.np-reseller .hc-wrap .hc-hero-icon { background: var(--surface-raised) !important; box-shadow: inset 0 0 0 1px var(--border) !important; }
html:is([data-skin="sg26"],#sg-skin) body.np-reseller .hc-wrap .hc-hero-icon img { width: 100% !important; height: 100% !important; padding: 8px; box-sizing: border-box; filter: none !important; object-fit: contain; }
html:is([data-skin="sg26"],#sg-skin) body .hc-wrap .hc-kpi-row { min-height: 64px; box-sizing: border-box; }
/* V21: stacked entity tables on the phone (app.js .sg-stack): one card per row, label / value pairs, actions full width */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body table.sg-stack, html:is([data-skin="sg26"],#sg-skin) body table.sg-stack > tbody { display: block !important; width: 100% !important; }
  html:is([data-skin="sg26"],#sg-skin) body table.sg-stack > thead { display: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body table.sg-stack > tbody > tr { display: block !important; margin: 0 0 12px; padding: 12px 16px; border: 1px solid var(--border-2); border-radius: var(--r-lg); background: var(--surface); }
  html:is([data-skin="sg26"],#sg-skin) body table.sg-stack > tbody > tr > td { display: grid !important; grid-template-columns: minmax(96px, 38%) minmax(0, 1fr); gap: 8px; align-items: start; padding: 6px 0 !important; border: 0 !important; text-align: left !important; height: auto !important; }
  html:is([data-skin="sg26"],#sg-skin) body table.sg-stack > tbody > tr > td::before { content: attr(data-label); font: 500 13px/18px var(--f); color: var(--text-3); }
  html:is([data-skin="sg26"],#sg-skin) body table.sg-stack > tbody > tr > td:not([data-label])::before { content: none; }
  html:is([data-skin="sg26"],#sg-skin) body table.sg-stack > tbody > tr > td :is(a),
html:is([data-skin="sg26"],#sg-skin) body table.sg-stack > tbody > tr > td :is(button){ min-height: 44px; display: inline-flex; align-items: center; }
}
/* V22 (layout part): half-width buttons become full-width below 480; long button labels wrap balanced and centred, never 3 short lines */
@media (max-width: 479.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content .col.s6:has(> a.button) { width: 100% !important; float: none !important; } }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content div.mt-20 > a.button.small,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content .col:not(sg-p0) > a.button.small{ white-space: normal; text-wrap: balance; height: auto !important; min-height: 40px; line-height: 20px !important; padding-top: 10px !important; padding-bottom: 10px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-tiktok-user-option { display: grid !important; grid-template-columns: auto minmax(0, 1fr); column-gap: 10px; align-items: center; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-tiktok-user-option-copy { min-width: 0; display: flex !important; flex-direction: column; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-tiktok-user-option-copy :is(strong),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-tiktok-user-option-copy :is(small){ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* V23: field boundaries at 3:1 or more */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(#sg-acc-qty-n),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.np-step-input):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-pid-log-filter-item :is(select)):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(.rp-pid-log-filter-item :is(input)):not(#sg-p0){ border: 1px solid var(--border-strong) !important; background: var(--input-bg) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .selectize-control .selectize-input { border: 1px solid var(--border-strong) !important; background: var(--input-bg) !important; box-shadow: none !important; }
/* V24: phone targets at least 24px (44px hit area where the glyph is small) */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .modal-header button.close { min-width: 40px !important; min-height: 40px !important; display: inline-grid !important; place-items: center; margin: -8px -8px 0 0 !important; padding: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(h3.mod-name > a.mdi):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(td.gi-col-user > a.gi-link):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(td.gi-col-link > a.gi-link):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.options.reactions-selector > a.mdi),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.options.pmp-bulk-actions > a.sgp-sel),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sgp-chip-eye > a.pmp-bulk-btn):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.item > a.remove):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.alert.sg-nb > a):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(ul.field-tips > a):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(label.form-label > a):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rsp-signup-alt > a):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.npr-logo > a):not(.sg-p0):not(.sg-p0){ position: relative; display: inline-flex; align-items: center; min-height: 24px; min-width: 24px; }
  html:is([data-skin="sg26"],#sg-skin) body :where(h3.mod-name > a.mdi):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.options.reactions-selector > a.mdi)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.options.pmp-bulk-actions > a.sgp-sel)::after,
html:is([data-skin="sg26"],#sg-skin) body :is(.item > a.remove):not(.sg-p0)::after{ content: ""; position: absolute; inset: -10px; }
  html:is([data-skin="sg26"],#sg-skin) body :is(input[type="range"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-speed-settings-slider input){ min-height: 24px; }
  html:is([data-skin="sg26"],#sg-skin) body .stn-actions > .stn-btn { min-height: 44px; }
}
/* ---- P3 polish (Vera V26-V35) ---- */
/* V26: a two-line sidebar label keeps its icon on the first line */
html:is([data-skin="sg26"],#sg-skin) body:is(.mobile-menu-open) > nav .nav-menu a { align-items: flex-start; }
html:is([data-skin="sg26"],#sg-skin) body:is(.mobile-menu-open) > nav .nav-menu a > :is(.special-menu-icon):first-child,
html:is([data-skin="sg26"],#sg-skin) body:is(.mobile-menu-open) > nav .nav-menu a > :is(.mdi):first-child,
html:is([data-skin="sg26"],#sg-skin) body:is(.mobile-menu-open) > nav .nav-menu a > :is(.sli):first-child,
html:is([data-skin="sg26"],#sg-skin) body:is(.mobile-menu-open) > nav .nav-menu a > :where(svg):not(.sg-p0):first-child,
html:is([data-skin="sg26"],#sg-skin) body:is(.mobile-menu-open) > nav .nav-menu a > :is([class*="icon"]):first-child{ margin-top: 1px; align-self: flex-start; }
@media (min-width: 1024px) {
html:is([data-skin="sg26"],#sg-skin) body:not(.sg-rail) > nav .nav-menu a { align-items: flex-start; }
html:is([data-skin="sg26"],#sg-skin) body:not(.sg-rail) > nav .nav-menu a > :is(.special-menu-icon):first-child,
html:is([data-skin="sg26"],#sg-skin) body:not(.sg-rail) > nav .nav-menu a > :is(.mdi):first-child,
html:is([data-skin="sg26"],#sg-skin) body:not(.sg-rail) > nav .nav-menu a > :is(.sli):first-child,
html:is([data-skin="sg26"],#sg-skin) body:not(.sg-rail) > nav .nav-menu a > :where(svg):not(.sg-p0):first-child,
html:is([data-skin="sg26"],#sg-skin) body:not(.sg-rail) > nav .nav-menu a > :is([class*="icon"]):first-child{ margin-top: 1px; align-self: flex-start; }
}
/* V27: headings on the scale: modal titles 17/24, section titles 17/24, support info h3 16/22, terms article titles 17/24 */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal-header :is(h2).modal-title,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal-header :is(h3).modal-title{ font: 500 17px/24px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header > h2.section-title { font-size: 17px !important; line-height: 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body .stn-info > h3 { font: 600 16px/22px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .tm-h3 { font-size: 17px !important; line-height: 24px !important; }
/* V28: phone running text at 16 */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body :is([class*="rp-action-block-"][class$="-copy"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-task-metrics-panel-copy):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.tm-p):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.unsubscribe p):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.wrap > p):not(.sg-p0):not(.sg-p0){ font-size: 16px !important; line-height: 24px !important; }
}
/* V30: meaningful text on the phone gets two lines instead of an ellipsis */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body :is(.hikerapi-usage-analytics-dropdown-copy):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sta-card__subj):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sta-card__customer):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.box-list-item .sub),
html:is([data-skin="sg26"],#sg-skin) body :where(.lf-provider-order-copy > strong):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.rp-stats-export-heading > p):not(.sg-p0):not(.sg-p0){ white-space: normal !important; text-overflow: clip !important; overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
}
html:is([data-skin="sg26"],#sg-skin) body #accounts .box-list-item > .title, html:is([data-skin="sg26"],#sg-skin) body .box-list-item.card > .title { overflow-wrap: anywhere; }
/* V31: group-head togglers: chevron centred on a flex head, long titles wrap without pushing it down */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.pmp-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.btm-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.lf-toggler-button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.np-toggler-button){ display: flex !important; align-items: center !important; gap: 12px; text-wrap: balance; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-toggler-button > :is(.mdi):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .pmp-toggler-button > :is(.mdi):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .btm-toggler-button > :is(.mdi):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .lf-toggler-button > :is(.mdi):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .np-toggler-button > :is(.mdi):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-toggler-button > :where(svg):not(.sg-p0):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .pmp-toggler-button > :where(svg):not(.sg-p0):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .btm-toggler-button > :where(svg):not(.sg-p0):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .lf-toggler-button > :where(svg):not(.sg-p0):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .np-toggler-button > :where(svg):not(.sg-p0):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-toggler-button > :is(.sli):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .pmp-toggler-button > :is(.sli):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .btm-toggler-button > :is(.sli):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .lf-toggler-button > :is(.sli):last-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .np-toggler-button > :is(.sli):last-child{ margin-left: auto; align-self: center; flex: 0 0 auto; }
/* V33: a closed datepicker's time inputs are out of the tab order (not rendered); the selectize field gets the kit focus ring */
html:is([data-skin="sg26"],#sg-skin) body .datepickers-container .datepicker:not(.active) { visibility: hidden; }
html:is([data-skin="sg26"],#sg-skin) body .selectize-control .selectize-input.focus { border-color: var(--brand-primary) !important; box-shadow: 0 0 0 1px var(--brand-primary) !important; }
/* V35: raster trust badges on the dark /renew sit on a light frame */
html:is([data-skin="sg26"],#sg-skin) body :is(#renew, .npr-fullscreen) img:is([src*="trust"], [src*="stripe"], [src*="badge"]) { padding: 6px 10px; border-radius: var(--r-md); background: #fff; box-sizing: content-box; }
/* B4.25 calibration of the new detectors: remaining inks, a stretched preview button, the pool search icon slot, compact controls, card offsets */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-source-pruning-value span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.proxy-monitor-cron-state :is(strong)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.proxy-monitor-cron-state :is(p)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.proxy-monitor-cron-state :is(span)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-source-pruning-explainer):not(sg-p0){ color: var(--text-2) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body .assistant-branding-preview-action > a.button { width: auto !important; align-self: flex-start; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) input.js-pool-search { padding-left: 40px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #filemanager .ofm-input { height: 40px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #filemanager .ofm-field-icon--left { height: 40px !important; padding: 0 !important; display: grid !important; place-items: center; }
html:is([data-skin="sg26"],#sg-skin) body .rp-activity-refresh { white-space: nowrap; }
html:is([data-skin="sg26"],#sg-skin) body .sm-card > .n { margin-top: 0 !important; }
/* composer sticker settings: live text, not dimmed with opacity (V12) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post :is(.sticker-settings-title):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post :is(.sticker-settings-title label){ opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post div.mb-5 > span:is(:is(.sticker-settings-title, label.checkbox, input), :is(.sticker-settings-title, label.checkbox, input) ~ *, :has(~ :is(.sticker-settings-title, label.checkbox, input))),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post div.mb-10 > span:is(:is(.sticker-settings-title, label.checkbox, input), :is(.sticker-settings-title, label.checkbox, input) ~ *, :has(~ :is(.sticker-settings-title, label.checkbox, input))){ opacity: 1 !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sticker-settings-title label { color: var(--text) !important; }
/* sideways scroll boxes with a table show an edge fade while there is more to see (app.js .sg-hfade) */
html:is([data-skin="sg26"],#sg-skin) body .sg-hfade { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); }
/* the Reactions task-metrics panels are a token surface (was a fixed #3a3a3a grey, on which field borders and inks fell under AA) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-task-metrics-panel):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-task-metrics-card):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.no-data-reactions.rp-task-metrics-empty){ background: var(--surface-alt) !important; border-color: var(--border) !important; }
/* a tip that is only a link is a 24px target */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(ul.field-tips li, .alert.sg-nb) > a:only-child, html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .alert.sg-nb a { display: inline-block; min-height: 24px; line-height: 24px; }
/* disabled composer options (stickers) stay readable: muted ink instead of half opacity */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post label > span:is(input:disabled, input:disabled ~ *, :has(~ input:disabled)){ opacity: 1 !important; color: var(--text-3) !important; }
/* Angelo: «Inattivo» / «Disattivato» are a neutral state: grey dot, muted ink, neutral tint (red stays for real danger) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sga-st):not(.sg-p0):not(.sg-p0).is-neutral,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aside-list-item .sub .rp-login-required-state).is-neutral,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aside-list-item .sub .color-danger).is-neutral,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is([class*=status-pill]):not(.sg-p0):not(.sg-p0).is-neutral{ background: color-mix(in srgb, var(--text-3) 14%, transparent) !important; color: var(--text-2) !important; border-color: transparent !important; }
/* regress round 1 (B4.25 detectors): discount badge on its own id-level rule, Re-login chip ink, disabled pruning rules legible,
   the affiliate field icon slot, chips stretched in a grid */
html:is([data-skin="sg26"],#sg-skin) body #renew .npr-duration .npr-disc, html:is([data-skin="sg26"],#sg-skin) body .npr-fullscreen .npr-duration .npr-disc { font-size: 13px !important; line-height: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sga-st:not(.is-success)):not(.sg-p0):not(.is-neutral),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aside-list-item .sub .rp-login-required-state):not(.is-neutral),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aside-list-item .sub > .color-danger):not(.is-neutral){ background: color-mix(in srgb, var(--status-danger) 8%, transparent) !important; }
html:is([data-skin="sg26"],#sg-skin) body.darkside:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sga-st:not(.is-success)):not(.sg-p0):not(.is-neutral),
html:is([data-skin="sg26"],#sg-skin) body[data-theme="dark"]:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sga-st:not(.is-success)):not(.sg-p0):not(.is-neutral),
html:is([data-skin="sg26"],#sg-skin) body.darkside:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aside-list-item .sub .rp-login-required-state):not(.is-neutral),
html:is([data-skin="sg26"],#sg-skin) body[data-theme="dark"]:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aside-list-item .sub .rp-login-required-state):not(.is-neutral),
html:is([data-skin="sg26"],#sg-skin) body.darkside:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aside-list-item .sub > .color-danger):not(.is-neutral),
html:is([data-skin="sg26"],#sg-skin) body[data-theme="dark"]:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aside-list-item .sub > .color-danger):not(.is-neutral){ background: color-mix(in srgb, var(--status-danger) 4%, transparent) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning-card.is-rule-disabled { opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning-card.is-rule-disabled :is(span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning-card.is-rule-disabled :is(em),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning-card.is-rule-disabled :is(strong),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning-card.is-rule-disabled :is(small),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning-card.is-rule-disabled :is(p),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning-card.is-rule-disabled :is(label),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-source-pruning-card.is-rule-disabled :is(div){ opacity: 1 !important; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .pos-r > input:is(.aff-input-icon, .aff-input-icon ~ *, :has(~ .aff-input-icon)){ padding-left: 40px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) a.sg-chip.sg-chip--sm { width: auto !important; justify-self: start; align-self: flex-start; flex: 0 0 auto; }
/* [SG-PATCH 2026-10-18 | Felix] .aff-input-group: the 44px left indent is for the left icon only (it was on every group, so «Reward %»
   started ~55px in with no icon); a group with an .aff-input-suffix reserves the suffix on the right (11.A.2 «padding: 0 12px» had
   wiped the view's 50px, so «1,5» ran under «EUR»): 14px suffix offset + ~2em for a 3-letter currency + 8px air, scaled with the font. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .aff-input-group > input:is(.aff-input-icon, .aff-input-icon ~ *, :has(~ .aff-input-icon)){ padding-left: 44px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .aff-input-group > input:is(.aff-input-suffix, .aff-input-suffix ~ *, :has(~ .aff-input-suffix)){ padding-right: calc(22px + 2em) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .js-activity-account-picker-label { color: var(--text-2) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-content .col.m6 > a.button.small:not(.fluid) { width: auto !important; }
/* the Reactions activity-time grid, dimmed by the module (inline opacity .25) while the feature is off: readable muted ink instead */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .js-activity-time[style*="opacity"] { opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .js-activity-time[style*="opacity: 0"] :is(a),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .js-activity-time[style*="opacity: 0"] :is(span),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .js-activity-time[style*="opacity: 0"] :is(label),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .js-activity-time[style*="opacity: 0"] :is(button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .js-activity-time[style*="opacity: 0"] :is(div),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .js-activity-time[style*="opacity: 0"] :is(td),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .js-activity-time[style*="opacity: 0"] :is(th){ color: var(--text-3) !important; }
/* regress round 2 */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-pill-2l.sg-pill-2l:not([class*="chip"]):not([class*="filter"]) { font-size: 14px !important; }
html:is([data-skin="sg26"],#sg-skin) body .rp-activity-refresh { white-space: normal !important; flex: 1 1 auto; min-width: max-content; }
html:is([data-skin="sg26"],#sg-skin) body :has(> .rp-activity-refresh + .rp-activity-refresh) { display: flex !important; flex-wrap: wrap; gap: 8px; }
@media (max-width: 1023.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .pos-r > a.sli-grid.js-open-popup { position: absolute !important; top: 28px !important; right: 2px !important; min-width: 40px; min-height: 40px; display: inline-grid !important; place-items: center; } }
html:is([data-skin="sg26"],#sg-skin) body .srep-growth-chip { white-space: nowrap !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .chart-legends :is(.label),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .chart-legends :is(.legend){ font-size: 13px !important; line-height: 18px !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .col.att-action { margin-top: 8px !important; } }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form.js-ajax-form.card:has(.sga-mods, .service-list-item) { padding-left: 16px !important; padding-right: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sga-mods .mod-group),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.service-list-item):not(.sg-p0){ padding-left: 8px !important; padding-right: 8px !important; }
}
html:is([data-skin="sg26"],#sg-skin) body .stav-ai-pill { white-space: nowrap !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .stav-msg__when { color: var(--text-2) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body .stav-customer-link { display: inline-block; min-height: 24px; line-height: 24px; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .card.empty { padding: 24px !important; }
/* Support ticket, customer reply box: same family as the agent box — attach on the left, send on the right, one row, 40px ghost / primary */
@media (min-width: 900px) {
  html:is([data-skin="sg26"],#sg-skin) body form:has(> .st-attach) { display: grid !important; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; align-items: center; }
  html:is([data-skin="sg26"],#sg-skin) body form > :not(.st-attach):not(.actions):is(.st-attach),
html:is([data-skin="sg26"],#sg-skin) body form > :not(.st-attach):not(.actions):is(.st-attach ~ *),
html:is([data-skin="sg26"],#sg-skin) body form > :not(.st-attach):not(.actions):is(:has(~ .st-attach)){ grid-column: 1 / -1; }
  html:is([data-skin="sg26"],#sg-skin) body form > .st-attach:is(.st-attach, .st-attach ~ *, :has(~ .st-attach)){ grid-column: 1; margin: 12px 0 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body form > .actions:is(.st-attach, .st-attach ~ *, :has(~ .st-attach)){ grid-column: 2; justify-self: end; margin: 12px 0 0 !important; display: flex; gap: 8px; }
}
html:is([data-skin="sg26"],#sg-skin) body :is(.st-attach):not(.sg-p0):not(.sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(form:has(> .st-attach) > .actions .st-btn){ height: 40px !important; min-height: 40px; box-sizing: border-box; display: inline-flex !important; align-items: center; gap: 8px; padding: 0 14px !important; border-radius: var(--r-full) !important; font: 500 14px/20px var(--f) !important; white-space: nowrap; }
html:is([data-skin="sg26"],#sg-skin) body .st-attach { position: relative; border: 1px solid var(--border-2) !important; background: var(--fill-1) !important; color: var(--text) !important; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body .st-attach > .mdi { color: var(--sg-accent-2) !important; font-size: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body .st-attach > input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body .st-attach__count:empty { display: none; }
/* PMP proxy selects (select2 template): the country flag in the same round frame as the list */
html:is([data-skin="sg26"],#sg-skin) body .select-proxy-column img.circle { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover; border: 1px solid var(--border-2); background: var(--surface-raised); }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .card.empty > :first-child { margin-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .statistics-numeric > .label { font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .fluid.sg-pill-2l.sg-pill-2l { width: 100% !important; padding-left: 14px !important; padding-right: 14px !important; }
/* the sticky Save bar never hides the focused or scrolled-to control (WCAG 2.4.11): scroll targets stop above it */
html[data-skin="sg26"]:is(.sghas-45f0178a, sg-p0.sg-p0) { scroll-padding-bottom: 96px; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-group div[class*="mt-"] div[class*="mt-"] { margin-left: 6px; padding-left: 10px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form .form-foot { padding-left: 8px !important; }
}
/* Packages «Moduli»: a child option indented by the markup (inline padding-left, e.g. white-label under Social Reports) gets the same
   one-level indent on a guide line */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-group div[style*="padding-left"] { padding-left: 14px !important; margin-left: 20px; border-left: 2px solid var(--border); }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-mods .mod-group div[style*="padding-left"] { padding-left: 10px !important; margin-left: 6px; } }
html:is([data-skin="sg26"],#sg-skin) body :is(#renew, .npr-fullscreen) .mdi-help-circle { margin-left: 6px !important; }
/* any button or chip label that wraps does so balanced, even before app.js measures it */
html:is([data-skin="sg26"],#sg-skin) body :is(.button),
html:is([data-skin="sg26"],#sg-skin) body :is(.btn),
html:is([data-skin="sg26"],#sg-skin) body :where(button):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is([class*="chip"]){ text-wrap: balance; }
/* /renew durations: the 4-up segmented row only where the card is wide enough; 2x2 below 1024 (the plan cards sit side by side at 768) */
@media (max-width: 1023.98px) { html:is([data-skin="sg26"],#sg-skin) body :is(#renew, .npr-fullscreen) .npr-durations { grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 16px !important; } }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-pill-2l.sg-pill-2l[class*="filter"] { padding-left: 14px !important; padding-right: 14px !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .notification-feed-note { padding-left: 8px !important; padding-right: 8px !important; } }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form:has(#doNotToggleMe) .mb-20 > p, html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form:has(#doNotToggleMe) .mb-20 > p > strong { font-size: 14px !important; line-height: 20px !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #topbar .sensitive-info { font-size: 14px !important; } }
/* audit pass (dark): phone settings forms without card-in-card insets; large buttons keep their label on one line; half-column buttons full
   width below 1024 */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form.js-ajax-form.card:has(.notes) { padding-left: 12px !important; padding-right: 12px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form.js-ajax-form .notes { padding-left: 12px !important; padding-right: 12px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form.js-ajax-form .notes pre.code-box { padding-left: 10px !important; padding-right: 10px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) form .form-foot { padding-left: 0 !important; }
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) a.large.button:not(.fluid) { flex-shrink: 0; min-width: max-content; max-width: 100%; }
@media (max-width: 1023.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-content .col.s6:has(> a.button.small) { width: 100% !important; float: none !important; } }
/* audit pass (light) */
@media (max-width: 1023.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .col.s6:has(> a.button.small) { width: 100% !important; float: none !important; } }
html:is([data-skin="sg26"],#sg-skin) body .hc-auto-popup .hc-auto-popup__close { color: #fff !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sga-st.is-success, html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .mrow-meta .badge.b-success { background: color-mix(in srgb, var(--status-success) 7%, transparent) !important; }
/* audit rerun */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .hc-auto-popup button.hc-auto-popup__close { color: #fff !important; background: rgba(0, 0, 0, .72) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-aside .rp-task-actions-all .pos-r,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-aside .rp-task-actions-filters .pos-r{ display: flex !important; flex-wrap: wrap; gap: 8px; grid-template-columns: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-aside .rp-task-actions-all .pos-r > a.button,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton-aside .rp-task-actions-filters .pos-r > a.button{ width: auto !important; flex: 0 0 auto; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-accelerator-metrics-export-format strong,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-settings-transfer-format strong,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) [class*="export-format"] strong{ font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) a.large.button:not(.fluid) { white-space: nowrap !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-accelerator-metrics-export-details-copy strong { font-size: 14px !important; line-height: 20px !important; }
/* light-mode regress (r8): module inks on white below AA -> text tokens, no opacity on live text */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) [class*="rp-source-pruning"] :is(small),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) [class*="rp-speed-settings"] :is(small),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) [class*="rp-source-pruning"] :is(em),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) [class*="rp-speed-settings"] :is(em){ color: var(--text-2) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aff-method-badge):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aff-method-desc):not(#sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.aff-utm-hint code):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(#post.skeleton--full code){ opacity: 1 !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .rp-task-hint { color: var(--text-2) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-pool__results):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-pool__help):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-pool__help > summary),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.rp-pool__stat-label):not(sg-p0){ color: var(--text-2) !important; opacity: 1 !important; }
/* b425:end */
/* stylelint-enable no-duplicate-selectors */
/* icons-generic:begin (generated by gen-icons-generic.js; decision C; do not edit by hand) */
html[data-skin="sg26"] body{--sg-ic-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--sg-ic-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");--sg-ic-x-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E");--sg-ic-chevron-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--sg-ic-chevron-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");--sg-ic-chevron-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");--sg-ic-help-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E");--sg-ic-refresh:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E");--sg-ic-alert-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E");--sg-ic-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");--sg-ic-instagram:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M17.5 6.5h.01'/%3E%3C/svg%3E");--sg-ic-check-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E");--sg-ic-download:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E");--sg-ic-arrow-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E");--sg-ic-arrow-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7M19 12H5'/%3E%3C/svg%3E");--sg-ic-calendar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");--sg-ic-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");--sg-ic-plus-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");--sg-ic-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21'/%3E%3C/svg%3E");--sg-ic-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");--sg-ic-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");--sg-ic-more-vertical:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/svg%3E");--sg-ic-more-horizontal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3C/svg%3E");--sg-ic-trash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");--sg-ic-pencil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E");--sg-ic-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");--sg-ic-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");--sg-ic-chart-line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E");--sg-ic-send:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");--sg-ic-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body .mdi-check{--sg-g:var(--sg-ic-check)}
html[data-skin="sg26"] body .sli-check{--sg-g:var(--sg-ic-check)}
html[data-skin="sg26"] body .mdi-close{--sg-g:var(--sg-ic-x)}
html[data-skin="sg26"] body .sli-close{--sg-g:var(--sg-ic-x)}
html[data-skin="sg26"] body .mdi-close-circle{--sg-g:var(--sg-ic-x-circle)}
html[data-skin="sg26"] body .mdi-close-circle-outline{--sg-g:var(--sg-ic-x-circle)}
html[data-skin="sg26"] body .mdi-chevron-down{--sg-g:var(--sg-ic-chevron-down)}
html[data-skin="sg26"] body .mdi-menu-down{--sg-g:var(--sg-ic-chevron-down)}
html[data-skin="sg26"] body .sli-arrow-down{--sg-g:var(--sg-ic-chevron-down)}
html[data-skin="sg26"] body .mdi-chevron-left{--sg-g:var(--sg-ic-chevron-left)}
html[data-skin="sg26"] body .sli-arrow-left{--sg-g:var(--sg-ic-chevron-left)}
html[data-skin="sg26"] body .mdi-chevron-right{--sg-g:var(--sg-ic-chevron-right)}
html[data-skin="sg26"] body .sli-arrow-right{--sg-g:var(--sg-ic-chevron-right)}
html[data-skin="sg26"] body .mdi-help-circle{--sg-g:var(--sg-ic-help-circle)}
html[data-skin="sg26"] body .mdi-help-circle-outline{--sg-g:var(--sg-ic-help-circle)}
html[data-skin="sg26"] body .sli-question{--sg-g:var(--sg-ic-help-circle)}
html[data-skin="sg26"] body .sli-refresh{--sg-g:var(--sg-ic-refresh)}
html[data-skin="sg26"] body .mdi-refresh{--sg-g:var(--sg-ic-refresh)}
html[data-skin="sg26"] body .mdi-reload{--sg-g:var(--sg-ic-refresh)}
html[data-skin="sg26"] body .sli-reload{--sg-g:var(--sg-ic-refresh)}
html[data-skin="sg26"] body .mdi-alert-circle{--sg-g:var(--sg-ic-alert-circle)}
html[data-skin="sg26"] body .mdi-alert-circle-outline{--sg-g:var(--sg-ic-alert-circle)}
html[data-skin="sg26"] body .mdi-information{--sg-g:var(--sg-ic-info)}
html[data-skin="sg26"] body .mdi-information-outline{--sg-g:var(--sg-ic-info)}
html[data-skin="sg26"] body .sli-info{--sg-g:var(--sg-ic-info)}
html[data-skin="sg26"] body .mdi-instagram{--sg-g:var(--sg-ic-instagram)}
html[data-skin="sg26"] body .sli-social-instagram{--sg-g:var(--sg-ic-instagram)}
html[data-skin="sg26"] body .mdi-check-circle{--sg-g:var(--sg-ic-check-circle)}
html[data-skin="sg26"] body .mdi-check-circle-outline{--sg-g:var(--sg-ic-check-circle)}
html[data-skin="sg26"] body .mdi-checkbox-marked-circle-outline{--sg-g:var(--sg-ic-check-circle)}
html[data-skin="sg26"] body .mdi-download{--sg-g:var(--sg-ic-download)}
html[data-skin="sg26"] body .sli-cloud-download{--sg-g:var(--sg-ic-download)}
html[data-skin="sg26"] body .mdi-arrow-down{--sg-g:var(--sg-ic-arrow-down)}
html[data-skin="sg26"] body .mdi-arrow-left{--sg-g:var(--sg-ic-arrow-left)}
html[data-skin="sg26"] body .sli-calendar{--sg-g:var(--sg-ic-calendar)}
html[data-skin="sg26"] body .mdi-calendar{--sg-g:var(--sg-ic-calendar)}
html[data-skin="sg26"] body .sli-plus{--sg-g:var(--sg-ic-plus)}
html[data-skin="sg26"] body .mdi-plus{--sg-g:var(--sg-ic-plus)}
html[data-skin="sg26"] body .mdi-plus-circle{--sg-g:var(--sg-ic-plus-circle)}
html[data-skin="sg26"] body .mdi-plus-circle-outline{--sg-g:var(--sg-ic-plus-circle)}
html[data-skin="sg26"] body .mdi-image{--sg-g:var(--sg-ic-image)}
html[data-skin="sg26"] body .sli-picture{--sg-g:var(--sg-ic-image)}
html[data-skin="sg26"] body .mdi-magnify{--sg-g:var(--sg-ic-search)}
html[data-skin="sg26"] body .sli-magnifier{--sg-g:var(--sg-ic-search)}
html[data-skin="sg26"] body .mdi-clock-outline{--sg-g:var(--sg-ic-clock)}
html[data-skin="sg26"] body .sli-clock{--sg-g:var(--sg-ic-clock)}
html[data-skin="sg26"] body .mdi-dots-vertical{--sg-g:var(--sg-ic-more-vertical)}
html[data-skin="sg26"] body .sli-options-vertical{--sg-g:var(--sg-ic-more-vertical)}
html[data-skin="sg26"] body .mdi-dots-horizontal{--sg-g:var(--sg-ic-more-horizontal)}
html[data-skin="sg26"] body .sli-options{--sg-g:var(--sg-ic-more-horizontal)}
html[data-skin="sg26"] body .sli-trash{--sg-g:var(--sg-ic-trash)}
html[data-skin="sg26"] body .mdi-delete{--sg-g:var(--sg-ic-trash)}
html[data-skin="sg26"] body .mdi-delete-outline{--sg-g:var(--sg-ic-trash)}
html[data-skin="sg26"] body .sli-pencil{--sg-g:var(--sg-ic-pencil)}
html[data-skin="sg26"] body .mdi-pencil{--sg-g:var(--sg-ic-pencil)}
html[data-skin="sg26"] body .mdi-pencil-outline{--sg-g:var(--sg-ic-pencil)}
html[data-skin="sg26"] body .sli-eye{--sg-g:var(--sg-ic-eye)}
html[data-skin="sg26"] body .mdi-eye{--sg-g:var(--sg-ic-eye)}
html[data-skin="sg26"] body .mdi-eye-outline{--sg-g:var(--sg-ic-eye)}
html[data-skin="sg26"] body .mdi-content-copy{--sg-g:var(--sg-ic-copy)}
html[data-skin="sg26"] body .mdi-chart-line{--sg-g:var(--sg-ic-chart-line)}
html[data-skin="sg26"] body .sli-chart{--sg-g:var(--sg-ic-chart-line)}
html[data-skin="sg26"] body .mdi-send{--sg-g:var(--sg-ic-send)}
html[data-skin="sg26"] body .sli-paper-plane{--sg-g:var(--sg-ic-send)}
html[data-skin="sg26"] body .mdi-menu{--sg-g:var(--sg-ic-menu)}
html[data-skin="sg26"] body .sli-menu{--sg-g:var(--sg-ic-menu)}
html[data-skin="sg26"] body .mdi-check::before,
html[data-skin="sg26"] body .sli-check::before,
html[data-skin="sg26"] body .mdi-close::before,
html[data-skin="sg26"] body .sli-close::before,
html[data-skin="sg26"] body .mdi-close-circle::before,
html[data-skin="sg26"] body .mdi-close-circle-outline::before,
html[data-skin="sg26"] body .mdi-chevron-down::before,
html[data-skin="sg26"] body .mdi-menu-down::before,
html[data-skin="sg26"] body .sli-arrow-down::before,
html[data-skin="sg26"] body .mdi-chevron-left::before,
html[data-skin="sg26"] body .sli-arrow-left::before,
html[data-skin="sg26"] body .mdi-chevron-right::before,
html[data-skin="sg26"] body .sli-arrow-right::before,
html[data-skin="sg26"] body .mdi-help-circle::before,
html[data-skin="sg26"] body .mdi-help-circle-outline::before,
html[data-skin="sg26"] body .sli-question::before,
html[data-skin="sg26"] body .sli-refresh::before,
html[data-skin="sg26"] body .mdi-refresh::before,
html[data-skin="sg26"] body .mdi-reload::before,
html[data-skin="sg26"] body .sli-reload::before,
html[data-skin="sg26"] body .mdi-alert-circle::before,
html[data-skin="sg26"] body .mdi-alert-circle-outline::before,
html[data-skin="sg26"] body .mdi-information::before,
html[data-skin="sg26"] body .mdi-information-outline::before,
html[data-skin="sg26"] body .sli-info::before,
html[data-skin="sg26"] body .mdi-instagram::before,
html[data-skin="sg26"] body .sli-social-instagram::before,
html[data-skin="sg26"] body .mdi-check-circle::before,
html[data-skin="sg26"] body .mdi-check-circle-outline::before,
html[data-skin="sg26"] body .mdi-checkbox-marked-circle-outline::before,
html[data-skin="sg26"] body .mdi-download::before,
html[data-skin="sg26"] body .sli-cloud-download::before,
html[data-skin="sg26"] body .mdi-arrow-down::before,
html[data-skin="sg26"] body .mdi-arrow-left::before,
html[data-skin="sg26"] body .sli-calendar::before,
html[data-skin="sg26"] body .mdi-calendar::before,
html[data-skin="sg26"] body .sli-plus::before,
html[data-skin="sg26"] body .mdi-plus::before,
html[data-skin="sg26"] body .mdi-plus-circle::before,
html[data-skin="sg26"] body .mdi-plus-circle-outline::before,
html[data-skin="sg26"] body .mdi-image::before,
html[data-skin="sg26"] body .sli-picture::before,
html[data-skin="sg26"] body .mdi-magnify::before,
html[data-skin="sg26"] body .sli-magnifier::before,
html[data-skin="sg26"] body .mdi-clock-outline::before,
html[data-skin="sg26"] body .sli-clock::before,
html[data-skin="sg26"] body .mdi-dots-vertical::before,
html[data-skin="sg26"] body .sli-options-vertical::before,
html[data-skin="sg26"] body .mdi-dots-horizontal::before,
html[data-skin="sg26"] body .sli-options::before,
html[data-skin="sg26"] body .sli-trash::before,
html[data-skin="sg26"] body .mdi-delete::before,
html[data-skin="sg26"] body .mdi-delete-outline::before,
html[data-skin="sg26"] body .sli-pencil::before,
html[data-skin="sg26"] body .mdi-pencil::before,
html[data-skin="sg26"] body .mdi-pencil-outline::before,
html[data-skin="sg26"] body .sli-eye::before,
html[data-skin="sg26"] body .mdi-eye::before,
html[data-skin="sg26"] body .mdi-eye-outline::before,
html[data-skin="sg26"] body .mdi-content-copy::before,
html[data-skin="sg26"] body .mdi-chart-line::before,
html[data-skin="sg26"] body .sli-chart::before,
html[data-skin="sg26"] body .mdi-send::before,
html[data-skin="sg26"] body .sli-paper-plane::before,
html[data-skin="sg26"] body .mdi-menu::before,
html[data-skin="sg26"] body .sli-menu::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.125em;background:currentColor;-webkit-mask:var(--sg-g) center/100% 100% no-repeat;mask:var(--sg-g) center/100% 100% no-repeat}
/* icons-generic:end */
/* pagebtn:begin (generated by gen-pagebtn.js from the boards; decision C; do not edit by hand) */
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/users/new"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/packages/new"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/services/new"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/plugins/install"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/captions/new"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/proxies/new"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/proxies/proxy-bulk"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m17 8-5-5-5 5M12 3v12'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/proxies/proxy-replace-bulk"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 3 4 4-4 4'/%3E%3Cpath d='M3 7h18'/%3E%3Cpath d='m7 21-4-4 4-4'/%3E%3Cpath d='M21 17H3'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/settings/proxy"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/admin/resellers/new"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/accounts/new"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href*="/renew?acc=true"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/subscribe"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/renew"]{--sg-pb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 11-5-5-5 5M17 18l-5-5-5 5'/%3E%3C/svg%3E")}
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/users/new"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/packages/new"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/services/new"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/plugins/install"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/captions/new"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/proxies/new"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/proxies/proxy-bulk"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/proxies/proxy-replace-bulk"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/settings/proxy"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/admin/resellers/new"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/accounts/new"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href*="/renew?acc=true"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/subscribe"] .icon::before,
html[data-skin="sg26"] body #topbar:not(:has(.topbar-title-text)) a.topbar-special-link[href$="/renew"] .icon::before{content:""!important;display:block;width:1em;height:1em;background:currentColor;-webkit-mask:var(--sg-pb) center/100% 100% no-repeat;mask:var(--sg-pb) center/100% 100% no-repeat}
/* pagebtn:end */
/* kit-port:begin (generated by port-kit.js from kit-v5.css; do not edit by hand) */
/* stylelint-disable no-duplicate-selectors -- the kit itself repeats a few selectors in later sections; kept verbatim */
html[data-skin="sg26"] .sg-root a{color:var(--brand-primary-text);text-decoration:none;transition:color .2s}html[data-skin="sg26"] .sg-root a:hover{color:var(--sg-soft)}
html[data-skin="sg26"] .sg-root h1,html[data-skin="sg26"] .sg-root h2,html[data-skin="sg26"] .sg-root h3,html[data-skin="sg26"] .sg-root h4,html[data-skin="sg26"] .sg-root p{margin:0}
html[data-skin="sg26"] .sg-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html[data-skin="sg26"] .sg-root .list{list-style:none;margin:0;padding:0}
html[data-skin="sg26"] .sg-root .display-xl{font:500 56px/60px var(--f);letter-spacing:-.04em;text-wrap:balance}
html[data-skin="sg26"] .sg-root .display{font:500 38px/44px var(--f);letter-spacing:-.03em;text-wrap:balance}
html[data-skin="sg26"] .sg-root .h1{font:500 28px/34px var(--f);letter-spacing:-.027em}
html[data-skin="sg26"] .sg-root .h2,html[data-skin="sg26"] .sg-root .sec-title{font:500 20px/26px var(--f);letter-spacing:-.018em}
html[data-skin="sg26"] .sg-root .h3,html[data-skin="sg26"] .sg-root .empty-title{font:500 17px/24px var(--f);letter-spacing:-.01em}
html[data-skin="sg26"] .sg-root .body-lg{font:400 16px/25px var(--f)}
html[data-skin="sg26"] .sg-root .body-sm{font:400 13px/20px var(--f)}
html[data-skin="sg26"] .sg-root .label{font:500 13px/18px var(--f)}
html[data-skin="sg26"] .sg-root .caption{font:400 13px/18px var(--f);letter-spacing:.01em}
html[data-skin="sg26"] .sg-root .kpi,html[data-skin="sg26"] .sg-root .kpi-sm,html[data-skin="sg26"] .sg-root .price,html[data-skin="sg26"] .sg-root .strike{font-family:var(--f);font-weight:500;color:var(--text)}
html[data-skin="sg26"] .sg-root .kpi{font-size:28px;line-height:34px;letter-spacing:-.03em}
html[data-skin="sg26"] .sg-root .kpi-sm{font-size:20px;line-height:26px;letter-spacing:-.025em}
html[data-skin="sg26"] .sg-root .price{font-size:32px;line-height:38px;letter-spacing:-.035em}
html[data-skin="sg26"] .sg-root .strike{font-size:15px;line-height:20px;color:var(--text-3);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--status-danger-line) 85%,transparent)}
html[data-skin="sg26"] .sg-root .muted{color:var(--text-muted)}html[data-skin="sg26"] .sg-root .text-2{color:var(--text-2)}html[data-skin="sg26"] .sg-root .subtle{color:var(--text-3)}html[data-skin="sg26"] .sg-root .strong{color:var(--text)}
html[data-skin="sg26"] .sg-root .accent-text{color:var(--brand-primary-text)}html[data-skin="sg26"] .sg-root .soft-text{color:var(--sg-soft)}
html[data-skin="sg26"] .sg-root .gradient-text{background:var(--sg-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-skin="sg26"] .sg-root .up{color:var(--status-success)}html[data-skin="sg26"] .sg-root .down{color:var(--status-danger)}
html[data-skin="sg26"] .sg-root .wordmark{font:700 17px/24px var(--f);letter-spacing:-.02em;color:var(--text);white-space:nowrap}
html[data-skin="sg26"] .sg-root .card{position:relative;border-radius:var(--r-lg);border:1px solid transparent;background:var(--card-bg) padding-box,var(--card-edge) border-box;box-shadow:var(--card-shadow)}
html[data-skin="sg26"] .sg-root .card-grad{position:relative;border-radius:var(--r-xl);border:1px solid transparent;background:var(--grad-card-bg) padding-box,linear-gradient(115deg,var(--sg-accent-2),var(--brand-primary) 22%,var(--grad-card-mid) 44%,var(--grad-card-mid) 60%,var(--brand-primary) 82%,var(--sg-accent-2)) border-box;box-shadow:var(--grad-card-shadow)}
html[data-skin="sg26"] .sg-root .card-alt,html[data-skin="sg26"] .sg-root .list-row{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-inset);box-shadow:inset 0 1px 0 var(--hi)}
html[data-skin="sg26"] .sg-root .list-row{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 16px;background:var(--row-bg)}
html[data-skin="sg26"] .sg-root .inset{border-radius:var(--r-inset);background:var(--fill-3);border:1px solid var(--inset-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html[data-skin="sg26"] .sg-root .is-hl{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary) var(--hl-a1),transparent),color-mix(in srgb,var(--brand-primary) var(--hl-a2),transparent));border-color:color-mix(in srgb,var(--brand-primary-text) 55%,transparent)}
html[data-skin="sg26"] .sg-root .glow-card,html[data-skin="sg26"] .sg-root .ambient{position:relative;overflow:hidden}
html[data-skin="sg26"] .sg-root .glow-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl)}
html[data-skin="sg26"] .sg-root .glow-card::after,html[data-skin="sg26"] .sg-root .ambient::before{content:"";position:absolute;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand-primary) var(--glow-a1),transparent),color-mix(in srgb,var(--sg-accent-2) var(--glow-a2),transparent) 58%,transparent);pointer-events:none}
html[data-skin="sg26"] .sg-root .glow-card::after{right:-100px;bottom:-140px;width:380px;height:280px}
html[data-skin="sg26"] .sg-root .ambient::before{left:50%;top:-440px;width:1200px;height:820px;margin-left:-600px}
html[data-skin="sg26"] .sg-root .glow-card>*,html[data-skin="sg26"] .sg-root .ambient>*{position:relative;z-index:1}
html[data-skin="sg26"] .sg-root .divider{height:1px;background:var(--border);border:0;margin:0}
html[data-skin="sg26"] .sg-root .btn,html[data-skin="sg26"] .sg-root .badge,html[data-skin="sg26"] .sg-root .status,html[data-skin="sg26"] .sg-root .tag,html[data-skin="sg26"] .sg-root .off-badge,html[data-skin="sg26"] .sg-root .save,html[data-skin="sg26"] .sg-root .eyebrow,html[data-skin="sg26"] .sg-root .chip,html[data-skin="sg26"] .sg-root .tab,html[data-skin="sg26"] .sg-root .seg-btn{display:inline-flex;align-items:center;border-radius:var(--r-full);white-space:nowrap;box-sizing:border-box;border:1px solid transparent}
html[data-skin="sg26"] .sg-root .btn{justify-content:center;gap:8px;height:40px;padding:0 18px;background:transparent;color:var(--text);font:500 14px/20px var(--f);cursor:pointer;text-decoration:none;transition:var(--tr)}
html[data-skin="sg26"] .sg-root .btn svg{flex-shrink:0;width:16px;height:16px}
html[data-skin="sg26"] .sg-root .btn .go{transition:transform .2s var(--ease)}html[data-skin="sg26"] .sg-root .btn:hover .go{transform:translateX(3px)}
html[data-skin="sg26"] .sg-root .btn-sm{height:32px;padding:0 14px;font-size:13px;line-height:18px}
html[data-skin="sg26"] .sg-root .btn-lg{height:44px;padding:0 22px;font-size:15px}
html[data-skin="sg26"] .sg-root .btn-icon{width:40px;padding:0}html[data-skin="sg26"] .sg-root .btn-sm.btn-icon{width:32px}html[data-skin="sg26"] .sg-root .btn-lg.btn-icon{width:44px}
html[data-skin="sg26"] .sg-root .btn-block{width:100%}
html[data-skin="sg26"] .sg-root .btn-primary,html[data-skin="sg26"] .sg-root .fab{background:var(--brand-primary);color:var(--brand-on-primary);box-shadow:var(--sg-glow-rest)}
html[data-skin="sg26"] .sg-root .btn-primary:hover,html[data-skin="sg26"] .sg-root .fab:hover{color:var(--brand-on-primary);transform:translateY(-1px);box-shadow:var(--sg-glow-hover)}
html[data-skin="sg26"] .sg-root .btn-secondary,html[data-skin="sg26"] .sg-root .btn-light{background:var(--btn2-bg);color:var(--btn2-fg);box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)}
html[data-skin="sg26"] .sg-root .btn-secondary:hover,html[data-skin="sg26"] .sg-root .btn-light:hover{background:var(--btn2-bg-hover);color:var(--btn2-fg);transform:translateY(-1px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.12),0 0 20px color-mix(in srgb,var(--sg-accent-2) 22%,transparent)}
html[data-skin="sg26"] .sg-root .btn-tonal{background:var(--tonal-bg);border-color:var(--border-2);box-shadow:inset 0 1px 0 var(--hi)}
html[data-skin="sg26"] .sg-root .btn-tonal:hover{color:var(--text-max);border-color:var(--border-hover)}
html[data-skin="sg26"] .sg-root .btn-outline{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--outline-fg);border-color:var(--outline-border)}
html[data-skin="sg26"] .sg-root .btn-outline:hover{color:var(--outline-fg);background:color-mix(in srgb,var(--brand-primary) 20%,transparent)}
html[data-skin="sg26"] .sg-root .btn-ghost{color:var(--text-2)}html[data-skin="sg26"] .sg-root .btn-ghost:hover{background:var(--hover-fill);color:var(--text-max)}
html[data-skin="sg26"] .sg-root .btn-danger:hover{background:rgba(var(--t),.22);color:var(--danger-hover-fg)}
html[data-skin="sg26"] .sg-root .btn:active{transform:none}
html[data-skin="sg26"] .sg-root .btn:disabled,html[data-skin="sg26"] .sg-root .btn[aria-disabled="true"],html[data-skin="sg26"] .sg-root .input:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}
html[data-skin="sg26"] .sg-root .link{display:inline-flex;align-items:center;gap:6px;color:var(--sg-soft);font:500 14px/21px var(--f);text-decoration:underline;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--sg-soft) 50%,transparent)}
html[data-skin="sg26"] .sg-root .link:hover{color:var(--text-max);text-decoration-color:color-mix(in srgb,var(--sg-accent-2) 80%,transparent)}
html[data-skin="sg26"] .sg-root .fab{position:absolute;right:28px;bottom:28px;z-index:30;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;transition:var(--tr)}
html[data-skin="sg26"] .sg-root .fab.above-bar{bottom:124px}
html[data-skin="sg26"] .sg-root .fab svg{width:22px;height:22px}
html[data-skin="sg26"] .sg-root :where(.btn,.link,.fab,.nav,.chip,.tab,.seg-btn,.switch,.check,.radio,.input,.topbar-user,.tb-link):focus-visible{outline:2px solid var(--brand-focus-ring);outline-offset:2px}
html[data-skin="sg26"] .sg-root .badge,html[data-skin="sg26"] .sg-root .alert,html[data-skin="sg26"] .sg-root .toast{--t:var(--t-neutral);--tc:var(--text-2)}
html[data-skin="sg26"] .sg-root .b-success,html[data-skin="sg26"] .sg-root .status,html[data-skin="sg26"] .sg-root .is-success{--t:var(--t-success);--tc:var(--status-success)}
html[data-skin="sg26"] .sg-root .b-danger,html[data-skin="sg26"] .sg-root .status-off,html[data-skin="sg26"] .sg-root .btn-danger,html[data-skin="sg26"] .sg-root .is-danger{--t:var(--t-danger);--tc:var(--status-danger)}
html[data-skin="sg26"] .sg-root .b-warning,html[data-skin="sg26"] .sg-root .status-warn,html[data-skin="sg26"] .sg-root .is-warning{--t:var(--t-warning);--tc:var(--status-warning)}
html[data-skin="sg26"] .sg-root .b-info,html[data-skin="sg26"] .sg-root .status-info,html[data-skin="sg26"] .sg-root .is-info{--t:var(--t-info);--tc:var(--status-info)}
html[data-skin="sg26"] .sg-root .status-idle,html[data-skin="sg26"] .sg-root .is-neutral{--t:var(--t-neutral);--tc:var(--text-2)}
html[data-skin="sg26"] .sg-root .badge,html[data-skin="sg26"] .sg-root .status,html[data-skin="sg26"] .sg-root .btn-danger{background:rgba(var(--t),.1);border-color:rgba(var(--t),.3);color:var(--tc)}
html[data-skin="sg26"] .sg-root .badge,html[data-skin="sg26"] .sg-root .status{gap:5px;height:22px;padding:0 9px;font:500 13px/18px var(--f)}
html[data-skin="sg26"] .sg-root .badge svg{width:12px;height:12px;flex-shrink:0}
html[data-skin="sg26"] .sg-root .b-neutral{color:var(--text)}
html[data-skin="sg26"] .sg-root .b-accent,html[data-skin="sg26"] .sg-root .off-badge,html[data-skin="sg26"] .sg-root .eyebrow-tag,html[data-skin="sg26"] .sg-root .avatar,html[data-skin="sg26"] .sg-root .bell-badge{background:var(--sg-gradient-fill);border-color:transparent;color:var(--brand-on-primary);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--sg-accent-2) 50%,transparent)}
html[data-skin="sg26"] .sg-root .tag{gap:6px;height:24px;padding:0 10px;background:color-mix(in srgb,var(--brand-primary) 14%,transparent);border-color:color-mix(in srgb,var(--brand-primary-text) 30%,transparent);color:var(--sg-soft);font:500 13px/18px var(--f)}
html[data-skin="sg26"] .sg-root .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
html[data-skin="sg26"] .sg-root .live{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);flex-shrink:0;animation:sg-beat 2.2s ease-in-out infinite}
html[data-skin="sg26"] .sg-root .live::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;opacity:0;animation:sg-ring 2.2s ease-out infinite}
html[data-skin="sg26"] .sg-root .live.once,html[data-skin="sg26"] .sg-root .live.once::after{animation-iteration-count:2}
html[data-skin="sg26"] .sg-root .status .live{width:6px;height:6px}
html[data-skin="sg26"] .sg-root .off-badge{position:relative;overflow:hidden;height:24px;padding:0 9px;font:700 13px/16px var(--f);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--sg-accent-2) 50%,transparent),0 8px 22px -8px color-mix(in srgb,var(--brand-primary) 75%,transparent)}
html[data-skin="sg26"] .sg-root .off-badge::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.36),transparent);transform:skewX(-18deg);animation:sg-sheen 4s cubic-bezier(.4,0,.2,1) 1s infinite;pointer-events:none}
html[data-skin="sg26"] .sg-root .save{gap:6px;height:30px;padding:0 12px;background:color-mix(in srgb,var(--sg-accent-2) 10%,transparent);border-color:color-mix(in srgb,var(--sg-accent-2) 32%,transparent);color:var(--sg-save);font:500 14px/20px var(--f)}
html[data-skin="sg26"] .sg-root .save b{font-weight:700;color:var(--text-max)}html[data-skin="sg26"] .sg-root .save svg{color:var(--sg-ink-2)}
html[data-skin="sg26"] .sg-root .eyebrow{gap:8px;height:28px;padding:0 12px;border-color:var(--border-2);background:var(--fill-3);box-shadow:inset 0 1px 0 var(--hi);font:500 13px/18px var(--f);color:var(--text)}
html[data-skin="sg26"] .sg-root .eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--sg-gradient);box-shadow:0 0 10px color-mix(in srgb,var(--sg-accent-2) 80%,transparent);flex-shrink:0}
html[data-skin="sg26"] .sg-root .eyebrow-tag{padding:2px 8px;border-radius:var(--r-full);font:500 13px/18px var(--f)}
html[data-skin="sg26"] .sg-root .yes,html[data-skin="sg26"] .sg-root .no{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}
html[data-skin="sg26"] .sg-root .yes{background:color-mix(in srgb,var(--sg-accent-2) 14%,transparent);color:var(--sg-ink-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sg-accent-2) 28%,transparent)}
html[data-skin="sg26"] .sg-root .no{background:rgba(var(--t-danger),.14);color:var(--status-danger-line);box-shadow:inset 0 0 0 1px rgba(var(--t-danger),.26)}
html[data-skin="sg26"] .sg-root .yes svg,html[data-skin="sg26"] .sg-root .no svg{width:13px;height:13px}
html[data-skin="sg26"] .sg-root .point{display:flex;align-items:flex-start;gap:10px;font:400 14px/22px var(--f);color:var(--text)}
html[data-skin="sg26"] .sg-root .point>.yes,html[data-skin="sg26"] .sg-root .point>.no{width:20px;height:20px;margin-top:1px}html[data-skin="sg26"] .sg-root .point svg{width:11px;height:11px}
html[data-skin="sg26"] .sg-root .chip,html[data-skin="sg26"] .sg-root .tab,html[data-skin="sg26"] .sg-root .seg-btn{gap:6px;font:500 13px/18px var(--f);color:var(--text-2);cursor:pointer;transition:var(--tr)}
html[data-skin="sg26"] .sg-root .chip{height:30px;padding:0 12px;border-color:var(--border-2);background:var(--fill-3)}
html[data-skin="sg26"] .sg-root .chip svg{width:14px;height:14px}
html[data-skin="sg26"] .sg-root .chip:hover,html[data-skin="sg26"] .sg-root .seg-btn:hover{color:var(--text-max);border-color:color-mix(in srgb,var(--sg-accent-2) 40%,transparent)}
html[data-skin="sg26"] .sg-root .chip.is-on{background:var(--brand-primary-subtle);border-color:color-mix(in srgb,var(--sg-accent-2) 38%,transparent);color:var(--sg-soft)}
html[data-skin="sg26"] .sg-root .tabs{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-full);background:var(--fill-2);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hi)}
html[data-skin="sg26"] .sg-root .tab{height:30px;padding:0 14px;border:0;background:transparent;text-decoration:none}
html[data-skin="sg26"] .sg-root .tab:hover{color:var(--text-max);background:var(--hover-fill)}
html[data-skin="sg26"] .sg-root .tab.is-on{background:var(--brand-primary);color:var(--brand-on-primary);box-shadow:none}
html[data-skin="sg26"] .sg-root .seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
html[data-skin="sg26"] .sg-root .seg-btn{position:relative;justify-content:center;height:36px;padding:0 10px;border-color:var(--border-2);background:var(--fill-2);font:700 14px/20px var(--f)}
html[data-skin="sg26"] .sg-root .seg-btn.is-on{background:var(--brand-primary-subtle);border-color:var(--brand-primary-text);color:var(--text-max);box-shadow:inset 0 1px 0 var(--border),0 0 0 1px color-mix(in srgb,var(--sg-accent-2) 30%,transparent),0 10px 30px -12px color-mix(in srgb,var(--brand-primary) 80%,transparent)}
html[data-skin="sg26"] .sg-root .seg-badge{position:absolute;left:50%;top:-11px;transform:translateX(-50%);height:18px;padding:0 7px;border-radius:var(--r-full);background:var(--sg-fill-2);border:1px solid color-mix(in srgb,var(--sg-accent-2) 40%,transparent);color:var(--brand-on-primary);font:700 13px/18px var(--f)}
html[data-skin="sg26"] .sg-root .seg-btn.is-on .seg-badge{background:var(--sg-gradient-fill);border-color:color-mix(in srgb,var(--sg-accent-2) 65%,transparent)}
html[data-skin="sg26"] .sg-root .field{display:flex;flex-direction:column;gap:6px}
html[data-skin="sg26"] .sg-root .field label,html[data-skin="sg26"] .sg-root .field-label{font:500 13px/18px var(--f);color:var(--text)}
html[data-skin="sg26"] .sg-root .input{display:block;height:40px;box-sizing:border-box;width:100%;padding:0 12px;background:var(--input-bg);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);font:400 14px/22px var(--f);transition:border-color .2s}
html[data-skin="sg26"] .sg-root .input::placeholder{color:var(--text-3)}
html[data-skin="sg26"] .sg-root .input:hover{border-color:var(--border-strong-hover)}html[data-skin="sg26"] .sg-root .input:focus{border-color:var(--brand-primary-border)}
html[data-skin="sg26"] .sg-root .input.is-error{border-color:var(--status-danger-line)}
html[data-skin="sg26"] .sg-root textarea.input{height:auto;min-height:96px;padding:9px 12px;resize:vertical}
html[data-skin="sg26"] .sg-root .hint{font:400 13px/18px var(--f);color:var(--text-3)}
html[data-skin="sg26"] .sg-root .hint.is-error{color:var(--status-danger)}
html[data-skin="sg26"] .sg-root .switch{position:relative;display:inline-block;width:42px;height:26px;flex-shrink:0;padding:0;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--switch-off);cursor:pointer;box-sizing:border-box;transition:var(--tr)}
html[data-skin="sg26"] .sg-root .switch::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--switch-knob);box-shadow:var(--knob-shadow);transition:transform .35s var(--ease)}
html[data-skin="sg26"] .sg-root .switch.is-on,html[data-skin="sg26"] .sg-root .check.is-on{background:var(--brand-primary);border-color:var(--brand-primary-border);color:var(--brand-on-primary)}
html[data-skin="sg26"] .sg-root .switch.is-on::after{transform:translateX(16px);background:#fff}
html[data-skin="sg26"] .sg-root .check,html[data-skin="sg26"] .sg-root .radio{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:var(--r-sm);border:1.5px solid var(--border-strong);color:transparent;flex-shrink:0;box-sizing:border-box;cursor:pointer}
html[data-skin="sg26"] .sg-root .check svg{width:12px;height:12px}
html[data-skin="sg26"] .sg-root .radio{border-radius:50%}html[data-skin="sg26"] .sg-root .radio.is-on{border:5px solid var(--brand-primary);background:#fff}
html[data-skin="sg26"] .sg-root .theme-toggle>svg{width:24px;height:24px}
html[data-skin="sg26"] .sg-root .bell-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);box-sizing:border-box;font:700 13px/18px var(--f);text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}
html[data-skin="sg26"] .sg-root .theme-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--text-3);cursor:pointer}
html[data-skin="sg26"] .sg-root .theme-toggle>svg{flex-shrink:0}
html[data-skin="sg26"] .sg-root .theme-toggle:hover{color:var(--text-max)}
html[data-skin="sg26"] .sg-root .menu{position:absolute;z-index:40;min-width:200px;padding:6px;border-radius:var(--r-menu);background:var(--surface-raised);border:1px solid var(--menu-line);box-shadow:0 24px 60px -20px var(--shadow-c)}
html[data-skin="sg26"] .sg-root .icon-tile{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-md);background:linear-gradient(135deg,color-mix(in srgb,var(--sg-accent-2) var(--tile-a1),transparent),color-mix(in srgb,var(--brand-primary) var(--tile-a2),transparent));color:var(--sg-soft);box-shadow:inset 0 1px 0 var(--border);flex-shrink:0}
html[data-skin="sg26"] .sg-root .icon-tile[class*="is-"],html[data-skin="sg26"] .sg-root .t-ico{background:rgba(var(--t),.14);color:var(--tc)}
html[data-skin="sg26"] .sg-root .icon-tile svg{width:18px;height:18px}
html[data-skin="sg26"] .sg-root .icon-tile.sm{width:28px;height:28px;border-radius:8px}html[data-skin="sg26"] .sg-root .icon-tile.sm svg{width:15px;height:15px}
html[data-skin="sg26"] .sg-root .icon-tile.lg{width:44px;height:44px;border-radius:13px}html[data-skin="sg26"] .sg-root .icon-tile.lg svg{width:22px;height:22px}
html[data-skin="sg26"] .sg-root .avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font:700 13px/1 var(--f);letter-spacing:.02em;flex-shrink:0}
html[data-skin="sg26"] .sg-root .avatar.sm{width:28px;height:28px;font-size: 13px}html[data-skin="sg26"] .sg-root .avatar.lg{width:48px;height:48px;font-size:16px}
html[data-skin="sg26"] .sg-root .table{width:100%;border-collapse:separate;border-spacing:0}
html[data-skin="sg26"] .sg-root .table th{text-align:left;padding:10px 16px;background:var(--fill-2);border-bottom:1px solid var(--border);font:500 13px/18px var(--f);letter-spacing:.02em;color:var(--text-3);white-space:nowrap}
html[data-skin="sg26"] .sg-root .table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}
html[data-skin="sg26"] .sg-root .table tbody tr:last-child td{border-bottom:0}
html[data-skin="sg26"] .sg-root .table tbody tr:hover td{background:var(--fill-1)}
html[data-skin="sg26"] .sg-root .table tr.is-selected td{background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}
html[data-skin="sg26"] .sg-root .table .num{text-align:right}
html[data-skin="sg26"] .sg-root .r-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
html[data-skin="sg26"] .sg-root .progress{height:6px;border-radius:var(--r-full);background:var(--border);overflow:hidden}
html[data-skin="sg26"] .sg-root .progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-primary),var(--sg-accent-2))}
html[data-skin="sg26"] .sg-root .progress.is-warn>span{background:var(--status-warning)}html[data-skin="sg26"] .sg-root .progress.is-full>span{background:var(--status-danger-line)}
html[data-skin="sg26"] .sg-root .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
html[data-skin="sg26"] .sg-root .sec-head>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
html[data-skin="sg26"] .sg-root .sec-desc,html[data-skin="sg26"] .sg-root .empty-text{font:400 14px/21px var(--f);color:var(--text-2)}
html[data-skin="sg26"] .sg-root .empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;text-align:center;border-radius:var(--r-lg);border:1px dashed var(--border-dash);background:var(--fill-1)}
html[data-skin="sg26"] .sg-root .empty-text{max-width:420px}
html[data-skin="sg26"] .sg-root .alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-inset);border:1px solid rgba(var(--t),.28);background:rgba(var(--t),.06);font:400 14px/21px var(--f);color:var(--text)}
html[data-skin="sg26"] .sg-root .alert>svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--tc)}
html[data-skin="sg26"] .sg-root .scrim{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:var(--scrim)}
html[data-skin="sg26"] .sg-root .modal{width:480px;max-width:calc(100% - 48px);box-sizing:border-box;border-radius:var(--r-xl);border:1px solid var(--border-2);background:var(--modal-bg);box-shadow:inset 0 1px 0 var(--border),var(--shadow-lg);animation:sg-pop .28s var(--ease) both}
html[data-skin="sg26"] .sg-root .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 0}
html[data-skin="sg26"] .sg-root .modal-body{padding:16px 24px}
html[data-skin="sg26"] .sg-root .modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:8px 24px 22px}
html[data-skin="sg26"] .sg-root .sheet{position:absolute;top:0;right:0;bottom:0;z-index:50;width:420px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border-2);animation:sg-slide .35s var(--ease) both}
html[data-skin="sg26"] .sg-root .toast{display:inline-flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:var(--r-inset);background:var(--surface-raised);border:1px solid var(--border-2);box-shadow:0 20px 50px -20px var(--shadow-c);font:500 14px/20px var(--f);color:var(--text);animation:sg-rise .4s var(--ease) both}
html[data-skin="sg26"] .sg-root .t-ico{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}html[data-skin="sg26"] .sg-root .t-ico svg{width:14px;height:14px}
html[data-skin="sg26"] .sg-root .mono,html[data-skin="sg26"] .sg-root .num,html[data-skin="sg26"] .sg-root .badge,html[data-skin="sg26"] .sg-root .status,html[data-skin="sg26"] .sg-root .tag,html[data-skin="sg26"] .sg-root .off-badge,html[data-skin="sg26"] .sg-root .save,html[data-skin="sg26"] .sg-root .seg-badge,html[data-skin="sg26"] .sg-root .table th{font-variant-numeric:tabular-nums}
html[data-skin="sg26"] .sg-root .auth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-skin="sg26"] .sg-root .auth-brand{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:64px;background:var(--surface)}
html[data-skin="sg26"] .sg-root .auth-form{display:grid;place-items:center;padding:48px 24px;background:var(--bg)}
html[data-skin="sg26"] .sg-root .auth-form>.card{width:100%;max-width:420px;padding:32px;box-sizing:border-box}
html[data-skin="sg26"] .sg-root .page-col{width:100%;max-width:1040px;margin:0 auto;padding:var(--pad-page);box-sizing:border-box}
html[data-skin="sg26"] .sg-root{container:sg/inline-size}
@media (max-width:1023.98px){
html[data-skin="sg26"] .sg-root>*{--pad-page:24px;--gap-block:20px;--pad-card:20px}}
@media (max-width:767.98px){
html[data-skin="sg26"] .sg-root>*{--pad-page:16px;--gap-block:16px;--pad-card:16px}
html[data-skin="sg26"] .sg-root .sec-head{flex-direction:column;align-items:stretch;gap:12px}
html[data-skin="sg26"] .sg-root .sec-head>div+div{display:flex;flex-wrap:wrap;gap:8px}
html[data-skin="sg26"] .sg-root .display-xl{font-size:34px;line-height:38px}html[data-skin="sg26"] .sg-root .display{font-size:28px;line-height:34px}html[data-skin="sg26"] .sg-root .h1{font-size:24px;line-height:30px}html[data-skin="sg26"] .sg-root .kpi{font-size:24px;line-height:30px}
html[data-skin="sg26"] .sg-root .btn{height:44px}html[data-skin="sg26"] .sg-root .btn-sm{height:40px}html[data-skin="sg26"] .sg-root .btn-icon{width:44px}html[data-skin="sg26"] .sg-root .btn-sm.btn-icon{width:40px}
html[data-skin="sg26"] .sg-root .input{height:44px;font-size:16px}html[data-skin="sg26"] .sg-root textarea.input{font-size:16px}
html[data-skin="sg26"] .sg-root .list-row{min-height:56px}
html[data-skin="sg26"] .sg-root .chip,html[data-skin="sg26"] .sg-root .tab{height:36px}html[data-skin="sg26"] .sg-root .seg-btn{height:44px}html[data-skin="sg26"] .sg-root .tabs{max-width:100%;overflow-x:auto;box-sizing:border-box}
html[data-skin="sg26"] .sg-root :where(.btn-sm),
html[data-skin="sg26"] .sg-root :where(.chip),
html[data-skin="sg26"] .sg-root :where(.tab),
html[data-skin="sg26"] .sg-root :where(.switch),
html[data-skin="sg26"] .sg-root :where(.check),
html[data-skin="sg26"] .sg-root :where(.radio),
html[data-skin="sg26"] .sg-root :where(.link){position:relative}
html[data-skin="sg26"] .sg-root :where(.btn-sm)::before,
html[data-skin="sg26"] .sg-root :where(.chip)::before,
html[data-skin="sg26"] .sg-root :where(.tab)::before,
html[data-skin="sg26"] .sg-root :where(.switch)::before,
html[data-skin="sg26"] .sg-root :where(.check)::before,
html[data-skin="sg26"] .sg-root :where(.radio)::before,
html[data-skin="sg26"] .sg-root :where(.link)::before{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
html[data-skin="sg26"] .sg-root .g-stack{grid-template-columns:minmax(0,1fr)!important}
html[data-skin="sg26"] .sg-root .g-2up{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-skin="sg26"] .sg-root .g-stack>*,html[data-skin="sg26"] .sg-root .g-2up>*{grid-column:auto!important}
html[data-skin="sg26"] .sg-root .r-row{flex-direction:column!important;align-items:stretch!important}
html[data-skin="sg26"] .sg-root .r-row>*{flex-basis:auto!important;width:auto!important;max-width:100%!important}
html[data-skin="sg26"] .sg-root .r-wrap{flex-wrap:wrap!important}
html[data-skin="sg26"] .sg-root .r-scroll>.table{min-width:640px}
html[data-skin="sg26"] .sg-root .table.is-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html[data-skin="sg26"] .sg-root .table.is-stack,html[data-skin="sg26"] .sg-root .table.is-stack tbody,html[data-skin="sg26"] .sg-root .table.is-stack tr,html[data-skin="sg26"] .sg-root .table.is-stack td{display:block}
html[data-skin="sg26"] .sg-root .table.is-stack tr{padding:12px 16px;border-bottom:1px solid var(--border)}
html[data-skin="sg26"] .sg-root .table.is-stack tbody tr:last-child{border-bottom:0}
html[data-skin="sg26"] .sg-root .table.is-stack td{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px;padding:4px 0;border:0;text-align:right}
html[data-skin="sg26"] .sg-root .table.is-stack td::before{content:attr(data-label);flex-shrink:0;font:500 13px/18px var(--f);letter-spacing:.02em;color:var(--text-3);text-align:left}
html[data-skin="sg26"] .sg-root .table.is-stack td:not([data-label]){display:block;text-align:left}
html[data-skin="sg26"] .sg-root .table.is-stack td:not([data-label])::before{content:none}
html[data-skin="sg26"] .sg-root .table.is-stack tbody tr:hover td,html[data-skin="sg26"] .sg-root .table.is-stack tr.is-selected td{background:transparent}
html[data-skin="sg26"] .sg-root .table.is-stack tr.is-selected{background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}
html[data-skin="sg26"] .sg-root .scrim{place-items:end stretch;padding:0 var(--pad-page) calc(var(--pad-page) + env(safe-area-inset-bottom,0px));box-sizing:border-box}
html[data-skin="sg26"] .sg-root .modal{width:100%;max-width:none;border-radius:var(--r-xl);animation:sg-up .32s var(--ease) both}
html[data-skin="sg26"] .sg-root .modal::before{content:"";display:block;width:36px;height:5px;margin:8px auto 0;border-radius:3px;background:var(--border-2)}
html[data-skin="sg26"] .sg-root .modal-head{padding:12px 16px 0}html[data-skin="sg26"] .sg-root .modal-body{padding:12px 16px}
html[data-skin="sg26"] .sg-root .modal-foot{flex-direction:column-reverse;padding:8px 16px 16px}
html[data-skin="sg26"] .sg-root .modal-foot .btn{width:100%}
html[data-skin="sg26"] .sg-root .sheet{top:auto;left:0;width:auto;max-height:92%;border-left:0;border-top:1px solid var(--border-2);border-radius:var(--r-xl) var(--r-xl) 0 0;animation:sg-up .35s var(--ease) both}
html[data-skin="sg26"] .sg-root .fab{right:16px;bottom:16px}html[data-skin="sg26"] .sg-root .fab.above-bar{bottom:96px}
html[data-skin="sg26"] .sg-root .auth{grid-template-columns:minmax(0,1fr)}
html[data-skin="sg26"] .sg-root .auth-brand{padding:32px 16px 24px;gap:16px}
html[data-skin="sg26"] .sg-root .auth-brand .display-xl,html[data-skin="sg26"] .sg-root .auth-brand .display{font-size:30px;line-height:36px}
html[data-skin="sg26"] .sg-root .auth-form{padding:8px 16px 32px}html[data-skin="sg26"] .sg-root .auth-form>.card{padding:24px 20px}}
@media (max-width:479.98px){
html[data-skin="sg26"] .sg-root .seg{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}}
html[data-skin="sg26"] .sg-root .rise{animation:sg-rise .6s var(--ease) both}
@keyframes sg-rise{from{transform:translateY(12px)}to{transform:none}}
@keyframes sg-pop{from{transform:scale(.96)}to{transform:none}}
@keyframes sg-slide{from{transform:translateX(24px)}to{transform:none}}
@keyframes sg-up{from{transform:translateY(24px)}to{transform:none}}
@keyframes sg-beat{0%,20%,46%,100%{transform:scale(1)}10%{transform:scale(1.32)}30%{transform:scale(1.2)}}
@keyframes sg-ring{0%{transform:scale(1);opacity:.5}46%,100%{transform:scale(2.6);opacity:0}}
@keyframes sg-sheen{0%,60%{transform:translateX(0) skewX(-18deg)}85%,100%{transform:translateX(360%) skewX(-18deg)}}
@media (prefers-reduced-motion:reduce){html[data-skin="sg26"] .sg-root *,html[data-skin="sg26"] .sg-root *::before,html[data-skin="sg26"] .sg-root *::after{animation:none!important;transition:none!important}html[data-skin="sg26"] .sg-root .live::after{display:none}}
html[data-skin="sg26"] .sg-root>*{--gap-topbar:29px}
@media (max-width:992px){html[data-skin="sg26"] .sg-root>*{--gap-topbar:18px}}
@media (min-width:768px) and (max-width:1023.98px){
html[data-skin="sg26"] .sg-root img.sidebar-mark{width:auto;max-width:100%;object-fit:contain}}
@media (max-width:1279.98px){html[data-skin="sg26"] .sg-root .tabs{max-width:100%;overflow-x:auto;box-sizing:border-box}}
html[data-skin="sg26"] .sg-root :where(.badge):not(.b-accent),
html[data-skin="sg26"] .sg-root :where(.status):not(.b-accent){background:color-mix(in srgb,rgb(var(--t)) 10%,var(--chip-under))}
html[data-skin="sg26"] .sg-root .tag{background:color-mix(in srgb,var(--brand-primary) 14%,var(--chip-under))}
html[data-skin="sg26"] .sg-root:has(.fab) :is(.content),
html[data-skin="sg26"] .sg-root:has(.fab) :is(.page-col){padding-bottom:calc(var(--pad-page) + 68px)}
html[data-skin="sg26"] .sg-root .r-scroll{position:relative}
@media (max-width:767.98px){
html[data-skin="sg26"] .sg-root .table.is-stack{position:relative}
html[data-skin="sg26"] .sg-root .table.is-stack thead{display:block;padding:0;margin:-1px;border:0;white-space:nowrap}}
@media (min-width:768px) and (max-width:1279.98px){
html[data-skin="sg26"] .sg-root .t-stack{grid-template-columns:minmax(0,1fr)!important}
html[data-skin="sg26"] .sg-root .t-2up{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-skin="sg26"] .sg-root .t-3up{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html[data-skin="sg26"] .sg-root .t-stack>*,html[data-skin="sg26"] .sg-root .t-2up>*,html[data-skin="sg26"] .sg-root .t-3up>*{grid-column:auto!important}}
@media (max-width:1023.98px){
html[data-skin="sg26"] .sg-root .split{grid-template-columns:minmax(0,1fr)!important;flex-direction:column!important;align-items:stretch!important}
html[data-skin="sg26"] .sg-root .split>*{grid-column:auto!important;flex-basis:auto!important;width:auto!important;max-width:100%!important}}
html[data-skin="sg26"] .sg-root .menu-item{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;box-sizing:border-box;border:0;border-radius:var(--r-md);background:transparent;color:var(--text-2);font:500 14px/20px var(--f);text-align:left;cursor:pointer;text-decoration:none;transition:var(--tr)}
html[data-skin="sg26"] .sg-root .menu-item:hover{background:var(--hover-fill);color:var(--text-max)}
html[data-skin="sg26"] .sg-root .menu-item:focus-visible{outline:2px solid var(--brand-focus-ring);outline-offset:2px}
html[data-skin="sg26"] .sg-root .menu-item svg{width:18px;height:18px;flex-shrink:0;color:var(--text-3)}
html[data-skin="sg26"] .sg-root .menu-item[aria-current="page"]{background:var(--brand-primary-subtle);color:var(--sg-soft);box-shadow:inset 3px 0 0 currentColor}
@media (max-width:767.98px){html[data-skin="sg26"] .sg-root .menu-item{height:44px}}
html[data-skin="sg26"] .sg-root :where(.kpi-row){--kpi-grid:repeat(auto-fill,minmax(min(100%,max(var(--kpi-min,0px),calc(100% / (var(--kpi-cols,1) + 1) + .1px))),1fr));grid-template-columns:var(--kpi-grid)!important}
@media (max-width:767.98px){html[data-skin="sg26"] .sg-root .g-2up.kpi-row{--kpi-cols:2!important;grid-template-columns:var(--kpi-grid)!important}}
@media (min-width:768px) and (max-width:1279.98px){html[data-skin="sg26"] .sg-root .t-2up.kpi-row{--kpi-cols:2!important;grid-template-columns:var(--kpi-grid)!important}html[data-skin="sg26"] .sg-root .t-3up.kpi-row{--kpi-cols:3!important;grid-template-columns:var(--kpi-grid)!important}}

/* kit-port:end */
/* b426:begin */
/* B4.26 (V36): composer media pills. Their label is visible text (::after), so app.js moves it from the tippy tooltip
   to data-sg-label + aria-label; the tooltip no longer repeats the label. */
html:is([data-skin="sg26"],#sg-skin) body #post .section-actions > a:is(.js-fm-filebrowser, .js-fm-urlformtoggler)[data-sg-label]::after { content: attr(data-sg-label); }
/* B4.26: with DataTables self-hosted the Management tables now initialise in every environment (before, a blocked CDN left
   them raw). Pager buttons are controls: 14px like every control (13 was below the role floor). The reseller-customer badge
   (inline 11px, opacity .55, IndexController) gets the caption floor and a text token instead of opacity (V12 rule). */
html:is([data-skin="sg26"],#sg-skin) body :is(.dataTables_paginate .paginate_button),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(a)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(strong)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pod-pagination > :is(span)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(a)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :where(.pagination > li > :is(span)):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.page-link):not(.sg-p0){ font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body span.c-badge { font-size: 13px !important; line-height: 18px !important; opacity: 1 !important; color: var(--text-3) !important; border-color: var(--border-strong) !important; border-radius: var(--r-full) !important; }
/* Management users table (now rendered everywhere): row actions 8px apart (kit gap between buttons); the WhatsApp phone
   link gets the 24px minimum target (WCAG 2.5.8) without changing its type. */
html:is([data-skin="sg26"],#sg-skin) body #dataTable td a.small.button + a.small.button { margin-inline-start: 8px !important; margin-block-start: 8px !important; } /* they wrap in the narrow actions column */
html:is([data-skin="sg26"],#sg-skin) body #dataTable a.management-phone { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; }
/* b426:end */
/* b427:begin */
/* [SG-PATCH 2026-10-14 A285.31 | Felix] B4.27 (Angelo 14/10) */
/* B4.27 (P1, /accounts/new): the core dark block (topbar.fragment, body.darkside :is(#pmp-account, #account:where(.sg-core-account))) sets the togglers to row-reverse +
   space-between. With the kit chevron (::after, margin-left: auto) that put the label on the right and the chevron in the middle.
   Every kit disclosure row is: label left, chevron right, never reversed, never centred. */
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-group-toggle):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.rpm-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.lf-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.btm-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.pmp-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpa-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpl-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.np-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]),
html:is([data-skin="sg26"],#sg-skin) body :is(.ap-toggler-button):not(.none, [style*="display: none"], [style*="display:none"]){
  flex-direction: row !important; justify-content: flex-start !important; text-align: start !important;
}
/* the account form column is narrow (about 256px): a two-line label fits the same 52px row (14/20, two lines = 40) */
html:is([data-skin="sg26"],#sg-skin) body :is(#pmp-account, #account:where(.sg-core-account)) .sg-gh > .pmpa-toggler-button {
  white-space: normal !important; text-wrap: pretty; overflow: visible; font: 500 14px/20px var(--f) !important; min-height: 50px; padding-block: 5px !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(#pmp-account, #account:where(.sg-core-account)) .sg-gh:has(> .pmpa-toggler-button) { min-height: 52px; }
/* B4.27: the connection strip box spans the hero like its three drawn layers (left/right 36, 24 on the phone): centred, tiles inside */
html[data-skin="sg26"] body :is(#pmp-account, #account:where(.sg-core-account)) .ig-login-hero__inner { max-width: none !important; width: 100% !important; }
/* B4.27: account form fields on the kit field surface (the core dark block paints them #1a1a1a / #fafafa) */
html[data-skin="sg26"] body :is(#pmp-account, #account:where(.sg-core-account)) :is(input.input),
html[data-skin="sg26"] body :is(#pmp-account, #account:where(.sg-core-account)) :is(textarea.input){ background-color: var(--input-bg) !important; color: var(--text) !important; }
/* B4.27: «Problemi ad accedere?» links: kit link (accent text, thin offset underline, full on hover), not the core heavy underline */
html[data-skin="sg26"] body :is(#pmp-account, #account:where(.sg-core-account)) :is(.sg-help-link):not(.sg-p0):not(.sg-p0):not(sg-p0),
html[data-skin="sg26"] body :is(#pmp-account, #account:where(.sg-core-account)) :is(.card-text a:not([class*="btn"]):not([class*="button"])){
  color: var(--pf-accent-text) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent) !important; font-weight: 500;
}
html[data-skin="sg26"] body :is(#pmp-account, #account:where(.sg-core-account)) :is(.sg-help-link):not(.sg-p0):not(.sg-p0):not(sg-p0):hover,
html[data-skin="sg26"] body :is(#pmp-account, #account:where(.sg-core-account)) :is(.card-text a:not([class*="btn"]):not([class*="button"])):hover{ text-decoration-color: currentColor !important; }
html[data-skin="sg26"] body :is(#pmp-account, #account:where(.sg-core-account)) :is(.sg-help-link, .card-text a) b { font-weight: inherit; }
/* B4.27 (P1): browser autofill never paints the field white. The field surface is drawn as an inset shadow (Chrome ignores
   background-color on :autofill); the border (hover / focus) and the outline ring are untouched; the leading icon sits on top. */
html:is([data-skin="sg26"],#sg-skin) body :is(input):-webkit-autofill,
html:is([data-skin="sg26"],#sg-skin) body :is(textarea):-webkit-autofill,
html:is([data-skin="sg26"],#sg-skin) body :is(select):-webkit-autofill,
html:is([data-skin="sg26"],#sg-skin) body :is(input):-webkit-autofill:hover,
html:is([data-skin="sg26"],#sg-skin) body :is(textarea):-webkit-autofill:hover,
html:is([data-skin="sg26"],#sg-skin) body :is(select):-webkit-autofill:hover,
html:is([data-skin="sg26"],#sg-skin) body :is(input):-webkit-autofill:focus,
html:is([data-skin="sg26"],#sg-skin) body :is(textarea):-webkit-autofill:focus,
html:is([data-skin="sg26"],#sg-skin) body :is(select):-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset !important; box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
  -webkit-text-fill-color: var(--text) !important; caret-color: var(--text) !important; transition: background-color 9999s ease-out 0s !important;
}
html:is([data-skin="sg26"],#sg-skin) body :is(input):autofill,
html:is([data-skin="sg26"],#sg-skin) body :is(textarea):autofill,
html:is([data-skin="sg26"],#sg-skin) body :is(select):autofill{
  box-shadow: 0 0 0 1000px var(--input-bg) inset !important; -webkit-text-fill-color: var(--text) !important; caret-color: var(--text) !important; transition: background-color 9999s ease-out 0s !important;
}
/* B4.27 (V29, Angelo): only the oversized card paddings come down to --pad-card (24 / 20 / 16); nothing is enlarged */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #renew .npr-card { padding: var(--pad-card) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sgp-split > section.skeleton-content { padding: var(--pad-card) !important; }
/* B4.27 (P1, the folded rail): no native scrollbar inside the rail. A classic (Windows) scrollbar took ~10px of the 76px rail: the
   icons moved off centre and the active tile and its bar were cut. The menu still scrolls (wheel, touch, keyboard focus). */
@media (min-width: 768px) and (max-width: 1023.98px) {
  html[data-skin="sg26"] body > nav .nav-menu { scrollbar-width: none !important; }
  html[data-skin="sg26"] body > nav .nav-menu::-webkit-scrollbar { display: none; width: 0; height: 0; }
}
@media (min-width: 1024px) {
  html[data-skin="sg26"] body.sg-rail > nav .nav-menu { scrollbar-width: none !important; }
  html[data-skin="sg26"] body.sg-rail > nav .nav-menu::-webkit-scrollbar { display: none; width: 0; height: 0; }
}
/* B4.27 (P1 rail): the active bar sits outside the tile, at the menu edge (the menu scroll box clips anything further left) */
@media (min-width: 768px) and (max-width: 1023.98px) { html[data-skin="sg26"] body > nav .nav-menu li.active > a::before { left: -6px !important; } }
@media (min-width: 1024px) { html[data-skin="sg26"] body.sg-rail > nav .nav-menu li.active > a::before { left: -6px !important; } }
/* B4.27 #16 (Angelo 14/10): module togglers are the ORIGINAL compact toggle buttons again (composer «Impostazioni di Base», the
   «Licenza» / «HikerAPI» chips of Reactions): inline, auto width, one line and a chevron, on the kit tonal surface. Original box measured
   on default: inline-block 27-28px, 6-8px side padding; here the kit chip: 30px, 14/20 (GL-003 «chip e tab 30px»; 36px on the phone).
   No frame around head + panel: the panel flows below the toggle as in the original. Heads with a «Guida» (section headers with an icon
   tile) keep their design. Perf: every rightmost compound is keyed by a class / tag / attribute (no multi-argument :is()). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) {
  min-height: 0 !important; padding: 0 !important; margin: 0 0 12px !important; border: 0 !important; border-radius: 0 !important;
  background: none !important; box-shadow: none !important; width: auto !important;
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh-row.sg-gh-open:not(.sg-p0):not(.sg-p0) + .sg-gb:not(.none) {
  margin: 0 0 16px !important; padding: 4px 0 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.sg-group-toggle):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rpm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.lf-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.btm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpa-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpl-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.np-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.ap-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sticker-box-toggler),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.basic-settings-toggler),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.debug-mode-toggler){
  display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: flex-start !important; flex-direction: row !important; gap: 6px !important;
  width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 30px !important; padding: 4px 10px 4px 12px !important; margin: 0 !important;
  box-sizing: border-box !important; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; text-align: start !important;
  font: 500 14px/20px var(--f) !important; color: var(--text-2) !important; text-decoration: none !important;
  border: 1px solid var(--border-2) !important; border-radius: var(--r-full) !important; background: var(--tonal-bg) !important; box-shadow: none !important; outline: 0;
  transition: background-color .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease) !important;
}
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.sg-group-toggle):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rpm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.lf-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.btm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpa-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpl-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.np-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.ap-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sticker-box-toggler),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.basic-settings-toggler),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.debug-mode-toggler){ min-height: 36px !important; padding: 7px 12px 7px 14px !important; }
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.sg-group-toggle):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rpm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.lf-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.btm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpa-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpl-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.np-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.ap-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sticker-box-toggler):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.basic-settings-toggler):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.debug-mode-toggler):hover{ background: var(--hover-fill) !important; color: var(--text-max) !important; border-color: var(--border-strong) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.sg-group-toggle):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rpm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.lf-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.btm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpa-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpl-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.np-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.ap-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):is(.opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sticker-box-toggler):is(.opened, .active, .toggler-opened, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.basic-settings-toggler):is(.opened, .active, [aria-expanded="true"]),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.debug-mode-toggler):is(.opened, .active, [aria-expanded="true"]){ color: var(--text-max) !important; border-color: var(--brand-primary-border) !important; background: var(--brand-primary-subtle) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .sg-group-toggle > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .rpm-toggler-button:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .rp-toggler-button:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .lf-toggler-button:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .btm-toggler-button:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .pmp-toggler-button:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .pmpa-toggler-button:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .pmpl-toggler-button:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .np-toggler-button:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > .ap-toggler-button:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon{ display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.sg-group-toggle):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rpm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.rp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.lf-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.btm-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmp-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpa-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.pmpl-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.np-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0):not(.sg-p0) > :is(.ap-toggler-button):not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after{ margin-left: 0 !important; width: 14px; height: 14px; -webkit-mask-size: 14px; mask-size: 14px; }
/* focus: the kit ring on keyboard focus only, following the radius (never the square browser outline on a mouse click) */
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-group-toggle):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.rpm-toggler-button):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-toggler-button):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.lf-toggler-button):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.btm-toggler-button):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.pmp-toggler-button):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpa-toggler-button):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpl-toggler-button):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.np-toggler-button):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.ap-toggler-button):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.sticker-box-toggler):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.basic-settings-toggler):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body :is(.debug-mode-toggler):focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body [role="tab"]:focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body .nav-tabs a:focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body .tabheads a:focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body [class*="tab-head"] a:focus:not(:focus-visible),
html:is([data-skin="sg26"],#sg-skin) body a:not([class]):focus:not(:focus-visible){ outline: 0 !important; box-shadow: none; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sg-group-toggle):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.rpm-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.rp-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.lf-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.btm-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmp-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpa-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.pmpl-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.np-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.ap-toggler-button):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.sticker-box-toggler):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.basic-settings-toggler):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body :is(.debug-mode-toggler):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body [role="tab"]:focus-visible,
html:is([data-skin="sg26"],#sg-skin) body .nav-tabs a:focus-visible,
html:is([data-skin="sg26"],#sg-skin) body .tabheads a:focus-visible,
html:is([data-skin="sg26"],#sg-skin) body [class*="tab-head"] a:focus-visible{ outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px !important; }
/* B4.27 #18: the connection strip of /accounts/new moves again, as on the AddAccount artboard (Angelo 05/10): a light pulse runs
   Instagram -> lock -> SocialGrow (two dots, 1.4s apart) and the lock rings as it passes. The live hero is injected by the core topbar
   script, so there are no .flow / .lock-node elements: the motion lives in the accent mask layer (SMIL inside the SVG image).
   SMIL ignores the kit's reduced-motion kill, so the animated layer is only used with prefers-reduced-motion: no-preference;
   otherwise the static strip stays (each dot rests mid-line). */
@media (prefers-reduced-motion: no-preference) {
  html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) .ig-login-hero__headline::after { --sgc-strip-accent-anim: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20520%2082'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm461%2054%2014-14%209%209%2016-16'%20stroke-width%3D'2.5'%2F%3E%3Cpath%20d%3D'M490%2033h10v10'%20stroke-width%3D'2.5'%2F%3E%3Cg%20opacity%3D'0'%3E%3Ccircle%20cy%3D'41'%20r%3D'8.5'%20fill%3D'black'%20fill-opacity%3D'.22'%20stroke%3D'none'%2F%3E%3Ccircle%20cy%3D'41'%20r%3D'5'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3CanimateTransform%20attributeName%3D'transform'%20type%3D'translate'%20values%3D'96%200%3B216%200%3B216%200'%20keyTimes%3D'0%3B.5%3B1'%20dur%3D'2.8s'%20begin%3D'0s'%20repeatCount%3D'indefinite'%20calcMode%3D'spline'%20keySplines%3D'.4%200%20.2%201%3B0%200%201%201'%2F%3E%3Canimate%20attributeName%3D'opacity'%20values%3D'.35%3B1%3B1%3B.35%3B0%3B0'%20keyTimes%3D'0%3B.08%3B.4%3B.5%3B.5001%3B1'%20dur%3D'2.8s'%20begin%3D'0s'%20repeatCount%3D'indefinite'%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D'0'%3E%3Ccircle%20cy%3D'41'%20r%3D'8.5'%20fill%3D'black'%20fill-opacity%3D'.22'%20stroke%3D'none'%2F%3E%3Ccircle%20cy%3D'41'%20r%3D'5'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3CanimateTransform%20attributeName%3D'transform'%20type%3D'translate'%20values%3D'304%200%3B424%200%3B424%200'%20keyTimes%3D'0%3B.5%3B1'%20dur%3D'2.8s'%20begin%3D'1.4s'%20repeatCount%3D'indefinite'%20calcMode%3D'spline'%20keySplines%3D'.4%200%20.2%201%3B0%200%201%201'%2F%3E%3Canimate%20attributeName%3D'opacity'%20values%3D'.35%3B1%3B1%3B.35%3B0%3B0'%20keyTimes%3D'0%3B.08%3B.4%3B.5%3B.5001%3B1'%20dur%3D'2.8s'%20begin%3D'1.4s'%20repeatCount%3D'indefinite'%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D'260'%20cy%3D'41'%20r%3D'20'%20stroke-width%3D'1.5'%20opacity%3D'0'%3E%3Canimate%20attributeName%3D'r'%20values%3D'20%3B34%3B34'%20keyTimes%3D'0%3B.55%3B1'%20dur%3D'2.8s'%20begin%3D'1.2s'%20repeatCount%3D'indefinite'%2F%3E%3Canimate%20attributeName%3D'opacity'%20values%3D'.75%3B0%3B0'%20keyTimes%3D'0%3B.55%3B1'%20dur%3D'2.8s'%20begin%3D'1.2s'%20repeatCount%3D'indefinite'%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E"); -webkit-mask-image: var(--sgc-strip-accent-anim); mask-image: var(--sgc-strip-accent-anim); }
}
/* B4.27 #17: the «install the PHP extension» message of /accounts/new is an error, not a tip: the kit danger alert
   (tone fill 6% / border 28%, text --text, 18px alert icon in the tone), instead of the tip row with the gradient icon tile */
html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) ul.field-tips.color-red { --t: var(--t-danger); --tc: var(--status-danger); display: block; margin: 0 0 20px !important; padding: 14px 16px !important; border: 1px solid rgba(var(--t), .28) !important; border-radius: var(--r-inset) !important; background: rgba(var(--t), .06) !important; }
html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) ul.field-tips.color-red > li { padding: 0 0 0 30px !important; min-height: 21px; font: 400 14px/21px var(--f) !important; color: var(--text) !important; }
html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) ul.field-tips.color-red > li::before { content: none; }
html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) ul.field-tips.color-red > li::after { left: 0; top: 2px; width: 18px; height: 18px; background: var(--tc); -webkit-mask-image: var(--sg-ic-alert-circle); mask-image: var(--sg-ic-alert-circle); }
/* B4.27 #15: /accounts/new right column. The form is a flex column (core darkside CSS in topbar.fragment, align-items: center), so
   .container-1200 shrank to its content (336px) and the column looked fixed-width; it takes the column width again, and the
   grid columns inside (s12 m8 l4) span it. */
html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) > form > .container-1200 { flex: 1 1 auto; align-self: stretch; width: 100% !important; max-width: none !important; min-width: 0; box-sizing: border-box; }
html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) > form > .container-1200 > .row > .col { float: none !important; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
/* B4.27 #8-#10 (Angelo 14/10): Reactions «Pulizia dei target» (rp-source-pruning, task and module settings) on the phone.
   #10 group head: 32px icon tile (GL-003 riquadro icona, radius --r-md), title beside it, chevron top-right, description at full width below.
   #9  the rule cards inside a group are not a third frame: flat, separated by a divider, no inset of their own.
   #8  value rows: the label wraps, the number field keeps ~72px and never pushes the unit past the card. */
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-group-head { display: grid !important; grid-template-columns: 32px minmax(0, 1fr) 32px; column-gap: 12px; row-gap: 8px; align-items: center; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-group-summary,
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-group-summary > span:not(.rp-source-pruning-group-icon) { display: contents !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-group-icon { grid-column: 1; grid-row: 1; width: 32px !important; height: 32px !important; min-width: 32px; border-radius: var(--r-md) !important; margin: 0 !important; font-size: 16px !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-group-summary strong { grid-column: 2; grid-row: 1; margin: 0 !important; min-width: 0; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-group-summary small { grid-column: 1 / -1; grid-row: 2; display: block; margin: 0 !important; min-width: 0; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-chevron { grid-column: 3; grid-row: 1; justify-self: end; align-self: center; width: 32px !important; height: 32px !important; min-width: 32px; margin: 0 !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-card { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; padding: 16px 0 !important; margin: 0 !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-card + .rp-source-pruning-card { border-top: 1px solid var(--border) !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-card:first-child { padding-top: 4px !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-value,
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-input { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 8px; min-width: 0; max-width: 100%; box-sizing: border-box; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-value > span { flex: 1 1 auto; min-width: 0; white-space: normal !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-value > input,
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-input > input { flex: 0 0 72px; width: 72px !important; min-width: 0 !important; max-width: 72px; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-value > em,
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-input > em { flex: 0 0 auto; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-settings > label,
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-note { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; padding: 16px 0 !important; margin: 0 !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-settings > label + label,
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-settings + .rp-source-pruning-note { border-top: 1px solid var(--border) !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-settings { gap: 0 !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-source-pruning .rp-source-pruning-explainer { font: 400 14px/21px var(--f) !important; color: var(--text-2) !important; }
}
/* B4.27 #4b (Angelo 14/10): the Headway count badge sat off the bottom-right corner of the bell (18,18 in its 32px box), between the bell
   and the avatar; it goes back ON the icon: centred on the top-right corner of the 24px glyph, at every width. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar #HW_badge_cont #HW_badge { top: -2px !important; left: 16px !important; right: auto !important; bottom: auto !important; }
/* B4.27 #3 (V32 legacy look, no size change): native range inputs drew a bright native track (even with color-scheme dark, Chrome keeps
   the unfilled part light next to accent-color). Kit track instead, same 24px box: 6px --fill-3 track, filled up to the value with the
   module accent (--speed-accent where the module sets it, else --brand-primary; --sg-rp kept by app.js), the switch knob as the thumb,
   and the kit focus ring on keyboard focus. */
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"] { -webkit-appearance: none; appearance: none; height: 24px; margin: 0; padding: 0; background: transparent !important; border: 0 !important; box-shadow: none !important; cursor: pointer; }
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"]::-webkit-slider-runnable-track { height: 6px; border-radius: var(--r-full); background: linear-gradient(to right, var(--speed-accent, var(--brand-primary)) 0 var(--sg-rp, 0%), var(--fill-3) var(--sg-rp, 0%) 100%); }
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"]::-moz-range-track { height: 6px; border-radius: var(--r-full); background: var(--fill-3); }
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"]::-moz-range-progress { height: 6px; border-radius: var(--r-full); background: var(--speed-accent, var(--brand-primary)); }
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin-top: -6px; border: 0; border-radius: 50%; background: var(--switch-knob); box-shadow: var(--knob-shadow), 0 0 0 1px var(--border-2); }
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"]::-moz-range-thumb { width: 18px; height: 18px; border: 0; border-radius: 50%; background: var(--switch-knob); box-shadow: var(--knob-shadow), 0 0 0 1px var(--border-2); }
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"]:focus { outline: 0 !important; }
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"]:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--brand-focus-ring); }
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"]:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--brand-focus-ring); }
html[data-skin="sg26"] body:not(#sg-f1) input[type="range"]:disabled { cursor: not-allowed; opacity: .5; }
/* B4.27 review (/accounts): the «Filtra» / «Visualizzazione» labels sit vertically centred on their chip row (they were 5px high on
   one row and 10px low on the other: the first row of chips carries mt-10, the label did not); on the phone the account search spans
   the column like every other control (it stopped at 290px). Local :has() on .box-filters only. */
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #accounts .box-filters:has(> .box-filters-title) { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 4px; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #accounts .box-filters:has(> .box-filters-title)::before,
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #accounts .box-filters:has(> .box-filters-title)::after { content: none !important; display: none !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #accounts .box-filters > .box-filters-title:is(.box-filters-title, .box-filters-title ~ *, :has(~ .box-filters-title)){ margin-top: 0 !important; margin-bottom: 0 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #accounts .box-filters > .box-filters-title:is(a.mt-10, a.mt-10 ~ *, :has(~ a.mt-10)){ margin-top: 10px !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #accounts .box-filters:has(> .box-filters-title):not(:has(> a.mt-10)) { margin-top: 10px !important; }
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #accounts .js-account-filters-content > .box-filters:has(> form.account-search) { width: 100% !important; max-width: none !important; float: none !important; }
}
/* B4.27 review (/e/reactions and every split page on the phone): when the detail column only holds the «select an item» placeholder,
   it hugs the placeholder instead of filling the viewport (a 860px empty dashed box under the list). */
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .skeleton--full section.skeleton-content:has(> .no-data:only-child) { min-height: 0 !important; height: auto !important; flex: 0 0 auto !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .skeleton--full section.skeleton-content > .no-data:only-child { min-height: 0 !important; height: auto !important; padding: 40px 16px !important; }
}
/* B4.27 review (/e/reactions/{ACC} on the phone): the «Indietro» pill was inset 16px more than every card under it (its header kept
   the desktop side padding) and stretched to 292px; it starts on the column edge and hugs its label, like the other pill buttons. */
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #reactions-pro .section-header.back-button-wh { padding-left: 0 !important; padding-right: 0 !important; grid-template-columns: minmax(0, 1fr) !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #reactions-pro .section-header.back-button-wh > a { justify-self: start; width: auto !important; max-width: 100%; }
}
/* B4.27 review (/e/growth, every DataTables search): the search icon had no horizontal offset and sat on the «Cerca:» label text.
   Desktop: inside the 240px field (12px from its left edge). Phone: the filter spans the column, the visible label text collapses
   (it stays the accessible name of the field), the icon sits 12px inside, the field is 16px (iOS zoom). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .dataTables_wrapper .dataTables_filter input { width: 240px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .dataTables_wrapper .dataTables_filter label::after { left: auto !important; right: 212px !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .dataTables_wrapper .dataTables_filter { width: 100% !important; max-width: 100%; margin-left: 0 !important; float: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .dataTables_wrapper .dataTables_filter label { display: flex !important; width: 100%; gap: 0 !important; font-size: 0 !important; line-height: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .dataTables_wrapper .dataTables_filter input { flex: 1 1 auto; width: 100% !important; min-width: 0; font: 400 16px/20px var(--f) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .dataTables_wrapper .dataTables_filter label::after { right: auto !important; left: 12px !important; }
}
/* B4.27 review (/e/growth on the phone): a service card (collapsed or open) had no padding: icon tile and chevron on the card edge, 16px of empty
   margin under the head. The card is padded; a collapsed head has no bottom margin. */
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .gr-card.sg-gr-acc > .gr-order-form { padding: 14px 16px !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .gr-card.sg-gr-acc:not(.is-open) > .gr-order-form > .section-header { margin-bottom: 0 !important; min-height: 0 !important; height: auto !important; align-items: center !important; }
}
/* B4.27 review (/packages/{id}): the list search form painted a square --surface block inside the transparent, rounded list column
   (not sticky, so no reason for a fill); the field now sits directly in the column like the other split-page lists. */
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #package .skeleton-aside > form.search-box { background: transparent !important; box-shadow: none !important; }
/* B4.27 #4 (Angelo 14/10, revised): the phone topbar stays on ONE row (61px) at 320-414 and «Aggiungi account» ALWAYS shows its full
   label (no icon-only step, no short label, no truncation, no wrap). The CTA gets a smaller label (down to 12px at 320), less side
   padding and a smaller icon gap; the right-side icon buttons are tighter. Six ids: the phone 14px role floor (five) must not win. */
@media (max-width: 479.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-special-link:not(.topbar-special-link ~ .topbar-special-link):not(:has(~ .topbar-special-link)) { padding: 0 12px !important; gap: 6px !important; font-size: 14px !important; line-height: 18px !important; white-space: nowrap !important; flex-shrink: 0; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-special-link:not(.topbar-special-link ~ .topbar-special-link):not(:has(~ .topbar-special-link)) .icon { font-size: 15px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-actions .link { width: 36px !important; min-width: 36px; }
}
@media (max-width: 374.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-special-link:not(.topbar-special-link ~ .topbar-special-link):not(:has(~ .topbar-special-link)) { padding: 0 10px !important; gap: 5px !important; font-size: 13px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-actions .link { width: 34px !important; min-width: 34px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-actions { column-gap: 2px !important; }
}
@media (max-width: 359.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-special-link:not(.topbar-special-link ~ .topbar-special-link):not(:has(~ .topbar-special-link)) { padding: 0 7px !important; gap: 4px !important; font-size: 12px !important; letter-spacing: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-special-link:not(.topbar-special-link ~ .topbar-special-link):not(:has(~ .topbar-special-link)) .icon { font-size: 13px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-actions .link { width: 32px !important; min-width: 32px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-mobile-menu-icon { width: 40px !important; min-width: 40px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar .topbar-profile > .pull-left { padding: 0 !important; }
}
/* B4.27 #4c: Proxy Manager Pro phone topbar on one row at 320: under 360px the bar's flex gap is 5px instead of 10, so its page icons
   (21x21) sit 5px apart (centres 26px apart: still above the 24px spacing minimum, WCAG 2.5.8). Only a bar with more than one page link. */
@media (max-width: 359.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar > .clearfix:has(> .topbar-special-link ~ .topbar-special-link) { column-gap: 5px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #topbar > .clearfix:has(> .topbar-special-link ~ .topbar-special-link) > .topbar-special-link { margin-left: 0 !important; margin-right: 0 !important; }
}
/* B4.27 regress (Leads Finder): the module dims its «extra type» block with an inline opacity .25 when the chosen data type has no
   contacts (inputs disabled). Text at .25 opacity read 1.5-1.9:1. Same rule as the composer (V12): a disabled block stays readable
   with muted ink (--text-3) instead of transparency; the disabled inputs keep their own disabled look. */
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-extra-type-opacity[style*="0.25"] { opacity: 1 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-extra-type-opacity[style*="0.25"] :is(label):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-extra-type-opacity[style*="0.25"] :is(li):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-extra-type-opacity[style*="0.25"] :is(p):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-extra-type-opacity[style*="0.25"] :is(small):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-extra-type-opacity[style*="0.25"] :is(span:not(.icon)){ color: var(--text-3) !important; }
/* B4.27 regress (Admin WhatsApp settings, phone): a .fluid button was 44-108px wider than its box (content-box width 100% + padding) */
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .button.fluid,
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) button.fluid { max-width: 100%; box-sizing: border-box !important; }
/* B4.27 regress (Leads Finder): every block the parser dims with an inline opacity .25 (sliders, custom delays, accelerators, Telegram,
   extra type) stays readable with muted ink (V12 rule), not transparency. */
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowersSlider[style*="0.25"] { opacity: 1 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowersSlider[style*="0.25"] :is(label):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowersSlider[style*="0.25"] :is(li):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowersSlider[style*="0.25"] :is(p):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowersSlider[style*="0.25"] :is(small):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowersSlider[style*="0.25"] :is(span:not(.icon)){ color: var(--text-3) !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowingSlider[style*="0.25"] { opacity: 1 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowingSlider[style*="0.25"] :is(label):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowingSlider[style*="0.25"] :is(li):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowingSlider[style*="0.25"] :is(p):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowingSlider[style*="0.25"] :is(small):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #FollowingSlider[style*="0.25"] :is(span:not(.icon)){ color: var(--text-3) !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #PostsSlider[style*="0.25"] { opacity: 1 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #PostsSlider[style*="0.25"] :is(label):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #PostsSlider[style*="0.25"] :is(li):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #PostsSlider[style*="0.25"] :is(p):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #PostsSlider[style*="0.25"] :is(small):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #PostsSlider[style*="0.25"] :is(span:not(.icon)){ color: var(--text-3) !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #LastPostedSlider[style*="0.25"] { opacity: 1 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #LastPostedSlider[style*="0.25"] :is(label):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #LastPostedSlider[style*="0.25"] :is(li):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #LastPostedSlider[style*="0.25"] :is(p):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #LastPostedSlider[style*="0.25"] :is(small):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #LastPostedSlider[style*="0.25"] :is(span:not(.icon)){ color: var(--text-3) !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-telegram-notifications[style*="0.25"] { opacity: 1 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-telegram-notifications[style*="0.25"] :is(label):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-telegram-notifications[style*="0.25"] :is(li):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-telegram-notifications[style*="0.25"] :is(p):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-telegram-notifications[style*="0.25"] :is(small):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-telegram-notifications[style*="0.25"] :is(span:not(.icon)){ color: var(--text-3) !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-custom-delays[style*="0.25"] { opacity: 1 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-custom-delays[style*="0.25"] :is(label):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-custom-delays[style*="0.25"] :is(li):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-custom-delays[style*="0.25"] :is(p):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-custom-delays[style*="0.25"] :is(small):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-custom-delays[style*="0.25"] :is(span:not(.icon)){ color: var(--text-3) !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-accelerators[style*="0.25"] { opacity: 1 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-accelerators[style*="0.25"] :is(label):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-accelerators[style*="0.25"] :is(li):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-accelerators[style*="0.25"] :is(p):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-accelerators[style*="0.25"] :is(small):not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .js-accelerators[style*="0.25"] :is(span:not(.icon)){ color: var(--text-3) !important; }
/* B4.27 regress (/packages list): the «Pacchetto per soli amministratori» badge ran 4px past its meta row; it wraps inside the row */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .mrow-meta { min-width: 0; max-width: 100%; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .mrow-meta .badge { padding-left: 6px !important; padding-right: 6px !important; }
/* B4.27 sweep (#7), phone 320: the Growth tour footer (step counter + Indietro / Salta / Avanti, 255px) did not fit its 242px tooltip:
   under 360px the counter takes its own row and the buttons sit below it. The accelerator pool stat label («Disponibile —») was
   kept on one line in a narrow cell: it wraps at its word gap. */
@media (max-width: 359.98px) {
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .gr-tour-tooltip-footer { flex-wrap: wrap !important; row-gap: 8px; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .gr-tour-tooltip-footer > .meta { flex: 1 0 100%; }
}
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) button.rp-accelerator-metrics-card.rp-pool__stat { min-width: 0; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) button.rp-accelerator-metrics-card.rp-pool__stat > span { min-width: 0; white-space: normal !important; }
/* B4.27 #3 (V32 legacy look, no size change): a form label that starts with an mdi icon (Leads Finder «Nome dell automazione») had
   no gap between icon and text. */
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) label.form-label > .mdi:first-child { margin-right: 6px !important; }
/* B4.27 sweep (#7), phones: (a) the accelerator pool stat label kept nowrap from an older 4-id rule and ran out of its card at 320/360;
   (b) the support agent head and grid children kept min-width:auto, so the model pill (ellipsis) and the action buttons ran past their
   container at 320/384: they may shrink now, and the pill ellipsis does its job. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) button.rp-accelerator-metrics-card.rp-pool__stat > span { white-space: normal !important; min-width: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .stav-ai-head > * { min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .stav-grid > * { min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .stav-ai-pill { flex-shrink: 1 !important; min-width: 0 !important; }
/* B4.27 regress (light): product colours the kit never mapped, exposed now that the opened group panel sits on the page surface (#16):
   the Reactions inheritance note (#999) and the «(id N)» hints at inline opacity .6 use the muted kit ink; a status «Attivo» in raw
   green (2.5:1 on white) uses the status token. */
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .rp-action-block-inheritance-note { color: var(--text-3) !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) label.form-label > span[style*="opacity:.6"],
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) label.form-label > span[style*="opacity: 0.6"] { opacity: 1 !important; color: var(--text-3) !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) span.status.color-green { color: var(--status-success) !important; }
/* B4.27 sweep (#7), phone: the accelerator pool summary was 3 columns of ~59px at 320 («Disponibile» could not fit); under 480px it is
   one column of compact rows, label left and value right. */
@media (max-width: 479.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-pool__summary { grid-template-columns: minmax(0, 1fr) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-pool__summary > button.rp-accelerator-metrics-card.rp-pool__stat { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 12px; min-height: 0 !important; height: auto !important; padding: 8px 12px !important; }
}
/* B4.27 sweep (#7), phone: the accelerator pool action «Tutti gli utenti» kept nowrap and ran 16px out of its button at 320; it wraps. */
@media (max-width: 479.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) button.rp-pool__button { white-space: normal !important; height: auto !important; min-height: 36px; max-width: 100%; min-width: 0; }
}
/* B4.27 sweep (#7), phone: the pool user-filter row did not wrap, so its «Tutti gli utenti» button ran 19px past it at 320; the row wraps
   and the button takes the full row. */
@media (max-width: 479.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) [class*="rp-pool__user-fil"] { flex-wrap: wrap !important; min-width: 0; max-width: 100%; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) [class*="rp-pool__user-fil"] > button.rp-pool__button { flex: 1 1 100%; }
}
/* b427:end */
/* b428:begin */
/* ===== B4.28 [A285.32] Angelo 15/10 ===== */
/* #1 /accounts/new: the form column is 520 wide on desktop (Angelo; the original col l4 was 376 of 1240, so not wider). The hero keeps
   the free width. Two columns from 1200 (below that the hero would drop under ~400px: hero on top, form below, as at 900). The track
   is set by the viewport only, never by the content, so opening a section never moves it (B4.27 no-shift rule).
   Dark: the core dark block (topbar.fragment style) pads the form 0 60px 60px, which shrank the card to 336px. */
@media (min-width: 1200px) {
  html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) { grid-template-columns: minmax(0, 1fr) clamp(456px, calc(100% - 448px), 520px) !important; column-gap: 32px !important; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) { grid-template-columns: minmax(0, 1fr) !important; row-gap: 0 !important; }
  html[data-skin="sg26"] body:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) > form { grid-column: 1 !important; grid-row: 2 !important; margin-top: var(--gap-block) !important; }
}
html[data-skin="sg26"] body.darkside:not(#sg-f1) :is(#pmp-account, #account:where(.sg-core-account)) > form { padding: 0 !important; }
/* #3 Sidebar: the column under the fixed sidebar is painted on the page canvas (html, propagated to the whole document) and on body,
   so below the first viewport (long pages, full-page captures, overscroll) the rail never ends on the page background. Width =
   the shell column: 248, 76 on the rail (folded at >= 1024, or 768-1023), none on the phone. Short pages: the nav is 100vh already. */
html:is([data-skin="sg26"],#sg-skin):not(#sg-f1):not(#sg-f2):has(> body.sghas-79c9bd42) { --sg-rail-paint: var(--sidebar-w); }
html:is([data-skin="sg26"],#sg-skin):not(#sg-f1):not(#sg-f2):has(> body.sghas-79c9bd42),
html:is([data-skin="sg26"],#sg-skin) body.sghas-79c9bd42:not(#sg-f1):not(#sg-f2) {
  background-image: linear-gradient(to right, var(--surface) 0px, var(--surface) calc(var(--sg-rail-paint) - 1px), var(--sidebar-line) calc(var(--sg-rail-paint) - 1px), var(--sidebar-line) var(--sg-rail-paint), transparent var(--sg-rail-paint)) !important;
  background-repeat: repeat-y !important;
}
html:is([data-skin="sg26"],#sg-skin) body.sghas-79c9bd42:not(#sg-f1):not(#sg-f2) { --sg-rail-paint: var(--sg-shell-left, var(--sidebar-w)); }
@media (min-width: 1024px) { html:is([data-skin="sg26"],#sg-skin):not(#sg-f1):not(#sg-f2):has(> body.sghas-79c9bd42.sg-rail) { --sg-rail-paint: var(--rail-w); } }
@media (min-width: 768px) and (max-width: 1023.98px) { html:is([data-skin="sg26"],#sg-skin):not(#sg-f1):not(#sg-f2):has(> body.sghas-79c9bd42) { --sg-rail-paint: var(--rail-w); } }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin):not(#sg-f1):not(#sg-f2):has(> body.sghas-79c9bd42),
  html:is([data-skin="sg26"],#sg-skin) body.sghas-79c9bd42:not(#sg-f1):not(#sg-f2) { background-image: none !important; }
}
/* #4 Reactions settings: the save bar (docked or floating) is as wide as its column (the 96 / 64 / 76px chat-button gaps are gone);
   the chat button rises above the floating bar instead (app.js b428js sets --sg-fab-lift), and the page keeps a bottom reserve so
   the last button never ends under it. */
html:is([data-skin="sg26"],#sg-skin) body.sghas-0796688e:not(#sg-f1):not(#sg-f2):not(#sg-f3) #reactions-pro .rp-schedule-save-bar.is-fixed { right: auto !important; box-sizing: border-box !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-0796688e:not(#sg-f1):not(#sg-f2):not(#sg-f3) #reactions-pro .rp-schedule-save-bar:not(.is-fixed) { width: auto !important; margin-right: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-0796688e:not(#sg-f1):not(#sg-f2):not(#sg-f3) #reactions-pro { padding-bottom: 92px !important; }
/* [SG-PATCH 2026-10-17 f1017fl | Felix] desktop only: on the phone the floating bars end beside the chat button (Reactions: ai-support.css
   f1017fl; package edit: admin.css), Angelo 17/10, so the button keeps its own place (right 28, bottom 28). */
@media (min-width: 768px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1) #sgchatFab.sgchat-fab { margin-bottom: var(--sg-fab-lift, 0px) !important; } }
/* #5 PMP «Azzera i filtri»: its refresh icon is the ::before, which the kit phone touch-target rule (.btn-sm::before, absolute and
   centred) put on top of the label. Only this button: the icon back in flow, the touch area on its ::after. The chips are untouched. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1) .sgp-px-head .pmp-package-filters > a.pmp-bulk-btn.btn.sgp-flush { position: relative; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1) .sgp-px-head .pmp-package-filters > a.pmp-bulk-btn.btn.sgp-flush::before { position: static !important; left: auto !important; top: auto !important; transform: none !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1) .sgp-px-head .pmp-package-filters > a.pmp-bulk-btn.btn.sgp-flush::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: max(100%, 44px); transform: translateY(-50%); }
}
/* #6 Phone type scale (Angelo: «fai come ritieni», B4.27 proposal): body 14/21, help 13/19, labels 14/20, captions and chips 13/18,
   buttons 14/20, section titles 16/24; fields stay 16px (iOS zoom), text fields only: a submit / button input is a button. */
@media (max-width: 767.98px) {
  :root[data-skin="sg26"]:not(#sg-f1) { --fs-caption: 13px; --lh-caption: 18px; --fs-body: 14px; --lh-body: 21px; --fs-v13: 13px; --fs-v14: 14px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) input.button:not(.sg-p0):not(.sg-p0):not(.sg-p0)[type="submit"],
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) input.button:not(.sg-p0):not(.sg-p0):not(.sg-p0)[type="button"] { font-size: 14px !important; line-height: 20px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header > h2.section-title:not(.sg-p0) { font-size: 16px !important; line-height: 24px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton p.field-tips:not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .hc-wrap p.field-tips:not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .container-1200 p.field-tips:not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-root p.field-tips:not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .modal p.field-tips:not(.sg-p0):not(.sg-p0){ font-size: 13px !important; line-height: 19px !important; }
}
/* #8 Reactions target list actions (Angelo): compact buttons at their label width in a wrapping row (gap 8), as the original three per
   row and never one full-width pill per row; the same for every m4 / l4 / m3 / l3 button cell of the B4.23 button-row rule. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col.m4:has(> .fluid.button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col.l4:has(> .fluid.button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col.m3:has(> .fluid.button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col.l3:has(> .fluid.button),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col:has(> .target-list-button) { flex: 0 1 auto !important; width: auto !important; max-width: 100%; min-width: 0; margin-top: 0 !important; margin-bottom: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col.m4 > .fluid.button,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col.l4 > .fluid.button,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col.m3 > .fluid.button,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col.l3 > .fluid.button,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col > .fluid.button.target-list-button { width: auto !important; max-width: 100%; white-space: normal; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col > .button.target-list-button.active,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .clearfix > .col > .button.target-list-button[aria-pressed="true"] { color: var(--text-max) !important; border-color: var(--brand-primary-border) !important; background: var(--brand-primary-subtle) !important; }
/* #9 Group heads with «Guida» (Reactions, PMP, Bypassing, Parser, Growth, Repost; Angelo overrides the B4.27 exception): the same
   compact toggle chip as every other group head, the tonal «Guida» right after it on the same line, no bar around the head and no
   frame around the open body (app.css B4.27 #16 rules, exception removed). On a narrow line the chip label wraps inside the chip. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh-row:not(.none):not(.sg-p0) { justify-content: flex-start !important; flex-wrap: nowrap; gap: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh-row:not(.sg-p0):not(.sg-p0) > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) { flex: 0 1 auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh-row:not(.sg-p0):not(.sg-p0) > .sg-group-toggle { flex: 0 1 auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh-row > .robi-learn-btn { flex: 0 0 auto !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh-row > .sg-guida { flex: 0 0 auto !important; margin: 0 !important; }
/* #9 the same for the heads that are a .section-header (sg-gh-sh: Bypassing integrations and the module settings built that way):
   no card bar around the head, no card around its open panels, the toggle is the compact chip */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) { display: flex !important; flex-wrap: nowrap; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 0 12px !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0)::before, html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0)::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) ~ .section-content:not(.none) { margin: 0 !important; padding: 4px 0 16px !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) { display: inline-flex !important; flex: 0 1 auto !important; align-items: center !important; justify-content: flex-start !important; flex-direction: row !important; gap: 6px !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 30px !important; padding: 4px 10px 4px 12px !important; margin: 0 !important; box-sizing: border-box !important; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; text-align: start !important; text-wrap: balance; font: 500 14px/20px var(--f) !important; color: var(--text-2) !important; text-decoration: none !important; border: 1px solid var(--border-2) !important; border-radius: var(--r-full) !important; background: var(--tonal-bg) !important; box-shadow: none !important; transition: background-color .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease) !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) { min-height: 36px !important; padding: 7px 12px 7px 14px !important; } }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):hover { background: var(--hover-fill) !important; color: var(--text-max) !important; border-color: var(--border-strong) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)).opened, html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))[aria-expanded="true"] { color: var(--text-max) !important; border-color: var(--brand-primary-border) !important; background: var(--brand-primary-subtle) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .sg-group-icon, html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) > .mdi.icon { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *))::after { margin-left: 0 !important; width: 14px; height: 14px; -webkit-mask-size: 14px; mask-size: 14px; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .section-header.sg-gh-sh:not(.sg-p0):not(.sg-p0) > .sg-tg-hug.sg-tg-hug.sg-tg-hug:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) { width: var(--sg-tg-w) !important; }
/* #2 / #9 a chip label that still needs two lines wraps inside the chip: balanced lines, and app.js b428js sizes the chip to its widest
   line (--sg-tg-w), so it never stretches to the full row */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh > [class*="toggler-button"]:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)) { text-wrap: balance; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sg-gh:not(.sg-p0) > .sg-tg-hug.sg-tg-hug.sg-tg-hug:not(:where(.sga-ms *, .sga-rx *, .sgm-tog *)):not(.sg-p0) { width: var(--sg-tg-w) !important; }
/* #10 /post Media panel (Angelo): three square thumbs per row at every width (the grid was on .ofm-files, the thumbs live in
   .ofm-files-inner); overlays never overlap: check top-left, kebab top-right, type badge bottom-left (11px, Angelo). Header: one row,
   «Media» left, actions right on one 32px line with 8px gaps, no divider; when narrow the actions wrap under the title, left-aligned.
   «Cancella» / «Info» keep the original reveal (hover on the panel / .visible) but hold their place, so nothing jumps. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post #filemanager .ofm-files { display: block !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post #filemanager .ofm-files-inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; align-content: start; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post #filemanager .ofm-files-inner > :not(.ofm-file) { grid-column: 1 / -1; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post #filemanager .ofm-file > div { border-radius: 10px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post #filemanager .ofm-file .ofm-file-preview { background-size: cover !important; background-position: center !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post #filemanager .ofm-file .ofm-file-ext { position: absolute !important; left: 6px !important; bottom: 6px !important; top: auto !important; right: auto !important; width: auto !important; height: auto !important; max-width: calc(100% - 12px); margin: 0 !important; padding: 0 6px !important; display: block !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: var(--r-full) !important; background: color-mix(in srgb, #000 60%, transparent) !important; color: #fff !important; font: 600 11px/16px var(--f) !important; letter-spacing: .02em; text-transform: uppercase; pointer-events: none; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-header:has(> .section-title-post) { flex-wrap: wrap !important; column-gap: 12px !important; row-gap: 8px !important; justify-content: flex-start !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-header > .section-title-post { flex: 1 1 auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-header > .section-actions:is(.section-title-post, .section-title-post ~ *, :has(~ .section-title-post)){ flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-header:has(> .section-title-post) > .section-actions > .more { display: flex !important; align-items: center !important; gap: 8px !important; height: 32px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-header:has(> .section-title-post) > .section-actions > .more > a.icon { width: 32px !important; height: 32px !important; }
/* #10 the clearfix pseudo-elements of the thumb list and of the header actions were grid / flex items (an empty first cell, an 8px
   offset before «Il tuo PC») */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post #filemanager .ofm-files-inner::before,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post #filemanager .ofm-files-inner::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-header > .section-actions::before,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-header > .section-actions::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-header > .section-actions > .more::before,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post .section-header > .section-actions > .more::after { content: none !important; display: none !important; }
/* B4.28 regress (Reactions Avanzata, phone): Reactions dims the settings of an action that is off with an inline opacity .25 (Repost,
   likes, follow, DM, filters, activity time). Text at .25 read 1.5-1.9:1. The B4.27 V12 rule (Leads Finder): the block stays readable
   with muted ink, not transparency; its disabled inputs keep their own disabled look. */
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #reactions-pro div[style*="opacity: 0.25"] { opacity: 1 !important; }
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #reactions-pro div[style*="opacity: 0.25"] label:not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #reactions-pro div[style*="opacity: 0.25"] li:not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #reactions-pro div[style*="opacity: 0.25"] p:not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #reactions-pro div[style*="opacity: 0.25"] b:not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #reactions-pro div[style*="opacity: 0.25"] small:not(.sg-p0),
html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) #reactions-pro div[style*="opacity: 0.25"] span:not(.icon):not(.sg-p0) { color: var(--text-3) !important; }
/* B4.28 review (picky pass): Reactions list and account settings started flush under the topbar (cards touching its line); the page
   gets the same top gap as every other desktop page */
@media (min-width: 768px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #reactions-pro.skeleton--full { padding-top: var(--gap-block) !important; } }
/* B4.28 review (/e/growth phone): the edge fade of a sideways-scrolling table box spares the DataTables bar above the table (the
   «Cerca» field read as cut off): an opaque mask layer covers the bar (--sg-hfade-top, app.js) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1) .sg-hfade[style*="--sg-hfade-top"] { -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(to right, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(#000, #000), linear-gradient(to right, #000 calc(100% - 32px), transparent); -webkit-mask-size: 100% var(--sg-hfade-top, 0px), 100% 100%; mask-size: 100% var(--sg-hfade-top, 0px), 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 0 0, 0 0; mask-position: 0 0, 0 0; }
/* B4.28 review: the admin master-detail pages (sga-md: packages, users, management) also started flush under the topbar, the detail
   card cut by its line: the same top gap as every page */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .skeleton.skeleton--full.sga-md { padding-top: var(--gap-block) !important; }
/* #11 One chevron per select (Angelo, «Seleziona account»): the kit select draws its chevron as a background; a trailing caret glyph
   next to it (composer account picker .mdi-menu-down.caret, any .caret / menu-down / chevron-down sibling) was the second one. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) select:not([multiple]):not(.select2-hidden-accessible) ~ .caret,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) select:not([multiple]):not(.select2-hidden-accessible) ~ .mdi-menu-down,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) select:not([multiple]):not(.select2-hidden-accessible) ~ .mdi-chevron-down { display: none !important; }
/* B4.28 review: «Pulizia dei target» sat 32px above the next head (its section wrapper adds mb-20 to the head's 12px); same rhythm as
   every head now (the open panel keeps its own 16px after it) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #reactions-pro .rp-source-pruning-section.mb-20 { margin-bottom: 0 !important; }
/* b428:end */
/* b429:begin  sg2026 B4.29 [A285.33] Angelo 15/10 list (DEV) */
/* B4.29 #1 rich editors (/post Descrizione / Primo commento, emojionearea and any contenteditable editor inside a field): the inner
   editable area never draws its own square focus outline; focus shows on the rounded outer field only, as the kit field focus */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.emojionearea-editor):not(.sg-p0):is(:focus, :focus-visible),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.emojionearea [contenteditable]):is(:focus, :focus-visible),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.note-editable):not(.sg-p0):is(:focus, :focus-visible),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.cke_editable):not(.sg-p0):is(:focus, :focus-visible),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.ql-editor):not(.sg-p0):is(:focus, :focus-visible),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.input [contenteditable]):is(:focus, :focus-visible){ outline: 0 !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.emojionearea):is(:focus-within, .focused),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.note-editor):is(:focus-within, .focused),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.cke):is(:focus-within, .focused),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.ql-container):is(:focus-within, .focused){ border-color: var(--brand-primary-border) !important; }
/* B4.29 #2 segmented controls: the ON segment is the brand fill with the on-primary label (the shared ON rules, in place in app.css
   11.A/11.H, the kit .tab.is-on and the page files); unselected segments stay neutral. A hover rule that outranks an ON rule keeps the label */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1) .srep-wrapper--narrow .srep-tab.srep-tab--active:hover { color: var(--brand-on-primary) !important; }
/* B4.29 #3 /post sticker groups: a closed .sticker-box kept its 14px padding + border (30px of invisible box after every closed head).
   Closed = no box; heads stack 12px apart and the open panel sits 12px under its head (12px top margin, collapsing with the wrapper mb-5), 16px after the open panel */
html[data-skin="sg26"] body #post:not(.skeleton--full) .sticker-box.sticker-box { margin: 12px 0 0 !important; } /* doubled class: beats pages/core.css 8px (loaded after) */
html[data-skin="sg26"] body #post:not(.skeleton--full) .sticker-box:not(.active) { padding: 0 !important; border-width: 0 !important; box-shadow: none !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .sticker-box.sticker-box.active { margin-bottom: 16px !important; }
/* B4.29 #4 field icons (Nextpost .pos-r > .field-icon--left/right): the original box is 50px high from the bottom (old 50px input),
   so on the 40px kit field the glyph sat 5px high. Box = the field height, glyph 18px centred, same 44px inset column as .leftpad */
html[data-skin="sg26"] body .pos-r > :is(.field-icon--left),
html[data-skin="sg26"] body .pos-r > :is(.field-icon--right){ top: auto; bottom: 0; height: 40px; width: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; box-sizing: border-box; }
@media (max-width: 767.98px) { html[data-skin="sg26"] body .pos-r > :is(.field-icon--left),
html[data-skin="sg26"] body .pos-r > :is(.field-icon--right){ height: 44px; } }
/* B4.29 #5 one toggler style: the old caret glyph (open = mdi-menu-up, a filled triangle) is the kit chevron, turned up */
html[data-skin="sg26"] body .mdi-menu-up{--sg-g:var(--sg-ic-chevron-down)}
html[data-skin="sg26"] body .mdi-menu-up::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.125em;background:currentColor;-webkit-mask:var(--sg-g) center/100% 100% no-repeat;mask:var(--sg-g) center/100% 100% no-repeat;transform:rotate(180deg)}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sticker-box-toggler > :is(.mdi-menu-down),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .basic-settings-toggler > :is(.mdi-menu-down),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .debug-mode-toggler > :is(.mdi-menu-down),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sticker-box-toggler > :is(.mdi-menu-up),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .basic-settings-toggler > :is(.mdi-menu-up),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .debug-mode-toggler > :is(.mdi-menu-up){ font-size: 14px !important; line-height: 1 !important; color: var(--text-muted) !important; margin: 0 !important; }
/* B4.29 #6 Slave Manager (/e/slave-manager): 11 columns fit at >= 1280 (cells 8px a side, headers on two lines when needed, the owner e-mail wraps, actions icon-only 28px with the label as
   tooltip + accessible name, «N · date» / «time» on two lines); below that the table scrolls sideways with the edge fade.
   The phone (< 768) keeps the labelled buttons (the phone type floor would size the hidden labels). */
@media (min-width: 768px) {
  html[data-skin="sg26"] body .sm-wrap table.sm-table :is(th),
html[data-skin="sg26"] body .sm-wrap table.sm-table :is(td){ padding-left: 8px !important; padding-right: 8px !important; }
  html[data-skin="sg26"] body .sm-wrap table.sm-table th { white-space: normal !important; vertical-align: bottom; }
  html[data-skin="sg26"] body .sm-wrap table.sm-table td:nth-child(2) { max-width: 160px; overflow-wrap: anywhere; }
  html[data-skin="sg26"] body .sm-wrap table.sm-table td:last-child { width: 1%; white-space: nowrap; }
  html[data-skin="sg26"] body .sm-wrap .sm-act { flex-wrap: nowrap !important; gap: 4px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sm-wrap table.sm-table div.sm-act > :is(button):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sm-wrap table.sm-table div.sm-act > :is(button.danger.danger.danger.danger){ width: 28px !important; min-width: 28px !important; height: 28px !important; min-height: 28px !important; padding: 0 !important; display: inline-grid !important; place-items: center; font-size: 0 !important; line-height: 0 !important; overflow: hidden !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sm-wrap table.sm-table div.sm-act > :is(button):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0)::before,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sm-wrap table.sm-table div.sm-act > :is(button.danger.danger.danger.danger)::before{ content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--sg-g, var(--sg-ic-check)) center / 14px no-repeat; mask: var(--sg-g, var(--sg-ic-check)) center / 14px no-repeat; }
  html[data-skin="sg26"] body .sm-wrap .sm-act > button[onclick*="relogin"] { --sg-g: var(--sg-ic-refresh); }
  html[data-skin="sg26"] body .sm-wrap .sm-act > button[onclick*="whitelist"] { --sg-g: var(--sg-ic-check-circle); }
  html[data-skin="sg26"] body .sm-wrap .sm-act > button[onclick*="remove"] { --sg-g: var(--sg-ic-trash); }
}
html[data-skin="sg26"] body .sm-wrap .sg-nw { white-space: nowrap; }
/* B4.29 #7 Engagement Boost card checkout: the total on the left, «Procedi al pagamento» on its right on the same row whenever the
   card is wide enough for both (card content >= 260px: 1440, 1280, tablet); stacked in narrower cards and on the phone. Button about 240px
   when there is room, never squeezing the 32px total (the card is the size container; its width comes from the page grid). */
html[data-skin="sg26"] body #ann .gr-card { container-type: inline-size; }
@container (min-width: 260px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #ann .gr-card .gr-order-form { grid-template-columns: minmax(0, 1fr) auto; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #ann .gr-card .gr-order-form input.gr-submit-btn.gr-submit-btn { grid-column: 2 !important; justify-self: end !important; width: auto !important; min-width: clamp(0px, calc(100cqi - 110px), 240px) !important; padding: 0 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #ann .gr-card .gr-price { grid-column: 1 !important; max-width: none !important; min-width: 0; }
  /* the .clearfix wrapper is display: contents, so its ::before / ::after were grid items taking the cell right of the price */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #ann .gr-card .gr-order-form > :is(.clearfix)::before,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #ann .gr-card .gr-order-form > :is(.section-content)::before,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #ann .gr-card .gr-order-form > :is(.clearfix)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #ann .gr-card .gr-order-form > :is(.section-content)::after{ display: none !important; }
}
/* b429:end */
/* b431stk:begin  [SG-PATCH 2026-10-17 | Felix] /post sticker cards (Hashtag / Username / Link), Vera's gate on B4.30.
   1 Keyboard (WCAG 2.1.1): the vendor rule `.checkbox { display: none }` took the native input out of the tab order. Inside the sticker
     cards it is visually hidden instead (clipped 1px, still focusable, Space toggles it) and the switch shows the kit ring on
     :focus-visible. A disabled input stays out of the tab order natively. Scoped to the cards: the vendor rule is the same component on
     every page, but those 66 routes were not gated with this change.
   2 Label row = flex box (no inline line box under the switch); desktop row = the 26px switch, phone row = a 44px hit area.
   3 Field focus: the kit ring (--pf-focus-ring 2px, offset 2) instead of the 1px brand box-shadow with outline none.
   4 (padding 16px: pages/core.css)  5 (wrapper margins removed in post.fragment.php; the b430stk containment block is deleted) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .sticker-box label:has(> input.checkbox) { position: relative !important; display: flex !important; width: fit-content; max-width: 100%; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .sticker-box label > input.checkbox {
  display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 1px !important; height: 1px !important;
  margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important; white-space: nowrap !important;
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .sticker-box label > input.checkbox + span { padding-top: 0 !important; padding-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .sticker-box div.mb-5:has(> label > input.checkbox) { margin-bottom: 8px !important; } /* row gap on the scale (was mb-5 = 5px) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .sticker-box label > input.checkbox:focus-visible + span .icon { outline: 2px solid var(--pf-focus-ring) !important; outline-offset: 2px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .sticker-box input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus-visible {
  outline: 2px solid var(--pf-focus-ring) !important; outline-offset: 2px !important; box-shadow: none !important; border-color: var(--brand-primary-border) !important;
}
/* 1b The vendor collapse hides a closed sticker box and the closed «Impostazioni avanzate» section that holds them with max-height 0 +
   opacity 0 only, so their controls stayed in the tab order (the field and, after 1, the switches = invisible tab stops). Closed =
   visibility hidden: out of the tab order and the accessibility tree; the vendor `transition: all .2s` keeps the fade-out visible. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .advanced-settings:not(.active),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .sticker-box:not(.active) { visibility: hidden !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .sticker-box label > input.checkbox + span { min-height: 44px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) #post:not(.skeleton--full) .sticker-box div.mb-5:has(> label > input.checkbox) { margin-bottom: 0 !important; } /* the 44px rows are the gap */
}
/* b431stk:end */
/* f1017loc:start - /post search results (location, hashtag, people): readable rows. core.css ships .item 12px, .sub 10px, padding 3px 12px.
   Primary line 15px like the surrounding controls, secondary 13px muted, rows 12/16 padding (>= 44px), colours untouched except .sub -> --text-muted. */
html:is([data-skin="sg26"],#sg-skin) body #post .search-results p { margin: 8px 16px !important; font-size: 13px !important; line-height: 18px !important; color: var(--text-muted) !important; }
html:is([data-skin="sg26"],#sg-skin) body #post .search-results .item { display: flex !important; flex-direction: column; justify-content: center; gap: 4px; min-height: 44px; padding: 12px 16px !important; font-size: 15px !important; line-height: 20px !important; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body #post .search-results .item.none { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #post .search-results .sub { font-size: 13px !important; font-weight: 400 !important; line-height: 18px !important; color: var(--text-muted) !important; }
html:is([data-skin="sg26"],#sg-skin) body #post .search-results .view-all { display: flex !important; align-items: center; min-height: 44px; padding: 12px 16px !important; font-size: 15px !important; line-height: 20px !important; }
/* f1017loc:end */
/* f1017mg:begin */
/* [SG-PATCH 2026-10-17 | Felix] Angelo 17/10, Management users + accounts on the phone.
   Search field (both tables): iOS draws a native search field and ignores its padding, so the text ran under the magnifier
   («Qgiul»); with the native look off the 36px left padding (icon 12 + 16 + 8) holds everywhere. */
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .dataTables_filter input[type="search"] { -webkit-appearance: none !important; appearance: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .dataTables_wrapper .dataTables_filter input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
@media (max-width: 767.98px) {
  /* the scroll box around bar + table (.pre-datatable on users, the DataTables wrapper on accounts) overflowed 3px down and showed
     its own vertical scrollbar: it scrolls sideways only, the page does the vertical scroll */
  html:is([data-skin="sg26"],#sg-skin) body .sga-mg-inner :is(.pre-datatable),
html:is([data-skin="sg26"],#sg-skin) body .sga-mg-inner :is(.dataTables_wrapper){ overflow-y: hidden !important; }
  /* users rows: «modifica» and «login» side by side, 8px apart, never stacked */
  html:is([data-skin="sg26"],#sg-skin) body #dataTable td.c-azioni { white-space: nowrap !important; }
  html:is([data-skin="sg26"],#sg-skin) body #dataTable td.c-azioni a.small.button + a.small.button { margin-block-start: 0 !important; margin-inline-start: 8px !important; }
}
/* f1017mg:end */
/* f1017tabs:begin */
/* [SG-PATCH 2026-10-17 | Felix] Angelo 17/10: in every segmented tab bar the selected tab is the accent pill with on-accent text, as on
   Reactions (.react-tab-heads, app.css:1288) and Social Reports. Lead Mailer (.lm-tab.is-active, a raised grey pill) and the Pod admin
   (.pod-tabs li.active, the plugin tinted pill) join it here, one rule, tokens only. Phone: one row, 8px gaps, 12px side padding,
   sideways scroll with no scrollbar (as .srep-tabs, ai-support.css f1017srep). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.lm-tabs > a.lm-tab.is-active):not(.sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :where(ul.pod-tabs > li.active > a):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sg-root .tabs > a.tab.is-on):not(#sg-p0){ background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; border-color: transparent !important; box-shadow: none !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) ul.pod-tabs > li.active > a:not(#sg-p0) .mdi { color: inherit !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.lm-tabs):not(.sg-p0):not(.sg-p0):not(sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(ul.pod-tabs):not(.sg-p0):not(.sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sg-root .tabs:has(> a.tab)):not(#sg-p0){ flex-wrap: nowrap !important; gap: 8px !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.lm-tabs):not(.sg-p0):not(.sg-p0):not(sg-p0):not(#sg-p0)::-webkit-scrollbar,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(ul.pod-tabs):not(.sg-p0):not(.sg-p0):not(#sg-p0)::-webkit-scrollbar,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sg-root .tabs:has(> a.tab)):not(#sg-p0)::-webkit-scrollbar{ display: none; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.lm-tabs > a.lm-tab):not(.sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :where(ul.pod-tabs > li):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :where(ul.pod-tabs > li > a):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sg-root .tabs > a.tab):not(#sg-p0){ flex: 0 0 auto !important; white-space: nowrap !important; margin: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.lm-tabs > a.lm-tab):not(.sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :where(ul.pod-tabs > li > a):not(.sg-p0):not(.sg-p0):not(.sg-p0):not(sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sg-root .tabs > a.tab):not(#sg-p0){ padding-left: 12px !important; padding-right: 12px !important; }
}
/* f1017tabs:end */
/* f1017s2:begin */
/* [SG-PATCH 2026-10-17 | Felix] select2 multiple (Email Pro «Select the recipient»): the inline search input is part of the field, not a
   second box: transparent, borderless, native look off; alone in the field it takes the full width (desktop and phone). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .select2-container .select2-selection--multiple .select2-search--inline { background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; -webkit-appearance: none !important; appearance: none !important; margin: 0 !important; color: var(--text) !important; max-width: 100%; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .select2-container .select2-selection--multiple .select2-selection__rendered > .select2-search--inline:only-child,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .select2-container .select2-selection--multiple .select2-selection__rendered > .select2-search--inline:only-child .select2-search__field { width: 100% !important; }
/* f1017s2:end */
/* f1017chat:begin */
/* [SG-PATCH 2026-10-17 | Felix] Support chat panel (#sgchatFab → «Supporto»), Angelo 17/10: the two option cards «Guide e FAQ» and
   «Invia un messaggio» show their icon and title in the normal text colour, not the accent; the subtitle stays muted and the → arrow
   keeps its own colour (.sgchat-arr). Desktop and phone. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .sgchat-opt > .mdi:not(.sgchat-arr),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .sgchat-opt > span:not(.mdi) > b { color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .sgchat-opt > span:not(.mdi) { display: flex !important; flex-direction: column; gap: 2px; } /* the same title-to-subtitle step in both cards (the <a> card had a taller one) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .sgchat-opt > span:not(.mdi) > small { margin: 0 !important; }
/* f1017chat:end */
/* a347s3-floor:begin */
/* [SG-PATCH 2026-10-20 A347 S3 | Felix] Role floors of GL-001 §7.3 («nessun testo visibile sotto 13 px»; labels and controls 14) on
   the components Reactions 16 and Repost 6 added after the skin was drawn: AI connections and ChatGPT Codex (both modules), session
   safety and warm-up (Reactions admin), the growth dock of the stats page, Repost help lists. Help, notes, badges, status: 13/18.
   Field labels, option texts, section titles, controls: 14/20. Sizes and layout only; every colour stays the module's or the skin's.
   Generated by /root/felix-sg2026/s3/gen_floor.py. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections p.ai-help:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections p.ai-description:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .ai-status-row:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .rp-codex-badge:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .ai-badge:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .rp-codex-about > summary:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .ai-heading-copy p:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .ai-text-link:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .ai-caption:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .ai-metrics small:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .field-tips:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .rp-codex-copy > span:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections p.ai-help:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections p.ai-description:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .ai-status-row:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .rp-codex-badge:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .ai-badge:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .rp-codex-about > summary:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .ai-heading-copy p:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .ai-text-link:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .ai-caption:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .ai-metrics small:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .field-tips:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .rp-codex-copy > span:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope p.ai-help:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope p.ai-description:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .ai-status-row:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .rp-codex-badge:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .ai-badge:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .rp-codex-about > summary:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .ai-heading-copy p:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .ai-text-link:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .ai-caption:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .ai-metrics small:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .field-tips:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .rp-codex-copy > span:not(#sg-p0) { font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .form-label:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .form-label:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .form-label:not(#sg-p0) { font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .ai-actions:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .ai-actions:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .ai-actions:not(#sg-p0) { align-items: flex-start !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-ai-connections .ai-actions .button:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-ai-connections .ai-actions .button:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-scope .ai-actions .button:not(#sg-p0) { width: auto !important; max-width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-session-safety-step-content > p:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-session-safety-help:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-session-safety-activation-note > p:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-warmup-actions-help:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-manager-filters-summary > span:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-task-manager-custom-labels-title:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) table.datatable-reactions span.status:not(#sg-p0) { font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-action-safety-controls .form-label:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-session-safety-risk-fields .form-label:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-warmup-action-row .form-label:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-session-safety-option > span > span:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-session-safety-activation-note > strong:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-session-safety-step-content > strong:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) h3.rp-session-safety-section-title:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) a.rp-growth-dock:not(#sg-p0) { font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-rp:not(#sg-rp0) p.field-tips:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #repost-pro p.field-tips:not(#sg-p0) { font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .rp-codex-heading-title .rp-disclosure-title:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) strong.rp-disclosure-title:not(#sg-p0) { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
/* a347s3-floor:end */
/* a347rc10-floor:begin */
/* [SG-PATCH 2026-10-21 A347 rc10 M3 | Felix] Caption floor of GL-001 §7.3 («nessun testo visibile sotto 13 px»; help, small, table
   heads, chips, badges, status 13) on the 12/11/10 px texts of Vera's S10 rc2 gate (M3): post preview time, WhatsApp status and file
   name, Help Center progress, PMP users (head, re-login, last allocation), PMP proxy chip, reseller chart months, affiliate id and
   spark value, legal index, reseller portal status and help, the public PMP statistics page (vendor CSS 10-12 px). 13/18; sizes
   only, every colour stays where it is. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) #draggable-zone .preview-caption-wrapper > .sg-pv-time:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .wa-status > span.st:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .sgp-wa-sess-main > span.st:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) #watsapp-pro.sgp-wa-dash .st:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .skeleton.sgp-wa-sub .st:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .sgp-wa-file .sgp-wa-file-name:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .hc-wrap .hc-progress-meta:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .hc-wrap .hc-progress-meta > span:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .hc-wrap .hc-card-head > .sub:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .sgp-pu-accinfo > .login-required:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .sgp-pu-accinfo > .sgp-pu-sub:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .sgp-pu-sub > .pmp-d-last-allocation-check:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .sgp-pu-card > .sgp-pu-thead > span:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .ip-info-pmp-block > .ip-info-pmp:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .ip-info-pmp:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .chart-x > span:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .sg-aff-name > .aff-id-badge:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .aff-spark-head > .val:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .tm-toc > .tm-toc-t:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .rsp-status:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .rsp-help:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.pmp-public-stats:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .pmp-stats-eyebrow:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.pmp-public-stats:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .pmp-stats-period > span:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.pmp-public-stats:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .pmp-stats-scale > a:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.pmp-public-stats:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .pmp-stats-account-chip small:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.pmp-public-stats:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .js-pmp-stats-countdown:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.pmp-public-stats:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .pmp-stats-footer:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.pmp-public-stats:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .pmp-stats-section-switcher > a:not(#sg-p0) { font-size: 13px !important; line-height: 18px !important; }
/* a347rc10-floor:end */

/* [SG-PATCH 2026-10-20 A347 S3p | Felix] speed pass (Angelo 20/10): selectors rewritten by /root/felix-sg2026/s3p/tools/build.sh from the pre-pass file - non-subject :has() moved to the subject, multi-argument :is()/:where() split into bucketable branches, ancestor :is() lists expanded. Same matches, same specificity (padding :not(#sg-p0)/:not(.sg-p0)/:not(sg-p0)); nothing on screen changes. */


/* [SG-PATCH 2026-10-23 | Felix] Admin module headings use the full row. They are not the compact task/composer chips above.
   Values reuse the existing disclosure primitive (pro-modules.css A295/A304): one surface, one chevron, flexible copy. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sga-ms,.sga-rx,.sgm-tog) [class*="toggler-button"]:not(.none, [hidden], [style*="display: none"], [style*="display:none"]) {
  display: flex !important; flex: 1 1 auto !important; align-items: center !important; justify-content: flex-start !important;
  gap: 12px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 64px !important; height: auto !important;
  padding: 12px 16px !important; margin: 0 !important; box-sizing: border-box !important; border: 0 !important;
  border-radius: calc(var(--r-lg) - 1px) !important; background: transparent !important; box-shadow: none !important;
  text-align: start !important; white-space: normal !important; text-wrap: wrap; font: 600 14px/20px var(--f) !important; color: var(--text) !important;
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sga-ms,.sga-rx,.sgm-tog) [class*="toggler-button"]:hover { background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-ms,.sga-rx,.sgm-tog) [class*="toggler-button"] > .rpm-toggler-copy { flex: 1 1 auto; min-width: 0; text-wrap: wrap; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-ms,.sga-rx,.sgm-tog) [class*="toggler-button"] > .rpm-toggler-icon {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px;
  border-radius: var(--r-md); background: var(--brand-primary-subtle); color: var(--brand-primary-text); font-size: 18px;
}
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-ms,.sga-rx,.sgm-tog) [class*="toggler-button"]:has(> .rpm-toggler-icon) > .sg-group-icon,
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-ms,.sga-rx,.sgm-tog) [class*="toggler-button"] > .rpm-toggler-chevron { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sga-ms,.sga-rx,.sgm-tog) [class*="toggler-button"]::after { margin-left: auto !important; }

/* Module scripts own visibility; layout must never expose a hidden heading. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) :is(.sga-ms,.sga-rx,.sgm-tog) [class*="toggler-button"]:is(.none, [hidden], [style*="display: none"], [style*="display:none"]) { display: none !important; }

/* CKEditor notice fields: reuse 44px touch controls without altering fine-pointer desktop toolbars. */
@media (max-width: 767.98px), (pointer: coarse) {
  html[data-skin="sg26"] body :is(#cke_noticeboardmessage, [id^="cke_temporary-notice-"], [id^="cke_force-speed-control-notice-"]) :is(a.cke_button, a.cke_combo_button, a.cke_toolbox_collapser) {
    box-sizing: border-box; min-width: 44px; min-height: 44px;
  }
  html[data-skin="sg26"] body :is(#cke_noticeboardmessage, [id^="cke_temporary-notice-"], [id^="cke_force-speed-control-notice-"]) :is(a.cke_button, a.cke_combo_button) {
    display: inline-flex; align-items: center; justify-content: center;
  }
  html[data-skin="sg26"] body :is(#cke_noticeboardmessage, [id^="cke_temporary-notice-"], [id^="cke_force-speed-control-notice-"]) :is(.cke_toolbox, .cke_toolbox_main) { display: flex; flex-wrap: wrap; align-items: flex-start; min-width: 0; max-width: 100%; }
  html[data-skin="sg26"] body :is(#cke_noticeboardmessage, [id^="cke_temporary-notice-"], [id^="cke_force-speed-control-notice-"]) .cke_toolbar { float: none; display: contents; }
  html[data-skin="sg26"] body :is(#cke_noticeboardmessage, [id^="cke_temporary-notice-"], [id^="cke_force-speed-control-notice-"]) .cke_toolbar_break { flex-basis: 100%; }
  html[data-skin="sg26"] body :is(#cke_noticeboardmessage, [id^="cke_temporary-notice-"], [id^="cke_force-speed-control-notice-"]) .cke_toolgroup { float: none; display: inline-flex; flex-wrap: wrap; min-width: 0; max-width: 100%; box-sizing: border-box; }
  html[data-skin="sg26"] body :is(#cke_noticeboardmessage, [id^="cke_temporary-notice-"], [id^="cke_force-speed-control-notice-"]) a.cke_toolbox_collapser { position: static; float: right; }
}