/* 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:is(.sghas-79c9bd42, sg-p0.sg-p0) .skeleton.sgp-page { padding: 0 var(--pad-page) var(--pad-page) !important; }
@media (max-width: 1250px) {
  html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-79c9bd42, sg-p0.sg-p0) .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).sgp-card,
html:is([data-skin="sg26"],#sg-skin) body .sgp-page :is(.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).sgp-card.hide-on-medium-and-down,
html:is([data-skin="sg26"],#sg-skin) body .sgp-page :is(.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).sgp-card.onprogress::after,
html:is([data-skin="sg26"],#sg-skin) body .sgp-page :is(.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),
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-search .search-box :is(.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)::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-page .sgp-search .search-box :is(.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):focus-visible,
html:is([data-skin="sg26"],#sg-skin) body .sgp-px :is(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),
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .sgp-meta :is(.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):not(.sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body .sgp-px :is(a.sgp-kebab):not(.sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body .sgp-px :is(.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:is(.sghas-79c9bd42, sg-p0.sg-p0) #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:is(.sghas-79c9bd42, sg-p0.sg-p0) #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),
html:is([data-skin="sg26"],#sg-skin) body #ig-links .ig-links-search :is(.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)::before,
html:is([data-skin="sg26"],#sg-skin) body #ig-links .ig-links-search :is(.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 .sgp-db.sg-acc .aside-list,
html:is([data-skin="sg26"],#sg-skin) body .sgp-ad.sg-acc .aside-list{ gap: 4px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-db.sg-acc .aside-list-item:not(.active),
html:is([data-skin="sg26"],#sg-skin) body .sgp-ad.sg-acc .aside-list-item:not(.active){ border-color: transparent !important; background: transparent !important; box-shadow: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-db.sg-acc .aside-list-item:not(.active):hover,
html:is([data-skin="sg26"],#sg-skin) body .sgp-ad.sg-acc .aside-list-item:not(.active):hover{ background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-db.sg-acc .aside-list-item,
html:is([data-skin="sg26"],#sg-skin) body .sgp-ad.sg-acc .aside-list-item{ padding: 10px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-db.sg-acc .aside-list-item > .clearfix,
html:is([data-skin="sg26"],#sg-skin) body .sgp-ad.sg-acc .aside-list-item > .clearfix{ align-items: center; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-db.sg-acc .aside-list-item .inner,
html:is([data-skin="sg26"],#sg-skin) body .sgp-ad.sg-acc .aside-list-item .inner{ gap: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-db.sg-acc .aside-list-item .title,
html:is([data-skin="sg26"],#sg-skin) body .sgp-ad.sg-acc .aside-list-item .title{ font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-db.sg-acc .aside-list-item .sub,
html:is([data-skin="sg26"],#sg-skin) body .sgp-ad.sg-acc .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:is(.sghas-79c9bd42, sg-p0.sg-p0) .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:is(.sghas-79c9bd42, sg-p0.sg-p0) .skeleton.sgp-page,
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-79c9bd42, sg-p0.sg-p0) #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.sghas-88fed33b .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.sghas-88fed33b .skeleton:has(> .lm-wrap) { padding-top: 18px !important; } }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .lm-tabs .lm-tab:hover { color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .lm-tabs .lm-tab:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap > .side-block, html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap > form > .side-block, html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .side-block + .side-block { margin-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-cards > a.lm-card:hover { border-color: var(--border-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-cards > .lm-card:has(.lm-n-new) .l, html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-cards > .lm-card:has(.lm-n-queued) .l { color: var(--status-info) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-cards > .lm-card:has(.lm-n-converted) .l, html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-cards > .lm-card:has(.lm-n-good) .l { color: var(--status-success) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-cards > .lm-card:has(.lm-n-unsub) .l, html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-cards > .lm-card:has(.lm-n-warn) .l { color: var(--status-warning) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-cards > .lm-card:has(.lm-n-bounced) .l, html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-cards > .lm-card:has(.lm-n-bad) .l { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-muted, html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-rtable { border-radius: var(--r-inset); border: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-detail-grid .k { font: 400 12px/16px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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),
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail > :is(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),
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail :is(.pmp-log-list-item),
html:is([data-skin="sg26"],#sg-skin) body .sgp-px .skeleton-content.sgp-px-detail :is(.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:is(.sghas-79c9bd42, sg-p0.sg-p0) .skeleton.sgp-pxu { padding-top: 0 !important; }
@media (max-width: 1250px) { html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-79c9bd42, sg-p0.sg-p0) .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),
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .search-box :is(.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)::before,
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .search-box :is(.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),
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){ 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),
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-details),
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),
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item :is(.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),
html:is([data-skin="sg26"],#sg-skin) body #relogin.skeleton-pmp .search-box :is(.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),
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content :is(.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 .au-tab-heads > a,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .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 .au-tab-heads > a:hover,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .arp-tab-heads > a:hover{ color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .au-tab-heads > a.active,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .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 .au-tab-heads > a:focus-visible,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .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 .au-tab-heads > a > span:is(.s-counter, .r-counter),
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .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 .au-tab-heads > a > span.r-counter,
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content .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),
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header.clearfix + :is(.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),
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > form > .section-header.clearfix + :is(.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:is(.sghas-79c9bd42, sg-p0.sg-p0) #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:is(.sghas-79c9bd42, sg-p0.sg-p0) #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),
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .cl-domains-search :is(.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)::before,
html:is([data-skin="sg26"],#sg-skin) body #cl-domains.sgp-cd .cl-domains-search :is(.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:is(.sghas-79c9bd42, sg-p0.sg-p0) #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:is(.sghas-79c9bd42, sg-p0.sg-p0) #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):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > :is(.universal-link-settings:not(.none)),
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > :is(.ig-link-token:not(.none)),
html:is([data-skin="sg26"],#sg-skin) body #ig-link.sgp-lkf .section-content > :where(details.pmp-link-settings-section):not(.sg-p0):not(.sg-p0){
  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),
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(.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:is(.sghas-79c9bd42, sg-p0.sg-p0) #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),
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton .cl-domain-account-preview :is(.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),
html:is([data-skin="sg26"],#sg-skin) body #cl-domain.skeleton :is(.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:is(.sghas-79c9bd42, sg-p0.sg-p0) #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),
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal :is(.js-pmp-cancel-preset-editor),
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal :is(.js-pmp-open-preset-editor),
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal :is(.js-pmp-quick-customize),
html:is([data-skin="sg26"],#sg-skin) body .pmp-preset-modal :is(.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.sghas-88fed33b .lm-wrap .side-block:has(.lm-rtable) { padding-bottom: 0 !important; overflow: hidden; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-filter .f { display: flex; flex-direction: column; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-filter .f:first-of-type { flex: 1 1 280px; max-width: 360px; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-filter .f:nth-of-type(2) { flex: 0 1 220px; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-filter :is(input),
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-filter :is(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.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-filter .f:first-of-type { position: relative; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-filter .lm-spacer { flex: 1; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-rtable .table { margin: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-rtable .table :is(th),
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-rtable .table :is(td){ padding: 14px var(--pad-card) !important; border-color: var(--border) !important; vertical-align: middle; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-link { color: var(--brand-primary-text) !important; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-link:hover { color: var(--sg-soft) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-pager :is(a):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-pager :is(span.button),
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-pager :is(.button):not(sg-p0){ 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.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-timeline { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-tl-item:first-child { border-top: 0; padding-top: 0; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-tl-time { font: 400 12px/16px var(--f); color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .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.sghas-88fed33b .lm-wrap .lm-filter .f:first-of-type, html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-filter .f:nth-of-type(2) { flex: 1 1 100%; max-width: none; }
  html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-filter .button { flex: 1 1 100%; }
  html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-rtable .table :is(th),
html:is([data-skin="sg26"],#sg-skin) body.sghas-88fed33b .lm-wrap .lm-rtable .table :is(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:is(.sghas-0e1d27de, #sg-p0) .lm-wrap { max-width: 880px; margin: 0 auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .lm-wrap > form { display: flex; flex-direction: column; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-card-head { margin: 0 0 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-card-icon { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-field { margin: 0 !important; display: flex; flex-direction: column; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-field :is(input),
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-field :is(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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-card:has(#su_smtp_host) > * { grid-column: 1 / -1; order: 20; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-grid2 { display: contents; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-card:has(#su_smtp_host) > .lm-notice { order: 10; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) #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:is(.sghas-0e1d27de, #sg-p0) #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:is(.sghas-0e1d27de, #sg-p0) #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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .lm-wrap > form > .lm-notice:first-child, html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) #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:is(.sghas-0e1d27de, #sg-p0) #lm-verify-smtp:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-save { display: flex; justify-content: flex-end; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-card:has(#su_smtp_host) { grid-template-columns: minmax(0, 1fr); }
  html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-card:has(#su_smtp_host) > * , html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .lm-wrap .lm-card:has(#su_smtp_host) .lm-field { grid-column: 1 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-0e1d27de, #sg-p0) .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:is(.sghas-79c9bd42, sg-p0.sg-p0) .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) .inbox-dm-search .search-box :is(.search-icon),
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .skeleton-aside .search-box :is(.search-icon),
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-dm-search .search-box :is(.cancel-icon),
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .skeleton-aside .search-box :is(.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) .inbox-dm-search .search-box :is(.search-icon)::before,
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .skeleton-aside .search-box :is(.search-icon)::before,
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-dm-search .search-box :is(.cancel-icon)::before,
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .skeleton-aside .search-box :is(.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),
html:is([data-skin="sg26"],#sg-skin) body .skeleton--full:has(> .clearfix > section.inbox.skeleton-content) .inbox-chat-list-item .buttons > a :is(.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 .sgp-wa-sess:hover .sess-name,
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash .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),
html:is([data-skin="sg26"],#sg-skin) body #watsapp-pro.sgp-wa-dash :is(.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(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: none !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),
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-info-head :is(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 .sgp-wa-info .modal-body,
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .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),
html:is([data-skin="sg26"],#sg-skin) body .skeleton.sgp-wa-sub .sgp-wa-loglist :is(.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.sghas-271b7703:not(.sg-p0) .profile-actions .section-content > div,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .profile-actions .section-content > div{ margin: 0 0 10px !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-271b7703:not(.sg-p0) .profile-actions .section-content > div:last-child,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .profile-actions .section-content > div:last-child{ margin-bottom: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-271b7703:not(.sg-p0) .profile-actions .button,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .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.sghas-271b7703:not(.sg-p0) .profile-actions .button.none,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .profile-actions .button.none{ display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-271b7703:not(.sg-p0) .profile-actions .button .mdi,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .profile-actions .button .mdi{ display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-271b7703:not(.sg-p0) .profile-actions .button::before,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .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.sghas-271b7703:not(.sg-p0) .profile-actions .button.js-load-followers,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .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.sghas-271b7703:not(.sg-p0) .profile-actions .button.js-load-followings,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .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.sghas-271b7703:not(.sg-p0) .profile-actions .section-content > div:nth-child(3) .button,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .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.sghas-271b7703:not(.sg-p0) .profile-actions .section-content > div:nth-child(4) .button,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .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.sghas-271b7703:not(.sg-p0) .profile-actions .button.js-hashtags-impressions,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .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.sghas-271b7703:not(.sg-p0) .profile-actions .button sub,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0 .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(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: none !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. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. [SG-PATCH 2026-10-17 | Felix] prefix widened to the same fragment loaded by core.js
   into the admin users page (#users.sgm-pmpusers), see f1017pmp. 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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-search { margin-left: auto; width: min(360px, 100%); }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-search form, html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-search .search-box { margin: 0 !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-thead, html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-3 .sgp-pu-row, html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .arp-log-list { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .arp-log-list > input + .sgp-pu-row, html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .arp-log-list > .sgp-pu-row:first-of-type { border-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-acc { display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-accinfo .title { font: 500 14px/20px var(--f); color: var(--text); overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-sub { display: block; font: 400 12px/16px var(--f); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col .buttons { margin: 6px 0 0 !important; padding: 0 !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col .buttons .button { cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-card .loadmore { padding: 16px 24px; border-top: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-card > .no-data { padding: 40px 24px; }
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-thead { display: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-row, html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-3 .sgp-pu-row { grid-template-columns: minmax(0, 1fr) !important; padding: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col { padding-left: 54px !important; }
  html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-search { margin-left: 0; width: 100%; }
}
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .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 :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) :is(.sgp-pu-sub):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) :is(.sgp-pu-sub *):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) :is(.sgp-pu-addr):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) :is(.sgp-pu-addr *):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) :is(.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:is(.sghas-e5efa26c, sg-p0.sg-p0) .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:is(.sghas-e5efa26c, sg-p0.sg-p0) .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:is(.sghas-e5efa26c, sg-p0.sg-p0) .webhook-header .wh-toolbar { margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-e5efa26c, sg-p0.sg-p0) .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:is(.sghas-e5efa26c, sg-p0.sg-p0) .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:is(.sghas-e5efa26c, sg-p0.sg-p0) 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:is(.sghas-e5efa26c, sg-p0.sg-p0) details.wh-card > summary { display: flex; align-items: center; gap: 14px; padding: 20px 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-e5efa26c, sg-p0.sg-p0) 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:is(.sghas-e5efa26c, sg-p0.sg-p0) details.wh-card > summary .wh-summary-copy small, html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-e5efa26c, sg-p0.sg-p0) 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:is(.sghas-e5efa26c, sg-p0.sg-p0) 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:is(.sghas-e5efa26c, sg-p0.sg-p0) 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:is(.sghas-e5efa26c, sg-p0.sg-p0) details.wh-card[open] > summary { border-bottom: 1px solid var(--border); }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-e5efa26c, sg-p0.sg-p0) 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:is(.sghas-e5efa26c, sg-p0.sg-p0) 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:is(.sghas-e5efa26c, sg-p0.sg-p0) details.wh-section > summary > .mdi { color: var(--text-2) !important; font-size: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-e5efa26c, sg-p0.sg-p0) .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.sghas-3ef788cc { background: var(--bg) !important; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .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.sghas-3ef788cc .rounded-xl.max-w-md :where(h1):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :where(h2):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :where(h3):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.text-xl),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.text-lg){ color: var(--text) !important; font-weight: 500 !important; letter-spacing: -.015em; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.text-gray-600),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.text-gray-500),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.text-gray-700){ color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.text-gray-400):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.text-xs.text-gray-400){ color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.text-gray-800):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.text-gray-900):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.font-semibold.text-gray-900){ color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(input[type="text"]),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(input[type="password"]),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(input[type="email"]),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(input[type="tel"]),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(input:not([type])),
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(select):not(.sg-p0){
  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.sghas-3ef788cc .rounded-xl.max-w-md :is(input):focus,
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(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.sghas-3ef788cc .rounded-xl.max-w-md :is(button).bg-blue-500,
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(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.sghas-3ef788cc .rounded-xl.max-w-md :is(button).bg-blue-500:hover,
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(a).bg-blue-500:hover{ box-shadow: var(--sg-glow-hover); transform: translateY(-1px); }
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .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.sghas-3ef788cc .rounded-xl.max-w-md :is(.border-blue-500).rounded-full,
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.border-green-500).rounded-full,
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.border-red-500).rounded-full,
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md :is(.border-orange-500).rounded-full{ background: rgba(var(--t-neutral), .04); }
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .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.sghas-3ef788cc .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.sghas-3ef788cc .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.sghas-3ef788cc .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.sghas-3ef788cc .rounded-xl.max-w-md .text-blue-500 { color: var(--brand-primary-text) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .rounded-xl.max-w-md .cl-error-msg { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-3ef788cc .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.sghas-ca8f09f4 { background: var(--bg) !important; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4,
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-container):not(.mdi):not(.mdi *),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-container *):not(.mdi):not(.mdi *),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-header):not(.mdi):not(.mdi *),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-header *):not(.mdi):not(.mdi *),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-modal):not(.mdi):not(.mdi *),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-modal *):not(.mdi):not(.mdi *){ font-family: var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 .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.sghas-ca8f09f4 .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.sghas-ca8f09f4 :is(.pmp-stats-panel),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-error-card),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-autorefresh),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-metrics > *),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.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.sghas-ca8f09f4 .pmp-stats-metrics > *::before, html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 .pmp-stats-metrics > *::after { opacity: .35; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 .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.sghas-ca8f09f4 .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.sghas-ca8f09f4 .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.sghas-ca8f09f4 .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.sghas-ca8f09f4 .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.sghas-ca8f09f4 :is(.pmp-stats-button),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-back),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-results-more){ border-radius: var(--r-full) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-period),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-navigation),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-scale),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(.pmp-stats-section-switcher){ border-radius: var(--r-full) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(select):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(input[type="text"]),
html:is([data-skin="sg26"],#sg-skin) body.sghas-ca8f09f4 :is(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.sghas-ca8f09f4 .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),
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.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 .dm-label > *,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > label.field-icon--left,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > .dm-label-color-picker,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > .dm-label-color-picker::-webkit-color-swatch-wrapper,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > .dm-label-color-picker::-webkit-color-swatch,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > .dm-label-color-picker::-moz-color-swatch,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > input.label-name,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > a.mdi,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > a.mdi.none,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .dm-new-label > a.mdi.none{ display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .dm-label > a.mdi:hover,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > input.label-name,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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),
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup :is(.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 .dm-label > label.field-icon--left,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .dm-label > label.field-icon--left .label-checkbox-icon,
html:is([data-skin="sg26"],#sg-skin) body .jconfirm .direct-labels-list-popup .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 .edit-data-link a,
html:is([data-skin="sg26"],#sg-skin) body #edit-account .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),
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),
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-details),
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item :is(.meta),
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item :where(a):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item :where(span):not(.sg-p0){ 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(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: none !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.sghas-88fed33b .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:is(.sghas-1abb44f3, .sg-p0.sg-p0.sg-p0.sg-p0).sghas-dc58fb6d,
html:is([data-skin="sg26"],#sg-skin) body.sghas-1abb44f3.sghas-dc58fb6d:not(.sg-p0):not(.sg-p0):not(.sg-p0) *,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0.sg-p0.sg-p0.sghas-dc58fb6d *{ font-family: var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body.sghas-1abb44f3.sghas-dc58fb6d:not(.sg-p0):not(.sg-p0):not(.sg-p0) .card h1,
html:is([data-skin="sg26"],#sg-skin) body.sg-p0.sg-p0.sg-p0.sg-p0.sghas-dc58fb6d .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),
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-rp :is(.button-tutorial-modal):not(.sg-p0):not(sg-p0){ 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),
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .skeleton-content.sg-acc-detail:has(.sgp-lf-head) > form > :is(.accelerator-notice),
html:is([data-skin="sg26"],#sg-skin) body .sgp-page.sgp-lf .skeleton-content.sg-acc-detail:has(.sgp-lf-head) > form > :is(.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:is(.sghas-e5efa26c, sg-p0.sg-p0) :has(> details.wh-card) { display: flex !important; flex-direction: column; gap: var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-e5efa26c, sg-p0.sg-p0) :has(> details.wh-card) > details.wh-card { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-e5efa26c, sg-p0.sg-p0) .wh-intro { max-width: none !important; width: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:is(.sghas-e5efa26c, sg-p0.sg-p0) .wh-container > .wh-grid { margin: 0 !important; }
/* f1017pmp:begin */
/* [SG-PATCH 2026-10-17 | Felix] Angelo 17/10, Proxy Manager Pro on the phone (412): the proxy page (/e/proxy-manager-pro/{id}, its
   «Registro attività» tab and the same pane inside /e/proxy-manager-pro), the user page (/e/proxy-manager-pro/users/{id}, also when
   core.js loads it into the admin users page #users.sgm-pmpusers, which is how Angelo reaches it) and the relogin log
   (/e/proxy-manager-pro/relogin). CSS only, tokens only. 12c's prefix was widened to that admin-page case in the same patch.
   Not shared outside PMP: Reactions' «Registro attività» is .react-log-list-item (ai-support.css), not .arp-log-list-item. */

/* 1. Tabs: the selected tab is the accent pill with on-accent text, as .react-tab-heads (app.css 11.A.6) and f1017tabs. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads a.active { background: var(--brand-primary) !important; border-color: transparent !important; color: var(--brand-on-primary) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads a.active:hover { color: var(--brand-on-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads::before,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads::after { content: none !important; display: none !important; }

/* 3. Geo info: the clearfix ::before was a flex item, so the first row started 28px in (every width). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .proxy-data::before,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .proxy-data::after { content: none !important; display: none !important; }

/* 2. The toggles («Abilita Tracking IP», «Proxy lento», …) kept the legacy checkbox's 28px text indent although the switch is
   drawn inline now, so every switch sat 28px right of the fields (every width). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail label > input.checkbox + span { padding-left: 0 !important; }

/* 5. Label chips (selectize remove_button): text and × in one pill, no divider block before the ×, 32px chip, 32px × target. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .selectize-control.multi .selectize-input { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 44px !important; height: auto !important; padding: 5px 6px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .selectize-control.multi .selectize-input::after { content: none !important; display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .selectize-control.multi .selectize-input > div.item { position: static !important; display: inline-flex !important; align-items: center; height: 32px; box-sizing: border-box; margin: 0 !important; padding: 0 0 0 12px !important; line-height: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .selectize-control.multi .selectize-input > div.item > .remove { position: static !important; display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: var(--r-full); background: transparent !important; color: inherit !important; font: 400 16px/1 var(--f) !important; text-decoration: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .selectize-control.multi .selectize-input > div.item > .remove:hover { background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .selectize-control.multi .selectize-input > input { flex: 1 1 64px; min-width: 64px; height: 32px; margin: 0 !important; padding: 0 6px !important; }

/* 6. Select arrows: the select2 combobox (Paese) gets the native selects' line chevron (same two token gradients as app.css). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .select2-container--default .select2-selection--single { position: relative !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0 !important; right: 0 !important; bottom: auto !important; width: 36px !important; height: 100% !important; margin: 0 !important; transform: none !important;
  background-image: linear-gradient(45deg, transparent calc(50% - .85px), var(--text-3) calc(50% - .85px) calc(50% + .85px), transparent calc(50% + .85px)), linear-gradient(135deg, transparent calc(50% - .85px), var(--text-3) calc(50% - .85px) calc(50% + .85px), transparent calc(50% + .85px)) !important;
  background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50% !important; background-size: 6px 6px, 6px 6px !important; background-repeat: no-repeat !important;
}

/* Relogin rows at every width: the avatar wrapper and the text were two growing flex items and the actor link a third, so the
   text started mid-row and «ADMIN ANGELO» stood one letter per line. Avatar column, text column, actor under the text (as the
   proxy's own log tab). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #relogin.skeleton-pmp .arp-log-list-item > .clearfix { flex: 0 0 36px !important; width: 36px !important; min-width: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #relogin.skeleton-pmp .arp-log-list-item > .inner { display: block !important; flex: 1 1 auto !important; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #relogin.skeleton-pmp .arp-log-list-item > .inner > a.meta { display: inline-flex !important; align-items: center; gap: 4px; width: auto !important; white-space: nowrap !important; overflow-wrap: normal !important; }

@media (max-width: 767.98px) {
  /* 2. One left edge: the card already has its --pad-card, so the header, the title block, the tabs and the log rows add none. */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail :is(.section-header),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail :is(.section-content){ padding-left: 0 !important; padding-right: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .section-header.back-button-pmp { padding-top: 0 !important; }
  /* 1. Tab bar: one row, sideways scroll, 8px gaps, 12px tab padding, nothing clipped at either end. */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; width: 100%; max-width: 100% !important; margin: 0 !important; padding: 4px !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none; overscroll-behavior-x: contain; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads::-webkit-scrollbar { display: none; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .arp-tab-heads a { flex: 0 0 auto !important; padding: 0 12px !important; white-space: nowrap !important; }
  /* 4. The proxy string: wraps anywhere, 14px, the kit's mono family. */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .section-content.clearfix > .proxy-data > .ip-info-pmp-block { font: 500 14px/20px var(--font-mono) !important; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; word-break: normal; }
  /* 3. Geo info: a 2-column grid, label 12 muted uppercase over a 15px value, 8px row gap, long values wrap. */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .proxy-data.mt-10:not(.ip-blocked-notice) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .proxy-data.mt-10:not(.ip-blocked-notice) > .ip-info-pmp-block { display: flex; flex-direction: column; gap: 2px; min-width: 0; margin: 0 !important; font: 500 15px/20px var(--f) !important; color: var(--text) !important; overflow-wrap: anywhere; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .proxy-data.mt-10:not(.ip-blocked-notice) > .ip-info-pmp-block > br { display: none; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .proxy-data.mt-10:not(.ip-blocked-notice) .ip-info-pmp { font: 500 12px/16px var(--f) !important; text-transform: uppercase; color: var(--text-3) !important; overflow-wrap: anywhere; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .section-content > .clearfix.mb-20:has(> .proxy-data) { margin-bottom: 16px !important; }
  /* 6. Form rhythm: label 15 semibold, 8px to the field, 44px fields (16px text: the kit's phone size, no iOS focus zoom),
        16px to the next label, tips 14px muted with a smaller indent; the help «?» stays on the label's first line. */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .form-label { font: 600 15px/20px var(--f) !important; margin: 0 0 8px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .form-label:has(> .tooltip) { display: flex !important; align-items: flex-start; gap: 6px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .form-label > .tooltip { flex: 0 0 auto; margin: -2px 0 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail :is(input.input),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail :is(select.input){ height: 44px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .select2-container--default .select2-selection--single { height: 44px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px !important; font-size: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .mb-20 { margin-bottom: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .field-tips { margin: 8px 0 0 !important; padding: 0 0 0 18px !important; font: 400 14px/20px var(--f) !important; color: var(--text-3) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .field-tips li { margin: 0 0 4px !important; font: inherit !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .field-tips li:last-child { margin-bottom: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .selectize-control.multi .selectize-input > div.item { font: 500 14px/16px var(--f) !important; }

  /* Log rows (the proxy's «Registro attività» and /relogin): a stack. Row 1 = 32px avatar, @handle 15 semibold, time 13 muted at the
     right; then the message at 15px across the full width (breaks only inside a token too long for the line); the details 13
     muted; the actor as a 12px chip. 12px vertical padding, a divider. */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) { display: block !important; position: relative !important; min-height: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-px .skeleton-content.sgp-px-detail .arp-log-list-item:not(.sgp-pu-row) { padding: 12px 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #relogin.skeleton-pmp .arp-log-list-item { padding: 12px var(--pad-card) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) > .clearfix { display: block !important; position: relative !important; margin: 0 !important; padding: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .circle { position: absolute !important; top: 0; left: 0; box-sizing: border-box !important; width: 32px !important; height: 32px !important; margin: 0 !important; z-index: 1; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .circle img { width: 32px !important; height: 32px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .inner { display: block !important; position: relative !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .action { display: block !important; margin: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .error-msg-title { font: 400 15px/22px var(--f) !important; overflow-wrap: break-word !important; word-break: normal !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .error-msg-title > strong:first-child { display: block; min-height: 32px; box-sizing: border-box; margin: 0 0 4px; padding: 6px 92px 6px 44px; font: 600 15px/20px var(--f) !important; overflow-wrap: anywhere !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .error-msg-title > .date:is(strong:first-child, strong:first-child ~ *, :has(~ strong:first-child)){ position: absolute; top: 0; right: 0; margin: 0 !important; font: 400 13px/32px var(--f) !important; white-space: nowrap !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .error-msg > .error-msg-title { min-height: 32px; padding: 5px 0 0 44px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .error-msg-details { margin: 4px 0 0 !important; font: 400 13px/18px var(--f) !important; color: var(--text-3) !important; overflow-wrap: break-word !important; word-break: normal !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .inner > a.meta { display: inline-flex !important; align-items: center; gap: 4px; width: auto !important; max-width: 100%; height: 24px; box-sizing: border-box; margin: 8px 0 0 !important; padding: 0 8px !important; border-radius: var(--r-full); border: 1px solid var(--border); background: var(--fill-2); color: var(--text-2) !important; font: 500 12px/16px var(--f) !important; white-space: nowrap !important; overflow: hidden; overflow-wrap: normal !important; word-break: normal !important; text-decoration: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(#relogin.skeleton-pmp, .sgp-px .skeleton-content.sgp-px-detail) .arp-log-list-item:not(.sgp-pu-row) .inner > a.meta .icon { margin: 0 !important; font-size: 14px !important; line-height: 1 !important; color: var(--text-3) !important; }
  /* relogin head: search, then the total 8px under it */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #relogin.skeleton-pmp .search-box { margin-bottom: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #relogin.skeleton-pmp .container-1200 > .row { padding-left: 0 !important; padding-right: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #relogin.skeleton-pmp .arp-amount-of-action { margin: 8px var(--pad-card) 12px !important; }

  /* User page: no band above «Indietro», which sits on the content edge; a compact head (40px initials + name, the count as a muted
     14px line under it); search, 8px, the «Solo loggati» chip; list rows: 40px avatar, username 15 semibold, the proxy line 13 muted,
     the button 36px under them; 12px vertical padding and a divider. */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .skeleton.skeleton-pmp:is(.sgp-pu, .sgm-pmpusers:has(.sgp-pu-head)) { padding-top: var(--pad-page) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .back-button-pmp { margin: 0 !important; padding: 0 0 12px !important; border: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-head { display: grid !important; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; margin: 0 0 16px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-ava { width: 40px; height: 40px; font: 600 15px/1 var(--f); }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-id .section-title { font: 600 17px/22px var(--f) !important; overflow-wrap: anywhere; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-id .arp-amount-of-action { display: block !important; height: auto !important; font: 400 14px/20px var(--f) !important; color: var(--text-3) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-search { grid-column: 1 / -1; width: 100%; margin: 4px 0 0; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-search .search-box { display: flex !important; flex-direction: column; align-items: flex-start; gap: 8px; height: auto !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-search .search-box > * { margin: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-search .search-box > .pos-r:has(> .input) { align-self: stretch; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-card > .sgp-pu-thead { display: flex !important; flex-wrap: wrap; gap: 0 6px; margin: 0; padding: 16px 16px 8px; border: 0; background: none; font: 600 16px/22px var(--f); color: var(--text); }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-card > .sgp-pu-thead > span + span::before { content: "·"; margin-right: 6px; color: var(--text-3); }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .arp-log-list-item.sgp-pu-row { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; align-items: start; gap: 2px 12px !important; padding: 12px 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .arp-log-list > .sgp-pu-row { border-top: 1px solid var(--border) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .arp-log-list > .sgp-pu-row:first-of-type { border-top: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-acc > .circle { box-sizing: border-box !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-search .search-box .pos-r > .button { margin: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #users.sgm-pmpusers > .clearfix:has(.sgp-pu-head)::before,
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) #users.sgm-pmpusers > .clearfix:has(.sgp-pu-head)::after { content: none !important; display: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-acc { display: contents !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-acc > .circle { grid-column: 1; grid-row: 1 / span 3; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-accinfo { grid-column: 2; padding-top: 0; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-accinfo { gap: 2px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-accinfo .title { font: 600 15px/20px var(--f) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col { grid-column: 2; display: block !important; margin: 0 !important; padding: 0 !important; font: 400 13px/18px var(--f); color: var(--text-3); overflow-wrap: anywhere; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col > :is(.sgp-pu-addr),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col > :is(.sgp-pu-sub),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col > :is(.sgp-pu-none){ display: inline !important; font: 400 13px/18px var(--f) !important; color: var(--text-3) !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col > .sgp-pu-addr ~ .sgp-pu-sub::before,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col > .sgp-pu-none ~ .sgp-pu-sub::before{ content: " · "; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col > .sgp-pu-none svg { vertical-align: -2px; margin-right: 4px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col .buttons { display: block; margin: 8px 0 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) :is(.sgp-page.sgp-pu, .sgm-pmpusers .skeleton-content:has(> .sgp-pu-head)) .sgp-pu-col .buttons .button { display: inline-flex !important; align-items: center; width: auto !important; height: 36px !important; min-height: 36px !important; margin: 0 !important; padding: 0 14px !important; font: 500 14px/18px var(--f) !important; }
}
/* f1017pmp:end */


/* =====================================================================================================================
   20. Repost Pro = Reactions  [SG-PATCH 2026-10-18 A295 | Felix] (Angelo 18/10: «deve corrispondere lo stile a quello visualizzato su
       Reactions, sia per gli account sulla sinistra, che tutti i pulsanti, i filtri ... e tutte le sezioni»).
       Scope: the repost-pro forks carry .sgp-page.sgp-rp on their root (index, schedule, log); the B4.2 .sg-acc* / .sg-chip classes are
       gone from them, so §1-§2 of this file and the shared .sg-acc rules no longer reach Repost.
       20.1 is the Reactions account-page layer of ai-support.css carried over 1:1 (generated: only the scope and two class names change).
       20.2 (manual) covers what Repost has and Reactions has not: the 6.0 disclosure cards, the flag chips, the save bar built from the
       Reactions classes, the log list card; and Angelo's size rule for the aside buttons on desktop.
   ===================================================================================================================== */
/* 20.1 from ai-support.css (A295) */
/* --- from ai-support.css lines 20-192 --- */
/* 1.1 Layout: board .content.r-row = padding 0 --pad-page --pad-page, row gap 24, the aside is a 280px card, the detail column fills.
       The legacy panels scroll inside a JS-fixed height; on the board the page scrolls, so height/overflow go back to auto. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) > .clearfix { display: flex; align-items: flex-start; gap: var(--gap-block); padding: 0 var(--pad-page) var(--pad-page); box-sizing: border-box; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) > .clearfix::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) > .clearfix::after { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-aside),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content) { float: none !important; height: auto !important; overflow: visible !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-content { flex: 1 1 auto; min-width: 0; width: auto !important; background: transparent !important; }
/* 1.2 Account aside = kit .card, 280 wide, 16 padding, 12 gap (board: aside.card) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside { flex: 0 0 280px; width: 280px !important; display: flex; flex-direction: column; gap: 12px; padding: 16px; box-sizing: border-box; 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; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside :is(.search-box),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside :is(.rp-search-box){ position: static; padding: 0 !important; border: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .search-box .input,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-search-box .input{ height: 40px; padding-left: 36px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .search-box :is(.field-icon--left),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-search-box :is(.field-icon--left),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .search-box :is(.search-icon),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-search-box :is(.search-icon),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .search-box :is(.cancel-icon),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-search-box :is(.cancel-icon){ width: 36px !important; height: 40px; padding: 0 !important; display: grid; place-items: center; font-size: 16px; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .js-search-results { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .aside-list { display: flex; flex-direction: column; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .loadmore { margin-top: 12px !important; padding: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .search-no-result { font: 400 13px/20px var(--f); color: var(--text-3); }
/* admin/staff filter blocks above the list (Background Task, Bulk Actions, Task Filters): label row 13/18 500, chips = kit chip */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .reactions-bulk-actions-header { padding: 0 !important; border: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .reactions-bulk-actions-header > .mb-5 > a { display: inline-flex; align-items: center; gap: 6px; font: 500 13px/18px var(--f); color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-task-actions-filters .pos-r { display: flex; flex-wrap: wrap; gap: 8px; }
/* 1.3 Account row = board li.acc: radius 14, padding 12, 1px edge; selected = raised surface + border-2 (accent never; it is a selection
       of a row, the tab bar carries the accent). Head: [select 18] [avatar 32] [name / status] [⋯ 32]; the rest of .sub runs under
       the avatar (the board's 28px indent from the row edge). */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item { padding: 12px !important; border: 1px solid transparent !important; border-radius: var(--r-inset); background: transparent !important; box-shadow: none !important; color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item:hover { background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item:is(.active, .task-selected) { background: var(--surface-raised) !important; border-color: var(--border-2) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item::after { border-radius: inherit; background-color: color-mix(in srgb, var(--surface) 80%, transparent); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item > .clearfix { display: grid; grid-template-columns: 18px 32px minmax(0, 1fr) 32px; column-gap: 10px; align-items: start; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item > .clearfix::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item > .clearfix::after { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .circle { grid-column: 2; grid-row: 1; float: none !important; width: 32px !important; height: 32px !important; margin: 2px 0 0 !important; border-radius: 50%; object-fit: cover; background: var(--surface-alt) !important; overflow: hidden; font-size: 0; color: transparent; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .inner { grid-column: 3; grid-row: 1; overflow: visible !important; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .options { position: static !important; grid-row: 1; z-index: 11; font-size: 16px; display: grid; place-items: center; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .options.reactions-selector { grid-column: 1; height: 36px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .options.context-menu-wrapper { grid-column: 4; height: 36px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .options.context-menu-wrapper > a { position: relative; z-index: 11; display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-full); color: var(--text-2) !important; font-size: 16px; transition: var(--tr); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .options.context-menu-wrapper > a:hover { background: var(--hover-fill); color: var(--text-max) !important; }
/* select = board button.sel: 18px ring in --border-strong; selected = accent fill with a check (selection = accent, GL-003 §7.3) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-task-action-select { position: relative; z-index: 11; display: grid; place-items: center; width: 18px; height: 18px; box-sizing: border-box; border: 1px solid var(--border-strong); border-radius: 50%; font-size: 12px; color: transparent !important; background: transparent; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-task-action-select::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-task-action-select.mdi-checkbox-marked-circle-outline { border-color: var(--brand-primary); background: var(--brand-primary); color: var(--brand-on-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-task-action-select.mdi-checkbox-marked-circle-outline::before { content: "" !important; display: block; width: 12px; height: 12px; background: currentColor; -webkit-mask: var(--sg-ic-check) center/100% 100% no-repeat; mask: var(--sg-ic-check) center/100% 100% no-repeat; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-task-action-select:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* name 13/18 500 --text, status caption 12/16 */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .title { margin: 0 !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 2px 0 0 -42px; padding: 0; white-space: normal !important; overflow: visible !important; font: 400 12px/16px var(--f) !important; color: var(--text-muted) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > * { margin: 0 !important; float: none !important; }
/* everything above and including the status sits beside the avatar, under the name */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > :is(.ac-status),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > :is(.status) { padding-left: 42px; box-sizing: border-box; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status ~ .status { padding-left: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub .mdi { font-size: 13px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > :empty { display: none; }
/* 1.4 Status (GL-003 §7.2.4): active IG account row = success + heartbeat on EVERY row; «In pausa» = info azure, static dot;
       inactive/off = danger red dot. The label text is the product's; only colour and sign change. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status { display: inline-flex; align-items: center; gap: 7px; color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status > .mdi { position: relative; flex: none; width: 6px; height: 6px; margin: 0 !important; border-radius: 50%; background: currentColor; font-size: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status > .mdi::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status.color-paused { color: var(--status-info) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status.color-green { color: var(--status-success) !important; }
/* [SG-PATCH 2026-10-22 | Felix] Repost account list (Angelo 22/10, prod after rc10): «Disattivato» (a bare .status, no colour class) is
   not an error: muted text and a grey dot, the same rule as Reactions (ai-support.css f1017rp). Red stays on .color-red / .color-danger. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status:not([class*="color-"]) { color: var(--text-muted) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status.color-green > .mdi { width: 8px; height: 8px; background: var(--live); animation: sg-beat 2.2s ease-in-out infinite; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status.color-green > .mdi::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: inherit; opacity: 0; animation: sg-ring 2.2s ease-out infinite; }
@media (prefers-reduced-motion: reduce) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status.color-green > .mdi,
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > .status.color-green > .mdi::after { animation: none !important; }
}
/* the other row notes: warning (accelerator, rate limit, proxy issues), danger (used elsewhere, expired, re-login, break), info (pending re-login, expiry) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub :is(.color-orange),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub :is(.color-warning) { color: var(--status-warning) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub :is(.color-red),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub :is(.color-danger),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub :is(.color-expired) { color: var(--status-danger) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub :is(.color-blue) { color: var(--status-info) !important; }
/* «N azioni/giorno» = caption muted, no glyph */
/* counters = board ul.counters: 3 per row, 12/16 500 --text-muted, 13px stroke glyph from the board */
/* «Ultimo aggiornamento …» and other trailing notes = caption --text-3 */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .sub > :is(.count) { color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .reactions-custom-label { display: inline-flex !important; align-items: center; height: 24px; margin: 0 6px 0 0 !important; padding: 0 10px; border-radius: var(--r-full); background: var(--surface-alt); border: 1px solid var(--border); font: 500 12px/16px var(--f); color: var(--text-2); }
/* 1.5 Empty detail column (index, no account selected) = kit .empty: dashed, --fill-1, icon tile 44 + body-lg --text-2 */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-content:has(> .no-data):not(:has(> .arp-tab-heads)) { display: flex; align-items: center; justify-content: center; align-self: stretch; min-height: calc(100vh - var(--topbar-h) - var(--pad-page)); border: 1px dashed var(--border-dash) !important; border-radius: var(--r-lg); background: var(--fill-1) !important; box-sizing: border-box; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-content > .no-data { position: static; transform: none; margin: 0; padding: 40px 24px; display: flex; flex-direction: column; align-items: center; gap: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .no-data .no-data-icon { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 !important; border-radius: 13px; font-size: 22px; color: var(--sg-soft); background: linear-gradient(135deg, color-mix(in srgb, var(--sg-accent-2) var(--tile-a1), transparent), color-mix(in srgb, var(--brand-primary) var(--tile-a2), transparent)); box-shadow: inset 0 1px 0 var(--border); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .no-data p { margin: 0; max-width: 420px; font: 400 16px/25px var(--f); color: var(--text-2) !important; }
/* --- from ai-support.css lines 194-312 --- */
/* 1.6 Account header + mode bar + tab bar = ONE card (board: section.card «@account … Tutorial», «Modalità impostazioni», nav.tabs).
       They are siblings in the product (inside the form on Settings/Messages, directly in .skeleton-content elsewhere) and smart-targets
       injects .st-view-bar / .st-live by JS, so no wrapper exists: the parent becomes a 1-column grid, the three blocks get rows 2-4 and
       the parent's ::before paints the card behind exactly those rows. ::after holds row 1 so every other child flows from row 5 on. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content:has(> .arp-tab-heads)):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content > form:has(> .arp-tab-heads)) { display: grid !important; grid-template-columns: minmax(0, 1fr); align-items: start; position: relative; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content:has(> .arp-tab-heads)):not(sg-p0)::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content > form:has(> .arp-tab-heads))::before { content: ""; grid-column: 1; grid-row: 2 / 5; align-self: stretch; border: 1px solid transparent; border-radius: var(--r-lg); 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-rp:not(#sg-rp0) :is(.skeleton-content:has(> .arp-tab-heads)):not(sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content > form:has(> .arp-tab-heads))::after { content: ""; grid-column: 1; grid-row: 1; height: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > .section-header.back-button-wh { grid-column: 1; grid-row: 1; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > .section-header:not(.back-button-wh) { grid-column: 1; grid-row: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 20px 24px 0 !important; border: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > .section-header:not(.back-button-wh)::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > .section-header:not(.back-button-wh)::after { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > .arp-tab-heads { grid-column: 1; grid-row: 4; justify-self: start; margin: 18px 24px 20px !important; }
/* the account name row: legacy box removed; name 17/24 500, «Apri in Instagram» = content link, re-login = danger caption */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header .section-title { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; float: none !important; margin: 0 !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header .rp-account-title-actions { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header .rp-account-username { border: 0 !important; font: 500 17px/24px var(--f) !important; color: var(--text) !important; text-decoration: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header .rp-account-open-link { font: 400 13px/20px var(--f) !important; color: var(--brand-primary-text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header .rp-account-open-link:hover { color: var(--sg-soft) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header .section-title small { margin: 0 !important; display: inline-flex; align-items: center; gap: 5px; font: 400 12px/16px var(--f) !important; }
/* ≥ 768: Tutorial pinned top-right of the card (board), so the name row is full width and the status pill drops under it */
@media (min-width: 768px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > .section-header:not(.back-button-wh) { position: relative; padding-right: 160px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header a.youtube-link { position: absolute !important; top: 20px; right: 24px; }
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header .section-title { flex-basis: 100% !important; }
/* Tutorial = board .btn-grad (gradient fill that carries text, --brand-on-primary, pill 40). The product prints style="background-color:red" */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header a.youtube-link { float: none !important; display: inline-flex !important; align-items: center; gap: 8px; height: 40px; margin: 0 !important; padding: 0 18px !important; box-sizing: border-box; border: 1px solid transparent; border-radius: var(--r-full) !important; background: var(--sg-gradient-fill) !important; color: var(--brand-on-primary) !important; font: 500 14px/20px var(--f) !important; box-shadow: var(--sg-glow-rest) !important; text-decoration: none; transition: var(--tr); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header a.youtube-link:hover { box-shadow: var(--sg-glow-hover) !important; transform: translateY(-1px); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header a.youtube-link:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header a.youtube-link :where(i):not(.sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header a.youtube-link :is(.mdi),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header a.youtube-link :is(.fab) { margin: 0 !important; font-size: 16px !important; line-height: 1 !important; background: transparent !important; color: inherit !important; }
/* automation pill (smart-targets .st-live) = kit .status: on = success + heartbeat (something running now, one per card), off = «in pausa» = info, static dot */
/* «Modalità impostazioni» row (board: label 13/18 500 + segmented control + hint 12/16 --text-3; no box of its own) */
/* tab bar: bare <a> tabs are styled globally since B4.2 (app.css 11.D); only the account-page placement stays here */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-tab-heads { padding: 3px !important; }
/* 1.7 Tab bodies: each .section-content (and the loose .activity-data of the log) = its own card under the header card */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > :is(.section-content),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > :is(.arp-log-list) { grid-column: 1; margin-top: var(--gap-block) !important; padding: 20px 24px !important; max-width: none; box-sizing: border-box; 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; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-log-list > .no-data { position: static; margin: 0; padding: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-log-list > .no-data p { font: 400 14px/22px var(--f); color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-content .col.s12.m10.l10 { width: 100% !important; }
/* save bar = board .actionbar (AiSettings): --surface-alt, border-2, radius 16, padding 14 16, gap 12; opaque in BOTH states.
   [FIX 2026-10-11, Angelo] floating (.is-fixed, set by Reactions core.js with inline left/width = its slot): opaque surface + the kit
   large shadow so it reads as one bar over the cards (the product painted it 76-82% translucent); bottom 16 like the kit; on >= 768 the
   bar stops 96px before the right edge so the fixed chat button (right 28 + 52) never sits on «Salva». Docked = in-flow, no shadow. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar { padding: 14px 16px !important; border: 1px solid var(--border-2) !important; border-radius: var(--r-lg) !important; background: var(--surface-alt) !important; box-shadow: inset 0 1px 0 var(--hi), var(--shadow-sm) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar.is-fixed { bottom: 16px !important; z-index: 90; box-shadow: inset 0 1px 0 var(--hi), var(--shadow-lg) !important; }
/* B4.28 #4 (Angelo): the floating bar keeps the width Reactions core.js gives it (= its column); the chat button rises above it (app.css b428) */
/* docked bar (every width): it scrolls through the chat button's row, so it ends 64px before the right edge of its column
   (button = right 28 / 16 + 52 wide, page padding 32 / 16: 64 clears both with an 8px gap). */
/* B4.28 #4: the docked bar is as wide as its column too (the 64px gap for the chat button is gone; app.css b428 page reserve) */
/* phone: the chat button is fixed at right 16 (52 wide): the bar, docked or floating, ends 60px before the right edge of its column, so
   «Salva» never passes under the button at any scroll position (a docked bar scrolls through the button's row too). */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-content { gap: 12px; flex-wrap: wrap; }
/* footer actions: the two-up (m6) outline buttons have one-line labels; in the 993-1179 band the detail column is only ~400 wide,
   so the pair wraps to one per row instead of spilling the page sideways (1024: +54px). Wide widths keep the two-up row. */
/* the cols carry mb-20 */
/* the docked bar's slot keeps the page rhythm below it */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-slot { margin-bottom: var(--gap-block) !important; }
/* --- from ai-support.css lines 456-484 --- */
/* 1.12 Activity log, client (board AiLog): empty state = kit .empty inside the card */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-log-list:has(> .no-data) { border-style: dashed !important; border-color: var(--border-dash) !important; background: var(--fill-1) !important; text-align: center; padding: 40px 24px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-log-list .no-data a { color: var(--brand-primary-text) !important; }
/* 1.8 Tablet and phone. < 1024 the aside narrows to the board's tablet width; < 768 (AiIndexM) everything stacks with the page gutter.
       The product hides the aside (≤ 992, .hide-on-medium-and-down) on the account pages and shows «Indietro»: that is logic, kept. */
@media (max-width: 1023.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside { flex-basis: 260px; width: 260px !important; }
}
@media (max-width: 992px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) > .clearfix { flex-direction: column; align-items: stretch; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside { flex-basis: auto; width: auto !important; }
  /* AiIndexM draws the empty state under the list: shown, although the product class hides it on medium and down */
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-content.hide-on-medium-and-down:has(> .no-data) { display: flex !important; min-height: 0; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > .section-header.back-button-wh:not(.none) { padding: 0 0 16px !important; border: 0 !important; background: transparent !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header.back-button-wh a { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 14px; border-radius: var(--r-full); border: 1px solid var(--border-2); background: var(--tonal-bg); color: var(--text) !important; font: 500 13px/18px var(--f); }
}
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) > .clearfix { padding: 0 var(--pad-page) var(--pad-page); gap: var(--gap-block); }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > .section-header:not(.back-button-wh) { padding: 16px 16px 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > .arp-tab-heads { margin: 16px 16px 16px !important; justify-self: stretch; flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > :is(.section-content),
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.skeleton-content, .skeleton-content > form) > :is(.arp-log-list) { padding: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .section-header a.youtube-link { height: 44px; }
}
/* --- from ai-support.css lines 1652-1670 --- */
/* f1017rx:begin */
/* [SG-PATCH 2026-10-17 | Felix] Reactions on the phone (Angelo 17/10). One button size for the whole plugin, taken from the «Targeting»
   section toggle (.rp-targeting-toggler.rp-toggler-button at 375: 36px high, 14px/20px, 500, padding 7px 14px, full radius, 1px edge).
   Covered: every .button in the account page and the aside (Pausa, Salva, Continua, Scarica…, Copia/Inserisci impostazioni, Salva come
   preset, Svuota automazione, the mass actions), the section togglers (*-toggler-button), «Tutorial» and «Indietro». Icon-only
   buttons (.lbutton, .robi-learn-btn) keep their size. */
@media (max-width: 767.98px) {
  /* «Tutorial» leaves the card head and sits right in the «Indietro» row (the form is the box both live in) */
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) form:has(> .back-button-wh) { position: relative; }
  /* small numeric fields (Rimuovi se uguale o inferiore a [8] %, limits): sized to the value, centred, «%» stays beside them */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-rp:not(#sg-rp0) section.skeleton-content input[type="number"]:not(#sg-p0) { width: 64px !important; min-width: 64px !important; max-width: 64px !important; height: 40px !important; min-height: 40px !important; padding: 0 8px !important; text-align: center; font: 400 15px/20px var(--f) !important; flex: 0 0 64px !important; box-sizing: border-box; }
}
/* «Inattivo» and «Re-login richiesto!» content-wide: the earlier f1017rp rule lost to app.css:1889 (5 ids) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-rp:not(#sg-rp0) .aside-list-item .sub > :is(.status):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4) .sgp-rp:not(#sg-rp0) .aside-list-item .sub > :is(.ac-status):not(#sg-p0){ display: inline-flex !important; width: fit-content !important; max-width: 100% !important; }
/* f1017rx:end */
/* --- from ai-support.css lines 1671-1775 --- */
/* f1017rz:begin */
/* [SG-PATCH 2026-10-17 | Felix] Reactions account page /e/reactions/<id> (Angelo 17/10, measured on playboostnetwork at 1440/412/375).
   1. Switch rows: one rhythm. The view puts a <br> after every switch row (+16px line) and the label is an inline box around an
      inline-flex switch (+8px line box), so the rows were 61px apart. Now: the label is a flex box, the stray <br> next to a switch row
      is not rendered, rows are 36px (switch centred on the first text line, a wrapped label continues under its own text, top-aligned
      with the switch) and 8px apart = 44px pitch; a switch row after a field keeps at least 12px. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content label:has(> input.checkbox:not([name^="day_"])):not(#sg-p0) { display: flex !important; width: fit-content !important; max-width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content label > input.checkbox:not([name^="day_"]):not([data-activity-time-slot]) + span:not(.none):not(#sg-p0) { align-items: flex-start !important; min-height: 36px !important; height: auto !important; padding-top: 8px !important; padding-bottom: 5px !important; box-sizing: border-box !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content label > input.checkbox:not([name^="day_"]):not([data-activity-time-slot]) + span .icon:is(.unchecked, .checked):not(#sg-p0) { margin-top: -3px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content label > input.checkbox:not([name^="day_"]) + span > .tooltip:not(#sg-p0) { align-self: flex-start; line-height: 20px !important; margin-top: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content :is(div:has(> label > input.checkbox:not([name^="day_"])), label:has(> input.checkbox:not([name^="day_"]))) + br,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content br:has(+ div > label > input.checkbox:not([name^="day_"])) { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content div:has(> label:first-child > input.checkbox:not([name^="day_"])):not(#sg-p0) { margin-top: 0 !important; margin-bottom: 12px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content label.form-label:has(> input.checkbox:not([name^="day_"])):not(#sg-p0) { margin-bottom: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content ul.field-tips:not([class*="mb-"]) + :is(select.input):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content ul.field-tips:not([class*="mb-"]) + :is(input.input):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content ul.field-tips:not([class*="mb-"]) + :is(textarea):not(.sg-p0):not(#sg-p0){ margin-top: 8px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) section.skeleton-content div:has(> label:first-child > input.checkbox:not([name^="day_"])):is(:has(+ div > label:first-child > input.checkbox), :has(+ br + div > label:first-child > input.checkbox)):not(#sg-p0) { margin-bottom: 8px !important; }
/* 2. Range sliders (noUiSlider: repost age, follower/following/post filters): the value bubbles sit above the track, the end handles and
      bubbles stay inside the column (the two-handle bubbles align to their handle's outer edge, the end tick labels to the track ends),
      the grid numbers sit above the help text below; on the phone only the first and last tick labels show. */
/* 3. «✨ AI» over the message fields: the text never runs under it (desktop: room on the right = button + 12px); phone: under the field,
      right-aligned. */
/* 4. Small numeric fields: the same 64x40, centred, 15px on desktop for the inline ones (Rimuovi se uguale o inferiore a [8] %). */
/* 7. Target chips (Angelo 17/10, rxbtn): «link» and «×» keep the product look and size on every width (reactions core.css: inline, 12px
      link, 10px ×). Phone only: each gets an invisible 44x44 tap area (::after) centred on the glyph; chips are 14px apart and the two
      glyphs are spaced so no two tap areas overlap and the «Verifica ER post» label keeps its own; a chip too long for the phone
      wraps instead of pushing the page sideways (the quality bar is pinned to the chip bottom, where it sits by default). Glyph size and colour unchanged. */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .tag:has(> .remove):not(#sg-p0) { overflow: clip !important; overflow-clip-margin: 12px; margin: 0 14px 14px 0 !important; white-space: normal !important; height: auto !important; min-height: 20px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .tag > :is(.remove):not(sg-p0):not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .tag > :is(a.mdi-link):not(#sg-p0){ position: relative !important; z-index: 1; top: auto !important; right: auto !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .tag > a.mdi-link:not(#sg-p0) { margin-left: 16px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .tag > .remove:not(#sg-p0) { margin-left: 14px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .tag > a.mdi-link + .remove:not(#sg-p0) { margin-left: 32px !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .tag > :is(.remove):not(sg-p0):not(#sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .tag > :is(a.mdi-link):not(#sg-p0)::after{ content: ""; position: absolute; left: calc(50% - 22px); top: calc(50% - 22px); width: 44px; height: 44px; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .tag > .target-highlighter:not(#sg-p0):is(.remove, .remove ~ *, :has(~ .remove)){ top: auto !important; bottom: 1px; }
}
/* 8. «Preset di Targeting» modal: header 18/14, 44px close; the scope tabs are one scrolling row, never broken mid-word, 14px, with the
      shared accent pill for the active one (f1017tabs); «Importa» / «Salva gli attuali» 14px, one line, 44px; the search field has no
      inner box; «Tutti i gruppi» is one field with the folder icon inside; empty states 16px/600 text + 14px muted. */
/* 11. Weekly schedule grid (ORARIO / LUNEDÌ …): checked boxes carry a white tick; on the phone the whole week fits the column: a 44px
       time column, seven equal day columns, short day names (data-sg-short from app.js f1017grid, full name kept in the text and
       title), 36px rows with a 20px box and a 32px tap cell. Dense on purpose (Angelo 17/10). Desktop layout unchanged. */
/* 6. Reactions account list: «Inattivo» and the «Re-login Richiesto!» / «Re-login in sospeso» pills hug their content. The rule that
      won was ai-support.css:106 (every .sub > span gets flex-basis:100%); the login pills are .rp-login-required-state /
      .rp-automated-relogin-state, not .ac-status, so f1017rp/f1017rx never matched them. */
/* 13. Support ticket, agent view: «Salva nota interna» / «Rispondi al cliente» follow «Allega file» / «Riscrivi con AI» on the left
       (desktop: same row; phone: the next row, side by side when they fit, else stacked, 8px apart), all four at the shared 36px; the
       «Imposta» buttons are as tall as the select beside them. Not the reseller portal (its own rules). */
/* f1017rz:end */
/* §20 manual:begin */
/* 20.2 Settings groups = the Reactions 16 group card (A304, Angelo 18/10): generated block «group cards» below, from the same template
        as the Reactions one in ai-support.css. A group the client may not see (heading inline display:none) hides its whole card. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rpm-disclosure:has(> .rpm-disclosure-heading[style*="display:none"]) { display: none !important; }
/* §20 cards: generated by gen_cards.py from group-cards.tpl.css (A304) */
/* Group card = the Reactions 16 «disclosure card» (Angelo 18/10: «come reactions 16 ma evita bordi dentro bordi»). ONE border per group,
   the card's. Its head is a full-width row inside the card: icon tile, title over description, «Guida» cap, chevron; no pill, border or
   fill of its own. An open card shows its body under a hairline divider. A card inside another card's body loses its own border and
   becomes a row under a divider. A head without a card wrapper (older sections) draws the card itself; its open body continues the
   outline. Generated from one template for Reactions (ai-support.css) and Repost (pro-modules.css §20): only the scope and the product
   class names differ. Every selector list is expanded (no multi-argument :is() at the right, B4.27 perf rule). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure:not(#sg-p0) { margin: 0 0 12px !important; padding: 0 !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; background: var(--card-bg) !important; box-shadow: none !important; outline: 0 !important; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure section.rpm-disclosure:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure details.rpm-disclosure:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure section.rpm-disclosure:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure details.rpm-disclosure:not(#sg-p0):not(#sg-p1) { margin: 0 !important; border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading:not(#sg-p0):not(#sg-p1) { display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } /* A347 S3: display without !important, so the module can still hide a heading (Simple view .sr-adv, jQuery .hide(): SOP-005 §4) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0):not(#sg-p1) { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 64px !important; height: auto !important; margin: 0 !important; padding: 12px 16px !important; box-sizing: border-box !important; border: 0 !important; border-radius: calc(var(--r-lg) - 1px) !important; background: transparent !important; box-shadow: none !important; outline-offset: -2px; text-align: start !important; white-space: normal !important; overflow: visible !important; font: 600 14px/20px var(--f) !important; color: var(--text) !important; text-decoration: none !important; list-style: none !important; cursor: pointer; transition: background-color .15s var(--ease) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary:not(#sg-p0):not(#sg-p1):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button.opened:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button[aria-expanded="true"]:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button.opened:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button[aria-expanded="true"]:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure[open] > summary:not(#sg-p0):not(#sg-p1) { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure details.rpm-disclosure > summary:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure details.rpm-disclosure > summary:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2) { border-radius: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary::-webkit-details-marker { display: none; }
/* icon tile, title over description, cap, chevron */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button > .rpm-toggler-icon:not(#sg-p0),
/* icon tile, title over description, cap, chevron */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary > .rpm-toggler-icon:not(#sg-p0),
/* icon tile, title over description, cap, chevron */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button > .rpm-toggler-icon:not(#sg-p0) { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; font-size: 18px !important; line-height: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button > .rpm-toggler-copy:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary > .rpm-toggler-copy:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button > .rpm-toggler-copy:not(#sg-p0) { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button .rpm-toggler-title:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary .rpm-toggler-title:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button .rpm-toggler-title:not(#sg-p0) { display: block !important; margin: 0 !important; font: 600 14px/20px var(--f) !important; color: inherit !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button .rpm-toggler-description:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary .rpm-toggler-description:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button .rpm-toggler-description:not(#sg-p0) { display: block !important; margin: 2px 0 0 !important; font: 400 13px/18px var(--f) !important; color: var(--text-3) !important; white-space: normal !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button > .robi-learn-btn:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary > .robi-learn-btn:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button > .robi-learn-btn:not(#sg-p0) { flex: 0 0 auto !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button > .rpm-toggler-chevron:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary > .rpm-toggler-chevron:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button > .rpm-toggler-chevron:not(#sg-p0) { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button:not(#sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary:not(#sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0)::after { flex: 0 0 auto !important; margin: 0 0 0 auto !important; width: 16px !important; height: 16px !important; transition: transform .15s var(--ease); }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button > .robi-learn-btn:not(#sg-p0) + .rpm-toggler-chevron,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary > .robi-learn-btn:not(#sg-p0) + .rpm-toggler-chevron,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button > .robi-learn-btn:not(#sg-p0) + .rpm-toggler-chevron,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button > .rpm-toggler-copy + .robi-learn-btn:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary > .rpm-toggler-copy + .robi-learn-btn:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button > .rpm-toggler-copy + .robi-learn-btn:not(#sg-p0) { margin-left: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure[open] > summary:not(#sg-p0)::after { transform: rotate(180deg); }
/* body under a hairline divider, inside the same card */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-body:not(.none):not(#sg-p0):not(#sg-p1) { margin: 0 !important; padding: 16px !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:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure[open] > summary:not(#sg-p0):not(#sg-p1) { border-bottom: 1px solid var(--border) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure[open]:not(#sg-p0) { padding-bottom: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > :not(summary):not(#sg-p0) { margin-left: 16px !important; margin-right: 16px !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary + :not(#sg-p0) { margin-top: 16px !important; border-top: 0 !important; }
/* a head without a card wrapper draws the card itself; an open one continues the outline around its body */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh:not(#sg-p0):not(#sg-p1) { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; margin: 0 0 12px !important; padding: 0 !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; background: var(--card-bg) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2) { flex: 1 1 auto !important; width: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .robi-learn-btn:not(#sg-p0):not(#sg-p1) { flex: 0 0 auto !important; margin: 0 !important; }
/* there the cap sits outside the head: the chevron moves to the card so the order stays title, cap, chevron */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):is(.robi-learn-btn, .robi-learn-btn ~ *, :has(~ .robi-learn-btn))::after{ display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh:has(> .robi-learn-btn):not(#sg-p0)::after { content: ""; flex: 0 0 16px; width: 16px; height: 16px; margin: 0 16px 0 4px; 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; pointer-events: none; transition: transform .2s var(--ease); }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh.sg-gh-open:has(> .robi-learn-btn):not(#sg-p0)::after { transform: rotate(180deg); }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh.sg-gh-open:not(#sg-p0):not(#sg-p1) { margin-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh.sg-gh-open:not(#sg-p0):not(#sg-p1) + .sg-gb:not(.none) { margin: 0 0 12px !important; padding: 16px !important; border: 1px solid var(--border) !important; border-top: 1px solid var(--border) !important; border-radius: 0 0 var(--r-lg) var(--r-lg) !important; background: var(--card-bg) !important; box-shadow: none !important; }
/* inside a card body such heads are rows too (no own outline) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure :not(section.rpm-disclosure) > .sg-gh:not(#sg-p0):not(#sg-p1):not(#sg-p2),
/* inside a card body such heads are rows too (no own outline) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure :not(section.rpm-disclosure) > .sg-gh:not(#sg-p0):not(#sg-p1):not(#sg-p2) { border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; margin: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure :not(section.rpm-disclosure) > .sg-gh.sg-gh-open:not(#sg-p0):not(#sg-p1):not(#sg-p2) + .sg-gb:not(.none),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure :not(section.rpm-disclosure) > .sg-gh.sg-gh-open:not(#sg-p0):not(#sg-p1):not(#sg-p2) + .sg-gb:not(.none) { border: 0 !important; border-radius: 0 !important; margin: 0 !important; background: transparent !important; }
/* phone: the same card with a tighter row; long titles wrap inside the row instead of running over the next card */
@media (max-width: 767.98px) {
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2) { min-height: 56px !important; height: auto !important; padding: 10px 12px !important; gap: 10px !important; width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button > .rpm-toggler-icon:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary > .rpm-toggler-icon:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button > .rpm-toggler-icon:not(#sg-p0):not(#sg-p1) { flex-basis: 32px !important; width: 32px !important; height: 32px !important; font-size: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-body:not(.none):not(#sg-p0):not(#sg-p1):not(#sg-p2) { padding: 12px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > :not(summary):not(#sg-p0):not(#sg-p1) { margin-left: 12px !important; margin-right: 12px !important; }
}
/* Inside a group card the product's own sub-panels lose their outline (Angelo: «evita bordi dentro bordi»): a panel = a quiet fill,
   a panel inside a panel = the card surface; the edge goes, the grouping stays. Form fields, buttons, chips and tables keep theirs. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure fieldset.rp-profile-filter-row:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure fieldset:not(#sg-p0):not(#sg-p1) { border-color: transparent !important; background: var(--fill-1) !important; box-shadow: none !important; }


/* 20.2b Tab bar = the Reactions account tabs (app.css 11.A.6 + 11.D.4 for .react-tab-heads): segmented, selected = accent */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-tab-heads {
  display: inline-flex !important; flex-wrap: wrap; gap: 2px; padding: 3px !important; border-radius: var(--r-full) !important; background: var(--fill-2) !important;
  border: 1px solid var(--border) !important; box-shadow: inset 0 1px 0 var(--hi) !important; max-width: 100%; box-sizing: border-box; height: auto !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-tab-heads::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-tab-heads::after { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-tab-heads > a {
  display: inline-flex !important; align-items: center; gap: 6px; height: 30px !important; padding: 0 14px !important; margin: 0 !important; box-sizing: border-box; border-radius: var(--r-full) !important;
  border: 0 !important; color: var(--text-2) !important; background: transparent !important; box-shadow: none !important; font: 500 14px/20px var(--f) !important;
  text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: var(--tr); float: none !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-tab-heads > a:hover { color: var(--text-max) !important; background: var(--hover-fill) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-tab-heads > a:is(.active, [aria-current="page"]) { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-tab-heads > a:focus-visible { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px; }
@media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .arp-tab-heads > a { height: 36px !important; } }

/* 20.2c Page frame and «Indietro» as on Reactions (app.css: the Reactions skeleton top gap on >= 768; «Indietro» = the neutral
         secondary pill; on the phone it starts on the column edge and hugs its label) */
@media (min-width: 768px) { html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sgp-rp:not(#sg-rp0).skeleton--full { padding-top: var(--gap-block) !important; } }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .back-button-wh > a { background: var(--tonal-bg) !important; color: var(--text) !important; border-color: var(--border-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important; font-weight: 500 !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .back-button-wh > a:hover { color: var(--text-max) !important; border-color: var(--border-hover) !important; }
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .sgp-rp:not(#sg-rp0) .section-header.back-button-wh { padding-left: 0 !important; padding-right: 0 !important; grid-template-columns: minmax(0, 1fr) !important; }
  html[data-skin="sg26"] body:not(#sg-f1):not(#sg-f2) .sgp-rp:not(#sg-rp0) .section-header.back-button-wh > a { justify-self: start; width: auto !important; max-width: 100%; }
}

/* 20.3 Aside (Angelo 18/10: «la grandezza di questi pulsanti deve essere più piccola su desktop ... falli come sono in questo momento per
        Repost Pro»). Look = Reactions (the product's button--rp-filter / button--light-outline through the kit, pill, 1px edge, fill);
        size = what Repost had before A295, measured on dev 18/10: 30px high, 14px/20px 500, 10px side padding, icon 14px.
        Desktop and tablet only; the phone keeps the Reactions phone rule (36px, f1017rx). */
@media (min-width: 768px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-task-chip-list :is(a, span).button--rp-filter:not(#sg-p0):not(.sg-p0) {
    min-height: 30px !important; height: auto !important; padding: 4px 10px !important; gap: 6px !important; box-sizing: border-box !important; font: 500 14px/20px var(--f) !important; white-space: normal !important; text-align: left;
  }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-task-chip-list a.button--rp-filter .mdi:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5) .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-task-chip-list span.button--rp-filter .mdi:not(#sg-p0){ margin: 0 !important; font-size: 14px !important; line-height: 14px !important; width: 14px; }
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-task-chip-list { display: flex; flex-wrap: wrap; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-task-chip-list > * { margin: 0 !important; float: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .reactions-bulk-actions-header > .mb-5 { margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .sgp-rp:not(#sg-rp0) .skeleton-aside .reactions-bulk-actions-header > .mb-5 > a.js-rp-panel-toggle:not(#sg-p0) { font: 500 14px/20px var(--f) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-aside .reactions-bulk-actions-header .js-rp-panel-toggle .mdi { font-size: 14px; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sgp-rp:not(#sg-rp0) .skeleton-aside .rp-task-chip-list :is(a, span).button--rp-filter:not(#sg-p0) { max-width: 100% !important; min-width: 0 !important; }
/* a mass action stays disabled until a task is selected: the neutral chip, dimmed (the kit painted the disabled state accent) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sgp-rp:not(#sg-rp0) .skeleton-aside .button--rp-filter.disabled:not(#sg-p0) { background: var(--tonal-bg) !important; color: var(--text-2) !important; border-color: var(--border-2) !important; box-shadow: none !important; opacity: .45; pointer-events: none; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sgp-rp:not(#sg-rp0) .skeleton-aside label.rp-task-filter-check:not(#sg-p0) { min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; max-width: 100%; }
/* the row select (Repost: .js-rp-task-check, an mdi glyph) = the Reactions row select (.js-task-action-select): 18px ring, accent + check when on */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-rp-task-check {
  position: relative; z-index: 11; display: grid; place-items: center; width: 18px; height: 18px; box-sizing: border-box; border: 1px solid var(--border-strong); border-radius: 50%;
  font-size: 12px; color: transparent !important; background: transparent;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-rp-task-check::before { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-rp-task-check.mdi-checkbox-marked-circle-outline { border-color: var(--brand-primary); background: var(--brand-primary); color: var(--brand-on-primary) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-rp-task-check.mdi-checkbox-marked-circle-outline::before {
  content: "" !important; display: block; width: 12px; height: 12px; background: currentColor; -webkit-mask: var(--sg-ic-check) center/100% 100% no-repeat; mask: var(--sg-ic-check) center/100% 100% no-repeat;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .aside-list-item .js-rp-task-check:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* flag filters (Daily pause, Custom posting times …): a chip with a hidden checkbox; the box is drawn in the chip (selection = accent) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-task-filter-check { position: relative; margin: 0; display: inline-flex; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-task-filter-check > input { position: absolute; opacity: 0; width: 1px; height: 1px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-task-filter-check > .button--rp-filter { gap: 7px !important; margin: 0 !important; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-task-filter-check > .button--rp-filter::before { content: ""; 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 .sgp-rp:not(#sg-rp0) .rp-task-filter-check > input:checked + .button--rp-filter::before { background: var(--brand-primary); border-color: var(--brand-primary); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-task-filter-check > input:focus-visible + .button--rp-filter { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* the task labels on an account row (Reactions: .reactions-custom-label) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-account-labels { display: flex; flex-wrap: wrap; gap: 6px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-account-labels:empty { display: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-account-label { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; margin: 0; border-radius: var(--r-full); background: var(--surface-alt); border: 1px solid var(--border); font: 500 12px/16px var(--f); color: var(--text-2); }

/* 20.4 Save bar = the Reactions bar (same classes; Reactions sizes from its core.css + §1.7, colours on tokens). Repost has no pause
        button: status + select + «Salva». The slot floats with position:sticky (the inline script in the fork sets .is-fixed while it
        floats and lifts the chat button, as on Reactions). */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-slot { position: sticky; bottom: 16px; z-index: 90; width: 100%; margin: 0 0 var(--gap-block) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-slot::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-slot::after,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar::before,
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar::after { content: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar.is-fixed { box-shadow: inset 0 1px 0 var(--hi), var(--shadow-lg) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-content { display: flex; align-items: center; gap: 12px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-status-control { display: flex; box-sizing: border-box; height: 42px; min-width: 0; flex: 1 1 auto; align-items: center; gap: 11px; margin: 0 !important; padding: 0; cursor: pointer; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-status-icon { display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--fill-2); color: var(--text-3); font-size: 22px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-status-control.is-active .rp-schedule-status-icon { --t: var(--t-success); background: rgba(var(--t), .12); color: var(--status-success); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-status-copy { font: 500 15px/20px var(--f); color: var(--text-2); white-space: nowrap; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-status-select { width: min(210px, 42%); margin-left: auto; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-status-select select.input { width: 100%; height: 40px; min-height: 40px; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar .rp-schedule-save-button:not(#sg-p0) { display: inline-flex !important; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; width: auto !important; min-width: 150px; height: 40px !important; margin: 0 !important; padding: 0 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-button .mdi { font-size: 16px; line-height: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-button:disabled { cursor: not-allowed; opacity: .55; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-end { display: block; height: 0; }
/* the page keeps a bottom reserve so the last control never ends under the chat button (Reactions: app.css b428 #4) */
html:is([data-skin="sg26"],#sg-skin) body.sghas-0796688e:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sgp-rp:not(#sg-rp0)#auto-repost-schedule { padding-bottom: 92px !important; }
@media (max-width: 767.98px) {
  /* phone = Reactions f1017fl §3: one 40px row, 8px padding and gaps, no icon tile, no «Stato» copy, button icons off; the floating bar
     ends beside the chat button (right 28 + 52 + 12) and sits 26px from the bottom */
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-slot { bottom: 26px; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar { padding: 8px !important; }
  /* A304: docked or floating, the bar ends beside the chat button (it scrolls through the button's row when docked too) */
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-slot { width: auto; margin-right: calc(28px + 52px + 12px - var(--pad-page, 16px)) !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar-content { gap: 8px; flex-wrap: nowrap; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-status-control { height: 40px; gap: 7px; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.rp-schedule-status-icon),
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) :is(.rp-schedule-status-copy){ display: none !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-status-select { flex: 1 1 auto; width: 100%; min-width: 0; margin: 0; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2) .sgp-rp:not(#sg-rp0) .rp-schedule-save-bar .rp-schedule-save-button:not(#sg-p0):not(#sg-p1):not(#sg-p2):not(#sg-p3):not(#sg-p4) { min-width: 0; height: 40px !important; min-height: 40px !important; padding: 0 12px !important; font-size: 14px !important; line-height: 20px !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .rp-schedule-save-button > .mdi { display: none !important; }
}

/* 20.5 Activity log: the list and its empty state are the body card under the header card (Reactions §1.7 / §1.12) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-content > .no-data:is(.arp-tab-heads, .arp-tab-heads ~ *, :has(~ .arp-tab-heads)){
  grid-column: 1; justify-self: stretch !important; width: auto !important; max-width: none !important; position: static; transform: none; margin: var(--gap-block) 0 0 !important; padding: 40px 24px !important; box-sizing: border-box; text-align: center;
  border: 1px dashed var(--border-dash) !important; border-radius: var(--r-lg); background: var(--fill-1) !important;
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-content:has(> .arp-tab-heads) > .no-data p { margin: 0; font: 400 14px/22px var(--f); color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-rp:not(#sg-rp0) .skeleton-content:has(> .arp-tab-heads) > .no-data a { color: var(--brand-primary-text) !important; }
/* §20 manual:end */
/* a317:begin */
/* A317 (Felix, 18/10): Vera's gate on A295/A304 + Angelo 18/10 on control sizes. Generated by gen_a317.py from a317.tpl.css for
   Reactions (ai-support.css) and Repost (pro-modules.css); only the scope and the product class names differ. */
/* H1 (Angelo 18/10, decision 9 «evita bordi dentro bordi» and «b»: the launch tiles too): a boxed panel or a launch tile inside a
   group card is a row under a hairline divider: no own border, radius, fill, shadow or lift. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure details.rp-tiktok-targeting-filters:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure button.rp-tiktok-feed-launch:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure details.rp-tiktok-targeting-filters:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure button.rp-tiktok-feed-launch:not(#sg-p0):not(#sg-p1):not(#sg-p2) { margin: 0 !important; border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure button.rp-tiktok-feed-launch:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure button.rp-tiktok-feed-launch:not(#sg-p0):not(#sg-p1):not(#sg-p2) { min-height: 64px !important; margin-bottom: 8px !important; padding: 12px 0 !important; color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure button.rp-tiktok-feed-launch:not(#sg-p0):not(#sg-p1):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure button.rp-tiktok-feed-launch:not(#sg-p0):not(#sg-p1):hover { color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) button.rp-tiktok-feed-launch small:not(#sg-p0):not(#sg-p1) { color: var(--text-muted) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure details.rp-tiktok-targeting-filters > summary:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure details.rp-tiktok-targeting-filters > summary:not(#sg-p0):not(#sg-p1) { padding: 12px 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure details.rp-tiktok-targeting-filters > summary + div:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure details.rp-tiktok-targeting-filters > summary + div:not(#sg-p0):not(#sg-p1) { padding: 0 0 12px !important; border-top: 0 !important; background: transparent !important; }
/* M2: the group card honours prefers-reduced-motion (the chevron turns and the row tints without animating) */
@media (prefers-reduced-motion: reduce) {
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2):not(#sg-p3),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary:not(#sg-p0):not(#sg-p1):not(#sg-p2):not(#sg-p3),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2):not(#sg-p3) { transition: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure > .rpm-disclosure-heading > .rpm-toggler-button:not(#sg-p0):not(#sg-p1)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > summary:not(#sg-p0):not(#sg-p1)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh > .rpm-toggler-button:not(#sg-p0):not(#sg-p1)::after { transition: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) :not(section.rpm-disclosure) > .sg-gh:not(#sg-p0):not(#sg-p1)::after { transition: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rp-tiktok-targeting-filters:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) button.rp-tiktok-feed-launch:not(#sg-p0):not(#sg-p1) { transition: none !important; }
}
/* H3 (WCAG 2.4.11): the page scrolls a focused control above the floating save bar (with app.js a317js for keyboard focus) */
html.sghas-a347sb02:is([data-skin="sg26"],#sg-skin) { scroll-padding-bottom: 96px; } /* A347 S3 perf: was html:has(.sgp-rp .rp-schedule-save-bar); app.js HMAP sets the class */
/* Angelo 18/10 («troppo grandi, sia come font che come grandezza del tasto ... la dimensione del font originale dello sviluppatore»):
   the compact controls (filters, mass actions, the targets buttons, the mode switch) take the original's size class: 13/18 caption
   type (--fs-caption; the original is 12px on Reactions, 13px on Repost) and 30px on desktop (the original 30, and Angelo's 30px rule
   for the left column). Action buttons (Salva, Pausa, Svuota automazione, Scarica ...) stay 14/20 at 40px (the original 15px, 42-50px).
   Phone: the token gives 14/20, the visible height stays the 17/10 rule (36), the touch area is 44 (below). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .skeleton-aside a.button--rp-filter:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .skeleton-aside span.button--rp-filter:not(#sg-p0):not(#sg-p1):not(#sg-p2) { font: 500 var(--fs-caption)/var(--lh-caption) var(--f) !important; }
@media (min-width: 768px) {
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .skeleton-aside a.button--rp-filter:not(#sg-p0):not(#sg-p1):not(#sg-p2):not(#sg-p3),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .skeleton-aside span.button--rp-filter:not(#sg-p0):not(#sg-p1):not(#sg-p2):not(#sg-p3) { height: auto !important; min-height: 30px !important; padding: 5px 10px !important; box-sizing: border-box !important; }
}
/* L4: «Apri in Instagram» is a 24px target (it was 18) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) a.rp-account-open-link:not(#sg-p0):not(#sg-p1) { display: inline-flex !important; align-items: center; min-height: 24px; }
/* M3: phone touch areas of 44px around the controls that stay visually smaller (36px buttons, 30px mode switch, check chips) */
@media (max-width: 767.98px) {
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) a.button:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) button.button:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .back-button-wh > a:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .robi-learn-btn:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) input.checkbox + span:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) a.caption-picker-repost:not(#sg-p0):not(#sg-p1) { position: relative !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) a.button:not(.none):not(#sg-p0):not(#sg-p1)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) button.button:not(.none):not(#sg-p0):not(#sg-p1)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .back-button-wh > a:not(.none):not(#sg-p0):not(#sg-p1)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .robi-learn-btn:not(.none):not(#sg-p0):not(#sg-p1)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) input.checkbox + span:not(.none):not(#sg-p0):not(#sg-p1)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) a.caption-picker-repost:not(.none):not(#sg-p0):not(#sg-p1)::after { content: "" !important; position: absolute !important; inset: auto !important; left: 50% !important; top: 50% !important; width: max(100%, 44px) !important; height: max(100%, 44px) !important; transform: translate(-50%, -50%) !important; background: none !important; -webkit-mask: none !important; mask: none !important; }
}
/* A317 Repost only. L1: text in the admin-only 6.0 sections on tokens (was #888 3.54:1, #777 4.48:1, the «New» badge 4.45:1) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .rp-flow-nodes .is-inactive strong:not(#sg-p0) { color: var(--text-muted) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .rp-task-ai-connections p.ai-help:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .rp-task-ai-connections p.ai-description:not(#sg-p0) { color: var(--text-muted) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) span.ai-badge.ai-badge-accent:not(#sg-p0) { color: var(--brand-primary-text) !important; }
/* H1 (admin): the selected option of a profile filter is a segment, not a raised tile inside the card (no shadow) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .rp-profile-filter-options input + span:not(#sg-p0) { box-shadow: none !important; }
/* 2.5.8 (admin): «About this method» was a 22px summary */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) details.rp-codex-about > summary:not(#sg-p0) { min-height: 24px; display: flex !important; align-items: center; }
@media (max-width: 767.98px) {
  /* M4: «Indietro» on the phone as on Reactions (the account column does not exist there); its 16px rows keep the card off the top bar */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) .section-header.back-button-wh.none:not(#sg-p0) { display: grid !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  /* M3: the two AI token-limit fields at the phone field height too (they were 40) */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) input.openai-max-tokens:not(#sg-p0),
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) input.deepseek-max-tokens:not(#sg-p0) { height: 44px !important; min-height: 44px !important; }
  /* M3: the task labels field at the phone field height (it was 26px; 16px type, no iOS zoom) */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) input[data-label-options]:not(#sg-p0) { height: 44px !important; min-height: 44px !important; font-size: 16px !important; box-sizing: border-box !important; }
}
/* a317:end */

/* §21 A341:begin */
/* 21.1 [SG-PATCH 2026-10-19 A341 | Felix] Leads Finder group cards: generated by gen_lf_cards.py from the Repost block above (§20,
        gen_cards.py / group-cards.tpl.css, A304): only the scope (.sgp-lf) and the parser 6.x class names differ. Parser 6.x builds
        each group as section.lf-settings-disclosure > .lf-settings-disclosure-heading > a.lf-toggler-button (icon, title over
        description, chevron); before this the heads fell back to the old toggle chip (half width, two chevrons). */
/* Group card = the Reactions 16 «disclosure card» (Angelo 18/10: «come reactions 16 ma evita bordi dentro bordi»). ONE border per group,
   the card's. Its head is a full-width row inside the card: icon tile, title over description, «Guida» cap, chevron; no pill, border or
   fill of its own. An open card shows its body under a hairline divider. A card inside another card's body loses its own border and
   becomes a row under a divider. A head without a card wrapper (older sections) draws the card itself; its open body continues the
   outline. Generated from one template for Reactions (ai-support.css) and Repost (pro-modules.css §20): only the scope and the product
   class names differ. Every selector list is expanded (no multi-argument :is() at the right, B4.27 perf rule). */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure:not(#sg-p0) { margin: 0 0 12px !important; padding: 0 !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; background: var(--card-bg) !important; box-shadow: none !important; outline: 0 !important; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure section.lf-settings-disclosure:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure details.lf-settings-disclosure:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure section.lf-settings-disclosure:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure details.lf-settings-disclosure:not(#sg-p0):not(#sg-p1) { margin: 0 !important; border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading:not(#sg-p0):not(#sg-p1) { display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } /* A347 S3: display without !important, so the module can still hide a heading (Simple view .sr-adv, jQuery .hide(): SOP-005 §4) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button:not(#sg-p0):not(#sg-p1) { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 64px !important; height: auto !important; margin: 0 !important; padding: 12px 16px !important; box-sizing: border-box !important; border: 0 !important; border-radius: calc(var(--r-lg) - 1px) !important; background: transparent !important; box-shadow: none !important; outline-offset: -2px; text-align: start !important; white-space: normal !important; overflow: visible !important; font: 600 14px/20px var(--f) !important; color: var(--text) !important; text-decoration: none !important; list-style: none !important; cursor: pointer; transition: background-color .15s var(--ease) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button:not(#sg-p0):not(#sg-p1):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary:not(#sg-p0):not(#sg-p1):hover,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button:not(#sg-p0):not(#sg-p1):hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button.opened:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button[aria-expanded="true"]:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button.opened:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button[aria-expanded="true"]:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure[open] > summary:not(#sg-p0):not(#sg-p1) { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure details.lf-settings-disclosure > summary:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure details.lf-settings-disclosure > summary:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2) { border-radius: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary::-webkit-details-marker { display: none; }
/* icon tile, title over description, cap, chevron */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button > .lf-toggler-icon:not(#sg-p0),
/* icon tile, title over description, cap, chevron */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary > .lf-toggler-icon:not(#sg-p0),
/* icon tile, title over description, cap, chevron */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button > .lf-toggler-icon:not(#sg-p0) { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; font-size: 18px !important; line-height: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button > .lf-toggler-title:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary > .lf-toggler-title:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button > .lf-toggler-title:not(#sg-p0) { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; overflow-wrap: anywhere; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button .lf-disclosure-title:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary .lf-disclosure-title:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button .lf-disclosure-title:not(#sg-p0) { display: block !important; margin: 0 !important; font: 600 14px/20px var(--f) !important; color: inherit !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button .lf-disclosure-description:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary .lf-disclosure-description:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button .lf-disclosure-description:not(#sg-p0) { display: block !important; margin: 2px 0 0 !important; font: 400 13px/18px var(--f) !important; color: var(--text-3) !important; white-space: normal !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button > .robi-learn-btn:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary > .robi-learn-btn:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button > .robi-learn-btn:not(#sg-p0) { flex: 0 0 auto !important; margin: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button > .lf-toggler-chevron:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary > .lf-toggler-chevron:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button > .lf-toggler-chevron:not(#sg-p0) { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button:not(#sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary:not(#sg-p0)::after,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button:not(#sg-p0)::after { flex: 0 0 auto !important; margin: 0 0 0 auto !important; width: 16px !important; height: 16px !important; transition: transform .15s var(--ease); }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button > .robi-learn-btn:not(#sg-p0) + .lf-toggler-chevron,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary > .robi-learn-btn:not(#sg-p0) + .lf-toggler-chevron,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button > .robi-learn-btn:not(#sg-p0) + .lf-toggler-chevron,
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button > .lf-toggler-title + .robi-learn-btn:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary > .lf-toggler-title + .robi-learn-btn:not(#sg-p0),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button > .lf-toggler-title + .robi-learn-btn:not(#sg-p0) { margin-left: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure[open] > summary:not(#sg-p0)::after { transform: rotate(180deg); }
/* body under a hairline divider, inside the same card */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-body:not(.none):not(#sg-p0):not(#sg-p1) { margin: 0 !important; padding: 16px !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:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure[open] > summary:not(#sg-p0):not(#sg-p1) { border-bottom: 1px solid var(--border) !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure[open]:not(#sg-p0) { padding-bottom: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > :not(summary):not(#sg-p0) { margin-left: 16px !important; margin-right: 16px !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary + :not(#sg-p0) { margin-top: 16px !important; border-top: 0 !important; }
/* a head without a card wrapper draws the card itself; an open one continues the outline around its body */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh:not(#sg-p0):not(#sg-p1) { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; margin: 0 0 12px !important; padding: 0 !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; background: var(--card-bg) !important; box-shadow: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2) { flex: 1 1 auto !important; width: auto !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .robi-learn-btn:not(#sg-p0):not(#sg-p1) { flex: 0 0 auto !important; margin: 0 !important; }
/* there the cap sits outside the head: the chevron moves to the card so the order stays title, cap, chevron */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button:not(#sg-p0):not(#sg-p1):is(.robi-learn-btn, .robi-learn-btn ~ *, :has(~ .robi-learn-btn))::after{ display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh:has(> .robi-learn-btn):not(#sg-p0)::after { content: ""; flex: 0 0 16px; width: 16px; height: 16px; margin: 0 16px 0 4px; 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; pointer-events: none; transition: transform .2s var(--ease); }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh.sg-gh-open:has(> .robi-learn-btn):not(#sg-p0)::after { transform: rotate(180deg); }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh.sg-gh-open:not(#sg-p0):not(#sg-p1) { margin-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh.sg-gh-open:not(#sg-p0):not(#sg-p1) + .sg-gb:not(.none) { margin: 0 0 12px !important; padding: 16px !important; border: 1px solid var(--border) !important; border-top: 1px solid var(--border) !important; border-radius: 0 0 var(--r-lg) var(--r-lg) !important; background: var(--card-bg) !important; box-shadow: none !important; }
/* inside a card body such heads are rows too (no own outline) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure :not(section.lf-settings-disclosure) > .sg-gh:not(#sg-p0):not(#sg-p1):not(#sg-p2),
/* inside a card body such heads are rows too (no own outline) */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure :not(section.lf-settings-disclosure) > .sg-gh:not(#sg-p0):not(#sg-p1):not(#sg-p2) { border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; margin: 0 !important; background: transparent !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure :not(section.lf-settings-disclosure) > .sg-gh.sg-gh-open:not(#sg-p0):not(#sg-p1):not(#sg-p2) + .sg-gb:not(.none),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure :not(section.lf-settings-disclosure) > .sg-gh.sg-gh-open:not(#sg-p0):not(#sg-p1):not(#sg-p2) + .sg-gb:not(.none) { border: 0 !important; border-radius: 0 !important; margin: 0 !important; background: transparent !important; }
/* phone: the same card with a tighter row; long titles wrap inside the row instead of running over the next card */
@media (max-width: 767.98px) {
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary:not(#sg-p0):not(#sg-p1):not(#sg-p2),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button:not(#sg-p0):not(#sg-p1):not(#sg-p2) { min-height: 56px !important; height: auto !important; padding: 10px 12px !important; gap: 10px !important; width: 100% !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-heading > .lf-toggler-button > .lf-toggler-icon:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary > .lf-toggler-icon:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) :not(section.lf-settings-disclosure) > .sg-gh > .lf-toggler-button > .lf-toggler-icon:not(#sg-p0):not(#sg-p1) { flex-basis: 32px !important; width: 32px !important; height: 32px !important; font-size: 16px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure > .lf-settings-disclosure-body:not(.none):not(#sg-p0):not(#sg-p1):not(#sg-p2) { padding: 12px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > :not(summary):not(#sg-p0):not(#sg-p1) { margin-left: 12px !important; margin-right: 12px !important; }
}
/* Inside a group card the product's own sub-panels lose their outline (Angelo: «evita bordi dentro bordi»): a panel = a quiet fill,
   a panel inside a panel = the card surface; the edge goes, the grouping stays. Form fields, buttons, chips and tables keep theirs. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure fieldset.rp-profile-filter-row:not(#sg-p0):not(#sg-p1),
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) section.lf-settings-disclosure fieldset:not(#sg-p0):not(#sg-p1) { border-color: transparent !important; background: var(--fill-1) !important; box-shadow: none !important; }

/* 21.2 the product's <summary> heads (Come funziona, Ricerca e arricchimento, Warmbly, Esportazione impostazioni) name their title
        and copy with other classes: same title / description as the generated rule above */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary .lf-toggler-title .hikerapi-usage-analytics-dropdown-title:not(#sg-p0) { display: block !important; margin: 0 !important; font: 600 14px/20px var(--f) !important; color: inherit !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary .lf-toggler-title .lf-enrichment-subtitle:not(#sg-p0) { display: block !important; margin: 2px 0 0 !important; font: 400 13px/18px var(--f) !important; color: var(--text-3) !important; white-space: normal !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary .lf-toggler-title .hikerapi-usage-analytics-dropdown-copy:not(#sg-p0) { display: block !important; margin: 2px 0 0 !important; font: 400 14px/20px var(--f) !important; color: var(--text-3) !important; white-space: normal !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > summary .lf-toggler-icon > .mdi:not(#sg-p0) { font-size: inherit !important; line-height: 1 !important; color: inherit !important; }

/* 21.3 [SG-PATCH 2026-10-19 A341 | Felix] Leads Finder «Contatti» (parser 6.0.9.1, fork contacts.php + contacts.fragment.php): the page
        frame is the Log one (sg-acc list, head card with the tab bar, body card). The product draws #lf-contacts with its own --lc-*
        variables: they are mapped onto the kit tokens (so dark mode follows the theme), then the sizes are brought onto the kit scale:
        page title 17/24 500, meta 12/16, copy 13/18, controls 14/20 500 pills, KPI 20/28 500 tabular, 36px icon tiles. */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts {
  --lc-bg: var(--card-bg); --lc-muted: var(--text-3); --lc-text: var(--text); --lc-border: var(--border); --lc-soft: var(--fill-1);
  --lc-blue: var(--brand-primary-text); --lc-tint: var(--brand-primary-subtle); --lc-green: var(--status-success);
  color: var(--text); font: 400 14px/20px var(--f);
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(button, a, summary, input):focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* header: title block and actions wrap instead of running out of the card */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-header { flex-wrap: wrap; align-items: flex-start; gap: 16px; margin: 0 0 var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-header > div:first-child { flex: 1 1 260px; min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-eyebrow { font: 500 12px/16px var(--f); letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-header h1 { margin: 4px 0 2px; font: 500 17px/24px var(--f) !important; letter-spacing: 0; color: var(--text); gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-total { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border: 1px solid var(--border); border-radius: var(--r-full); background: var(--fill-1); font: 500 12px/16px var(--f); color: var(--text-2); font-variant-numeric: tabular-nums; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-header p { margin: 0; font: 400 13px/18px var(--f); color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-header-actions { flex: 0 1 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-live { font: 500 12px/16px var(--f); color: var(--status-success); padding: 0 4px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-live i { box-shadow: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-live.is-offline { color: var(--status-warning); }
/* buttons = the kit secondary pill (tonal fill, 1px edge, 36px, 14/20 500); «Elimina raccolta» keeps its danger text */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-button {
  height: 36px; padding: 0 14px; border: 1px solid var(--border-2); border-radius: var(--r-full); background: var(--tonal-bg);
  color: var(--text) !important; font: 500 14px/20px var(--f) !important; white-space: nowrap; transition: var(--tr);
}
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-button:hover:not(:disabled) { background: var(--hover-fill); border-color: var(--border-2); color: var(--text-max) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-button:disabled { opacity: .55; cursor: not-allowed; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-button .mdi { font-size: 16px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-collection-delete { color: var(--status-danger) !important; }
/* the three counters = kit stat cards */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-stats { gap: 12px; margin: 0 0 var(--gap-block); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-stats > div { padding: 16px; gap: 12px; border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--card-bg); min-width: 0; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-stat-icon { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; border-radius: 50%; background: var(--brand-primary-subtle); color: var(--brand-primary-text); font-size: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-stats strong { font: 500 20px/28px var(--f); letter-spacing: -.01em; font-variant-numeric: tabular-nums; color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-stats div span:not(.lfc-stat-icon) { font: 400 13px/18px var(--f); color: var(--text-3); }
/* search and filters = kit input and filter chips */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-search { position: relative; height: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-search > .mdi { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); z-index: 1; pointer-events: none; font-size: 18px; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-search input { width: 100%; height: 40px; padding: 0 12px 0 38px !important; border: 1px solid var(--border-strong) !important; border-radius: var(--r-md) !important; background: var(--input-bg) !important; font: 400 14px/22px var(--f); color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-search input:hover { border-color: var(--border-strong-hover) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-search input:focus { border-color: var(--brand-primary-border) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-search input::placeholder { color: var(--text-3); opacity: 1; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-controls { gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-dropdown > summary { height: 36px; padding: 0 12px; gap: 6px; border: 1px solid var(--border-2); border-radius: var(--r-full); background: var(--tonal-bg); color: var(--text); font: 500 14px/20px var(--f); transition: var(--tr); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-dropdown > summary:hover { background: var(--hover-fill); color: var(--text-max); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-dropdown > summary .mdi { font-size: 16px; color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-dropdown[open] > summary { border-color: var(--brand-primary); color: var(--brand-primary-text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-dropdown[data-filter="limit"] .lfc-menu { left: auto; right: 0; }
/* a closed filter's menu is not drawn (Chrome keeps the content of a closed <details> laid out; the product closes the others when one opens) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-dropdown:not([open]) .lfc-menu { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-menu { border: 1px solid var(--border); border-radius: var(--r-md); background: var(--card-bg); box-shadow: var(--shadow-lg); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-menu > button { font: 400 14px/20px var(--f); color: var(--text); border-radius: var(--r-md); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-menu > button:hover { background: var(--hover-fill); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-result-line { font: 400 12px/16px var(--f); color: var(--text-3); }
/* rows and the empty state */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-card { border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--card-bg); box-shadow: none; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-card:hover { border-color: var(--border-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-name { font: 600 14px/20px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-full-name),
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-muted),
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-source-facts){ color: var(--text-3); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-pill { border-radius: var(--r-full); background: var(--fill-1); color: var(--text-2); font: 500 12px/16px var(--f); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-empty { border: 1px dashed var(--border-dash); border-radius: var(--r-lg); background: var(--fill-1); color: var(--text-2); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-empty .mdi { color: var(--brand-primary-text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-empty h2 { font: 500 17px/24px var(--f); color: var(--text); }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-empty p { font: 400 13px/18px var(--f); color: var(--text-3); }
/* type floors (regress role floor, app.css B4.28): body and controls 14, captions 13; the product's 10-12px meta comes up to them */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-header p, .lfc-live, .lfc-menu > button, .lfc-date, .lfc-no-contacts, .lfc-delivery, .lfc-panel-heading h3, .lfc-detail-row dt, .lfc-detail-row dd, .lfc-evidence-empty, .lfc-bio-details > summary, .lfc-bio, .lfc-end, .lfc-loading, .lfc-details-heading strong, .lfc-pill, .lfc-name, .lfc-full-name, .lfc-source-facts, .lfc-muted, .lfc-empty p, .lfc-total, .lfc-result-line > span:not(.lfc-result-count)) { font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-date span,
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-no-contacts span{ font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-eyebrow):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-result-count):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-destination-label):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-check-count):not(.sg-p0):not(sg-p0):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-stats div span:not(.lfc-stat-icon)){ font-size: 13px !important; line-height: 18px !important; }
@media (max-width: 767.98px) {
  /* the counters are rows of the body card on the phone (no third card level) */
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-stats { grid-template-columns: 1fr; gap: 0; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-stats > div { padding: 10px 0; border: 0; border-radius: 0; background: transparent; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-stats > div + div { border-top: 1px solid var(--border); }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-header-actions { justify-content: flex-start; }
  /* the product stacks the header in a column on the phone: the title block keeps its own height there */
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-header > div:first-child { flex: 0 0 auto; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-button):not(sg-p0),
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-dropdown > summary){ height: 40px; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-search input { height: 44px; font-size: 16px; }
  /* on the phone an open filter takes its own row and its menu opens in the flow under it, full width (an overlay menu was sized by
     its own <details> in Chrome and ran past the window or wrapped its labels) */
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-dropdown[open] { flex: 1 1 100%; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-dropdown .lfc-menu,
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-dropdown[data-filter] .lfc-menu { position: static; width: auto !important; min-width: 0 !important; max-width: none; margin-top: 6px; box-shadow: none; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts :is(.lfc-dropdown > summary) { padding: 0 8px; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf.sgp-lfc:not(#sg-lf0) #lf-contacts .lfc-empty { padding-left: 8px; padding-right: 8px; }
}
/* 21.4 «Come funziona» (details.lf-noauth-flow, parser 6.x): one chevron (the skin's), title as the group heads; its copy is a span
        (body role), so 14/20 */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary > .lf-toggler-chevron:not(#sg-p0) { display: none !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary .hikerapi-usage-analytics-dropdown-title:not(#sg-p0) { display: block !important; margin: 0 !important; font: 600 14px/20px var(--f) !important; color: inherit !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary .hikerapi-usage-analytics-dropdown-copy:not(#sg-p0) { display: block !important; margin: 2px 0 0 !important; font: 400 14px/20px var(--f) !important; color: var(--text-3) !important; white-space: normal !important; }

/* 21.6 A closed Bootstrap dialog placed straight in the content column (parser 6.0.9: «Svuota automazione», task settings import /
        export) took the column rule `.sg-acc .skeleton-content > div:not(.no-data) { display: flex }`: an invisible full-screen layer
        that took every click on the page (regress: every group head «click blocked»). Closed = none again; Bootstrap's inline
        display:block still opens it. */
html:is([data-skin="sg26"],#sg-skin) body .sg-acc .skeleton-content > div.modal:not(.no-data) { display: none; }

/* 21.7 «Come funziona» flow (details.lf-noauth-flow): the product's greys (#777 #888 #999 on white) under AA; tokens instead */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) .lf-noauth-flow .lf-flow-copy small { color: var(--text-3) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) .lf-noauth-flow .lf-flow-label { color: var(--text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) .lf-noauth-flow .is-inactive .lf-flow-label { color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) .lf-noauth-flow .lf-flow-number { border-color: var(--border-2) !important; background: var(--fill-1) !important; color: var(--text-2) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) .lf-noauth-flow .lf-flow-scroll { border-top-color: var(--border) !important; }

/* 21.8 task settings copy / paste / clear (parser 6.0.9): the kit secondary pills hug their label and wrap as a group, never a
        stretched or squeezed grid cell */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) .lf-task-transfer-actions { display: flex !important; flex-wrap: wrap; gap: 8px; }
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) :is(.lf-task-transfer-actions > .button),
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) :is(.js-task-clear-open):not(.sg-p0){ width: auto !important; max-width: 100%; flex: 0 1 auto; white-space: normal; }

/* 21.9 Leads Finder settings (admin, wrap and dress fork .sgm-lfset): the same description token as everywhere else (was 4.13:1) */
html:is([data-skin="sg26"],#sg-skin) body .sgm-lfset .lf-disclosure-description { color: var(--text-3) !important; }

/* 21.10 Type floors (regress role floor, app.css B4.28: captions 13, body 14) on what parser 6.x adds; the quota hint was 11px at 0.7
         opacity (2.72:1) */
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) .field-tips { font-size: 13px !important; line-height: 19px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgm-lfset :is(.ai-badge),
html:is([data-skin="sg26"],#sg-skin) body .sgm-lfset :is(.status){ font-size: 13px !important; line-height: 18px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgm-lfset .lf-task-filters-title { font-size: 14px !important; line-height: 20px !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgm-lfset .ai-badge.ai-badge-accent { background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; }
html:is([data-skin="sg26"],#sg-skin) body .sgm-lfset .parser-quota-package > summary small { opacity: 1 !important; font-size: 13px !important; line-height: 18px !important; color: var(--text-3) !important; }
/* 21.11 phone: the copy / paste / export / import pills keep their label on one line (12px sides, no icon, the panel's side padding off) */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) .lf-task-transfer-body { padding-left: 0 !important; padding-right: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) :is(.lf-task-transfer-actions > .button),
html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) :is(.js-task-clear-open):not(.sg-p0){ padding: 0 12px !important; flex: 0 1 auto !important; }
  html:is([data-skin="sg26"],#sg-skin) body .sgp-lf:not(#sg-lf0) :is(.lf-task-transfer-actions > .button, .js-task-clear-open) > .mdi { display: none !important; }
}
/* 21.12 [SG-PATCH 2026-10-21 A347 rc9 | Felix] «Come funziona» (details.lf-noauth-flow) is not a .lf-settings-disclosure, so the
        generated group card (21.1) never reached its head: icon tile 42px flush to the card border, no padding, 52px tall beside
        64px heads (Angelo 21/10, Leads Finder). Same geometry and tile as 21.1, values copied from there. */
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary:not(#sg-p0):not(#sg-p1) { min-height: 64px !important; padding: 12px 16px !important; box-sizing: border-box !important; align-items: center !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary > .hikerapi-usage-analytics-dropdown-summary:not(#sg-p0) { display: flex !important; align-items: center !important; gap: 12px !important; flex: 1 1 auto !important; min-width: 0 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary .lf-flow-heading-icon:not(#sg-p0):not(#sg-p1) { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: var(--brand-primary-subtle) !important; color: var(--brand-primary-text) !important; font-size: 18px !important; line-height: 1 !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary .lf-flow-heading-icon > .mdi:not(#sg-p0) { font-size: inherit !important; line-height: 1 !important; color: inherit !important; }
@media (max-width: 767.98px) {
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary:not(#sg-p0):not(#sg-p1):not(#sg-p2) { min-height: 56px !important; padding: 10px 12px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary > .hikerapi-usage-analytics-dropdown-summary:not(#sg-p0):not(#sg-p1) { gap: 10px !important; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-lf:not(#sg-lf0) details.lf-noauth-flow > summary .lf-flow-heading-icon:not(#sg-p0):not(#sg-p1):not(#sg-p2) { flex-basis: 32px !important; width: 32px !important; height: 32px !important; font-size: 16px !important; }
}
/* §21 A341:end */
/* a347s3-phone:begin */
/* [SG-PATCH 2026-10-20 A347 S3 | Felix] Phone: Repost text fields at 16px (B4.28; the §20.1 port of the Reactions numeric fields was 15). */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=file]):not(#sg-p0):not(#sg-p1),
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) select:not(#sg-p0):not(#sg-p1),
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) textarea:not(#sg-p0):not(#sg-p1) { font-size: 16px !important; }
  /* depth 3 on the phone: the profile-filter option boxes inside a filter row inside the group card lose their own box. */
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6) .sgp-rp:not(#sg-rp0) section.rpm-disclosure fieldset.rp-profile-filter-row .rp-profile-filter-options:not(#sg-p0):not(#sg-p1):not(#sg-p2):not(#sg-p3) { border-color: transparent !important; background: none !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
}
/* a347s3-phone:end */

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

/* [SG-PATCH 2026-10-21 A347 rc9 | Felix] Repost Pro activity log, real-data sweep: on the phone the item column is ~156px and its two
   pills («Aggiungi ai target», «Vedi Originale») shared one flex line; the kit lets button text break anywhere, so «Aggiungi ai target»
   broke inside words, one syllable per line. The pills now wrap to their own line and break between words only. */
html:is([data-skin="sg26"],#sg-skin) body .arp-log-list-item .buttons { flex-wrap: wrap; }
html:is([data-skin="sg26"],#sg-skin) body .arp-log-list-item .buttons > .button { overflow-wrap: normal; }

/* [SG-PATCH 2026-10-21 A347 rc10 L6 | Felix] Repost Pro settings, «ChatGPT tramite Codex» head: title and «Nuovo» badge shared one
   nowrap flex line and the title took the ellipsis (120 of 159px at 768, 30px at 1024). The badge now drops under the title when the
   line is short and the title wraps between words; where both fit (1440) nothing moves. */
html:is([data-skin="sg26"],#sg-skin) body .rp-codex-scope .rp-codex-heading-title:not(#sg-p0) { flex-wrap: wrap; }
html:is([data-skin="sg26"],#sg-skin) body .rp-codex-scope .rp-codex-heading-title > strong:not(#sg-p0) { flex: 0 1 auto; min-width: 0; white-space: normal; overflow: visible; text-overflow: clip; }

/* [SG-PATCH 2026-10-21 A347 rc10 selectize | Felix] Repost Pro task labels: selectize is back (its files were missing from /assets, 404),
   so the labels field is a chip input again. On the phone a generic touch rule made the chip's × position:relative, so it sat
   inline after the text over the chip's 26px right padding («prova×»). The × stays where selectize puts it: absolute, full chip
   height, right edge. Desktop unchanged. */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body #rp-task-labels-input + .selectize-control.multi .selectize-input > div.item > a.remove:not(#sg-p0):not(#sg-p1) { position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; height: auto !important; display: flex !important; align-items: center; justify-content: center; }
}