/* sg2026 page group «pro-modules» (c: Pro modules). Loaded after app.css by skin.helper (A284), with its own ?v=filemtime.
   OWNER: the Felix instance assigned to this group in the install plan, «Wave split». Edit ONLY this file, your group's view
   overrides and skin/manifest/pro-modules.json. Tokens, shell and shared components live in app.css (B4 owner): ask, never copy.
   SCOPE RULE: every rule starts with html[data-skin="sg26"] and a selector unique to the page (its .skeleton id, its view root
   class, or body:has(<unique element>)), so nothing leaks to other groups. Existing tokens only (GL-003 §7.7).
   Boards: AiDm*, Direct*, Repost*, Slave*, Bulk*, EditProfile, Leads* (7), Mailer* (7), Proxy* (9), Links* (3), CustomDomain*, AuthFlow, AuthStats, Wa* (7) */

/* [SG-PATCH 2026-10-10 A285 | Felix] group c, wave 1.
   HOW: the group's view overrides (skin/views/plugins/<plugin>/…) put «sg-root sgp-page» plus one page class (.sgp-px = ProxyIndex, …)
   on their root .skeleton. «sg-root» turns on B4's kit classes (app.css 11.B: .card, .badge, .tag, .chip, .btn, .icon-tile,
   .empty-text…), which the new markup uses as on the boards. This file only lays out the page and paints the page-specific pieces
   (rows, meta lines, the selection circle, the label pill with its eye). Product widgets (.button, .input, .context-menu, select2,
   modals) stay B4's (app.css 11.A).
   PREFIX: html:is([data-skin="sg26"],#sg-skin), as B4's 11.A (it counts as an id, so a page rule with one more class outranks 11.A
   and the legacy !important rules printed after app.css); it still matches only when the skin is on. Every rule also carries
   .sgp-page or a page class, which exist only in group-c overrides. */

/* ---------------------------------------------------------------------------------------------------------------------------
   0. Group base: the legacy aside/content skeleton becomes two cards in the content column (boards: ProxyIndex, Direct*, …)
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) .skeleton.sgp-page { padding: 0 var(--pad-page) var(--pad-page) !important; }
@media (max-width: 1250px) {
  html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) .skeleton.skeleton-pmp.sgp-page { padding-top: 39px !important; }
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page > .sgp-split { display: grid; grid-template-columns: minmax(0, 640px) minmax(0, 1fr); gap: var(--gap-block); align-items: start; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page > .sgp-split::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-page > .sgp-split::after { content: none; display: none; }
/* the panes are kit .card (B4 paints .card); undo the legacy pane geometry and B4's flat pane surface (11.A.8) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page :is(.skeleton-aside, .skeleton-content).sgp-card {
  float: none; width: auto; height: auto !important; overflow: hidden; position: relative;
  border: 1px solid transparent !important; border-radius: var(--r-lg);
  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 .sgp-page .skeleton-content.sgp-card:has(> .no-data:only-child) { min-height: 520px; display: grid; place-items: center; padding: 40px; box-sizing: content-box; }
@media (max-width: 1279.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page > .sgp-split { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page .skeleton-content.sgp-card:has(> .no-data:only-child) { min-height: 200px; }
}
/* <= 992 the product shows one pane at a time (core.js toggles .hide-on-medium-and-down): keep it */
@media (max-width: 992px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page :is(.skeleton-aside, .skeleton-content).sgp-card.hide-on-medium-and-down { display: none !important; }
  /* the board stacks the empty detail card under the list on the phone; once a row is opened core.js hides the list instead */
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page .skeleton-content.sgp-card.hide-on-medium-and-down:has(> .no-data:only-child) { display: grid !important; }
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page :is(.skeleton-aside, .skeleton-content).sgp-card.onprogress::after { background-color: color-mix(in srgb, var(--surface) 92%, transparent) !important; border-radius: inherit; }

/* empty state of a pane: kit .icon-tile.lg + .empty-text, centred */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .no-data.sgp-empty { display: flex; flex-direction: column; align-items: center; gap: 16px; max-width: 300px; margin: 0 auto; padding: 0; text-align: center; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-empty-line { margin: 0; padding: 24px 18px; font: 400 13px/20px var(--f); color: var(--text-muted); text-align: center; }

/* the core aside search form (shared fragment), in a card head: no band, no sticky; the field is B4's .input; magnifier = board glyph */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-search .search-box { position: relative; top: auto; z-index: auto; padding: 0 !important; margin: 0; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-search .search-box .input { padding-left: 36px !important; padding-right: 36px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-search .search-box :is(.search-icon, .cancel-icon) {
  position: absolute; left: 12px; top: 50%; width: 16px; height: 16px; margin: -8px 0 0; padding: 0; line-height: 16px; font-size: 0 !important; color: var(--text-3);
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-search .search-box :is(.search-icon, .cancel-icon)::before {
  content: "" !important; display: block; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: var(--sgp-ico) center / 16px no-repeat; mask: var(--sgp-ico) center / 16px no-repeat;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-search .search-box .search-icon { --sgp-ico: 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"); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-search .search-box .cancel-icon { --sgp-ico: 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='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-search .search-box .processing { position: absolute; left: auto; right: 12px; top: 50%; transform: translateY(-50%); }

/* page pieces shared by the group's lists */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-meta { display: inline-flex; align-items: center; gap: 6px; margin: 0; font: 400 12px/16px var(--f); color: var(--text-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-meta b { font-weight: 500; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-meta svg { flex-shrink: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-meta.sgp-warn { color: var(--status-warning); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-code { font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: .01em; }
/* toolbar band under a list head (kit: surface-alt strip of .btn-ghost.btn-sm) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; padding: 10px 14px; background: var(--surface-alt); border-bottom: 1px solid var(--border); border-top: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-toolbar > .btn { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-toolbar > .btn.sgp-danger { color: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-toolbar > .btn svg { width: 15px; height: 15px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-tb-sep { width: 1px; height: 20px; margin: 0 6px; background: var(--border-2); }

/* ---------------------------------------------------------------------------------------------------------------------------
   1. Proxy Manager Pro: ProxyIndex (/e/proxy-manager-pro). Board: list card 640 + detail card.
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-px-head { display: flex; flex-direction: column; gap: 14px; padding: 18px 18px 14px; border-bottom: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; border: 0 !important; background: transparent !important; }
/* filter pills are B4.2 «.sg-chip .sg-chip--on-outline» (PMP js toggles «button--light-outline» = ON); only the flush link differs */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chips a.pmp-bulk-btn { margin: 0 !important; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chips a.btn.sgp-flush { margin-left: auto !important; color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chips a.btn.sgp-flush:hover { color: var(--text-max); }
/* label pill with its eye (board .chip-eye; page-specific: the label toggles the filter, the eye hides that label) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye {
  display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 3px 0 12px; box-sizing: border-box;
  border-radius: var(--r-full); border: 1px solid var(--border-2); background: var(--fill-3); color: var(--text-2); font: 500 13px/18px var(--f);
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye:has(> .pmp-hide-btn.none) { padding-right: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye:has(> a.button--light-outline:not(.pmp-hide-btn)) { background: var(--brand-primary-subtle); border-color: color-mix(in srgb, var(--sg-accent-2) 38%, transparent); color: var(--sg-soft); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye > a.pmp-bulk-btn { display: inline; height: auto; padding: 0; margin: 0 !important; border: 0 !important; border-radius: 0; background: transparent !important; color: inherit; font: inherit; line-height: inherit; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye > a.pmp-hide-btn { position: relative; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye > a.pmp-hide-btn.none { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye > a.pmp-hide-btn:is(:hover, .button--light-outline) { background: var(--hover-fill) !important; color: var(--text-max); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye > a.pmp-hide-btn svg { width: 15px; height: 15px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye > a:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* proxy row (.aside-list-item kept for core.js / PMP js): board .prow */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .aside-list { margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .aside-list-item.sgp-prow { padding: 16px 18px; border: 0 !important; border-bottom: 1px solid var(--border) !important; background: transparent !important; box-shadow: none; transition: background-color .2s; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .aside-list-item.sgp-prow:last-child { border-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .aside-list-item.sgp-prow:is(:hover, .proxy-selected) { background: var(--fill-1) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .aside-list-item.sgp-prow.active { background: var(--brand-primary-subtle) !important; box-shadow: inset 3px 0 0 var(--sg-soft); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-prow-in { position: relative; display: flex; align-items: flex-start; gap: 14px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-prow-in::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-prow-in::after { content: none; display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-prow .full-link { position: absolute; inset: -16px -18px; z-index: 1; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-prow .options { position: relative; top: auto !important; right: auto !important; z-index: 2; margin: 0; font-size: 0; line-height: 0; flex-shrink: 0; }
/* selection circle (board .sel); the mdi classes still toggle, their glyph is not painted */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-sel-wrap { margin-top: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px a.sgp-sel {
  position: relative; display: inline-grid; place-items: center; width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%;
  border: 1.5px solid var(--border-strong); background: transparent; color: transparent; font-size: 0 !important; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-px a.sgp-sel::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px a.sgp-sel svg { width: 12px; height: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .proxy-selected a.sgp-sel { background: var(--brand-primary); border-color: var(--brand-primary); color: var(--brand-on-primary); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px :is(a.sgp-sel, a.sgp-kebab):focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* country code pill (board .cc) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-cc {
  display: inline-grid; place-items: center; width: 32px; height: 22px; flex-shrink: 0; border-radius: var(--r-full); box-sizing: border-box;
  background: var(--surface-raised); border: 1px solid var(--border-2); color: var(--text); font: 500 12px/1 var(--f); letter-spacing: .04em; text-transform: uppercase;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-prow-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; overflow: visible; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0; white-space: normal; overflow: visible; font: 400 12px/16px var(--f); color: var(--text-muted); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-line.sgp-metas { gap: 6px 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-line .title.sgp-code { margin: 0; font: 500 15px/20px var(--font-mono); color: var(--text); white-space: normal; overflow: visible; overflow-wrap: anywhere; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-line .sgp-country { margin-left: auto; font: 400 13px/20px var(--f); color: var(--text-muted); white-space: nowrap; overflow: visible; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-line .tag { margin: 0; height: 24px; line-height: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .speedtest-data.sgp-meta { display: inline-flex; flex-wrap: wrap; gap: 0; white-space: normal; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-meta :is(.speedtest-download-box, .speedtest-upload-box) { display: inline; white-space: nowrap; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-meta .speedtest-download-box + .speedtest-upload-box::before { content: "/"; margin: 0 4px; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .ip-pool-tooltip { display: none; }
/* kebab (board .kebab); its menu is B4's .context-menu */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px a.sgp-kebab {
  position: relative; display: grid; place-items: center; width: 32px; height: 32px; margin: -6px -6px 0 0; border-radius: 50%; color: var(--text-2); font-size: 0 !important; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-px a.sgp-kebab::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px a.sgp-kebab:hover { background: var(--hover-fill); color: var(--text-max); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-kebab-wrap .context-menu { font-size: 14px; line-height: 20px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-loadmore { padding: 14px 18px 18px; margin: 0; }

@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px .aside-list-item.sgp-prow { padding: 14px; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-prow .full-link { inset: -14px; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-prow-in { gap: 10px; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-tb-sep { display: none; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px :is(a.sgp-sel, a.sgp-kebab, .sgp-chip-eye > a.pmp-hide-btn)::after { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-chip-eye { height: 36px; }
}

/* ---------------------------------------------------------------------------------------------------------------------------
   2. Login links: LinksIndex (/ig/connect). Board: toolbar (search 320, «Filtra» + chip, «Gestisci i preset» right) + 2-col grid
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) #ig-links.sgp-lk { padding: 29px var(--pad-page) var(--pad-page) !important; }
@media (max-width: 992px) { html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) #ig-links.sgp-lk { padding-top: 18px !important; } }
html:is([data-skin="sg26"],#sg-skin) body #ig-links.sgp-lk .sgp-lk-col { max-width: 1128px; display: flex; flex-direction: column; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-bar::before, html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-bar::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-search { flex: 1 1 260px; max-width: 320px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .ig-links-search { margin: 0; padding: 0; background: transparent; border: 0; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .ig-links-search .input { padding-left: 36px !important; padding-right: 36px !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .ig-links-search :is(.search-icon, .cancel-icon) { position: absolute; left: 12px; top: 50%; width: 16px; height: 16px; margin: -8px 0 0; padding: 0; line-height: 16px; font-size: 0 !important; color: var(--text-muted); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .ig-links-search :is(.search-icon, .cancel-icon)::before { content: "" !important; display: block; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sgp-ico) center / 16px no-repeat; mask: var(--sgp-ico) center / 16px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .ig-links-search .search-icon { --sgp-ico: 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"); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .ig-links-search .cancel-icon { --sgp-ico: 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='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .ig-links-search .processing { position: absolute; left: auto; right: 12px; top: 50%; transform: translateY(-50%); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-filter { display: flex; align-items: center; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-filter-title { display: inline-flex; align-items: center; gap: 6px; font: 500 13px/18px var(--f); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-presets { margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lcard { display: flex; flex-direction: column; gap: 18px; padding: 20px 22px; margin: 0; float: none; width: auto; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lcard-head { display: flex; align-items: center; gap: 14px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-avatar { width: 40px; height: 40px; font-size: 14px; flex-shrink: 0; object-fit: cover; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-uni { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; background: var(--surface-raised); border: 1px solid var(--border-2); color: var(--text); box-shadow: inset 0 1px 0 var(--hi); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lcard-name { flex: 1; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lcard-name h2 { margin: 0; font: 500 15px/20px var(--f); color: var(--text); overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lcard-name h2 a { color: inherit; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lcard-name h2 a:hover { color: var(--text-max); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lcard-head .badge { flex-shrink: 0; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lcard-head .badge::before { content: none; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding-top: 14px; border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-acts .btn { height: 32px; padding: 0 8px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-acts .btn-tonal { color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-acts .btn.sgp-danger { margin-left: auto; color: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-acts .btn svg { width: 15px; height: 15px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-empty { margin: 40px auto; }
@media (max-width: 1279.98px) { html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-search { max-width: none; }
  html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lcard { padding: var(--pad-card); }
  html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-acts .btn { height: 44px; }
}
html:is([data-skin="sg26"],#sg-skin) body #ig-links .sgp-lk-avatar { text-transform: uppercase; }

/* ---------------------------------------------------------------------------------------------------------------------------
   3. Account-list modules (boards RepostIndex, SlaveIndex, LeadsIndex, AiDmSchedule, DirectInbox). The aside, rows, search,
      sections and empty detail are B4.2's shared «.sg-acc» (app.css 11.D.3); filter pills are B4.2's «.sg-chip» (11.D.2). The
      overrides put those classes on the product markup (index fragments; Repost and Leads Finder aside forms). Only what is
      specific to one module stays here.
   --------------------------------------------------------------------------------------------------------------------------- */
/* the pills' rows inside the aside forms */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .rp-task-chip-list { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 !important; padding: 6px 4px 12px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .rp-task-chip-list > input[type="hidden"] { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .search-box > .pos-r + .pos-r { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0 !important; padding: 0 0 14px; border-bottom: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .search-box > .pos-r + .pos-r > input[type="hidden"] { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .sg-acc-list .sg-chip { max-width: 100%; white-space: normal !important; height: auto !important; min-height: 26px; text-align: left; }
/* Repost: the section icons of the board (filter, tag, list-checks) in front of each head's label */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .sg-acc-section-head > .mdi:first-child { margin: 0 !important; width: 16px; height: 16px; font-size: 0 !important; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .sg-acc-section-head > .mdi:first-child::before { content: "" !important; display: block; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sgp-ico) center / 16px no-repeat; mask: var(--sgp-ico) center / 16px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .reactions-task-filters .sg-acc-section-head { --sgp-ico: 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 3H2l8 9.46V19l4 2v-8.54z'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .reactions-custom-labels-filters .sg-acc-section-head { --sgp-ico: 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 2H2v10l9.29 9.29a1 1 0 0 0 1.41 0l8.6-8.6a1 1 0 0 0 0-1.41z'/%3E%3Cpath d='M7 7h.01'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .reactions-task-actions .sg-acc-section-head { --sgp-ico: 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 17 2 2 4-4M3 7l2 2 4-4M13 6h8M13 12h8M13 18h8'/%3E%3C/svg%3E"); }
/* Repost flag filters: hidden checkbox + pill; the board's small square in front (checked = accent) */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-filter-check { position: relative; margin: 0; display: inline-flex; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-filter-check > input { position: absolute; opacity: 0; width: 1px; height: 1px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-filter-check > .sg-chip { gap: 7px; padding-left: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-filter-check > .sg-chip::after { content: ""; order: -1; width: 13px; height: 13px; box-sizing: border-box; border-radius: 4px; border: 1.5px solid var(--border-strong); flex-shrink: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-filter-check > input:checked + .sg-chip::after { background: var(--brand-primary); border-color: var(--brand-primary); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-filter-check > input:focus-visible + .sg-chip { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* Repost bulk actions: every action is a board .act row (the two select buttons stay pills) */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-actions-all .rp-task-chip-list > a.js-rp-task-action {
  display: flex; width: 100%; height: 30px !important; padding: 0 8px !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; box-shadow: none !important;
  justify-content: flex-start; gap: 10px; color: var(--text) !important; font: 400 13px/18px var(--f) !important; transform: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-actions-all .rp-task-chip-list > a.js-rp-task-action:hover { background: var(--surface-alt) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-actions-all .rp-task-chip-list > a.js-rp-task-action.disabled { color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-actions-all .rp-task-chip-list > a .mdi { margin: 0 !important; font-size: 15px !important; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-task-actions-all .rp-task-chip-list > a.js-rp-task-select .mdi { display: none; }
/* Repost account labels = board .lbl */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-account-labels { display: flex; flex-wrap: wrap; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-account-labels:empty { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-rp .rp-account-label { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; margin: 0; border-radius: var(--r-full); background: var(--surface-raised) !important; border: 1px solid var(--border-2); font: 500 12px/16px var(--f); color: var(--text) !important; }
/* Slave Dm account counter (inline #f5f5f5 box) */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-sd .conter-index { margin: 0 !important; padding: 8px 10px !important; border-radius: var(--r-inset); background: var(--fill-1) !important; border: 1px solid var(--border); color: var(--text-2); font: 400 13px/18px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-sd .conter-index label { margin: 0; color: inherit; font: inherit; }
/* Direct / AI DM inbox asides (boards DirectInbox, AiDmInbox): rows are flat, only the opened account is an inset card */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc:is(.sgp-db, .sgp-ad) .aside-list { gap: 4px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc:is(.sgp-db, .sgp-ad) .aside-list-item:not(.active) { border-color: transparent !important; background: transparent !important; box-shadow: none; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc:is(.sgp-db, .sgp-ad) .aside-list-item:not(.active):hover { background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc:is(.sgp-db, .sgp-ad) .aside-list-item { padding: 10px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc:is(.sgp-db, .sgp-ad) .aside-list-item > .clearfix { align-items: center; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc:is(.sgp-db, .sgp-ad) .aside-list-item .inner { gap: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc:is(.sgp-db, .sgp-ad) .aside-list-item .title { font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc:is(.sgp-db, .sgp-ad) .aside-list-item .sub { font-weight: 400 !important; color: var(--text-2) !important; }
/* initials avatar (span.circle of Leads Finder / Direct when there is no picture) */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item span.circle { display: grid !important; place-items: center; color: var(--brand-on-primary); background: var(--sg-gradient-fill) !important; font: 500 12px/1 var(--f); text-transform: uppercase; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .aside-list-item span.circle > span { position: static !important; margin: 0 !important; height: auto !important; font: inherit !important; color: inherit !important; }

/* ---------------------------------------------------------------------------------------------------------------------------
   4. WhatsApp Pro: WaConnect (/e/whatsapp/accounts-new). Board: one centred card 1000, form + 340 QR panel. Static states only.
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) .skeleton.sgp-wa-connect { padding: 0 var(--pad-page) var(--pad-page) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-wrap { display: flex; justify-content: center; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-card { width: 100%; max-width: 1000px; box-sizing: border-box; padding: calc(var(--pad-card) + 8px); display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-form { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-head { display: flex; align-items: center; gap: 14px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-id { display: flex; align-items: center; gap: 12px; padding: 14px 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-id .num { margin-left: auto; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; text-align: right; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .field label { font: 500 13px/18px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .compulsory-field-indicator { color: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-run { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-gen { margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-status { flex: 1 1 200px; margin: 0; font: 500 13px/18px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-tips { display: flex; flex-direction: column; gap: 14px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-imp { display: flex; align-items: center; gap: 8px; color: var(--status-warning); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; counter-reset: sgps; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-steps li { display: flex; align-items: flex-start; gap: 12px; font: 400 14px/22px var(--f); color: var(--text); counter-increment: sgps; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-steps li::before { content: counter(sgps); display: grid; place-items: center; width: 24px; height: 24px; flex-shrink: 0; border-radius: 50%; background: var(--sg-gradient-fill); color: var(--brand-on-primary); font: 700 12px/1 var(--f); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sg-accent-2) 50%, transparent); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-qr { display: flex; align-items: center; justify-content: center; padding: 24px; }
/* the QR needs a white field in both themes to scan: the board's literal #fff (token request for Iris: a theme-invariant --qr-bg) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-qr-frame { display: grid; place-items: center; width: 280px; max-width: 100%; aspect-ratio: 1; box-sizing: border-box; padding: 20px; border-radius: var(--r-xl); background: white; box-shadow: 0 0 0 1px var(--border-2), 0 30px 80px -30px color-mix(in srgb, var(--brand-primary) 55%, transparent); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-qr-frame #qrcode { width: 100%; height: auto; display: block; border: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-qr-frame #qrcode.none { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-qr-frame #qrcode:not(.none) + .sgp-qr-ph { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-qr-ph { color: var(--text-3); opacity: .5; }
@media (max-width: 1023.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-card { grid-template-columns: minmax(0, 1fr); gap: 24px; } }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-wa-connect .sgp-wa-gen { margin-left: 0; width: 100%; } }
/* every group-c page reserves the support FAB footprint (board rule «v5 fix B1»: content padding-bottom = pad-page + 72) */
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) .skeleton.sgp-page,
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) #ig-links.sgp-lk { padding-bottom: calc(var(--pad-page) + 72px) !important; }

/* ---------------------------------------------------------------------------------------------------------------------------
   5. Lead Mailer (/e/lead-mailer, boards MailerIndex/Mailer2-4): L1 on the product view (one 719-line view with its own <style> and
      inline js; tabs are links). Scope: the page's own root .lm-wrap. Board: segmented tabs, each block a card, KPI tiles with the
      label (status-coloured) above a neutral 28px value, tables in their own scroll box.
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .skeleton:has(> .lm-wrap) { padding: 29px var(--pad-page) calc(var(--pad-page) + 72px) !important; }
@media (max-width: 992px) { html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .skeleton:has(> .lm-wrap) { padding-top: 18px !important; } }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap { display: flex; flex-direction: column; gap: var(--gap-block); max-width: none; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-tabs { display: inline-flex; align-self: flex-start; flex-wrap: nowrap; gap: 2px; max-width: 100%; overflow-x: auto; padding: 4px; margin: 0; box-sizing: border-box; border-radius: var(--r-full); border: 1px solid var(--border-2); background: var(--fill-1); border-bottom: 1px solid var(--border-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-tabs .lm-tab { display: inline-flex; align-items: center; height: 30px; padding: 0 14px; margin: 0; border: 1px solid transparent !important; border-radius: var(--r-full); background: transparent !important; color: var(--text-2) !important; font: 500 13px/18px var(--f) !important; white-space: nowrap; text-decoration: none; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-tabs .lm-tab:hover { color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-tabs .lm-tab.is-active { background: var(--surface-raised) !important; border-color: var(--border-2) !important; color: var(--text-max) !important; box-shadow: inset 0 1px 0 var(--hi), var(--shadow-sm) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-tabs .lm-tab:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap > .side-block, html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap > form > .side-block, html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .side-block {
  margin: 0; padding: var(--pad-card) !important; 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:has(.lm-wrap) .lm-wrap .side-block + .side-block { margin-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .side-block-title { margin: 0 0 20px; padding: 0; border: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .side-block-title .title { margin: 0; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .side-block-title .desc { margin: 2px 0 0; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card {
  display: flex !important; flex-direction: column-reverse; justify-content: flex-end; gap: 10px; min-width: 0; margin: 0; padding: 18px !important; box-sizing: border-box;
  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; text-decoration: none; color: var(--text);
}
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > a.lm-card:hover { border-color: var(--border-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > a.lm-card:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card .n { margin: 0; font: 500 28px/34px var(--f) !important; letter-spacing: -.02em; color: var(--text) !important; font-variant-numeric: tabular-nums; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card .l { margin: 0; font: 500 12px/16px var(--f) !important; letter-spacing: .01em; text-transform: none !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card:has(.lm-n-new) .l, html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card:has(.lm-n-queued) .l { color: var(--status-info) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card:has(.lm-n-converted) .l, html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card:has(.lm-n-good) .l { color: var(--status-success) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card:has(.lm-n-unsub) .l, html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card:has(.lm-n-warn) .l { color: var(--status-warning) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card:has(.lm-n-bounced) .l, html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards > .lm-card:has(.lm-n-bad) .l { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-muted, html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-muted-strong { color: var(--text-2) !important; font: 400 12px/16px var(--f) !important; margin: 12px 0 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-rtable { border-radius: var(--r-inset); border: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-detail-grid .k { font: 400 12px/16px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-detail-grid .v { font: 500 14px/20px var(--f); color: var(--text); }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-tabs .lm-tab { height: 36px; }
}

/* ---------------------------------------------------------------------------------------------------------------------------
   1b. Proxy Manager Pro: the proxy pane (ProxyDetail / ProxyLog / ProxyIpTracking / ProxyNew / ProxyBulkEdit). The same markup is
       the standalone page (.sgp-pxd / .sgp-pxl overrides) and what core.js loads into the ProxyIndex detail card, so every rule is
       scoped to .sgp-px .skeleton-content.sgp-px-detail. Product markup inside (PMP's 750-line form, its js), restyled.
       Board ProxyDetail: no list, title row, segmented tabs, the form; ProxyLog: list + panel.
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxd > .sgp-split { grid-template-columns: minmax(0, 1fr); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxd .skeleton-aside.sgp-px-list { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxd .skeleton-content.sgp-px-detail { display: block !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail { padding: 0; overflow: visible; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail > :is(form, div) { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .section-header { padding: 20px var(--pad-card) 0 !important; border: 0 !important; background: transparent !important; font: 500 17px/24px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .section-content { padding: 16px var(--pad-card) !important; background: transparent !important; color: var(--text-2); }
/* title block «PROXY / host:port - CC» = the board's eyebrow + 22px title */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .proxy-data { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .ip-info-pmp-block { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; font: 500 14px/20px var(--f); color: var(--text); overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .ip-info-pmp { font: 500 12px/16px var(--f) !important; letter-spacing: .04em; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail > form > .section-content:first-of-type .ip-info-pmp-block { font: 500 22px/28px var(--f); letter-spacing: -.01em; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .proxy-data.ip-blocked-notice { color: var(--status-warning); }
/* tabs (.arp-tab-heads, «.active» = current) = kit segmented .tabs */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads { display: inline-flex; gap: 2px; margin: 0 var(--pad-card); padding: 4px !important; max-width: calc(100% - 2 * var(--pad-card)); overflow-x: auto; box-sizing: border-box; border-radius: var(--r-full); border: 1px solid var(--border-2); background: var(--fill-1); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads a { display: inline-flex; align-items: center; height: 30px; padding: 0 14px; margin: 0 !important; border: 1px solid transparent !important; border-radius: var(--r-full) !important; background: transparent !important; box-shadow: none !important; color: var(--text-2) !important; font: 500 13px/18px var(--f) !important; white-space: nowrap; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads a:hover { color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads a.active { background: var(--surface-raised) !important; border-color: var(--border-2) !important; color: var(--text-max) !important; box-shadow: inset 0 1px 0 var(--hi), var(--shadow-sm) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads a:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* the form: one column of fields, 760 max; labels 500 13/18; tips 12/16 --text-3 */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .section-content > .clearfix > .col.l8 { float: none; width: auto; max-width: 760px; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .col { padding-left: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .form-label { display: block; margin: 0 0 6px !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .field-tips { margin: 8px 0 0 !important; padding: 0 0 0 16px !important; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .field-tips li { margin: 0 0 4px; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .field-tips a { color: var(--sg-soft); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .mb-20 { margin-bottom: 20px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix.mb-20 > .col.l6 { width: calc(50% - 8px); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix.mb-20 > .col.l6.l-last { margin-left: 16px; }
/* the tools: Save full width, then the tests as tonal pills on a 2-column grid */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .col.l8 > .clearfix:has(input[type="submit"]) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .col.l8 > .clearfix:has(input[type="submit"])::before, html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .col.l8 > .clearfix:has(input[type="submit"])::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .col.l8 > .clearfix:has(input[type="submit"]) > .col { float: none; width: auto !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .col.l8 > .clearfix:has(input[type="submit"]) > .col.l12 { grid-column: 1 / -1; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .col.l8 > .clearfix:has(input[type="submit"]) .button.button--light-outline { white-space: normal; min-height: 40px; height: auto; }
/* table-like log and ip-tracking rows */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail :is(.arp-log-list-item, .pmp-log-list-item, .log-list-item) { margin: 0; padding: 14px var(--pad-card); border-bottom: 1px solid var(--border) !important; background: transparent !important; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .no-data { margin: 48px auto; padding: 0 20px; max-width: 420px; text-align: center; color: var(--text-2); font: 400 14px/21px var(--f); }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix.mb-20 > .col.l6 { width: 100%; float: none; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix.mb-20 > .col.l6.l-last { margin: 16px 0 0; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .col.l8 > .clearfix:has(input[type="submit"]) { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads a { height: 36px; }
}
/* paired fields side by side (the legacy floats + materialize gutters stacked them) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6) { display: flex; gap: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6)::before, html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6)::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6) > .col.l6 { float: none; flex: 1 1 0; min-width: 0; width: auto !important; margin: 0 !important; padding: 0 !important; }
/* PMP's selectize (labels, packages): the field look of B4's .input */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .selectize-control .selectize-input { min-height: 40px !important; padding: 6px 12px !important; box-sizing: border-box; border-radius: var(--r-md) !important; border: 1px solid var(--border-strong) !important; background: var(--input-bg) !important; box-shadow: none !important; color: var(--text) !important; font: 400 14px/22px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .selectize-control .selectize-input input { color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .selectize-control.multi .selectize-input > div { border-radius: var(--r-full) !important; background: var(--brand-primary-subtle) !important; color: var(--sg-soft) !important; border: 1px solid color-mix(in srgb, var(--sg-accent-2) 38%, transparent) !important; font: 500 12px/16px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .selectize-dropdown { border-radius: var(--r-menu); border: 1px solid var(--menu-line); background: var(--surface-raised); color: var(--text-2); box-shadow: 0 24px 60px -20px var(--shadow-c); }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6) { flex-direction: column; } }

/* 1c. ProxyUpload (/e/proxy-manager-pro/upload): title + one card, numbered steps, dashed file field */
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) .skeleton.sgp-pxu { padding-top: 0 !important; }
@media (max-width: 1250px) { html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) .skeleton.sgp-pxu { padding-top: 39px !important; } }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-pxu-col { max-width: 776px; display: flex; flex-direction: column; gap: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-pxu-title { margin: 6px 0 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-pxu-card { padding: calc(var(--pad-card) + 4px); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-pxu-card .form-result:empty { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; counter-reset: sgps; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-steps > li { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 0 0 0 48px; counter-increment: sgps; font: 400 15px/22px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-steps > li + li { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-steps > li::before { content: counter(sgps); position: absolute; left: 0; display: grid; place-items: center; width: 32px; height: 32px; margin-top: -5px; border-radius: 50%; background: var(--sg-gradient-fill); color: var(--brand-on-primary); font: 700 14px/1 var(--f); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sg-accent-2) 50%, transparent); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-steps > li + li::before { margin-top: 15px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-steps a { color: var(--sg-soft); text-decoration: underline; text-underline-offset: 4px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-file { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 16px; margin: 0; border-radius: var(--r-inset); border: 1px dashed var(--border-dash); background: var(--fill-1); cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-file:focus-within { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-file input.fileinp { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-file .sgp-file-name { flex: 1; min-width: 0; font: 500 13px/18px var(--f); color: var(--text); overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-file .sgp-file-pick { flex-shrink: 0; pointer-events: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-pxu-submit { width: auto !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-steps > li { padding-left: 44px; } html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-file { flex-wrap: wrap; } html:is([data-skin="sg26"],#sg-skin) body .sgp-pxu .sgp-pxu-submit { width: 100% !important; } }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6) > .col.l6 { flex: none; } }

/* 1d. PMP activity logs: ProxyRelogin (/e/proxy-manager-pro/relogin, CSS only on #relogin) and the ProxyLog pane. Board: one card,
       rows = avatar 36, «@account message» + relative date, details below; the total as a neutral badge. */
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp { padding-left: var(--pad-page) !important; padding-right: var(--pad-page) !important; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .container-1200 { max-width: 900px; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .row { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .section { padding: 0 !important; overflow: visible; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .section-content { padding: 0 !important; display: flex; flex-direction: column; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .search-box { position: relative; margin: 16px var(--pad-card) 4px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .search-box .input { padding-left: 36px !important; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .search-box :is(.search-icon, .cancel-icon) { position: absolute; left: 12px; top: 50%; width: 16px; height: 16px; margin: -8px 0 0; font-size: 0 !important; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .search-box :is(.search-icon, .cancel-icon)::before { content: "" !important; display: block; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sg-ic-search) center / 16px no-repeat; mask: var(--sg-ic-search) center / 16px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .arp-amount-of-action { display: inline-flex; align-items: center; align-self: flex-start; height: 22px; margin: 12px var(--pad-card); padding: 0 9px; border-radius: var(--r-full); border: 1px solid rgba(var(--t-neutral), .3); background: rgba(var(--t-neutral), .1); color: var(--text); font: 500 12px/16px var(--f); }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item { display: flex; align-items: flex-start; gap: 14px; margin: 0 !important; padding: 16px var(--pad-card) !important; border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item > .clearfix { flex-shrink: 0; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item > .clearfix::before, html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item > .clearfix::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item .circle { float: none !important; width: 36px !important; height: 36px !important; margin: 0 !important; border: 0 !important; border-radius: 50%; overflow: hidden; background: var(--surface-raised) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item .circle img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item .inner { flex: 1; min-width: 0; margin: 0 !important; padding: 0 !important; overflow: visible; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item :is(.error-msg-title, .action) { margin: 0; font: 400 14px/21px var(--f) !important; color: var(--text) !important; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item .error-msg-title strong { font-weight: 500; color: var(--text-max); }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item .error-msg .error-msg-title { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item .error-msg-details { margin: 4px 0 0; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item .date { margin-left: 4px; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item a { color: var(--sg-soft); }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .loadmore { margin: 0 !important; padding: 14px var(--pad-card); border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .no-data { margin: 64px auto; max-width: 420px; text-align: center; color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item .circle { position: static !important; display: block; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item :is(.error-msg-title, .error-msg-details, .action, .inner) { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item .inner > * + * { margin-top: 4px; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .search-box .pos-r { position: relative; }
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .search-box :is(.search-icon, .cancel-icon) { top: 50% !important; margin: -8px 0 0 !important; line-height: 16px !important; }

/* ---------------------------------------------------------------------------------------------------------------------------
   6. Module settings panes inside a group-c «.sg-acc» page (Bulk Connect; the panes core.js loads into Repost / Slave / Leads /
      AI DM). Board BulkConnect/RepostSettings: a head card with the tabs (.au-tab-heads / .arp-tab-heads, «.active» = current) and
      the form in cards; counters as small badges. Product markup, restyled; no structure change.
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form, html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > div:not(.no-data) { display: flex; flex-direction: column; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content :is(.au-tab-heads, .arp-tab-heads) {
  display: inline-flex; align-self: flex-start; flex-wrap: nowrap; gap: 2px; max-width: 100%; overflow-x: auto; box-sizing: border-box; margin: 0 !important; padding: 4px !important;
  border-radius: var(--r-full); border: 1px solid var(--border-2) !important; background: var(--fill-1) !important; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content :is(.au-tab-heads, .arp-tab-heads) > a { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 14px !important; margin: 0 !important; float: none !important; border: 1px solid transparent !important; border-radius: var(--r-full) !important; background: transparent !important; box-shadow: none !important; color: var(--text-2) !important; font: 500 13px/18px var(--f) !important; white-space: nowrap; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content :is(.au-tab-heads, .arp-tab-heads) > a:hover { color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content :is(.au-tab-heads, .arp-tab-heads) > a.active { background: var(--surface-raised) !important; border-color: var(--border-2) !important; color: var(--text-max) !important; box-shadow: inset 0 1px 0 var(--hi), var(--shadow-sm) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content :is(.au-tab-heads, .arp-tab-heads) > a:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content :is(.au-tab-heads, .arp-tab-heads) > a > span:is(.s-counter, .r-counter) { display: inline-grid; place-items: center; min-width: 20px; height: 18px; margin: 0 !important; padding: 0 6px; box-sizing: border-box; border-radius: var(--r-full); font: 500 11px/1 var(--f); background: rgba(var(--t-info), .14) !important; color: var(--status-info) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content :is(.au-tab-heads, .arp-tab-heads) > a > span.r-counter { background: rgba(var(--t-danger), .14) !important; color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .form-label { display: block; margin: 0 0 6px !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .field-tips { margin: 8px 0 0 !important; padding: 0 0 0 16px !important; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .field-tips li { margin: 0 0 4px; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .license-notice { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-radius: var(--r-inset); background: rgba(var(--t-warning), .1); border: 1px solid rgba(var(--t-warning), .3); color: var(--status-warning); font: 500 13px/18px var(--f); }
/* Bulk Connect aside: two flat navigation rows (board: icon tile + title/sub), the open one is the inset card */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-bk .aside-list-item:not(.active) { border-color: transparent !important; background: transparent !important; box-shadow: none; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-bk .aside-list-item:not(.active):hover { background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-bk .aside-list-item span.circle { border-radius: var(--r-md) !important; background: var(--surface-raised) !important; color: var(--text-2); box-shadow: inset 0 1px 0 var(--hi); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-bk .aside-list-item.active span.circle { 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; color: var(--sg-soft); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-bk .aside-list-item span.circle .mdi { font-size: 16px; line-height: 1; color: inherit; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc.sgp-bk .aside-list-item .sub { font-weight: 400 !important; color: var(--text-2) !important; }

/* 7b. Account head of a module settings pane (boards RepostSettings, LeadsSettings, SlaveSettings): one card holding the account name,
       «Apri in Instagram», the tutorial pill on the right and the segmented tabs at its bottom (the tabs are the next sibling in the
       product markup: they are pulled up into the card). */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header.clearfix:not(.none):has(+ :is(.arp-tab-heads, .au-tab-heads)) {
  position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; min-height: 0; margin: 0 !important; padding: 20px 24px 76px !important; box-sizing: border-box;
  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;
}
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header.clearfix::before,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header.clearfix::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header.clearfix + :is(.arp-tab-heads, .au-tab-heads) { position: relative; z-index: 1; margin: calc(-1 * var(--gap-block) - 56px) 0 0 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header .section-title { order: 0; flex: 1 1 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header .rp-account-title-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header .rp-account-username { color: var(--text) !important; font: 500 17px/24px var(--f); text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header .rp-account-open-link { color: var(--brand-primary-text) !important; font: 400 13px/18px var(--f); }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header .color-danger { margin: 0 !important; font: 500 12px/16px var(--f) !important; color: var(--status-danger) !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header.clearfix:not(.none):has(+ :is(.arp-tab-heads, .au-tab-heads)) { padding: 16px 16px 72px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header.clearfix + :is(.arp-tab-heads, .au-tab-heads) { margin-left: 16px !important; max-width: calc(100% - 32px); }
}

/* ---------------------------------------------------------------------------------------------------------------------------
   8. CustomDomains (/ig/connect/domains). Board: a filter card (search 420 + «Filtro» chips) and one list card of rows (globe tile,
      domain + owner, status badge with dot, kebab). The status span is the one the inline js rewrites (codestyle cd-color-*).
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) #cl-domains.sgp-cd { padding: 29px var(--pad-page) calc(var(--pad-page) + 72px) !important; }
@media (max-width: 992px) { html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) #cl-domains.sgp-cd { padding-top: 18px !important; } }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-col { max-width: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .row { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .row::before, html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .row::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-filters { display: flex; flex-direction: column; gap: 16px; padding: var(--pad-card) !important; 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:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-filters { margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-filters::before, html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-filters::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-filters > input[type="hidden"] { display: none; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .cl-domains-search { width: 100%; max-width: 420px; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .cl-domains-search .pos-r { position: relative; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .cl-domains-search .input { padding-left: 36px !important; padding-right: 36px !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .cl-domains-search :is(.search-icon, .cancel-icon) { position: absolute; left: 12px; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 !important; font-size: 0 !important; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .cl-domains-search :is(.search-icon, .cancel-icon)::before { content: "" !important; display: block; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sg-ic-search) center / 16px no-repeat; mask: var(--sg-ic-search) center / 16px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .cl-domains-search .processing { position: absolute; left: auto; right: 12px; top: 50%; transform: translateY(-50%); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-ftitle { margin: 0 4px 0 0 !important; font: 500 13px/18px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .js-search-results { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-list { display: flex; flex-direction: column; margin: 0 !important; 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); overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-list::before, html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-list::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row.box-list-item { position: relative; display: flex !important; align-items: center; gap: 14px; float: none !important; width: auto !important; height: auto !important; min-height: 0; margin: 0 !important; padding: 18px 20px !important;
  border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row.box-list-item:first-child { border-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row.box-list-item:hover { background: var(--fill-1) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-tile { display: grid; place-items: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px; color: var(--sg-soft); box-shadow: inset 0 1px 0 var(--border);
  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)); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row .inner { flex: 1; min-width: 0; padding: 0 !important; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row .box-list-item-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 16px; row-gap: 2px; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row .box-list-item-cl-domain-title { grid-column: 1; margin: 0; font: 500 15px/22px var(--f) !important; color: var(--text) !important; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row .box-list-item-cl-domain-owner { grid-column: 1; margin: 0; font: 400 13px/18px var(--f) !important; color: var(--text-2) !important; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row .box-list-item-cl-domain-status { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
/* status label from the controller/js: kit .badge with its dot */
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-list-item-cl-domain-status .codestyle { --t: var(--t-neutral); --tc: var(--text-2);
  display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px; box-sizing: border-box; border-radius: var(--r-full); border: 1px solid rgba(var(--t), .3) !important; background: rgba(var(--t), .1) !important; color: var(--tc) !important; font: 500 12px/16px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-list-item-cl-domain-status .codestyle::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-list-item-cl-domain-status .cd-color-green { --t: var(--t-success); --tc: var(--status-success); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-list-item-cl-domain-status .cd-color-orange { --t: var(--t-warning); --tc: var(--status-warning); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-list-item-cl-domain-status .cd-color-black { --t: var(--t-danger); --tc: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .box-list-item-cl-domain-status .cd-color-grey { --t: var(--t-danger); --tc: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row .options { position: relative !important; top: auto !important; right: auto !important; z-index: 2; flex-shrink: 0; font-size: 0; line-height: 0; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row a.sgp-kebab { position: relative; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: var(--text-2); font-size: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row a.sgp-kebab::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row a.sgp-kebab:hover { background: var(--hover-fill); color: var(--text-max); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row a.sgp-kebab:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row .context-menu { font-size: 14px; line-height: 20px; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .loadmore { display: flex; justify-content: center; margin: 16px 0 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .loadmore .button { width: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .no-data { margin: 48px auto; max-width: 420px; text-align: center; color: var(--text-2); }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row.box-list-item { padding: 14px 16px !important; gap: 10px; }
  html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row .box-list-item-main { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row .box-list-item-cl-domain-status { grid-column: 1; grid-row: auto; margin-top: 6px; }
  html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .sgp-cd-row a.sgp-kebab::after { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
}

/* ---------------------------------------------------------------------------------------------------------------------------
   9. LinksForm (/ig/connect/new, /ig/connect/{id}). Board: a column of cards (type, username, expiry + link, preset, login form),
      «Salva il link» right-aligned under them. The single product section is unpainted; each block of it is a card.
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) #ig-link.sgp-lkf { padding: 29px var(--pad-page) calc(var(--pad-page) + 72px) !important; }
@media (max-width: 992px) { html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) #ig-link.sgp-lkf { padding-top: 18px !important; } }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .container-1200 { max-width: 860px; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .row { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .row::before, html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .row::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-col { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-col > .section { display: flex; flex-direction: column; gap: 16px; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-col > .section > .section-content { display: flex; flex-direction: column; gap: 16px; padding: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > .form-result:empty { display: none; }
/* each block = a card */
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > :is(.mb-20, .universal-link-settings:not(.none), .ig-link-token:not(.none), details.pmp-link-settings-section) {
  margin: 0 !important; padding: var(--pad-card) !important; box-sizing: border-box; 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;
}
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > .mb-20.none { display: none !important; }
/* expiry + link = one card (board): the expiry block is the top half, the link block the bottom half */
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > .mb-20:has(input[name="expire-date"]):has(+ .ig-link-token:not(.none)) { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding-bottom: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > .mb-20:has(input[name="expire-date"]) + .ig-link-token:not(.none) { margin-top: -16px !important; padding-top: 12px !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > .mb-20:has(input[name="expire-date"]) .pos-r { max-width: 320px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .form-label { display: block; margin: 0 0 8px !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .field-tips { margin: 8px 0 0 !important; padding-left: 16px !important; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; }
/* link row: field + Copia (light pill) + Aggiorna (tonal pill) */
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-linkrow { display: flex; align-items: center; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-linkrow > .pos-r { flex: 1; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-linkrow .ig-link-token-value { border-style: dashed !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-linkrow .ig-link-action-button { flex-shrink: 0; display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; height: 40px !important; margin: 0 !important; padding: 0 16px !important; border-radius: var(--r-full) !important; font: 500 14px/20px var(--f) !important; text-transform: none !important; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-linkrow .ig-link-action-button::before { font-size: 16px; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-linkrow .js-ig-link-copy { background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; border: 1px solid transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-linkrow .js-ig-link-token-regenerate { background: var(--tonal-bg) !important; color: var(--text) !important; border: 1px solid var(--border-2) !important; }
/* link type options (new link) as the two radio cards of the board */
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-option { margin: 0; position: relative; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-option > input { position: absolute; opacity: 0; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-card { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-radius: var(--r-inset); border: 1px solid var(--border-2); background: var(--surface-alt); cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-option > input:checked + .ig-link-mode-card { border-color: color-mix(in srgb, var(--brand-primary-text) 55%, transparent); background: linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 20%, transparent), color-mix(in srgb, var(--brand-primary) 6%, transparent)); }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-option > input:focus-visible + .ig-link-mode-card { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-copy { display: flex; flex-direction: column; gap: 2px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-copy strong { font: 500 14px/20px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-copy small { font: 400 13px/18px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-icon, html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-check { display: none; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-card::before { content: ""; flex-shrink: 0; width: 18px; height: 18px; box-sizing: border-box; border-radius: 50%; border: 1.5px solid var(--border-strong); }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-option > input:checked + .ig-link-mode-card::before { border: 5px solid var(--brand-primary); background: var(--brand-on-primary); }
/* the details blocks: summary = card head (title + small description + chevron); body below */
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf details.pmp-link-settings-section > summary { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; list-style: none; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf details.pmp-link-settings-section > summary::-webkit-details-marker { display: none; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf details.pmp-link-settings-section .pmp-link-settings-icon { display: none; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf details.pmp-link-settings-section .pmp-link-settings-copy { display: flex; flex-direction: column; gap: 2px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf details.pmp-link-settings-section .pmp-link-settings-copy strong { font: 500 17px/24px var(--f); letter-spacing: -.01em; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf details.pmp-link-settings-section .pmp-link-settings-copy small { font: 400 13px/20px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf details.pmp-link-settings-section .pmp-link-settings-chevron { margin-left: auto; font-size: 0; width: 16px; height: 16px; 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 #ig-link.sgp-lkf details.pmp-link-settings-section[open] .pmp-link-settings-chevron { transform: rotate(180deg); }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf details.pmp-link-settings-section > summary:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 4px; border-radius: 8px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .pmp-link-settings-section-body { margin: 16px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
/* preset toolbar: select + Applica (light) + Salva/Crea/Gestisci (ghost), one row */
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .pmp-preset-toolbar-body { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .pmp-preset-toolbar-body > select { flex: 1 1 280px; min-width: 0; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .pmp-preset-toolbar-actions { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .pmp-preset-toolbar-actions > a { width: auto !important; margin: 0 !important; height: 40px; padding: 0 16px !important; border-radius: var(--r-full) !important; background: transparent !important; border: 1px solid transparent !important; color: var(--text-2) !important; box-shadow: none !important; font: 500 14px/20px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .pmp-preset-toolbar-actions > a:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .pmp-preset-toolbar-actions > a.js-pmp-apply-selected-preset { background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .pmp-preset-toolbar-actions > a .mdi { display: none; }
/* login form options: two columns of checks */
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .login-form-settings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .login-form-settings > div { margin: 0 !important; }
/* save: right-aligned primary pill */
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-col > .section > input[type="submit"].button { align-self: flex-end; width: auto !important; margin: 0 !important; padding: 0 22px !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .ig-link-mode-options, html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .login-form-settings { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-linkrow { flex-wrap: wrap; }
  html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-linkrow > .pos-r { flex-basis: 100%; }
  html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-col > .section > input[type="submit"].button { align-self: stretch; width: 100% !important; }
}
/* 8/9 follow-ups: list flush with the filter card; search glyphs centred on the 40px field; expiry+link halves on one flat surface;
   the save input is the board primary */
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .row > .js-search-results { width: auto; float: none; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .row:has(> .js-search-results) { padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#cl-domains.sgp-cd .cl-domains-search, #ig-links .ig-links-search, #relogin.skeleton-pmp .search-box) .pos-r > :is(.search-icon, .cancel-icon) { top: 20px !important; margin-top: -8px !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > .mb-20:has(input[name="expire-date"]):has(+ .ig-link-token:not(.none)),
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > .mb-20:has(input[name="expire-date"]) + .ig-link-token:not(.none) { background: var(--surface) !important; border-color: var(--border) !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > .mb-20:has(input[name="expire-date"]):has(+ .ig-link-token:not(.none)) { border-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > .mb-20:has(input[name="expire-date"]) + .ig-link-token:not(.none) { border-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .sgp-lkf-col > .section > input[type="submit"].button { 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 #ig-link.sgp-lkf .sgp-lkf-col > .section > input[type="submit"].button:hover { box-shadow: var(--sg-glow-hover) !important; transform: translateY(-1px); }

/* 8b. CustomDomainForm (/ig/connect/domains/new, /{id}): CSS only on #cl-domain. Board: one 640 card; the setup notes are plain
       paragraphs (headings 500, steps 400), the Cloudflare and certificate states are status badges, the selected user is an inset
       card, the save is the full-width primary inside the card. */
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) #cl-domain.skeleton { padding: 29px var(--pad-page) calc(var(--pad-page) + 72px) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .container-1200 { max-width: 640px; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .row { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .row::before, html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .row::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .row > .col { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .section { display: flex; flex-direction: column; gap: 20px; padding: var(--pad-card) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .section > .section-content { padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .form-label { display: block; margin: 0 0 8px !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .js-cl-domain-instructions { list-style: none; margin: 12px 0 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .js-cl-domain-instructions > li { margin: 0 0 6px !important; padding: 0 !important; font: 500 13px/20px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .js-cl-domain-instructions > li:not(:first-child):not(.cd-list-none) { margin-top: 14px !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .js-cl-domain-instructions > li.cd-list-none { font-weight: 400 !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .js-cl-domain-instructions > li::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .js-cl-domain-instructions a { color: var(--brand-primary-text); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .js-cl-domain-instructions .color-red { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .codestyle { --t: var(--t-neutral); --tc: var(--text-2); display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px; margin-left: 4px; box-sizing: border-box; vertical-align: middle;
  border-radius: var(--r-full); border: 1px solid rgba(var(--t), .3) !important; background: rgba(var(--t), .1) !important; color: var(--tc) !important; font: 500 12px/16px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .codestyle::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .codestyle:is(.cd-color-green, .cd-color-success) { --t: var(--t-success); --tc: var(--status-success); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .codestyle:is(.cd-color-orange, .cd-color-yellow, .cd-color-warning) { --t: var(--t-warning); --tc: var(--status-warning); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .codestyle:is(.cd-color-red, .cd-color-black) { --t: var(--t-danger); --tc: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .field-tips:not(.js-cl-domain-instructions) { margin: 8px 0 0 !important; padding-left: 16px !important; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .cl-domain-account-preview { display: flex; align-items: center; gap: 14px; margin: 16px 0 0 !important; padding: 16px; border-radius: var(--r-inset); border: 1px solid var(--border); background: var(--surface-alt); box-shadow: inset 0 1px 0 var(--hi); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .cl-domain-account-preview.none { display: none; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .cl-domain-account-preview :is(.cl-domain-account-preview-col-left, .cl-domain-account-preview-col-right) { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .cl-domain-account-preview img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .cl-domain-fullname { font: 500 14px/20px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton :is(.cl-domain-email, .cl-domain-userid) { font: 400 13px/18px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .section > input[type="submit"].button { width: 100% !important; margin: 0 !important; border-radius: var(--r-full) !important; 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 #cl-domain.skeleton .section > input[type="submit"].button:hover { box-shadow: var(--sg-glow-hover) !important; transform: translateY(-1px); }
@media (max-width: 992px) { html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) #cl-domain.skeleton { padding-top: 18px !important; } }

/* 9b. Login-link presets modals (board LinksPresets; .pmp-preset-modal, opened from LinksIndex / LinksForm). The product keeps two
       modals (saved list, editor); each gets the board surfaces: heading = icon tile + title + description, sections = inset cards
       with a chevron head, options on two columns, «Salva il preset» primary + «Annulla» ghost, the empty list dashed. The modal
       frame itself is B4 (11.A.10). */
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .modal-dialog.modal-lg { max-width: min(1000px, calc(100vw - 48px)); }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-modal-heading { display: flex; align-items: center; gap: 14px; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-title-icon { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: var(--r-md); font-size: 18px !important; color: var(--sg-soft) !important; box-shadow: inset 0 1px 0 var(--border);
  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)); }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-modal-heading-copy .modal-title { margin: 0 !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-modal-description { margin: 2px 0 0 !important; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-settings-section { margin: 12px 0 0 !important; padding: 0 !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; overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-settings-section > summary { display: flex; align-items: center; gap: 12px; padding: 14px 16px; list-style: none; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-settings-section > summary::-webkit-details-marker { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-settings-section > summary .pmp-link-settings-icon { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-settings-section > summary strong { font: 500 14px/20px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-settings-section > summary small { display: block; font: 400 12px/16px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-settings-section > summary .mdi-chevron-down { margin-left: auto; font-size: 0 !important; width: 16px; height: 16px; 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 .pmp-preset-modal .pmp-preset-settings-section[open] > summary .mdi-chevron-down { transform: rotate(180deg); }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-settings-section-body { padding: 4px 16px 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-options-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-option { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal :is(.js-pmp-save-preset, .js-pmp-cancel-preset-editor, .js-pmp-open-preset-editor, .js-pmp-quick-customize, .js-pmp-quick-create) { width: auto !important; flex: 0 0 auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .js-pmp-save-preset { 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 .pmp-preset-modal .js-pmp-cancel-preset-editor { background: transparent !important; border-color: transparent !important; color: var(--text-2) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .js-pmp-cancel-preset-editor:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .modal-footer:has(.js-pmp-save-preset) { justify-content: flex-start; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-row-icon { color: var(--text-3); }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal .pmp-preset-options-grid { grid-template-columns: minmax(0, 1fr); } }

/* 5b. Lead Mailer tabs (boards Mailer2 Leads, Mailer3 Activity, Mailer4 Outbox, MailerLead): the filter form inside the card under its
       title (fork), the table edge to edge in the card, status and event badges as kit status pills with their glyph, emails as
       links, the pager as pills. */
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .side-block:has(.lm-rtable) { padding-bottom: 0 !important; overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .side-block > .lm-filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin: 0 0 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter .f { display: flex; flex-direction: column; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter .f:first-of-type { flex: 1 1 280px; max-width: 360px; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter .f:nth-of-type(2) { flex: 0 1 220px; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter label { margin: 0; font: 500 13px/18px var(--f) !important; color: var(--text) !important; opacity: 1 !important; letter-spacing: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter :is(input, select) { height: 40px !important; box-sizing: border-box; padding: 0 12px !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/22px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter input[type="search"] { padding-left: 36px !important; background: var(--input-bg) no-repeat !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter .f:first-of-type { position: relative; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter .f:first-of-type::after { content: ""; position: absolute; left: 12px; bottom: 12px; width: 16px; height: 16px; background: var(--text-3); -webkit-mask: var(--sg-ic-search) center / 16px no-repeat; mask: var(--sg-ic-search) center / 16px no-repeat; pointer-events: none; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter .button { height: 40px; padding: 0 18px !important; 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:has(.lm-wrap) .lm-wrap .lm-filter .lm-spacer { flex: 1; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .side-block .lm-rtable { margin: 0 calc(-1 * var(--pad-card)) !important; border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-rtable .table { margin: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-rtable .table :is(th, td) { padding: 14px var(--pad-card) !important; border-color: var(--border) !important; vertical-align: middle; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-rtable .table th { padding-top: 12px !important; padding-bottom: 12px !important; font: 500 12px/16px var(--f) !important; color: var(--text-2) !important; background: var(--surface-alt) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-rtable .table td { font: 400 14px/20px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-link { color: var(--brand-primary-text) !important; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-link:hover { color: var(--sg-soft) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-back { display: inline-flex; align-items: center; gap: 6px; font: 500 13px/18px var(--f); }
/* status / event pills (kit .status: tinted fill, 1px tone line, glyph) */
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-badge { --t: var(--t-neutral); --tc: var(--text-2); --sgp-bi: none;
  display: inline-flex !important; align-items: center; gap: 5px; height: 22px; padding: 0 9px !important; box-sizing: border-box; border-radius: var(--r-full) !important;
  border: 1px solid rgba(var(--t), .3); background: rgba(var(--t), .1) !important; color: var(--tc) !important; font: 500 12px/16px var(--f) !important; letter-spacing: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-badge::before { content: ""; width: 12px; height: 12px; flex-shrink: 0; background: currentColor; -webkit-mask: var(--sgp-bi) center / 12px no-repeat; mask: var(--sgp-bi) center / 12px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-badge:is(.lm-badge--new, .lm-badge--queued) { --t: var(--t-info); --tc: var(--status-info); --sgp-bi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-badge:is(.lm-badge--sent) { --sgp-bi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4z'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-badge:is(.lm-badge--converted) { --t: var(--t-success); --tc: var(--status-success); --sgp-bi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-badge:is(.lm-badge--unsubscribed, .lm-badge--skipped) { --t: var(--t-warning); --tc: var(--status-warning); --sgp-bi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-badge:is(.lm-badge--bounced, .lm-badge--failed, .lm-badge--complaint, .lm-badge--blocked) { --t: var(--t-danger); --tc: var(--status-danger); --sgp-bi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0zM12 9v4M12 17h.01'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-badge:is(.lm-badge--opened, .lm-badge--clicked) { --t: var(--t-info); --tc: var(--status-info); --sgp-bi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M7 7h10v10'/%3E%3C/svg%3E"); }
/* pager: count left, Precedente / Avanti pills right */
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-pager { display: flex; align-items: center; gap: 8px; margin: 0 calc(-1 * var(--pad-card)) !important; padding: 14px var(--pad-card) !important; border-top: 1px solid var(--border); font: 400 13px/18px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-pager :is(a, span.button, .button) { height: 36px; padding: 0 14px !important; border-radius: var(--r-full) !important; }
/* lead detail: key/value grid and the timeline */
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px 24px; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-timeline { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-tl-item { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 14px 0; border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-tl-item:first-child { border-top: 0; padding-top: 0; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-tl-time { font: 400 12px/16px var(--f); color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-tl-detail { flex-basis: 100%; font: 400 13px/20px var(--f); color: var(--text-2); }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter .f:first-of-type, html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter .f:nth-of-type(2) { flex: 1 1 100%; max-width: none; }
  html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-filter .button { flex: 1 1 100%; }
  html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-rtable .table :is(th, td) { padding: 12px 16px !important; }
}

/* 5c. Lead Mailer settings (/e/lead-mailer/settings, board MailerSettings): CSS only. A centred 880 column; each .lm-card is a kit card
       with its title first (the head icon is not on the board); the SMTP card is a 2-column grid where the fields are placed by their
       id (reply-to + encryption share a row, then host/port, user/password), the verification state sits in the head row, «Verifica
       SMTP» right-aligned, the send toggle under a divider. Field names, ids and the inline js stay as they are. */
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap { max-width: 880px; margin: 0 auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap > form { display: flex; flex-direction: column; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card { margin: 0 !important; padding: var(--pad-card) !important; 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:has(#su_from_name) .lm-wrap .lm-card-head { margin: 0 0 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card-icon { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card-head h4 { margin: 0 !important; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card-head .sub { margin: 2px 0 0 !important; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-field { margin: 0 !important; display: flex; flex-direction: column; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-field label { margin: 0; font: 500 13px/18px var(--f) !important; color: var(--text) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-field :is(input, select) { height: 40px !important; box-sizing: border-box; padding: 0 12px !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/22px var(--f) !important; width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .hint { font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; opacity: 1 !important; }
/* the SMTP card: grid placement */
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > * { grid-column: 1 / -1; order: 20; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-grid2 { display: contents; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-card-head { order: 0; grid-column: 1; margin: 0 !important; align-self: center; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-field:has(#lm-verify-status) { order: 1; grid-column: 2; align-self: center; align-items: flex-end; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) .lm-field:has(#su_from_name) { order: 2; grid-column: 1; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) .lm-field:has(#su_from_email) { order: 3; grid-column: 2; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-field:has(#su_reply_to) { order: 4; grid-column: 1; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) .lm-field:has(#su_smtp_encryption) { order: 5; grid-column: 2; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) .lm-field:has(#su_smtp_host) { order: 6; grid-column: 1; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) .lm-field:has(#su_smtp_port) { order: 7; grid-column: 2; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) .lm-field:has(#su_smtp_user) { order: 8; grid-column: 1; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) .lm-field:has(#su_smtp_pass) { order: 9; grid-column: 2; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-notice { order: 10; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > #lm-verify-smtp { order: 11; grid-column: 2; justify-self: end; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > #lm-verify-msg { order: 12; justify-self: end; margin: -8px 0 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-toggle:has(input[name="su_send_enabled"]) { order: 13; margin: 0 !important; padding-top: 16px; border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-toggle:has(input[name="su_send_enabled"]) + .hint { order: 14; margin: -12px 0 0 54px !important; }
/* verification state: status badge */
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) #lm-verify-status { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; box-sizing: border-box; border-radius: var(--r-full); font: 500 12px/16px var(--f) !important;
  border: 1px solid rgba(var(--t-neutral), .3); background: rgba(var(--t-neutral), .1); color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) #lm-verify-status.lm-verify-ok { border-color: rgba(var(--t-success), .3); background: rgba(var(--t-success), .1); color: var(--status-success) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) #lm-verify-status.lm-verify-ok > span { color: inherit !important; }
/* notices: compliance (first) and Brevo = kit info boxes */
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-notice { margin: 0 !important; padding: 16px !important; border-radius: var(--r-inset) !important; border: 1px solid var(--border) !important; background: var(--surface-alt) !important; color: var(--text-2) !important; font: 400 13px/20px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-notice strong { display: block; margin: 0 0 2px; font-weight: 500; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-notice code { padding: 0 4px; border-radius: 4px; background: var(--fill-3); font: 400 12px/18px var(--font-mono); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap > form > .lm-notice:first-child, html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap > .lm-notice:first-child { border-color: color-mix(in srgb, var(--status-info) 35%, transparent) !important; background: rgba(var(--t-info), .08) !important; }
/* buttons: Verifica = light pill; Salva impostazioni = primary, right */
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) #lm-verify-smtp { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; border-radius: var(--r-full); border: 1px solid transparent; background: var(--btn2-bg); color: var(--btn2-fg); font: 500 14px/20px var(--f); cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) #lm-verify-smtp:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-save { display: flex; justify-content: flex-end; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-save button { height: 44px; padding: 0 22px; border: 0; border-radius: var(--r-full); background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest); font: 500 15px/20px var(--f); cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-save button:hover { box-shadow: var(--sg-glow-hover); transform: translateY(-1px); }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > * , html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) .lm-field { grid-column: 1 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-field:has(#lm-verify-status) { align-items: flex-start; }
  html:is([data-skin="sg26"],#sg-skin) body:has(#su_from_name) .lm-wrap .lm-save button { width: 100%; }
}

/* ---------------------------------------------------------------------------------------------------------------------------
   10. DM inboxes (boards DirectInbox, AiDmInbox; /e/direct-basic/{id}, /e/ai-dm/{id}): CSS only. The list rows and the thread are
       fragments the controllers return by AJAX (inbox-chat / inbox-thread): never forked. Board: one card; head row (account +
       «Aggiorna»), then search + «N richieste in attesa» on one row, the filter chips, the rows (unread dot, avatar, name + username,
       time, preview, labels; icon actions + «Apri chat» + trash), «Carica altro» centred. Verified with the harness (fake threads).
   --------------------------------------------------------------------------------------------------------------------------- */
html:is([data-skin="sg26"],#sg-skin) body:has(> nav .nav-menu) .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) { padding: 0 var(--pad-page) calc(var(--pad-page) + 72px) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix { display: flex; align-items: flex-start; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix::before, html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix::after { content: none; display: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix > .skeleton-aside { flex: 0 0 280px; width: 280px !important; height: auto !important; float: none !important; box-sizing: border-box; padding: 16px !important; display: flex; flex-direction: column; gap: 12px; overflow: visible !important;
  border-radius: var(--r-lg); border: 1px solid transparent !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 .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix > .skeleton-aside .search-box { position: relative; top: auto; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix > .skeleton-aside .search-box .input { padding-left: 36px !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix > .skeleton-aside .aside-list { display: flex; flex-direction: column; gap: 4px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix > .skeleton-aside .aside-list-item { padding: 10px !important; border: 1px solid transparent !important; border-radius: var(--r-inset); background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix > .skeleton-aside .aside-list-item.active { border-color: color-mix(in srgb, var(--brand-primary-text) 55%, transparent) !important; background: linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 20%, transparent), color-mix(in srgb, var(--brand-primary) 6%, transparent)) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix > section.inbox.skeleton-content { flex: 1 1 auto; min-width: 0; width: auto !important; height: auto !important; float: none !important; overflow: visible !important; padding: 0 !important;
  border-radius: var(--r-lg); border: 1px solid transparent !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 .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > * { grid-column: 1 / -1; margin: 0 !important; }
/* head row: account name + relogin note; «Aggiorna» right */
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox.section-header { display: flex; align-items: center; gap: 12px; padding: 20px 24px !important; border-bottom: 1px solid var(--border) !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox.section-header::before, html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox.section-header::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox.section-header .section-title { margin: 0 !important; padding: 0 !important; display: flex; align-items: center; gap: 10px; font: 500 17px/24px var(--f) !important; color: var(--text) !important; background: none !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox.section-header .section-title small { margin: 0 !important; font: 500 12px/16px var(--f) !important; color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-refresh { margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-refresh .button { margin: 0 !important; height: 36px; padding: 0 14px !important; display: inline-flex; align-items: center; gap: 8px; background: var(--tonal-bg) !important; border: 1px solid 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 .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-refresh .button::before { font-size: 16px; }
/* search (col 1) + pending requests pill (col 2) on one row, the filter chips below the search */
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox-dm-search { grid-column: 1; grid-row: 2; padding: 16px 0 16px 24px !important; border: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox-pending { grid-column: 2; grid-row: 2; align-self: start; padding: 16px 24px 0 12px !important; border: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox-pending .button { width: auto !important; height: 40px; margin: 0 !important; padding: 0 16px !important; display: inline-flex; align-items: center; gap: 8px; border-radius: var(--r-full) !important; background: var(--tonal-bg) !important; border: 1px solid var(--border-2) !important; color: var(--text) !important; box-shadow: none !important; font: 500 13px/18px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-dm-search .search-box { position: relative; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-dm-search .search-box > .pos-r:first-child .input { padding-left: 36px !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-dm-search .search-box > .pos-r + .pos-r { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-dm-search .search-box > .pos-r + .pos-r > input { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-dm-search .search-box > .pos-r + .pos-r > a.button { margin: 0 !important; height: 30px; padding: 0 12px !important; border-radius: var(--r-full) !important; border: 1px solid var(--border-2) !important; background: var(--fill-3) !important; color: var(--text-2) !important; box-shadow: none !important; font: 500 13px/18px var(--f) !important; text-transform: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-dm-search .search-box > .pos-r + .pos-r > a.button.active { 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 .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) :is(.inbox-dm-search, .skeleton-aside) .search-box :is(.search-icon, .cancel-icon) { position: absolute; left: 12px; top: 20px !important; width: 16px; height: 16px; margin: -8px 0 0 !important; font-size: 0 !important; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) :is(.inbox-dm-search, .skeleton-aside) .search-box :is(.search-icon, .cancel-icon)::before { content: "" !important; display: block; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sg-ic-search) center / 16px no-repeat; mask: var(--sg-ic-search) center / 16px no-repeat; }
/* rows */
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list { border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) #inbox-chat-list { margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item { position: relative; margin: 0 !important; padding: 16px 24px 16px 40px !important; border: 0 !important; border-bottom: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item:has(.unread-status-point:not(.none)) { background: color-mix(in srgb, var(--brand-primary) 6%, transparent) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item:hover { background: var(--fill-1) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item > .clearfix { display: flex; align-items: flex-start; gap: 14px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item > .clearfix::before, html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item > .clearfix::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .unread-status-point { position: absolute; left: 16px; top: 36px; width: 8px; height: 8px; margin: 0; border-radius: 50%; background: var(--brand-primary); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .unread-status-point.none { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .circle { position: relative; float: none !important; flex-shrink: 0; width: 44px !important; height: 44px !important; margin: 0 !important; border: 0 !important; border-radius: 50%; overflow: hidden; background: var(--sg-gradient-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .circle .img { position: absolute; inset: 0; border-radius: 50%; background-size: cover; background-position: center; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .inner { flex: 1; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; row-gap: 4px; align-items: center; overflow: visible; padding: 0 !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .inner::before, html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .inner::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .action { grid-column: 1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .action::before, html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .action::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .dm-thread-title a { color: var(--text) !important; font: 500 14px/20px var(--f) !important; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .dm-thread-title strong { font-weight: 500; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .date { font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item:has(.unread-status-point:not(.none)) .date { color: var(--brand-primary-text) !important; font-weight: 500 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .meta { grid-column: 1; margin: 0 !important; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons { grid-column: 2; grid-row: 1 / span 3; display: flex; align-items: center; gap: 4px; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons::before, html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a.button { margin: 0 !important; float: none !important; box-shadow: none !important; transform: none !important; }
/* icon actions: mute, labels, move, delete = 32px round ghost; «Open chat» = tonal pill */
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a:is(.inbox-mute-chat, .inbox-custom-labels, .inbox-move-chat, .inbox-delete-chat) {
  display: inline-grid !important; place-items: center; width: 32px; height: 32px !important; padding: 0 !important; border-radius: 50% !important; border: 0 !important; background: transparent !important; color: var(--text-2) !important; font-size: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a:is(.inbox-mute-chat, .inbox-custom-labels, .inbox-move-chat, .inbox-delete-chat):hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a :is(.manage-labels-text, .move-text) { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a .mdi { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a:is(.inbox-mute-chat, .inbox-custom-labels, .inbox-move-chat, .inbox-delete-chat)::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sgp-ai) center / 16px no-repeat; mask: var(--sgp-ai) center / 16px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a.inbox-mute-chat { --sgp-ai: 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='M11 5 6 9H2v6h4l5 4zM22 9l-6 6M16 9l6 6'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a.inbox-custom-labels { --sgp-ai: 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 2H2v10l9.29 9.29a1 1 0 0 0 1.41 0l8.6-8.6a1 1 0 0 0 0-1.41z'/%3E%3Cpath d='M7 7h.01'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a.inbox-move-chat { --sgp-ai: 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 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a.inbox-delete-chat { --sgp-ai: 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"); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a.inbox-open-chat { height: 32px !important; padding: 0 14px !important; margin: 0 4px !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 13px/18px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .loadmore { display: flex; justify-content: center; padding: 16px 24px 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .loadmore .button { width: auto !important; }
@media (max-width: 1023.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix { flex-direction: column; align-items: stretch; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) > .clearfix > .skeleton-aside { flex: none; width: auto !important; }
}
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox-pending { grid-column: 1; grid-row: auto; padding: 16px 16px 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox-dm-search { grid-row: auto; padding: 12px 16px 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .inbox.section-header { padding: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item { padding: 14px 16px 14px 28px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .unread-status-point { left: 10px; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .inner { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons { grid-column: 1; grid-row: auto; flex-wrap: wrap; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a:is(.inbox-mute-chat, .inbox-custom-labels, .inbox-move-chat, .inbox-delete-chat) { width: 44px; height: 44px !important; }
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .circle { position: relative !important; top: auto !important; left: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a.inbox-delete-chat { margin-top: 0 !important; vertical-align: middle; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox.section-content > .loadmore { justify-self: stretch; width: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .search-box .pos-r { position: relative; }

/* 10b. DM thread (boards DirectThread, AiDmThread): the product opens thread.php (a full document) in #inbox-chat-frame. Board: a
        600px sheet on the right over a dimmed page; header (name, «Vedi su Instagram», expand, close), bubbles (theirs on the left on
        the raised surface, mine on the right tinted with the accent), composer at the bottom. In the product «left» = mine and «right»
        = theirs (thread-item fragment); the bubbles follow the board, not the class names. CSS only (the fragments come by AJAX). */
html:is([data-skin="sg26"],#sg-skin) body.inbox-open:has(section.inbox.skeleton-content) #inbox-chat-frame {
  position: fixed !important; top: 0 !important; bottom: 0 !important; left: auto !important; right: 0 !important; width: min(600px, 100vw) !important; height: 100vh !important; max-height: none !important;
  z-index: 1000 !important; margin: 0 !important; border: 0 !important; border-left: 1px solid var(--border-2) !important; border-radius: 0 !important; background: var(--surface) !important; box-shadow: -24px 0 60px -20px var(--shadow-c) !important;
}
html:is([data-skin="sg26"],#sg-skin) body.inbox-open:has(section.inbox.skeleton-content):has(#inbox-chat-frame:not([style*="display: none"]))::after {
  content: ""; position: fixed; inset: 0; z-index: 999; background: var(--scrim); pointer-events: none;
}
/* the thread document (body.inbox-thread) */
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread { background: var(--surface) !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-direct-chat { display: flex; flex-direction: column; height: 100vh; margin: 0 !important; padding: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-head { display: flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 16px 20px !important; border-bottom: 1px solid var(--border) !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-thread-title { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin: 0 !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-thread-title a { margin: 0 !important; font: 400 13px/18px var(--f) !important; color: var(--brand-primary-text) !important; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-tools { display: flex; align-items: center; gap: 4px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .btn-action-thread { display: grid; place-items: center; width: 36px; height: 36px; margin: 0 !important; border-radius: 50%; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .btn-action-thread:hover { background: var(--hover-fill); color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .btn-action-thread:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .btn-action-thread i { font-size: 0 !important; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--sgp-ti) center / 18px no-repeat; mask: var(--sgp-ti) center / 18px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .btn-expand-thread i { --sgp-ti: 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 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .btn-close-thread i { --sgp-ti: 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"); }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-body { flex: 1; min-height: 0; overflow-y: auto; padding: 16px 24px !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-thread-loadmore { display: flex; justify-content: center; width: auto !important; margin: 0 auto 12px !important; border: 0 !important; background: transparent !important; color: var(--text) !important; font: 500 13px/18px var(--f) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation { min-height: 0 !important; display: flex; flex-direction: column; gap: 10px; padding: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-msg { display: flex; flex-direction: column; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-info { display: none; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-img { display: none; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-text {
  position: static; max-width: 78%; margin: 0 !important; padding: 10px 14px !important; box-sizing: border-box; border-radius: 18px !important; border: 1px solid var(--border-2) !important;
  background: var(--surface-raised) !important; color: var(--text) !important; font: 400 14px/21px var(--f) !important; overflow-wrap: anywhere;
}
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-text::before, html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-text::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-msg.right { align-items: flex-start; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-msg.left { align-items: flex-end; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-msg.left .direct-chat-text { border-color: color-mix(in srgb, var(--brand-primary-text) 45%, transparent) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 28%, transparent), color-mix(in srgb, var(--brand-primary) 14%, transparent)) !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-conversation .direct-chat-text a { color: var(--sg-soft); text-decoration: underline; text-underline-offset: 3px; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-footer { position: relative; display: flex; align-items: flex-end; gap: 10px; flex-shrink: 0; padding: 16px 20px !important; border-top: 1px solid var(--border) !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-input-msg { flex: 1; min-width: 0; min-height: 44px; max-height: 160px; overflow-y: auto; box-sizing: border-box; padding: 11px 14px !important; margin: 0 !important; border-radius: var(--r-inset) !important; border: 1px solid var(--border-strong) !important; background: var(--input-bg) !important; color: var(--text) !important; font: 400 14px/20px var(--f) !important; outline: 0; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-input-msg:focus { border-color: var(--brand-primary-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-input-msg:empty::before { content: attr(data-placeholder); color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-send-msg { position: static !important; display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; margin: 0 !important; border-radius: 50% !important; background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest); font-size: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-send-msg .sli { font-size: 0 !important; width: 18px; height: 18px; background: currentColor; -webkit-mask: 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") center / 18px no-repeat; mask: 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") center / 18px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-send-msg:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread #inbox-sending-status { color: var(--text-3); }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-body { padding: 12px 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-footer, html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-head { padding: 12px 16px !important; }
}

/* 4b. WaDashboard (/e/whatsapp, board WaDashboard): view fork of index.fragment.php (the controller is obfuscated and untouched).
       Sessions card 280 on the left; on the right the bulk status card, 4 KPI, the Account card and the bulk list card. Static
       status dots only (no heartbeat on WhatsApp). The plugin's core.css paints .aside-list-item*, .circle, .status, .blocos: reset
       here, under the page id. */
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash { height: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash > .sgp-wa-grid { display: flex; align-items: flex-start; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-side { width: 280px; flex-shrink: 0; box-sizing: border-box; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-side-title { margin: 0; padding: 4px 12px 8px; font: 500 13px/18px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .js-search-results, html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .aside-list { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; height: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash ul.aside-list { list-style: none; }
/* session rows */
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-sess-list { display: flex; flex-direction: column; gap: 4px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .aside-list-item.sgp-wa-sess {
  position: relative; display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 12px !important; min-height: 0 !important; height: auto !important;
  border: 1px solid transparent !important; border-radius: var(--r-inset) !important; background: transparent !important; box-shadow: none !important; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .aside-list-item.sgp-wa-sess:hover, html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .aside-list-item.sgp-wa-sess.active { background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-sess-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sess-name { font: 500 14px/20px var(--f); color: var(--text); overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash :is(.sgp-wa-sess, .sgp-wa-row):hover .sess-name { color: var(--sg-soft); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .st { display: inline-flex; align-items: center; gap: 6px; font: 500 12px/16px var(--f); position: static !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .st.is-success { color: var(--status-success) !important; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .st.is-danger { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .st svg { flex-shrink: 0; }
/* the avatar: 40px round tile with the WhatsApp glyph */
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .circle.wa-ava {
  position: static !important; float: none !important; display: grid !important; place-items: center; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0;
  border-radius: 50% !important; border: 1px solid var(--border-2); background: var(--surface-raised) !important; color: var(--text) !important; box-shadow: inset 0 1px 0 var(--hi); line-height: 1 !important; font-size: 0 !important; object-fit: cover; box-sizing: border-box;
}
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .full-link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .full-link:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .status { position: static !important; flex-shrink: 0; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .status .sg-dot { width: 6px; height: 6px; }
/* bulk status card */
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-bulk { display: flex; align-items: center; gap: 16px; padding: 20px 24px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-bulk-title { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-bulk-title { color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-bulk-title .sg-dot { width: 8px; height: 8px; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-bulk .btn { flex-shrink: 0; }
/* KPI */
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-kpis { --kpi-cols: 4; --kpi-min: 92px; gap: 16px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-kpis .kcard { padding: 18px 20px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-kpis .kpi { margin: 0 !important; padding: 0 !important; font: 500 28px/34px var(--f) !important; letter-spacing: -.03em; color: var(--text) !important; }
/* Account card */
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-accs { padding: 24px; display: flex; flex-direction: column; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-acc-head { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-acc-head h2 { display: flex; align-items: center; gap: 8px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-acc-head .btn { margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .aside-list-item2.sgp-wa-row {
  position: relative; display: flex !important; align-items: center; gap: 14px; float: none !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 14px 0 !important;
  border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-row .sess-name { flex: 1; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-chev { flex-shrink: 0; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-nodata { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 8px 4px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-nodata p { margin: 0; }
/* bulk list card */
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-list { padding: 24px; display: flex; flex-direction: column; gap: 20px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-list > h2 { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-list-form { display: flex; flex-direction: column; gap: 20px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-list-form .form-result:empty { display: none; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-list-form .field { display: flex; flex-direction: column; gap: 8px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-list-form .label { font: 500 13px/18px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-file { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-file .file-btn {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; margin: 0; box-sizing: border-box; border-radius: var(--r-full); border: 1px dashed var(--border-strong);
  background: var(--surface-alt); color: var(--text); font: 500 14px/20px var(--f); cursor: pointer; transition: var(--tr); white-space: nowrap;
}
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-file .file-btn:hover { border-color: color-mix(in srgb, var(--sg-accent-2) 50%, transparent); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-file .fileinp { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0 !important; opacity: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-file .file-btn:has(+ .fileinp:focus-visible) { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-file .file-btn:has(+ .fileinp.error) { border-color: var(--status-danger-line); color: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-file .fileinp + .sgp-wa-file-name { display: block !important; flex: 0 1 auto; width: auto !important; min-width: 0; height: auto !important; min-height: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: var(--text-muted) !important; font: 400 12px/16px var(--f) !important; text-transform: none !important; letter-spacing: normal !important; cursor: default; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-cur { padding: 14px 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-cur p { display: flex; align-items: center; gap: 8px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-cur b { font-weight: 500; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-list-foot { display: flex; justify-content: flex-end; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-list-foot .btn { width: auto; }
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .loadmore { padding: 12px 0 0; }
@media (max-width: 1023.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash > .sgp-wa-grid { flex-direction: column; align-items: stretch; }
  html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-side { width: auto; }
}
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-bulk { flex-wrap: wrap; padding: 16px; }
  html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-bulk .btn { width: 100%; }
  html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash :is(.sgp-wa-accs, .sgp-wa-list) { padding: 20px 16px; }
  html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-cur { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .sgp-wa-list-foot .btn { width: 100%; }
}

/* 4c. WhatsApp account sub-pages (boards WaSettings /e/whatsapp/{id}, WaMessages …/messages, WaChatbot …/auto-responder, WaLog …/log,
       WaInfo = the «Informazioni istanza» modal): view forks with skin/lib/pro-modules/wa-session.php. No session list on these boards:
       the legacy aside stays in the DOM (core.js autoloads it) but is not shown; the content column holds the session head card with
       the tabs, then the page cards. The editors stay the product's bootstrap modals, dressed as the board's editor card. The plugin's
       core.css paints .wa-status, .options.wa, .wdm-*: reset here under .sgp-wa-sub. Static status only (no heartbeat). */
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub { height: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-aside { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .dark-back, html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .dark-back > .clearfix { height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .skeleton-content.sgp-wa-content {
  float: none !important; width: auto !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; display: block !important;
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-stack { display: flex; flex-direction: column; gap: var(--gap-block); margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .form-result:empty { display: none; }
/* session head card */
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-head { padding: 20px 24px; display: flex; flex-direction: column; gap: 18px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-head-row { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-head-id { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-head-id h2 { margin: 0; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wa-status { position: static !important; float: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .st { display: inline-flex; align-items: center; gap: 6px; font: 500 12px/16px var(--f); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .st.is-success { color: var(--status-success) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .st.is-danger { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .circle.wa-ava {
  position: static !important; float: none !important; display: grid !important; place-items: center; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0;
  border-radius: 50% !important; border: 1px solid var(--border-2); background: var(--surface-raised) !important; color: var(--text) !important; box-shadow: inset 0 1px 0 var(--hi); line-height: 1 !important; box-sizing: border-box;
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-head-acts { margin-left: auto; display: flex; align-items: center; gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-head-acts .num { font-weight: 500; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .options.sgp-wa-kebab { position: relative !important; inset: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-kebab .context-menu { top: calc(100% + 6px) !important; right: 0 !important; left: auto !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wdm-tab-heads.sgp-wa-tabs {
  align-self: flex-start; display: inline-flex; gap: 2px; max-width: 100%; box-sizing: border-box; margin: 0 !important; padding: 3px !important; overflow-x: auto; scrollbar-width: none;
  border-radius: var(--r-full) !important; border: 1px solid var(--border) !important; background: var(--fill-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wdm-tab-heads.sgp-wa-tabs::before, html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wdm-tab-heads.sgp-wa-tabs::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-tabs .tab {
  display: inline-flex !important; align-items: center; gap: 6px; flex-shrink: 0; height: 36px !important; padding: 0 16px !important; margin: 0 !important; float: none !important; box-sizing: border-box;
  border: 0 !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; white-space: nowrap; box-shadow: none !important; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-tabs .tab::before, html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-tabs .tab::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-tabs .tab:hover { color: var(--text-max) !important; background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-tabs .tab.is-on { background: var(--surface-raised) !important; color: var(--text-max) !important; box-shadow: inset 0 1px 0 var(--border), var(--shadow-sm) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-tabs .tab:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: -2px; }
/* page cards */
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-sec { padding: 24px; display: flex; flex-direction: column; gap: 20px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-sec > h3 { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-2col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-sec textarea.input { width: 100% !important; min-height: 130px; resize: vertical; font-variant-numeric: tabular-nums; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-fs { border: 0; margin: 0; padding: 0; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-fs > legend { float: none; width: auto; padding: 0; margin: 0 0 6px; border: 0; font: 500 13px/18px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-mm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-unit-f { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-unit { position: relative; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-unit .input { width: 100% !important; padding-right: 56px !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-unit > span { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font: 400 13px/20px var(--f); color: var(--text-3); pointer-events: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-unit-f .field-tips { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-speed { max-width: 360px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-range { display: grid; grid-template-columns: repeat(2, minmax(0, 180px)); gap: 16px; padding-left: 30px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-days { display: flex; flex-wrap: wrap; gap: 12px 32px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-sec label { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-savebar { flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 16px 24px; padding: 20px 24px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-status-f { width: 240px; max-width: 100%; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-applyall { padding-bottom: 10px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-save { margin-left: auto; width: auto !important; }
/* messages / replies list */
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-mlist { gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-mhead { display: flex; align-items: center; gap: 12px; padding-bottom: 4px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-mhead h3 { flex: 1; display: flex; align-items: center; gap: 8px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-mrows { list-style: none; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wdm-messages-list-item.sgp-wa-mrow {
  display: flex; align-items: flex-start; gap: 16px; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 14px 0 !important;
  border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wdm-messages-list-item.sgp-wa-mrow.is-on { margin: 0 -12px !important; padding: 14px 12px !important; border-radius: var(--r-inset) !important; background: var(--surface-raised) !important; border-top-color: transparent !important; box-shadow: inset 0 0 0 1px var(--border-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-kvl { flex: 1; min-width: 0; margin: 0; display: flex; flex-direction: column; gap: 4px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-kvl .kv { display: flex; gap: 8px; margin: 0; font: 400 13px/20px var(--f); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-kvl dt { min-width: 76px; margin: 0; font-weight: 400; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-kvl dd { min-width: 0; margin: 0; color: var(--text); overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-kvl .message { position: static; padding: 0; background: none; border: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-trig { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; box-sizing: border-box; border-radius: var(--r-sm); border: 1px solid var(--border-2); background: var(--fill-3); font: 500 12px/16px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-mrow-acts { display: flex; gap: 8px; flex-shrink: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-mrow-acts .sgp-wa-del { color: var(--status-danger) !important; }
/* the editor and instance info modals */
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-info .modal-dialog { max-width: min(520px, calc(100% - 32px)); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-info-head { display: flex !important; align-items: center; gap: 12px; padding: 20px 24px 0 !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-info-head :is(h2, h3) { flex: 1; min-width: 0; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-info-head .close { position: static !important; float: none !important; display: grid !important; place-items: center; width: 32px; height: 32px; margin: 0 !important; padding: 0 !important; opacity: 1 !important; text-shadow: none !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub :is(.sgp-wa-info, .sgp-wa-editor) .modal-body { padding: 20px 24px 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-info-body { display: flex; flex-direction: column; gap: 20px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-kv { display: flex; flex-direction: column; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-kv .inset { margin: 0; padding: 10px 12px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-ebody { display: flex; flex-direction: column; gap: 20px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-ebody .field { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-ebody textarea.input { width: 100% !important; min-height: 130px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-opts { display: flex; flex-wrap: wrap; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-opts > label { margin: 0 !important; padding: 10px 14px; box-sizing: border-box; border: 1px solid var(--border-2); border-radius: var(--r-inset); background: var(--fill-2); cursor: pointer; transition: var(--tr); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-opts > label:has(input:checked) { border-color: var(--brand-primary-border); background: var(--brand-primary-subtle); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-trow { display: grid; grid-template-columns: minmax(0, 1fr) 140px 140px; gap: 16px; align-items: start; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-trow .input { width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .compulsory-field-indicator { color: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-btns > * + * { margin-top: 10px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-btns .main-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) auto; gap: 8px; align-items: center; margin: 0 0 10px !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-btns .main-form::before, html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-btns .main-form::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-btns .main-form > .col { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-btns .main-form .form-group { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-btns .main-form .input { width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-efoot { display: flex; justify-content: flex-end; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-efoot .btn { width: auto !important; }
/* activity log */
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log { gap: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log-top { display: flex; flex-wrap: wrap; gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log-top .alert.wdm-next-schedule { flex: 1 1 280px; align-items: center; margin: 0 !important; padding: 14px 16px !important; border-radius: var(--r-inset) !important; border: 1px solid rgba(var(--t), .28) !important; background: rgba(var(--t), .06) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log-top .alert > svg { color: var(--tc); margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log-top .alert p { margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-today.wdm-next-schedule { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 12px 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-today b { font-weight: 400; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-loglist { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; height: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-loglist .wdm-log-list-item {
  display: flex; gap: 14px; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 16px 0 !important;
  border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .circle.sgp-wa-lico {
  position: static !important; float: none !important; display: grid !important; place-items: center; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0; box-sizing: border-box;
  border-radius: 50% !important; border: 0 !important; background: linear-gradient(135deg, color-mix(in srgb, var(--sg-accent-2) 18%, transparent), color-mix(in srgb, var(--brand-primary) 22%, transparent)) !important; color: var(--sg-soft) !important; box-shadow: inset 0 1px 0 var(--border); font-size: 18px !important; line-height: 1 !important;
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .circle.sgp-wa-lico.is-danger { background: rgba(var(--t-danger), .14) !important; color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .circle.sgp-wa-lico.is-neutral { background: var(--fill-3) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .circle.sgp-wa-lico .text { position: static !important; color: inherit !important; font-size: inherit !important; line-height: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-loglist .inner { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-loglist .action { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-lhead { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0; padding: 0; background: none; border: 0; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-lhead .label { flex: 1 1 auto; min-width: 0; margin: 0; font: 500 13px/18px var(--f); color: var(--text); overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-lhead .label a { color: var(--text); font-variant-numeric: tabular-nums; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-lhead .label a:hover { color: var(--sg-soft); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-lhead .date { position: static !important; float: none !important; margin: 0 0 0 auto !important; white-space: nowrap; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-loglist :is(.message, .error-details) { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; color: var(--text-muted) !important; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-pill { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; margin: 0 !important; box-sizing: border-box; border-radius: var(--r-full); border: 1px solid var(--border-2); background: var(--fill-3); font: 500 12px/16px var(--f); color: var(--text-2) !important; font-variant-numeric: tabular-nums; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-pill b { font-weight: 500; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-pill.is-off { color: var(--text-3) !important; opacity: .7; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wdm-amount-of-action { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log .loadmore { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log .no-data { margin: 0; padding: 32px 0; text-align: center; }
@media (max-width: 1023.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-head-acts { margin-left: 0; width: 100%; flex-wrap: wrap; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-head-acts .sgp-wa-kebab { margin-left: auto !important; }
}
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-head, html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-sec { padding: 16px; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-2col { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-range { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 0; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-savebar { flex-direction: column; align-items: stretch; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-status-f { width: auto; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-save { margin-left: 0; width: 100% !important; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wdm-messages-list-item.sgp-wa-mrow { flex-direction: column; gap: 10px; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-trow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-trow > .field:first-child { grid-column: 1 / -1; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-btns .main-form { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-today.wdm-next-schedule { flex: 1 1 100%; }
  html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-efoot .btn { width: 100% !important; }
}
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wa-status { display: block !important; width: auto !important; height: auto !important; line-height: 16px !important; text-align: left !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .wa-status > .st { position: static !important; float: none !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .meta-box.sgp-wa-meta { height: auto !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-meta .sgp-wa-pill { float: none !important; height: 24px !important; padding: 0 10px !important; border: 1px solid var(--border-2) !important; border-radius: var(--r-full) !important; background: var(--fill-3) !important; line-height: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log-top .alert.is-info { --t: var(--t-info); --tc: var(--status-info); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log-top .alert.is-success { --t: var(--t-success); --tc: var(--status-success); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-log-top .alert.is-warning { --t: var(--t-warning); --tc: var(--status-warning); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-opts input.radio { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; overflow: hidden; clip: rect(0 0 0 0); }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-opts > label:has(input.radio:focus-visible) { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-opts > label { position: relative; }

/* 11. EditProfile (/e/edit-profile/{id}, board EditProfile): CSS only (the fragment's AJAX hooks stay untouched). The actions column:
       left-aligned tonal pills with the board's icons (masks), the legacy mdi glyph hidden; texts wrap on two lines as on the board. */
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .section-content > div { margin: 0 0 10px !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .section-content > div:last-child { margin-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .button {
  display: flex !important; align-items: center; justify-content: flex-start !important; gap: 10px; width: 100%; height: auto !important; min-height: 44px; padding: 10px 18px !important; box-sizing: border-box;
  border-radius: var(--r-full) !important; text-align: left !important; white-space: normal !important; font: 500 14px/18px var(--f) !important; color: var(--text) !important;
}
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .button.none { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .button .mdi { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .button::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sgp-ep-i) center / 16px no-repeat; mask: var(--sgp-ep-i) center / 16px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .button.js-load-followers { --sgp-ep-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='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='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .button.js-load-followings { --sgp-ep-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='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='m16 11 2 2 4-4'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .section-content > div:nth-child(3) .button { --sgp-ep-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 16 4 4 4-4M7 20V4M11 4h10M11 8h7M11 12h4'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .section-content > div:nth-child(4) .button { --sgp-ep-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 8 4-4 4 4M7 4v16M11 12h4M11 16h7M11 20h10'/%3E%3C/svg%3E"); }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .button.js-hashtags-impressions { --sgp-ep-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 9h16M4 15h16M10 3 8 21M16 3l-2 18'/%3E%3C/svg%3E");
  border-color: var(--brand-primary-border) !important; background: color-mix(in srgb, var(--brand-primary) 10%, transparent) !important; color: var(--outline-fg) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.profile-actions .js-sort-posts-by-er-post) .profile-actions .button sub { font-size: .75em; line-height: 0; }

/* 12. One card per group (fidelity pass; boards SlaveSettings, SlaveMessages, SlaveLog, AiDmScheduleSettings, ProxyUser, BulkEdit,
       ProxyIpTracking). The forks only insert wrappers: section.sgp-sec = a board card, .sgp-sec-head = the account head card (name +
       tabs), .sgp-sec-title = the card title, .sgp-sec-save = the save row under the cards. Fields and hooks are untouched. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec {
  display: flow-root; margin: 0 0 var(--gap-block) !important; padding: 24px !important; box-sizing: border-box;
  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 .sgp-page .sgp-sec > :last-child { margin-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-title { margin: 0 0 20px !important; padding: 0 !important; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .card.card-body, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .segmentacao-avancada { margin: 0 !important; padding: 16px 0 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
/* a collapse trigger that opens a card's body becomes that card's head (title left, chevron right) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .advanced-options {
  display: flex !important; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: auto !important; min-height: 0; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--text) !important; font: 500 17px/24px var(--f) !important; text-align: left; text-transform: none !important; letter-spacing: -.01em; transform: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .advanced-options::after { content: ""; flex-shrink: 0; width: 18px; height: 18px; background: var(--text-2); -webkit-mask: var(--sg-ic-chevron-down) center / 18px no-repeat; mask: var(--sg-ic-chevron-down) center / 18px no-repeat; transition: transform .2s var(--ease); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .advanced-options[aria-expanded="true"]::after { transform: rotate(180deg); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .advanced-options:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 4px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .advanced-options + * , html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .mb-20:has(> .col > .advanced-options) { margin-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .mb-20:has(> .col > .advanced-options) ~ .field-tips { margin: 12px 0 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save { display: flex; justify-content: flex-end; margin: 0 0 var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save .clearfix, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save .col { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save .clearfix::before, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save .clearfix::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save input.button { width: auto !important; min-width: 120px; padding: 0 28px !important; }
/* the account head card: name row + segmented tabs */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec.sgp-sec-head { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 20px 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .section-header { display: flex; align-items: center; gap: 12px; width: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; min-height: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .section-header::before, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .section-header::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head .section-title { margin: 0 !important; padding: 0 !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head .section-title small { margin: 0 !important; font: 500 12px/16px var(--f); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head .button-tutorial { order: 2; margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .ac-tab-heads {
  display: inline-flex; gap: 2px; max-width: 100%; box-sizing: border-box; margin: 0 !important; padding: 3px !important; overflow-x: auto; scrollbar-width: none;
  border-radius: var(--r-full) !important; border: 1px solid var(--border) !important; background: var(--fill-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .ac-tab-heads::before, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .ac-tab-heads::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .ac-tab-heads > a {
  display: inline-flex !important; align-items: center; gap: 6px; flex-shrink: 0; height: 36px !important; padding: 0 16px !important; margin: 0 !important; float: none !important; box-sizing: border-box;
  border: 0 !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; white-space: nowrap; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .ac-tab-heads > a:hover { color: var(--text-max) !important; background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .ac-tab-heads > a.active { background: var(--surface-raised) !important; color: var(--text-max) !important; box-shadow: inset 0 1px 0 var(--border), var(--shadow-sm) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-head > .ac-tab-heads > a .mdi { font-size: 16px; line-height: 1; }
/* pages whose detail pane becomes a stack of cards: the pane itself is transparent */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .skeleton-content.sg-acc-detail:has(> .sgp-sec, > form > .sgp-sec, > form > .section-content .sgp-sec) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .skeleton-content.sg-acc-detail:has(.sgp-sec) .section-content { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .skeleton-content.sg-acc-detail:has(.sgp-sec) .section-content > .clearfix > .col.s12 { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .skeleton-content.sg-acc-detail:has(.sgp-sec) .license-notice { display: flex; align-items: center; gap: 8px; margin: 0 0 var(--gap-block) !important; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec { padding: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec.sgp-sec-head { padding: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save input.button { width: 100% !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save .clearfix, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-save .col { display: block; width: 100% !important; }
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .skeleton-content.sg-acc-detail:has(.sgp-sec) .form-result:empty { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-dm #Seg { float: none !important; width: auto !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-dm h3 { margin: 0 0 8px !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .clearfix.mb-20:empty, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec .clearfix.mb-20:not(:has(*)) { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-msg > .mb-20:first-child > .form-label { display: block; margin: 0 0 20px !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-att > .clearfix[style] { margin: 0 0 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-att > .clearfix[style] + .clearfix[style] { margin-bottom: 0 !important; padding-top: 16px; border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-list > .mb-30 { margin-bottom: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-list .alvos { display: flex; flex-wrap: wrap; gap: 8px; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-list .alvos > label { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-list .button--oval--mod { display: inline-flex !important; align-items: center; gap: 6px; height: 32px; padding: 0 14px !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 13px/18px var(--f) !important; text-decoration: none !important; box-shadow: inset 0 1px 0 var(--hi) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-sec-list .button--oval--mod:hover { border-color: var(--border-hover) !important; color: var(--text-max) !important; }

/* 12b. AiDmScheduleSettings (/e/ai-dm/schedule/{id}): view fork regrouped as the board's one card of rows. */
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sg-acc-detail { padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-head { display: flex !important; align-items: center; gap: 14px; margin: 0 !important; padding: 20px 28px !important; border: 0 !important; border-bottom: 1px solid var(--border) !important; background: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-head::before, html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-head::after { content: none; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-head .section-title { margin: 0 !important; padding: 0 !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-ava { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; background: var(--sg-gradient-fill); color: var(--brand-on-primary); font: 600 14px/1 var(--f); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sg-accent-2) 50%, transparent); }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-body { margin: 0 !important; padding: 24px 28px 0 !important; background: none !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-body .form-result:empty { display: none; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-msg { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; padding: 14px 16px; border-radius: var(--r-inset); border: 1px solid rgba(var(--t), .28); background: rgba(var(--t), .06); font: 500 13px/18px var(--f); color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-msg.is-success { --t: var(--t-success); } html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-msg.is-danger { --t: var(--t-danger); }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-msg svg { color: rgb(var(--t)); flex-shrink: 0; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-row { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-lab { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-lab .form-label { margin: 0 !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: var(--r-md); border: 1px solid var(--border-2); background: var(--fill-2); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-fields { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-fields .form-label { display: block; margin: 0 0 8px !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-fields .input { width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-fields textarea.input { min-height: 160px; resize: vertical; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-fields .field-tips { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-2w { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .compulsory-field-indicator { color: var(--status-danger); }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-foot { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 -28px; padding: 24px 28px; background: var(--fill-1); border-radius: 0 0 var(--r-lg) var(--r-lg); }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-status { width: 220px; max-width: 100%; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-status .form-label { display: block; margin: 0 0 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-save { width: auto !important; min-width: 140px; padding: 0 28px !important; }
@media (max-width: 1023.98px) { html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-row { grid-template-columns: minmax(0, 1fr); gap: 14px; } html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-lab { flex-direction: row; align-items: center; } }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-head { padding: 16px !important; } html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-body { padding: 16px 16px 0 !important; } html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-foot { margin: 0 -16px; padding: 16px; }
  html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-2, html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-2w { grid-template-columns: minmax(0, 1fr); } html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-save { width: 100% !important; } html:is([data-skin="sg26"],#sg-skin) body #aidm-schedule.sgp-ad .sgp-ad-status { width: 100%; }
}

/* 12c. ProxyUser (/e/proxy-manager-pro/users/{id}): view fork. User head, then one card with a 3-column account table. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .skeleton-content { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-head { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 16px; margin: 0 0 var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-ava { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; background: var(--sg-gradient-fill); color: var(--brand-on-primary); font: 600 16px/1 var(--f); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sg-accent-2) 50%, transparent); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-id .section-title { margin: 0 !important; padding: 0 !important; font: 500 20px/26px var(--f) !important; letter-spacing: -.018em; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-id .arp-amount-of-action { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important; font: 400 13px/18px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-search { margin-left: auto; width: min(360px, 100%); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-search form, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-search .search-box { margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-card { overflow: hidden; 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:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-thead, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-row { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 16px 24px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-3 .sgp-pu-row, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-card:has(.sgp-pu-3) .sgp-pu-thead { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1.2fr); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-thead { padding: 14px 24px; border-bottom: 1px solid var(--border); background: var(--fill-1); font: 500 12px/16px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .arp-log-list { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .arp-log-list-item.sgp-pu-row { margin: 0 !important; padding: 22px 24px !important; border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; height: auto !important; align-items: start; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .arp-log-list > input + .sgp-pu-row, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .arp-log-list > .sgp-pu-row:first-of-type { border-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-acc { display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-acc .circle { position: static !important; float: none !important; flex-shrink: 0; width: 40px !important; height: 40px !important; margin: 0 !important; border-radius: 50%; overflow: hidden; background: var(--surface-raised); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-acc .circle img { width: 40px !important; height: 40px !important; border-radius: 50%; object-fit: cover; display: block; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-accinfo { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-accinfo .title { font: 500 14px/20px var(--f); color: var(--text); overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-relogin { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 9px; border-radius: var(--r-full); border: 1px solid rgba(var(--t-danger), .3); background: rgba(var(--t-danger), .1); font: 500 12px/16px var(--f) !important; color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-col { display: flex !important; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; margin: 0 !important; padding: 0 !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-addr { font: 500 15px/22px var(--f); color: var(--text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-none { display: inline-flex; align-items: center; gap: 6px; font: 400 13px/18px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-sub { display: block; font: 400 12px/16px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-col .buttons { margin: 6px 0 0 !important; padding: 0 !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-col .buttons .button { cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-card .loadmore { padding: 16px 24px; border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-card > .no-data { padding: 40px 24px; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-thead { display: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-row, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-3 .sgp-pu-row { grid-template-columns: minmax(0, 1fr) !important; padding: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-col { padding-left: 54px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-search { margin-left: 0; width: 100%; }
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .sgp-pu-col .buttons { position: static !important; inset: auto !important; transform: none !important; }
@media (min-width: 993px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu .skeleton-aside ~ .skeleton-content { padding-left: var(--gap-block) !important; } }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-pu :is(.sgp-pu-sub, .sgp-pu-sub *, .sgp-pu-addr, .sgp-pu-addr *, .sgp-pu-none span) { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; max-width: 100%; }

/* 12d. BulkEdit (/e/bulk-accounts/{userid}?acc=edit): fork of edit.fragment.php. Head card + «Dati del profilo» card. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .skeleton-content.sgp-bke { float: none !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke .section-content { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke .license-notice { display: flex; align-items: center; gap: 8px; margin: 0 0 var(--gap-block) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-id { display: flex; align-items: center; gap: 14px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-tile { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: 13px; 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); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-id .section-title { margin: 0 !important; padding: 0 !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-sub { margin: 2px 0 0; font: 400 13px/18px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-head > .au-tab-heads { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-card { display: flex !important; flex-direction: column; gap: 20px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-card > .sgp-sec-title { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-f { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-f .form-label { margin: 0 !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-f .input { width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-f textarea.input { min-height: 108px; resize: vertical; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-f .field-tips { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-avatar { display: flex; align-items: center; gap: 10px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-pick { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border-2); background: var(--tonal-bg); color: var(--text); box-shadow: inset 0 1px 0 var(--hi); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-pick:hover { border-color: var(--border-hover); color: var(--text-max); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-pick:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-foot { display: flex; justify-content: flex-end; padding-top: 20px; border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-foot .button { width: auto !important; min-width: 120px; padding: 0 28px !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-2 { grid-template-columns: minmax(0, 1fr); } html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke-foot .button { width: 100% !important; } }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .skeleton-content.sgp-bke { flex: 1 1 auto !important; min-width: 0 !important; width: 100% !important; max-width: none !important; justify-self: stretch; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bke .form-result[style*="none"] + .sgp-sec { margin-top: 0 !important; }

/* 12e. ProxyIpTracking (/e/proxy-manager-pro/{id}/ip-tracking): CSS only (the pane is also loaded by core.js ajaxload). Board: title,
        tabs and filters on the page, the log in one card. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .skeleton-content.sgp-px-detail:has(.pmp-tracking-filters) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .sgp-px-detail:has(.pmp-tracking-filters) > .section-content { margin: 0 0 16px !important; padding: 0 !important; background: none !important; border: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .sgp-px-detail:has(.pmp-tracking-filters) .ip-info-pmp-block { margin: 0; padding: 0; font: 500 20px/26px var(--f); letter-spacing: -.018em; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .sgp-px-detail:has(.pmp-tracking-filters) .ip-info-pmp { font: 500 12px/16px var(--f); letter-spacing: .06em; color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0 var(--gap-block) !important; padding: 0 !important; border: 0 !important; background: none !important; height: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters::before, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters::after { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters .input.tracking-filter-query { width: 150px !important; height: 32px !important; margin: 0 !important; padding: 0 12px !important; border-radius: var(--r-full) !important; font: 400 13px/18px var(--f) !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters .pmp-bulk-btn { display: inline-flex !important; align-items: center; gap: 6px; height: 32px !important; margin: 0 !important; padding: 0 14px !important; float: none !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 13px/18px var(--f) !important; text-decoration: none !important; box-shadow: inset 0 1px 0 var(--hi) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters .pmp-bulk-btn.button--light-outline { border-color: var(--brand-primary-border) !important; background: var(--brand-primary-subtle) !important; color: var(--outline-fg) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters .pmp-bulk-btn[data-type="flush-filters"] { margin-left: auto !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters .pmp-bulk-btn[data-type="clean-logs"] { background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters .pmp-bulk-btn:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .sgp-px-detail:has(.pmp-tracking-filters) .pmp-dynamic-content { overflow: hidden; 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:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .sgp-px-detail:has(.pmp-tracking-filters) .pmp-dynamic-content > .no-data { padding: 40px 24px; margin: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .sgp-px-detail:has(.pmp-tracking-filters) .pmp-dynamic-content .loadmore { margin: 0 !important; padding: 16px 24px; border-top: 1px solid var(--border); }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters .input.tracking-filter-query { width: calc(50% - 4px) !important; } html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .pmp-tracking-filters .pmp-bulk-btn[data-type="flush-filters"] { margin-left: 0 !important; } }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-px .sgp-px-detail:has(.pmp-tracking-filters) .arp-tab-heads { margin-left: 0 !important; margin-right: 0 !important; }

/* 13. LeadsWebhooks (/e/parser/webhooks, board LeadsWebhooks): CSS only; the page is the plugin's own (webhooks.css + js, <details>
       sections whose open state the js persists, so the product's open/closed state is kept). Board look: kit cards, 17px heads with
       a tonal icon tile, the intro as an info alert, nested sections as inset rows. */
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) .webhook-header { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) .webhook-header .section-title { margin: 0 !important; padding: 0 !important; font: 500 20px/26px var(--f) !important; letter-spacing: -.018em; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) .webhook-header .wh-toolbar { margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) .wh-intro { display: flex !important; align-items: flex-start; gap: 12px; margin: 0 0 var(--gap-block) !important; padding: 14px 16px !important; list-style: none; border-radius: var(--r-inset); border: 1px solid rgba(var(--t-info), .28); background: rgba(var(--t-info), .06); font: 400 13px/20px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) .wh-intro::before { content: ""; flex-shrink: 0; width: 18px; height: 18px; margin-top: 1px; background: var(--status-info); -webkit-mask: var(--sg-ic-info) center / 18px no-repeat; mask: var(--sg-ic-info) center / 18px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-card { margin: 0 0 var(--gap-block) !important; 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; overflow: clip; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-card > summary { display: flex; align-items: center; gap: 14px; padding: 20px 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-card > summary .wh-summary-copy strong { display: block; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-card > summary .wh-summary-copy small, html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-card > summary .wh-summary-copy span { font: 400 13px/18px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-card > summary .wh-summary-icon { display: grid !important; place-items: center; width: 36px !important; height: 36px !important; flex-shrink: 0; border-radius: var(--r-md) !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; color: var(--sg-soft) !important; font-size: 18px !important; box-shadow: inset 0 1px 0 var(--border); }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-card > summary .wh-summary-count { border-radius: var(--r-full) !important; border: 1px solid var(--border-2) !important; background: var(--fill-3) !important; color: var(--text-2) !important; font: 500 12px/16px var(--f) !important; padding: 0 9px !important; height: 22px; display: inline-flex; align-items: center; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-card[open] > summary { border-bottom: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-section { border-radius: var(--r-inset) !important; border: 1px solid var(--border) !important; background: var(--fill-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-section > summary { padding: 14px 16px !important; font: 500 14px/20px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) details.wh-section > summary > .mdi { color: var(--text-2) !important; font-size: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) .wh-table { border-radius: var(--r-inset); overflow: hidden; }

/* 14. AuthFlow (/ig/auth/{token}, public, board AuthFlow, 10 states): CSS only on the plugin's standalone Tailwind page (ig-auth.php,
       1,300 + 1,500 lines of js-driven states). The shell takes the kit: page background, the state card as a kit card (radius 20),
       titles and body text on the text tokens, fields on the input tokens, the primary actions on the brand (the tenant colour),
       pill-shaped. The states' own markup and js are untouched. */
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) { background: var(--bg) !important; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md { border-radius: var(--r-xl) !important; border: 1px solid transparent !important; background: var(--card-bg) padding-box, var(--card-edge) border-box !important; box-shadow: var(--card-shadow), var(--shadow-lg) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md :is(h1, h2, h3, .text-xl, .text-lg) { color: var(--text) !important; font-weight: 500 !important; letter-spacing: -.015em; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md :is(.text-gray-600, .text-gray-500, .text-gray-700) { color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md :is(.text-gray-400, .text-xs.text-gray-400) { color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md :is(.text-gray-800, .text-gray-900, .font-semibold.text-gray-900) { color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md :is(input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input:not([type]), select) {
  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; font: 400 14px/22px var(--f) !important;
}
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md :is(input, select):focus { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 1px; border-color: var(--brand-primary-border) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md :is(button, a).bg-blue-500 { height: 44px; padding-top: 0 !important; padding-bottom: 0 !important; border-radius: var(--r-full) !important; background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest); font: 500 15px/20px var(--f) !important; display: flex; align-items: center; justify-content: center; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md :is(button, a).bg-blue-500:hover { box-shadow: var(--sg-glow-hover); transform: translateY(-1px); }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md .pmp-login-action { min-height: 44px; border-radius: var(--r-full) !important; font: 500 14px/20px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md :is(.border-blue-500, .border-green-500, .border-red-500, .border-orange-500).rounded-full { background: rgba(var(--t-neutral), .04); }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md .border-green-500.rounded-full { border-color: color-mix(in srgb, var(--status-success) 60%, transparent) !important; color: var(--status-success); }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md .border-red-500.rounded-full { border-color: color-mix(in srgb, var(--status-danger) 60%, transparent) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md .border-orange-500.rounded-full { border-color: color-mix(in srgb, var(--status-warning) 60%, transparent) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md .border-blue-500.rounded-full { border-color: var(--brand-primary-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md .text-blue-500 { color: var(--brand-primary-text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md .cl-error-msg { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(.auth-logo) .rounded-xl.max-w-md a.bg-blue-500.block { display: flex !important; }

/* 15. AuthStats (/ig/auth-stats/{token}/account|reactions, public, board AuthStats): CSS only on the plugin's standalone page
       (login-link-stats.php, its own inline stylesheet + js charts). Kit font, page background and flat top bar, kit cards for the
       panels, board type scale (20px account title, 17px panel heads), kit tables. Charts, data and js untouched. */
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) { background: var(--bg) !important; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)), html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) :is(.pmp-stats-container, .pmp-stats-container *, .pmp-stats-header, .pmp-stats-header *, .pmp-stats-modal, .pmp-stats-modal *):not(.mdi):not(.mdi *) { font-family: var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-title-row h1 { font: 500 20px/26px var(--f) !important; letter-spacing: -.018em !important; color: var(--text) !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-eyebrow { font: 500 12px/16px var(--f) !important; letter-spacing: .04em; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) :is(.pmp-stats-panel, .pmp-stats-error-card, .pmp-stats-autorefresh, .pmp-stats-metrics > *, .pmp-stats-modal-card) {
  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:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-metrics > *::before, html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-metrics > *::after { opacity: .35; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-panel-head h2 { font: 500 17px/24px var(--f) !important; letter-spacing: -.01em !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-panel-head p { font: 400 13px/18px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-table-wrap { border-radius: var(--r-inset) !important; border: 1px solid var(--border) !important; overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-table th { background: var(--fill-2) !important; font: 500 12px/16px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-table td { border-color: var(--border) !important; color: var(--text) !important; font-variant-numeric: tabular-nums; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) :is(.pmp-stats-button, .pmp-stats-back, .pmp-stats-results-more) { border-radius: var(--r-full) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) :is(.pmp-stats-period, .pmp-stats-navigation, .pmp-stats-scale, .pmp-stats-section-switcher) { border-radius: var(--r-full) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) :is(select, input[type="text"], input[type="date"]) { border-radius: var(--r-md) !important; border-color: var(--border-strong) !important; background-color: var(--input-bg) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(:is(.pmp-stats-container, .pmp-stats-error-wrap)) .pmp-stats-footer { color: var(--text-3) !important; font: 400 12px/16px var(--f) !important; }

/* 10c. DirectLabels (board DirectLabels): the product's jconfirm «Labels» popup (direct-basic core.js ManageLabels, columnClass
        direct-labels-list-popup), CSS only. Kit dialog frame; each label is an inset row: checkbox, the label's own colour shown by its
        native colour input as a round swatch (the inline input background is overridden by the generic field style), the name, then
        round icon actions (edit, delete in danger). The js classes and data attributes are untouched. */
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .jconfirm-title-c { display: flex !important; align-items: center; gap: 12px; padding: 0 0 16px !important; margin: 0 0 16px !important; border-bottom: 1px solid var(--border) !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .jconfirm-title-c .jconfirm-title { font: 500 17px/24px var(--f) !important; color: var(--text) !important; border: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) { display: flex !important; align-items: center; gap: 10px; margin: 0 0 8px !important; padding: 4px 6px 4px 12px !important; min-height: 44px; box-sizing: border-box; border-radius: var(--r-inset); border: 1px solid var(--border); background: var(--fill-2); }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .dm-new-label { border-style: dashed; border-color: var(--border-dash); background: transparent; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > * { position: static !important; inset: auto !important; transform: none !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > label.field-icon--left { order: 1; display: inline-flex; align-items: center; width: auto !important; height: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > .dm-label-color-picker { order: 2; display: block !important; visibility: visible !important; opacity: 1 !important; width: 14px !important; height: 14px !important; min-width: 14px; padding: 0 !important; border: 0 !important; border-radius: 50%; overflow: hidden; background: none !important; box-shadow: 0 0 0 1px var(--border-2); cursor: pointer; -webkit-appearance: none; appearance: none; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > .dm-label-color-picker::-webkit-color-swatch-wrapper { padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > .dm-label-color-picker::-webkit-color-swatch { border: 0; border-radius: 50%; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > .dm-label-color-picker::-moz-color-swatch { border: 0; border-radius: 50%; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > input.label-name { order: 3; flex: 1; min-width: 0; height: 34px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font: 500 14px/20px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .dm-label:not(.locked-mode) > input.label-name { padding: 0 10px !important; border-radius: var(--r-md) !important; background: var(--input-bg) !important; box-shadow: inset 0 0 0 1px var(--border-strong) !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > a.mdi { order: 4; display: grid !important; place-items: center; width: 32px !important; height: 32px !important; flex-shrink: 0; border-radius: 50%; color: var(--text-2) !important; font-size: 18px !important; line-height: 1 !important; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > a.mdi.none { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > a.mdi:hover { background: var(--hover-fill); color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .dm-label > a.js-delete-label { order: 5; color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .dm-new-label > a.js-add-label { order: 5; color: var(--brand-primary-text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .dm-new-label > a.js-add-label-color { order: 4; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .jconfirm-buttons:empty, html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .jconfirm-buttons:not(:has(button:not([style*="none"]))) { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > input.label-name { -webkit-text-fill-color: var(--text) !important; opacity: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) { height: 48px !important; min-height: 0 !important; overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > label.field-icon--left { height: 20px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.dm-label, .dm-new-label) > label.field-icon--left .label-checkbox-icon { margin: 0 !important; }
/* 11b. EditProfile profile column (board EditProfile, checked through the harness with fake profile data): counts on the board's
        scale, the follow button as a brand pill, the menu button round and tonal with a chevron, the contact links as tonal chips. */
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-abn [class*="accounts-page-"] > span { font: 500 17px/22px var(--f) !important; color: var(--text) !important; font-variant-numeric: tabular-nums; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-abn .sub { font: 400 12px/16px var(--f) !important; color: var(--text-2) !important; text-transform: capitalize; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-follow-button { display: flex !important; align-items: center; justify-content: center; height: 34px !important; padding: 0 !important; border-radius: var(--r-full) !important; background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; font: 500 13px/18px var(--f) !important; box-shadow: var(--sg-glow-rest); line-height: 34px !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-sac-button { display: grid !important; place-items: center; width: 34px !important; height: 34px !important; padding: 0 !important; margin-left: 8px; border-radius: 50% !important; border: 1px solid var(--border-2) !important; background: var(--tonal-bg) !important; box-shadow: inset 0 1px 0 var(--hi); font-size: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-sac-button .icon { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-sac-button::before { content: ""; width: 16px; height: 16px; background: var(--text); -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 #edit-account .edit-data-full-name { font: 500 15px/22px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-category { font: 400 12px/16px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-bio { font: 400 13px/20px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account :is(.edit-data-link, .edit-data-city) a { font: 400 13px/20px var(--f) !important; color: var(--brand-primary-text) !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-contacts-in { display: flex !important; gap: 8px; flex-wrap: wrap; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-contacts-in a { float: none !important; width: auto !important; display: inline-flex !important; align-items: center; height: 30px; margin: 0 !important; padding: 0 12px !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 12px/16px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .edit-data-contacts-in a.none { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .clearfix:has(> .edit-data-follow-button) { display: flex !important; align-items: center; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .clearfix:has(> .edit-data-follow-button)::before, html:is([data-skin="sg26"],#sg-skin) body #edit-account .clearfix:has(> .edit-data-follow-button)::after { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .clearfix > .edit-data-follow-button { flex: 1 1 auto; width: auto !important; float: none !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body #edit-account .clearfix > .edit-data-sac-button { flex: 0 0 34px; float: none !important; margin: 0 !important; }

/* Vera gate H1 (2026-10-10): paired rows that also hold a full-width column (IP tracking: Interval + Expiration + Endpoints) wrap,
   the pair at half width and the full column on its own line; the tools grid is not a paired row; select2 value centred. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6) { flex-wrap: wrap; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6) > .col.l6 { flex: 1 1 calc(50% - 8px) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6) > .col:not(.l6) { flex: 0 0 100% !important; float: none; width: auto !important; margin: 0 !important; padding: 0 !important; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .col.l8 > .clearfix:has(input[type="submit"]) { display: grid !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail form .col.l8 > .clearfix:has(input[type="submit"]) > .col { flex: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .select2-container .select2-selection { display: flex !important; align-items: center; height: 40px !important; padding: 0 !important; box-sizing: border-box; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .select2-container .select2-selection__rendered { padding: 0 36px 0 12px !important; line-height: 38px !important; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .clearfix:has(> .col.l6 + .col.l6) > .col.l6 { flex: 0 0 100% !important; } }

/* Vera gate H2 (2026-10-10): the avatar and the text share the row's .clearfix, so that wrapper is the flex row (it may shrink);
   the avatar 36px stays fixed and its fallback initial is centred inside it; long messages wrap inside the card. */
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item { overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item > .clearfix { display: flex !important; align-items: flex-start; gap: 14px; flex: 1 1 auto !important; min-width: 0; width: 100%; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item > .clearfix > .circle { flex: none !important; position: relative !important; display: grid !important; place-items: center; overflow: hidden; background: var(--surface-raised); }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item > .clearfix > .circle .text { position: static !important; inset: auto !important; transform: none !important; margin: 0 !important; font: 500 14px/1 var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item > .clearfix > .inner { flex: 1 1 auto; min-width: 0; float: none !important; width: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item :is(.action, .error-msg-title, .error-msg-details, .meta, a, span) { overflow-wrap: anywhere; word-break: normal; white-space: normal; }

/* Vera gate H3 (2026-10-10): Leads Finder sub-pages (settings, log, stats) use the shared segmented tabs: an inline pill strip,
   links at their own width, no legacy band in either theme. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .parser-tab-heads {
  display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 2px; width: auto !important; max-width: calc(100% - 2 * var(--pad-card)); box-sizing: border-box; margin: 0 var(--pad-card) 16px !important; padding: 3px !important; overflow-x: auto; scrollbar-width: none;
  border-radius: var(--r-full) !important; border: 1px solid var(--border) !important; background: var(--fill-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .parser-tab-heads::before, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .parser-tab-heads::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .parser-tab-heads > a {
  display: inline-flex !important; align-items: center; flex: none !important; width: auto !important; height: 36px !important; padding: 0 16px !important; margin: 0 !important; float: none !important; box-sizing: border-box;
  border: 0 !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; white-space: nowrap; box-shadow: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .parser-tab-heads > a:hover { color: var(--text-max) !important; background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .parser-tab-heads > a.active { background: var(--surface-raised) !important; color: var(--text-max) !important; box-shadow: inset 0 1px 0 var(--border), var(--shadow-sm) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .parser-tab-heads > a: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 .sgp-page .parser-tab-heads { margin-left: 16px !important; margin-right: 16px !important; max-width: calc(100% - 32px); } }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .select2-container .select2-selection__rendered { flex: 1 1 auto; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .parser-tab-heads { align-self: flex-start !important; justify-self: start; flex: none !important; }

/* Vera gate H4 (2026-10-10): on the full-page thread (⤢) emojionearea replaces #inbox-input-msg with .emojionearea; that wrapper
   takes the composer's place (full width, one line high, grows to 160px) and the send button stays in the row. */
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-footer { flex-wrap: nowrap !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-footer > .emojionearea {
  flex: 1 1 auto !important; min-width: 0; width: auto !important; height: auto !important; min-height: 44px; max-height: 160px; margin: 0 !important; box-sizing: border-box; display: flex; align-items: center;
  border-radius: var(--r-inset) !important; border: 1px solid var(--border-strong) !important; background: var(--input-bg) !important; box-shadow: none !important; position: relative;
}
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-footer > .emojionearea.focused { border-color: var(--brand-primary-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-footer > .emojionearea .emojionearea-editor { flex: 1 1 auto; min-width: 0; min-height: 42px !important; max-height: 158px !important; height: auto !important; overflow-y: auto; padding: 11px 44px 11px 14px !important; box-sizing: border-box; color: var(--text) !important; font: 400 14px/20px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-footer > .emojionearea .emojionearea-editor:empty::before { content: attr(placeholder); color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-footer > .emojionearea .emojionearea-button { position: absolute !important; right: 10px !important; top: 50% !important; transform: translateY(-50%); margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body.inbox-thread .inbox-thread-footer > #inbox-send-msg { flex: none !important; align-self: flex-end; }
html:is([data-skin="sg26"],#sg-skin) body:has(.lm-wrap) .lm-wrap .lm-tl-item { padding-left: 30px !important; } /* Vera gate M3: keep the product gutter for the timeline dot */
/* Vera gate M5 (2026-10-10): destructive actions in danger (the shared .btn-ghost colour is !important) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sg-root .btn.btn-ghost.sgp-danger, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .btn.sgp-danger { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sg-root .btn.btn-ghost.sgp-danger:hover, html:is([data-skin="sg26"],#sg-skin) body .sgp-page .btn.sgp-danger:hover { background: rgba(var(--t-danger), .12) !important; color: var(--danger-hover-fg) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail .select2-container .select2-selection__arrow { top: 50% !important; transform: translateY(-50%); height: 20px !important; right: 10px !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item > .clearfix > .circle { inset: auto !important; top: auto !important; left: auto !important; align-self: flex-start; margin: 0 !important; border: 1px solid var(--border-2) !important; background: var(--fill-3) !important; }

/* 16. MailerUnsubscribe (public /e/lead-mailer/unsubscribe, board MailerUnsubscribe): the plugin's self-contained page already has
       the board's structure; the kit font, card and type scale. A GET with a real token unsubscribes, so it is checked with a token
       that matches no lead (the «link didn't work» state). */
html:is([data-skin="sg26"],#sg-skin) body:has(> .wrap .card > .ico:is(.ok, .bad)):has(.foot), html:is([data-skin="sg26"],#sg-skin) body:has(> .wrap .card > .ico:is(.ok, .bad)):has(.foot) * { font-family: var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(> .wrap .card > .ico:is(.ok, .bad)):has(.foot) .card h1 { font-weight: 500 !important; letter-spacing: -.018em; } /* colours stay the page own (it follows prefers-color-scheme, not body.darkside) */

/* 12f. BulkLog / BulkFailLog (/e/bulk-accounts/{uid}/log, /fail-log): forks with the BulkConnect aside, a head card and the log card.
        Rows as on the board: round icon or avatar 40, the action line, meta below, time on the right; the next request as an info alert. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-next-schedule { display: flex; align-items: center; gap: 10px; margin: 0 0 8px !important; padding: 14px 16px !important; border-radius: var(--r-inset) !important; border: 1px solid rgba(var(--t-info), .28) !important; background: rgba(var(--t-info), .06) !important; color: var(--text) !important; font: 500 13px/18px var(--f) !important; text-align: left !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-next-schedule::before { content: ""; flex-shrink: 0; width: 18px; height: 18px; background: var(--status-info); -webkit-mask: var(--sg-ic-clock) center / 18px no-repeat; mask: var(--sg-ic-clock) center / 18px no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item { margin: 0 !important; padding: 16px 0 !important; border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; height: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item > .clearfix { display: flex !important; align-items: flex-start; gap: 14px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item > .clearfix::before, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item > .clearfix::after { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item .circle { position: relative !important; inset: auto !important; float: none !important; flex: none; display: grid !important; place-items: center; width: 40px !important; height: 40px !important; margin: 0 !important; overflow: hidden; border-radius: 50% !important; border: 1px solid var(--border-2) !important; background: var(--surface-raised) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item .circle img { width: 100%; height: 100%; object-fit: cover; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item .circle .text { position: static !important; transform: none !important; margin: 0 !important; font: 500 16px/1 var(--f) !important; color: inherit !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item.error .circle { background: rgba(var(--t-danger), .14) !important; color: var(--status-danger) !important; border-color: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item .inner { flex: 1 1 auto; min-width: 0; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item .action { font: 500 13px/18px var(--f) !important; color: var(--text) !important; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item .action a { color: var(--brand-primary-text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item .date { float: right; margin-left: 12px; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item :is(.error-msg) { color: var(--status-danger) !important; font: 500 13px/18px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item :is(.error-details) { margin-top: 4px; color: var(--text-2) !important; font: 400 13px/20px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item .meta, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-log-list-item .meta-box > * { display: inline-flex; align-items: center; gap: 6px; height: 24px; margin: 8px 6px 0 0 !important; padding: 0 10px !important; border-radius: var(--r-full) !important; border: 1px solid var(--border-2) !important; background: var(--fill-3) !important; font: 500 12px/16px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .old-msg, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-amount-of-action { margin: 0 !important; padding: 32px 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; text-align: center; font: 400 14px/21px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .au-amount-of-action { padding: 16px 0 0 !important; text-align: left; font-size: 12px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .loadmore { margin: 16px 0 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-bk .sgp-bkl-card .old-msg { display: block !important; width: auto !important; max-width: none !important; float: none !important; }

/* Angelo 2026-10-11: no Tutorial button on Repost Pro (settings head; the index loads the same pane). Repost only. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-rp :is(a.youtube-link.button-tutorial-modal, .button-tutorial-modal) { display: none !important; }

/* 17. Leads Finder rework (Angelo 2026-10-11; boards LeadsIndex, LeadsSettings, LeadsSettings2, LeadsLog, LeadsStats). Layout only:
       the account head is its own card (name + segmented tabs), the detail pane is transparent so each group is a full-width card on
       the page, the task name and the status/save/actions block are cards, log and stats sit in one card. Switches, group heads,
       help icons and button wrapping are B4's (B4.19), not touched here. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sg-acc-list .sg-acc-section:has(> .sg-chip, > a.sg-chip) { display: flex; flex-wrap: wrap; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sg-acc-list .sg-chip { white-space: nowrap; max-width: 100%; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .skeleton-content.sg-acc-detail:has(> .no-data:only-child), html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .skeleton-content.sg-acc-detail:has(> .no-data) { min-height: 700px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-head { gap: 14px !important; margin-bottom: var(--gap-block) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-head > .section-header { min-height: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-head .section-title { font: 500 17px/24px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-head > .parser-tab-heads { margin: 0 !important; max-width: 100%; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .skeleton-content.sg-acc-detail:has(.sgp-lf-head) > form > .section-content > .clearfix > .col { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .skeleton-content.sg-acc-detail:has(.sgp-lf-head) > form > :is(.license-notice, .accelerator-notice, .temporary-notice) { display: flex; align-items: center; gap: 8px; margin: 0 0 var(--gap-block) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .rp-task-name { margin: 0 0 var(--gap-block) !important; padding: 24px !important; 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; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .rp-task-name > .form-label { font: 500 17px/24px var(--f) !important; color: var(--text) !important; margin: 0 0 14px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard { display: flex !important; flex-direction: column; gap: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard > .clearfix { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard > .clearfix > .col { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard .rp-schedule-footer-actions { display: flex !important; flex-wrap: wrap; gap: 8px; padding-top: 16px; border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard .rp-schedule-footer-actions::before, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard .rp-schedule-footer-actions::after { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard .rp-schedule-footer-actions > .col { flex: 0 0 auto; width: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard .rp-schedule-footer-actions .button.fluid { width: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-body { padding: 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-body > .no-data { min-height: 240px; display: grid; place-items: center; margin: 0 !important; text-align: center; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .rp-task-name { padding: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-body { padding: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard .rp-schedule-footer-actions > .col, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-savecard .rp-schedule-footer-actions .button.fluid { flex: 1 1 100%; width: 100% !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .skeleton-content.sg-acc-detail:has(> .no-data) { min-height: 0; }
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-head { margin-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sg-acc-list .sg-chip.small { height: 28px !important; min-height: 28px; padding: 0 12px !important; white-space: nowrap !important; line-height: 26px !important; font-size: 12px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sg-acc-list :has(> .sg-chip) { gap: 6px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sg-acc-list .sg-chip.small { height: auto !important; white-space: normal !important; line-height: 16px !important; padding: 5px 12px !important; text-align: left; max-width: 100% !important; box-sizing: border-box; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .skeleton-content > .sgp-lf-head { margin-bottom: var(--gap-block) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-body .section-content > .col, html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-body .section-content > .clearfix.col { float: none !important; width: auto !important; max-width: none !important; margin: 0 0 8px !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-body .parser-stats-title { display: flex; align-items: baseline; gap: 8px; margin: 0 0 14px !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-body .parser-stats-title span { font: 400 12px/16px var(--f) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-body .chart-container { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .sgp-lf-body .chart-container canvas { width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) :has(> details.wh-card) { display: flex !important; flex-direction: column; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) :has(> details.wh-card) > details.wh-card { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) .wh-intro { max-width: none !important; width: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:has(details.wh-disclosure) .wh-container > .wh-grid { margin: 0 !important; }