/* sg2026 page group «core» (a: access, renew/expired/checkout, core app pages). 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/core.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: Login, Signup(Otp), Recovery, ResetPassword, Terms*, Renew*, Expired, Checkout*, EmailVerified, Accounts*, AddAccount*, Post, Calendar*, Captions*, Profile*, Welcome*, Affiliate* */
/* stylelint-disable no-descending-specificity -- page sections restyle disjoint legacy selectors; order is by page */
/* core-group icons (boards: lucide stroke 1.75), used as mask images; scoped to the group's page roots */
html[data-skin="sg26"] body:is(.auth-page, :has(#accounts, #account, #post, #pmp-account, #calendar, #calendar-day, #calendar-month, #captions, #caption, #profile, #renew, #expired, #affiliates, .hc-wrap, .npr-fullscreen, #checkout-result, #expired, #pmp-account)) {
  --sgc-ico-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E");
  --sgc-ico-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='1.6' fill='black' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='black' stroke='none'/%3E%3Ccircle cx='12' cy='19' r='1.6' fill='black' stroke='none'/%3E%3C/svg%3E");
  --sgc-ico-sliders: 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 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6'/%3E%3C/svg%3E");
  --sgc-ico-external: 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 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
  --sgc-ico-edit: 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 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E");
  --sgc-ico-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
  --sgc-ico-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  --sgc-ico-userplus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6M22 11h-6'/%3E%3C/svg%3E");
  --sgc-ico-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E");
  --sgc-ico-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  --sgc-ico-xcircle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E");
  --sgc-ico-okcircle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  --sgc-ico-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
  --sgc-ico-arrowr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --sgc-ico-chevd: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --sgc-ico-chevl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
  --sgc-ico-chevr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
  --sgc-ico-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
  --sgc-ico-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21'/%3E%3C/svg%3E");
  --sgc-ico-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
  --sgc-ico-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E");
  --sgc-ico-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z'/%3E%3Cpath d='m21.854 2.147-10.94 10.939'/%3E%3C/svg%3E");
  --sgc-ico-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  --sgc-ico-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E");
}
html[data-skin="sg26"] body.sghas-5306b709 { --sgc-ico-strip: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20520%2082'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'1'%20y%3D'1'%20width%3D'80'%20height%3D'80'%20rx%3D'20'%2F%3E%3Crect%20x%3D'25'%20y%3D'25'%20width%3D'32'%20height%3D'32'%20rx%3D'9'%2F%3E%3Ccircle%20cx%3D'41'%20cy%3D'41'%20r%3D'7.5'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'32'%20r%3D'1'%20fill%3D'black'%2F%3E%3Cpath%20d%3D'M96%2041h120'%20stroke-dasharray%3D'4%207'%2F%3E%3Ccircle%20cx%3D'156'%20cy%3D'41'%20r%3D'5'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3Ccircle%20cx%3D'260'%20cy%3D'41'%20r%3D'20'%2F%3E%3Crect%20x%3D'252'%20y%3D'40'%20width%3D'16'%20height%3D'11'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M255%2040v-4a5%205%200%200%201%2010%200v4'%2F%3E%3Cpath%20d%3D'M304%2041h120'%20stroke-dasharray%3D'4%207'%2F%3E%3Ccircle%20cx%3D'364'%20cy%3D'41'%20r%3D'5'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3Crect%20x%3D'439'%20y%3D'1'%20width%3D'80'%20height%3D'80'%20rx%3D'20'%2F%3E%3Cpath%20d%3D'm461%2054%2014-14%209%209%2016-16'%2F%3E%3Cpath%20d%3D'M490%2033h10v10'%2F%3E%3C%2Fsvg%3E"); }

/* ---------------------------------------------------------------------------------------------------------------------------
   ACCOUNTS (boards Accounts, AccountsStates, AccountsEmpty) — [SG-PATCH 2026-10-10 A285 | Felix, group core]. L1 on the ORIGINAL
   markup of accounts.php + accounts.fragment.php: four plugins str_replace those two files (bypassing-toolkit, proxy-manager-pro,
   accounts-filters, wesley-mods), so they are not forked; the board's card is laid out with a grid on .box-list-item and
   display:contents on its wrappers. Every js-* hook, data-* attribute and plugin event stays where the code prints it.
   The fragment's inline <style> (CONFIGURA pill, .quick-info) carries !important at (0,3,2): the #accounts id outranks it.
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body #accounts .container-1200 { max-width: none; width: auto; margin: 0; padding: 0; }
html[data-skin="sg26"] body #accounts .box-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-block); align-items: start; margin: 0; }
html[data-skin="sg26"] body #accounts .box-list::before,
html[data-skin="sg26"] body #accounts .box-list::after { content: none; display: none; }
@media (max-width: 1279.98px) { html[data-skin="sg26"] body #accounts .box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #accounts .box-list { grid-template-columns: minmax(0, 1fr); } }

/* card = kit .card, padding 20, grid: avatar 56 | name + date | (icons, absolute) */
html[data-skin="sg26"] body #accounts .box-list-item {
  position: relative; float: none; width: auto; margin: 0; box-sizing: border-box;
  display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 14px; align-items: start;
  padding: 20px; text-align: left; /* surface = B4 11.A.8 */
}
html[data-skin="sg26"] body #accounts .box-list-item :is(.inner, .quick-info) { display: contents !important; }
html[data-skin="sg26"] body #accounts .box-list-item > div:not([class]) { display: contents; }
html[data-skin="sg26"] body #accounts .box-list-item > div:not([class]) > div:not([class]) { display: contents; }

/* head */
html[data-skin="sg26"] body #accounts .box-list-item .accounts-pic {
  grid-column: 1; grid-row: 1 / span 2; width: 56px; height: 56px; margin: 0; display: grid; place-items: center;
  border-radius: 50%; object-fit: cover; background: var(--tonal-bg); color: var(--text-2); font: 500 18px/1 var(--f);
  box-shadow: 0 0 0 1px var(--border-2);
}
html[data-skin="sg26"] body #accounts .box-list-item .accounts-pic > span { display: block; font: inherit; line-height: 1 !important; color: inherit; margin: 0 !important; padding: 0 !important; }
html[data-skin="sg26"] body #accounts .box-list-item .title {
  grid-column: 2; grid-row: 1; align-self: end; min-width: 0; margin: 0; padding: 6px 76px 0 0;
  font: 500 17px/24px var(--f); letter-spacing: -.01em; color: var(--text); overflow-wrap: anywhere; text-align: left;
}
html[data-skin="sg26"] body #accounts .box-list-item .inner > .sub {
  grid-column: 2; grid-row: 2; align-self: start; margin: 4px 0 0; padding: 0;
  font: 400 12px/16px var(--f); letter-spacing: .01em; color: var(--text-3); text-align: left;
}
/* re-login: the original 80px red overlay becomes the board's 24px dot on the avatar (same anchor, same js hook) */
html[data-skin="sg26"] body #accounts .box-list-item a.re-connect {
  position: absolute; top: 56px; left: 56px; right: auto; bottom: auto; z-index: 2; width: 24px; height: 24px; margin: 0;
  border-radius: 50%; border: 2px solid var(--surface); box-sizing: border-box; background: var(--status-danger-line); box-shadow: none; transform: none;
}
html[data-skin="sg26"] body #accounts .box-list-item a.re-connect::before {
  content: ""; display: block; width: 12px; height: 12px; margin: 4px auto 0; background: var(--bg);
  -webkit-mask: var(--sgc-ico-refresh) center / contain no-repeat; mask: var(--sgc-ico-refresh) center / contain no-repeat;
}
html[data-skin="sg26"] body #accounts .box-list-item a.re-connect:hover { transform: none; box-shadow: none; }
html[data-skin="sg26"] body #accounts .box-list-item a.re-connect:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* icon buttons, top right: reload + ⋯ (kit .btn-ghost .btn-sm .btn-icon, 32px); glyphs as on the board */
html[data-skin="sg26"] body #accounts .box-list-item .options { position: absolute !important; top: 20px !important; right: auto; left: auto !important; z-index: 3; margin: 0 !important; padding: 0 !important; font-size: 0; display: block !important; }
html[data-skin="sg26"] body #accounts .box-list-item .options.easy-ac-controls { right: 54px !important; }
html[data-skin="sg26"] body #accounts .box-list-item .options.context-menu-wrapper { right: 20px !important; }
html[data-skin="sg26"] body #accounts .box-list-item .options > a {
  display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-full); color: var(--text-2); font-size: 0; line-height: 0; transition: var(--tr);
}
/* glyphs: B4 maps mdi-reload / mdi-dots-vertical to the board icons; only the 16px size is page-level */
html[data-skin="sg26"] body #accounts .box-list-item .options > a::before { font-size: 16px; width: 16px; height: 16px; }
html[data-skin="sg26"] body #accounts .box-list-item .options > a:hover,
html[data-skin="sg26"] body #accounts .box-list-item .options.context-menu-wrapper.active > a { background: var(--hover-fill); color: var(--text-max); }
html[data-skin="sg26"] body #accounts .box-list-item .options > a:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* the card menu opens under its ⋯ (look = the shared .context-menu component, B4) */
html[data-skin="sg26"] body #accounts .box-list-item .context-menu { top: 40px; right: 0; left: auto; min-width: 208px; }

/* re-login badge -> the board's danger alert row */
html[data-skin="sg26"] body #accounts .box-list-item .quick-info > .badge {
  grid-column: 1 / -1; grid-row: 3; display: flex !important; align-items: center; gap: 10px; margin: 20px 0 0; padding: 10px 14px;
  border-radius: var(--r-inset); border: 1px solid rgba(var(--t-danger), .28) !important; background: rgba(var(--t-danger), .06) !important;
  color: var(--text) !important; font: 500 13px/18px var(--f) !important; text-align: left; white-space: normal; text-transform: none;
}
html[data-skin="sg26"] body #accounts .box-list-item .quick-info > .badge .mdi { font-size: 18px; line-height: 18px; color: var(--status-danger); }
html[data-skin="sg26"] body #accounts .box-list-item .quick-info > .badge:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* stats: kit .acc-stats inside .inset */
html[data-skin="sg26"] body #accounts .box-list-item .account-basic-numbers {
  grid-column: 1 / -1; grid-row: 4; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 20px 0 0; padding: 0;
  border-radius: var(--r-inset); background: var(--fill-3); border: 1px solid var(--inset-border); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
html[data-skin="sg26"] body #accounts .box-list-item .account-basic-numbers::before,
html[data-skin="sg26"] body #accounts .box-list-item .account-basic-numbers::after { content: none; display: none; }
html[data-skin="sg26"] body #accounts .box-list-item .account-basic-numbers > .col {
  float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 12px 14px !important; display: flex; flex-direction: column; gap: 2px; text-align: left;
}
html[data-skin="sg26"] body #accounts .box-list-item .account-basic-numbers > .col + .col { border-left: 1px solid var(--border); }
html[data-skin="sg26"] body #accounts .box-list-item .account-basic-numbers .sub {
  margin: 0; font: 400 12px/16px var(--f); letter-spacing: 0; text-transform: none; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html[data-skin="sg26"] body #accounts .box-list-item .account-basic-numbers > .col > span { font: 500 20px/26px var(--f); letter-spacing: -.025em; color: var(--text); }

/* actions: CONFIGURA = kit .btn-tonal full row; module buttons = tonal; Instagram = .btn-ghost with the external glyph */
html[data-skin="sg26"] body #accounts .box-list-item a.small-button2 {
  grid-column: 1 / -1; grid-row: 5; display: inline-flex !important; align-items: center !important; justify-content: center; gap: 8px; margin: 20px 0 0;
  height: 40px !important; padding: 0 18px !important; border-radius: var(--r-full) !important; box-sizing: border-box;
  background: var(--tonal-bg) !important; border: 1px solid var(--border-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
  color: var(--text) !important; font: 500 14px/20px var(--f) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html[data-skin="sg26"] body #accounts .box-list-item a.small-button2::before {
  content: ""; width: 16px; height: 16px; flex-shrink: 0; background: currentColor;
  -webkit-mask: var(--sgc-ico-sliders) center / contain no-repeat; mask: var(--sgc-ico-sliders) center / contain no-repeat;
}
html[data-skin="sg26"] body #accounts .box-list-item a.small-button2:hover { background: var(--tonal-bg) !important; border-color: var(--border-hover) !important; color: var(--text-max) !important; }
html[data-skin="sg26"] body #accounts .box-list-item a.small-button2:focus-visible { outline: 2px solid var(--brand-focus-ring) !important; outline-offset: 2px !important; }
html[data-skin="sg26"] body #accounts .box-list-item a.button.button--footer {
  grid-column: 1 / -1; display: flex !important; align-items: center; justify-content: center; gap: 8px; width: auto !important; height: 40px !important; margin: 8px 0 0 !important; padding: 0 12px !important;
  border-radius: var(--r-full) !important; border: 1px solid transparent !important; background: transparent !important; box-shadow: none !important; box-sizing: border-box;
  color: var(--text-2); font: 500 14px/20px var(--f); letter-spacing: 0; text-transform: none; transition: var(--tr);
}
html[data-skin="sg26"] body #accounts .box-list-item a.button.button--footer:hover { background: var(--hover-fill) !important; color: var(--text-max); }
html[data-skin="sg26"] body #accounts .box-list-item a.button.button--footer:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body #accounts .box-list-item a.button.button--footer[href*="instagram.com"] { grid-row: 7; }
html[data-skin="sg26"] body #accounts .box-list-item a.button.button--footer[href*="instagram.com"]::after {
  content: ""; width: 14px; height: 14px; flex-shrink: 0; background: currentColor;
  -webkit-mask: var(--sgc-ico-external) center / contain no-repeat; mask: var(--sgc-ico-external) center / contain no-repeat;
}
html[data-skin="sg26"] body #accounts .box-list-item a.button.button--footer:not([href*="instagram.com"]) {
  grid-row: 6; background: var(--tonal-bg) !important; border-color: var(--border-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important; color: var(--text);
}

/* load more, empty state */
html[data-skin="sg26"] body #accounts .loadmore { margin: var(--gap-block) 0 0; text-align: center; }
html[data-skin="sg26"] body #accounts .no-data {
  display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 0; padding: 40px 24px; text-align: center;
  border-radius: var(--r-lg); border: 1px dashed var(--border-dash); background: var(--fill-1);
}
html[data-skin="sg26"] body #accounts .no-data p { max-width: 420px; margin: 0; font: 400 14px/21px var(--f); color: var(--text-2); }

/* ?ap_restored=N banner (A224, printed in the notice slot) -> kit .alert.is-success */
html[data-skin="sg26"] body #accounts .sg-ap-restored {
  display: flex; align-items: center; gap: 12px; margin: 0 0 var(--gap-block); padding: 14px 16px; border-radius: var(--r-inset);
  border: 1px solid rgba(var(--t-success), .28); background: rgba(var(--t-success), .06); color: var(--text); font: 500 14px/20px var(--f);
}
html[data-skin="sg26"] body #accounts .sg-ap-restored .mdi { font-size: 18px; color: var(--status-success); }
/* legacy phone/tablet paddings on the wrappers (core.css, materialize grid) */
html[data-skin="sg26"] body #accounts .container-1200,
html[data-skin="sg26"] body #accounts > .row,
html[data-skin="sg26"] body #accounts .box-list { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: auto !important; }
html[data-skin="sg26"] body #accounts .box-list .box-list-item .account-basic-numbers { padding: 0 !important; }
html[data-skin="sg26"] body #accounts .box-list .box-list-item .accounts-pic { display: grid !important; place-items: center !important; align-content: center !important; padding: 0 !important; line-height: 1 !important; font-size: 18px !important; }
html[data-skin="sg26"] body #accounts .box-list .box-list-item .accounts-pic > span { position: static !important; transform: none !important; font-size: 18px !important; height: auto !important; top: auto !important; }

/* Accounts banner (noticeboard, admin-written): its last paragraph is a single link followed by bare emoji (U+1F3ED U+1F381 U+1F6D2),
   which render as missing-glyph boxes where no colour-emoji font exists. Board: the link is a kit .btn-secondary .btn-sm with the arrow
   and no emoji. The paragraph text is zeroed (only the bare emoji/space nodes live there) and the link restored at its own size. */
html[data-skin="sg26"] body #accounts .sg-nb > p:has(> strong:only-child > a:only-child) { font-size: 0 !important; line-height: 0 !important; margin-top: 4px !important; }
html[data-skin="sg26"] body #accounts .sg-nb > p:has(> strong:only-child > a:only-child) > strong > a {
  display: inline-flex !important; align-items: center; gap: 6px; height: 32px; padding: 0 14px !important; box-sizing: border-box; border-radius: var(--r-full);
  background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12); text-decoration: none !important;
  font: 500 13px/18px var(--f) !important; transition: var(--tr);
}
html[data-skin="sg26"] body #accounts .sg-nb > p:has(> strong:only-child > a:only-child) > strong > a::after {
  content: ""; width: 14px; height: 14px; flex-shrink: 0; background: currentColor;
  -webkit-mask: var(--sgc-ico-arrowr) center / contain no-repeat; mask: var(--sgc-ico-arrowr) center / contain no-repeat;
}
html[data-skin="sg26"] body #accounts .sg-nb > p:has(> strong:only-child > a:only-child) > strong > a:hover { background: var(--btn2-bg-hover) !important; transform: translateY(-1px); }
html[data-skin="sg26"] body #accounts .sg-nb > p:has(> strong:only-child > a:only-child) > strong > a:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body #accounts center > .row, html[data-skin="sg26"] body #accounts center > .row > .col { margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; }
html[data-skin="sg26"] body #accounts center { display: block; margin: 0 0 var(--gap-block); text-align: left; }
/* banner -> cards = --gap-block (24 / 16 on the phone): the notice keeps no margin of its own, the empty legacy p.clearfix none */
html[data-skin="sg26"] body #accounts center .sg-nb { margin-bottom: 0 !important; }
html[data-skin="sg26"] body #accounts > p.clearfix:empty { display: none; }

/* ---------------------------------------------------------------------------------------------------------------------------
   POST (board Post) — [SG-PATCH 2026-10-10 A285 | Felix, group core]. L1 on post.php + post.fragment.php (file manager, emojioneArea,
   datepicker, sticker and search JS all bind to the original markup). Type tiles, 3 columns (Media | form | Anteprima), cards,
   section togglers drawn as the board's card headings (they keep their open/close behaviour). Inputs, buttons, switches = B4.
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 { max-width: none; width: auto; margin: 0; padding: 0; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row { margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gap-block); }
html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row::before,
html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row::after,
html[data-skin="sg26"] body #post:not(.skeleton--full) .types::before,
html[data-skin="sg26"] body #post:not(.skeleton--full) .types::after,
html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types)::before,
html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types)::after { content: none; display: none; }

/* type tiles: Post / Reels / Storia / Album */
html[data-skin="sg26"] body #post:not(.skeleton--full) .types {
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important; height: auto !important;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .types > label { position: relative; display: block; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; cursor: pointer; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .types > label > input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .types > label > div {
  display: flex !important; align-items: center; gap: 12px; height: 54px !important; margin: 0 !important; padding: 0 14px !important; box-sizing: border-box;
  border-radius: var(--r-lg) !important; border: 1px solid var(--border) !important; background: var(--surface) !important; box-shadow: none !important;
  color: var(--text) !important; transition: var(--tr);
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .types > label:hover > div { border-color: var(--border-hover) !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .types > label > div > .icon {
  display: grid !important; place-items: center; width: 32px !important; height: 32px !important; margin: 0 !important; flex-shrink: 0;
  border-radius: var(--r-md); background: var(--fill-2); box-shadow: inset 0 1px 0 var(--border);
  color: var(--text-2) !important; font-size: 16px !important; line-height: 1 !important; float: none !important;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .types > label > div > .type { float: none !important; margin: 0 !important; padding: 0 !important; min-width: 0; text-align: left; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .types .type .name { margin: 0 !important; font: 500 14px/20px var(--f) !important; color: var(--text) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .types .type .name + div { margin: 0 !important; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; white-space: nowrap; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .types > label > input:checked + div {
  border-color: var(--brand-primary-border) !important; background: var(--brand-primary-subtle) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sg-accent-2) 20%, transparent) !important;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .types > label > input:checked + div > .icon { background: var(--brand-primary); color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest); }
html[data-skin="sg26"] body #post:not(.skeleton--full) .types > label > input:focus-visible + div { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* three columns */
html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) {
  display: grid; grid-template-columns: 270px minmax(0, 1fr) 300px; gap: var(--gap-block); align-items: start;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; left: auto; right: auto; }
@media (max-width: 1279.98px) {
  html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:last-child { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #post:not(.skeleton--full) .types { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) { grid-template-columns: minmax(0, 1fr); }
  html[data-skin="sg26"] body #post:not(.skeleton--full) .container-1200 > .row > .clearfix:not(.types) > .col:last-child { grid-column: auto; }
}

/* cards */
/* card surface = B4 11.A.8; the board's Post cards have one 20px padding and no header divider */
html[data-skin="sg26"] body #post:not(.skeleton--full) .section { margin: 0 !important; padding: 20px !important; box-sizing: border-box; overflow: visible; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .section + .section { margin-top: var(--gap-block) !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .section-header { text-align: left !important;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 12px; min-height: 0 !important; height: auto !important;
  margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: transparent !important;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .section-header :is(.section-title-post, h2) {
  float: none !important; flex: 0 0 auto; width: auto !important; margin: 0 auto 0 0 !important; padding: 0 !important; text-align: left !important;
  font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .section-actions { float: none !important; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0 !important; padding: 0 !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .section-actions .more { float: none !important; display: flex; gap: 4px; margin: 0 !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .section-actions a.icon {
  display: grid !important; place-items: center; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important;
  border-radius: var(--r-full); color: var(--text-2) !important; font-size: 18px !important; line-height: 1 !important; transition: var(--tr);
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .section-actions a.icon:hover { background: var(--hover-fill); color: var(--text-max) !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .section-content { padding: 0 !important; margin: 0 !important; }

/* section togglers (Impostazioni di base, Threads, Impostazioni avanzate, sticker boxes) -> the board's sub-headings */
html[data-skin="sg26"] body #post:not(.skeleton--full) :is(.basic-settings-toggler, .threads-toggler, .advanced-settings-toggler) {
  display: flex !important; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: auto !important; margin: 4px 0 0 !important; padding: 16px 0 8px !important;
  border: 0 !important; border-top: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; text-transform: none !important; color: var(--text) !important;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .basic-settings-toggler { border-top: 0 !important; padding-top: 0 !important; margin-top: 0 !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) :is(.basic-settings-toggler, .threads-toggler, .advanced-settings-toggler, .sticker-box-toggler):focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .sticker-box {
  margin: 8px 0 0 !important; padding: 14px !important; border-radius: var(--r-inset) !important;
  background: var(--surface-alt) !important; border: 1px solid var(--border) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .sticker-settings-title { display: flex; align-items: center; gap: 8px; font: 500 14px/20px var(--f) !important; color: var(--text) !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .sticker-settings-title .js-reset-sticker { margin-left: auto !important; color: var(--text-2) !important; font-size: 0 !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .sticker-settings-title .js-reset-sticker::before { font-size: 16px; }

/* drop zone (mini preview), caption tabs and box */
html[data-skin="sg26"] body #post:not(.skeleton--full) .mini-preview {
  margin: 12px 0 16px !important; padding: 12px !important; border-radius: var(--r-inset) !important;
  background: var(--fill-1) !important; border: 1px dashed var(--border-dash) !important; box-shadow: none !important;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .mini-preview .drophere { color: var(--text-3) !important; font: 400 13px/20px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important; background: transparent !important; border: 0 !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .tabs .tabheads {
  display: inline-flex !important; gap: 2px; margin: 0 0 12px !important; 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);
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .tabs .tabheads > a {
  float: none !important; display: inline-flex !important; align-items: center; width: auto !important; height: 30px; padding: 0 14px !important; margin: 0 !important;
  border: 0 !important; border-radius: var(--r-full) !important; background: transparent !important;
  font: 500 13px/18px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--text-2) !important;
}
html[data-skin="sg26"] body #post:not(.skeleton--full) .tabs .tabheads > a:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .tabs .tabheads > a.active { background: var(--surface-raised) !important; color: var(--text-max) !important; box-shadow: inset 0 1px 0 var(--border), var(--shadow-sm) !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .tabs .tabheads > a:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* submit: full row, kit primary size */
html[data-skin="sg26"] body #post:not(.skeleton--full) .post-submit { margin: 20px 0 0 !important; padding: 0 !important; }
html[data-skin="sg26"] body #post:not(.skeleton--full) .post-submit .button { width: 100% !important; height: 44px !important; font-size: 15px !important; } /* kit .btn-lg; look = B4 */

/* ---------------------------------------------------------------------------------------------------------------------------
   CALENDAR month (boards Calendar, CalendarM) — [SG-PATCH 2026-10-10 A285 | Felix, group core]. L2: skin/views/app/calendar.php
   + fragments/calendar-month.fragment.php (kit markup under .sg-root). The day view (Calendar2) keeps the original fragment (L1, later).
   Values: the board's «screen: calendario» block. Below 1024 the table scrolls in its own box (min 760), as on CalendarM.
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body #calendar-month .container-1200 { max-width: none; width: auto; margin: 0; padding: 0; }
html[data-skin="sg26"] body #calendar-month .sg-cal-card { overflow: hidden; }
html[data-skin="sg26"] body #calendar-month .sg-cal-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 14px 20px; }
html[data-skin="sg26"] body #calendar-month .sg-cal-nav { display: flex; align-items: center; gap: 8px; }
html[data-skin="sg26"] body #calendar-month .sg-cal-title { margin: 0 0 0 8px; font: 500 20px/26px var(--f); letter-spacing: -.018em; color: var(--text); text-transform: none; }
html[data-skin="sg26"] body #calendar-month .sg-cal-filter { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; float: none; position: static; }
html[data-skin="sg26"] body #calendar-month .sg-cal-filter-label { margin: 0; font: 500 13px/18px var(--f); color: var(--text-2); text-transform: none; white-space: nowrap; }
html[data-skin="sg26"] body #calendar-month .sg-cal-select { position: relative; min-width: 220px; }
html[data-skin="sg26"] body #calendar-month .sg-cal-select select { width: 100%; padding-right: 40px; appearance: none; -webkit-appearance: none; cursor: pointer; }
html[data-skin="sg26"] body #calendar-month .sg-cal-select > svg { position: absolute; right: 12px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); color: var(--text-3); pointer-events: none; }

html[data-skin="sg26"] body #calendar-month .sg-cal-scroll { border-top: 1px solid var(--border); }
html[data-skin="sg26"] body #calendar-month .sg-cal-table { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; background: transparent; }
html[data-skin="sg26"] body #calendar-month .sg-cal-table th {
  padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--border); background: var(--fill-2);
  font: 500 12px/16px var(--f); letter-spacing: .02em; text-transform: none; color: var(--text-3);
}
html[data-skin="sg26"] body #calendar-month .sg-cal-table td {
  height: 148px; padding: 0; vertical-align: top; box-sizing: border-box; background: transparent;
  border-right: 1px solid var(--border); border-bottom: 1px solid var(--border);
}
html[data-skin="sg26"] body #calendar-month .sg-cal-table td:last-child { border-right: 0; }
html[data-skin="sg26"] body #calendar-month .sg-cal-table tbody tr:last-child td { border-bottom: 0; }
html[data-skin="sg26"] body #calendar-month .sg-cal-table td.is-out { background: var(--fill-1); }
html[data-skin="sg26"] body #calendar-month .sg-cal-table td.is-today { background: color-mix(in srgb, var(--brand-primary) 8%, transparent); }
html[data-skin="sg26"] body #calendar-month .sg-day { display: flex; flex-direction: column; gap: 6px; height: 148px; box-sizing: border-box; padding: 10px; }
html[data-skin="sg26"] body #calendar-month .sg-day-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
html[data-skin="sg26"] body #calendar-month .sg-day-num { display: inline-grid; place-items: center; min-width: 26px; height: 26px; border-radius: 50%; font: 500 13px/1 var(--f); color: var(--text); }
html[data-skin="sg26"] body #calendar-month .sg-day-num.is-today {
  background: var(--sg-gradient-fill); color: var(--brand-on-primary);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-primary) 55%, transparent), 0 6px 16px -6px color-mix(in srgb, var(--brand-primary) 70%, transparent);
}
html[data-skin="sg26"] body #calendar-month .sg-day-count {
  display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: var(--r-full); box-sizing: border-box; white-space: nowrap;
  background: var(--brand-primary-subtle); border: 1px solid color-mix(in srgb, var(--sg-accent-2) 28%, transparent);
  font: 500 12px/16px var(--f); color: var(--sg-soft); text-decoration: none; transition: var(--tr);
}
html[data-skin="sg26"] body #calendar-month .sg-day-count:hover { color: var(--brand-on-primary); background: var(--brand-primary); }
html[data-skin="sg26"] body #calendar-month :is(.sg-day-count, .sg-day-add):focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body #calendar-month .sg-day-lines { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
html[data-skin="sg26"] body #calendar-month .sg-day-lines li { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; font: 400 12px/16px var(--f); color: var(--text-2); }
html[data-skin="sg26"] body #calendar-month .sg-day-lines li .num { margin-left: auto; color: var(--text); }
html[data-skin="sg26"] body #calendar-month .sg-day-lines li svg { width: 13px; height: 13px; flex-shrink: 0; }
html[data-skin="sg26"] body #calendar-month .sg-day-lines .is-scheduled svg { color: var(--status-info); }
html[data-skin="sg26"] body #calendar-month .sg-day-lines .is-delayed svg { color: var(--status-warning); }
html[data-skin="sg26"] body #calendar-month .sg-day-lines .is-published svg { color: var(--status-success); }
html[data-skin="sg26"] body #calendar-month .sg-day-lines .is-failed svg { color: var(--status-danger); }
html[data-skin="sg26"] body #calendar-month .sg-day-add {
  display: inline-flex; align-items: center; align-self: flex-start; gap: 4px; margin: auto 0 0 -6px; padding: 2px 8px 2px 6px; border-radius: var(--r-full);
  font: 500 12px/16px var(--f); color: var(--text-3); text-decoration: none; transition: var(--tr);
}
html[data-skin="sg26"] body #calendar-month .sg-day-add svg { width: 12px; height: 12px; flex-shrink: 0; }
html[data-skin="sg26"] body #calendar-month .sg-day-add:hover { color: var(--sg-soft); background: var(--brand-primary-subtle); }

@media (max-width: 1023.98px) {
  html[data-skin="sg26"] body #calendar-month .sg-cal-table { min-width: 760px; }
}
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #calendar-month .sg-cal-head { padding: 14px 16px; }
  html[data-skin="sg26"] body #calendar-month .sg-cal-filter { flex: 1 1 100%; }
  html[data-skin="sg26"] body #calendar-month .sg-cal-select { flex: 1; min-width: 0; }
}

/* ---- CALENDAR day (board Calendar2): L1 on calendar-day.fragment.php (post cards, video previews, ⋯ actions bound by core.js).
   Frame only in this wave: three status columns (In corso / Pubblicato / Falliti) with the board's status glyph before each
   title, the account filter above, the empty state as kit .empty. The post cards need fixtures (none on the bench): next wave. */
html[data-skin="sg26"] body #calendar-day .container-1200 { max-width: none; width: auto; margin: 0; padding: 0; }
html[data-skin="sg26"] body #calendar-day .container-1200 > .row {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-block); align-items: start; margin: 0 !important; padding: 0 !important;
}
html[data-skin="sg26"] body #calendar-day .container-1200 > .row::before,
html[data-skin="sg26"] body #calendar-day .container-1200 > .row::after { content: none; display: none; }
html[data-skin="sg26"] body #calendar-day .account-selector {
  grid-column: 1 / -1; justify-self: end; display: flex !important; align-items: center; gap: 10px; float: none !important; position: static !important; margin: 0 !important;
}
html[data-skin="sg26"] body #calendar-day .account-selector .label { margin: 0; font: 500 13px/18px var(--f) !important; color: var(--text-2) !important; text-transform: none; }
html[data-skin="sg26"] body #calendar-day .account-selector select { min-width: 220px; }
html[data-skin="sg26"] body #calendar-day .list-wrapper { min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; display: flex; flex-direction: column; gap: 16px; }
html[data-skin="sg26"] body #calendar-day .list-wrapper .page-secondary-title {
  display: flex; align-items: center; gap: 10px; margin: 0 !important; padding: 0 !important; font: 500 18px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; border: 0 !important;
}
html[data-skin="sg26"] body #calendar-day .list-wrapper .page-secondary-title::before {
  content: ""; width: 18px; height: 18px; flex-shrink: 0; background: var(--sgc-cd-ink, var(--status-info));
  -webkit-mask: var(--sgc-cd-ico, var(--sgc-ico-refresh)) center / contain no-repeat; mask: var(--sgc-cd-ico, var(--sgc-ico-refresh)) center / contain no-repeat;
}
html[data-skin="sg26"] body #calendar-day .row > .list-wrapper:nth-of-type(2) { --sgc-cd-ink: var(--status-success); --sgc-cd-ico: var(--sgc-ico-okcircle); }
html[data-skin="sg26"] body #calendar-day .row > .list-wrapper:nth-of-type(3) { --sgc-cd-ink: var(--status-danger); --sgc-cd-ico: var(--sgc-ico-xcircle); }
html[data-skin="sg26"] body #calendar-day .nopost {
  margin: 0 !important; padding: 32px 16px !important; text-align: center; border-radius: var(--r-lg); border: 1px dashed var(--border-dash); background: var(--fill-1);
  font: 400 14px/21px var(--f) !important; color: var(--text-2) !important;
}
@media (max-width: 1023.98px) { html[data-skin="sg26"] body #calendar-day .container-1200 > .row { grid-template-columns: minmax(0, 1fr); } html[data-skin="sg26"] body #calendar-day .account-selector { justify-self: stretch; } }

/* ---------------------------------------------------------------------------------------------------------------------------
   CAPTIONS (boards Captions, CaptionsForm) — [SG-PATCH 2026-10-10 A285 | Felix, group core]. L1 on captions/caption fragments:
   the list is a .js-loadmore-content box-list (core.js appends the next page's items), so the markup is kept. Card surface =
   B4 (.box-list-item); here: 3-column grid, title + ⋯, text, a rule, «Usa didascalia» as kit .btn-tonal .btn-sm with «+».
   Empty state = kit .empty. Form page: one card (max 640), kit field labels, «Salva» = primary, right-aligned.
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body :is(#captions, #caption) .container-1200 { max-width: none; width: auto; margin: 0; padding: 0; }
html[data-skin="sg26"] body :is(#captions, #caption) .container-1200 > .row { margin: 0 !important; padding: 0 !important; }
html[data-skin="sg26"] body #captions .box-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-block); align-items: stretch; margin: 0; padding: 0 !important; }
html[data-skin="sg26"] body #captions .box-list::before,
html[data-skin="sg26"] body #captions .box-list::after { content: none; display: none; }
@media (max-width: 1279.98px) { html[data-skin="sg26"] body #captions .box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #captions .box-list { grid-template-columns: minmax(0, 1fr); } }

html[data-skin="sg26"] body #captions .box-list .box-list-item {
  position: relative; float: none !important; width: auto !important; margin: 0 !important; padding: 20px !important; box-sizing: border-box;
  display: flex; flex-direction: column; text-align: left; min-height: 0;
}
html[data-skin="sg26"] body #captions .box-list-item > .inner { flex: 1; display: flex; flex-direction: column; gap: 14px; padding: 0 !important; margin: 0; }
html[data-skin="sg26"] body #captions .box-list-item .title {
  margin: 0 !important; padding: 0 40px 0 0 !important; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important;
  text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html[data-skin="sg26"] body #captions .box-list-item .inner > p {
  margin: 0 0 20px !important; padding: 0 !important; font: 400 14px/21px var(--f) !important; color: var(--text-2) !important; text-align: left; overflow-wrap: anywhere;
}
html[data-skin="sg26"] body #captions .box-list-item > .options { position: absolute !important; top: 16px !important; right: 12px !important; left: auto !important; margin: 0 !important; padding: 0 !important; font-size: 0; }
html[data-skin="sg26"] body #captions .box-list-item > .options > a {
  display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-full); color: var(--text-2); font-size: 0; line-height: 0; transition: var(--tr);
}
html[data-skin="sg26"] body #captions .box-list-item > .options > a::before { font-size: 16px; width: 16px; height: 16px; }
html[data-skin="sg26"] body #captions .box-list-item > .options > a:hover,
html[data-skin="sg26"] body #captions .box-list-item > .options.active > a { background: var(--hover-fill); color: var(--text-max); }
html[data-skin="sg26"] body #captions .box-list-item > .options > a:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body #captions .box-list-item .context-menu { top: 40px; right: 0; left: auto; min-width: 208px; }
html[data-skin="sg26"] body #captions .box-list-item > div:last-child { margin: 0; padding: 16px 0 0; border-top: 1px solid var(--border); }
html[data-skin="sg26"] body #captions .box-list-item a.button.button--footer {
  display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; height: 32px !important; margin: 0 !important; padding: 0 14px !important;
  border-radius: var(--r-full) !important; border: 1px solid var(--border-2) !important; background: var(--tonal-bg) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
  color: var(--text) !important; font: 500 13px/18px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important;
}
html[data-skin="sg26"] body #captions .box-list-item a.button.button--footer::before {
  content: ""; width: 14px; height: 14px; flex-shrink: 0; background: currentColor;
  -webkit-mask: var(--sgc-ico-plus) center / contain no-repeat; mask: var(--sgc-ico-plus) center / contain no-repeat;
}
html[data-skin="sg26"] body #captions .box-list-item a.button.button--footer:hover { color: var(--text-max) !important; border-color: var(--border-hover) !important; }
html[data-skin="sg26"] body #captions .loadmore { margin: var(--gap-block) 0 0; display: flex; justify-content: center; }
html[data-skin="sg26"] body #captions .loadmore .button { width: auto !important; }
html[data-skin="sg26"] body #captions .no-data {
  display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 0; padding: 40px 24px; text-align: center;
  border-radius: var(--r-lg); border: 1px dashed var(--border-dash); background: var(--fill-1);
}
html[data-skin="sg26"] body #captions .no-data p { max-width: 420px; margin: 0; font: 400 14px/21px var(--f); color: var(--text-2); }

/* form page */
html[data-skin="sg26"] body #caption .container-1200 > .row > .col { float: none !important; width: auto !important; max-width: 760px; margin: 0 auto !important; padding: 0 !important; left: auto; }
html[data-skin="sg26"] body #caption .section { display: flex; flex-direction: column; padding: 24px !important; margin: 0 !important; }
html[data-skin="sg26"] body #caption .section > .section-content { padding: 0 0 4px !important; border-bottom: 1px solid var(--border); }
html[data-skin="sg26"] body #caption .form-label { display: block; margin: 0 0 6px !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; text-transform: none !important; letter-spacing: 0 !important; }
html[data-skin="sg26"] body #caption .caption-input { min-height: 270px; height: auto !important; padding: 10px 12px !important; line-height: 22px !important; white-space: pre-wrap; }
html[data-skin="sg26"] body #caption .section > input[type="submit"] {
  align-self: flex-end; width: auto !important; height: 40px !important; margin: 20px 0 0 !important; padding: 0 18px !important; border-radius: var(--r-full) !important;
  border: 1px solid transparent !important; background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important;
  font: 500 14px/20px var(--f) !important; text-transform: none !important;
}
html[data-skin="sg26"] body #caption .section > input[type="submit"]:hover { transform: translateY(-1px); box-shadow: var(--sg-glow-hover) !important; }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #caption .section > input[type="submit"] { align-self: stretch; width: 100% !important; height: 44px !important; } }

/* ---------------------------------------------------------------------------------------------------------------------------
   PROFILE (boards Profile, ProfileStates) — [SG-PATCH 2026-10-10 A285 | Felix, group core]. L2 of the form block only:
   skin/views/app/profile.php (fragment include via sg_skin_resolve) + fragments/profile.fragment.php, whose form rows are the
   ORIGINAL field blocks regrouped in the board's labelled rows (.sg-pf-row: label column | fields). The subscription column, the
   reduction flow, PhoneChange (#sg-wa-*), Stripe portal and the confirmation modal are the original markup (L1 below).
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body #profile .container-1200 { max-width: none; width: auto; margin: 0; padding: 0; }
html[data-skin="sg26"] body #profile .container-1200 > .row {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(320px, 400px); gap: var(--gap-block); align-items: start; margin: 0 !important; padding: 0 !important;
}
html[data-skin="sg26"] body #profile > form, html[data-skin="sg26"] body #profile .container-1200 { padding: 0 !important; margin: 0 !important; max-width: none !important; }
html[data-skin="sg26"] body #profile .section-content > .form-result { margin: 0 !important; padding: 0 !important; border: 0 !important; }
html[data-skin="sg26"] body #profile .section-content > .form-result:empty { display: none; }
/* subscription column = ONE card (board): the column is the card, the inner .sgsb box is flattened */
html[data-skin="sg26"] body #profile .container-1200 > .row > .col:last-child {
  padding: 24px !important; box-sizing: border-box; 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) !important;
}
html[data-skin="sg26"] body #profile .container-1200 > .row > .col:last-child :is(div, section, table, tbody, tr, td):not(.modal, .modal *) { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
html[data-skin="sg26"] body #profile .container-1200 > .row > .col:last-child :is(div, section, table, tbody, tr, td):not(.modal, .modal *, .sgsb-row) { border: 0 !important; }
html[data-skin="sg26"] body #profile .container-1200 > .row::before,
html[data-skin="sg26"] body #profile .container-1200 > .row::after { content: none; display: none; }
html[data-skin="sg26"] body #profile .container-1200 > .row > .col { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; left: auto; right: auto; }
@media (max-width: 1023.98px) { html[data-skin="sg26"] body #profile .container-1200 > .row { grid-template-columns: minmax(0, 1fr); } }

/* form card (surface = B4): header (avatar 48 gradient, 17/24 title, 13 sub), then labelled rows divided by a rule */
html[data-skin="sg26"] body #profile .container-1200 > .row > .col > .section { padding: 32px !important; margin: 0 !important; }
html[data-skin="sg26"] body #profile .container-1200 > .row > .col > .section > .section-content { padding: 0 !important; display: flex; flex-direction: column; }
html[data-skin="sg26"] body #profile .sg-pf-head { display: flex; align-items: center; gap: 16px; padding: 0 0 24px; }
html[data-skin="sg26"] body #profile .sg-pf-avatar {
  display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; font: 700 16px/1 var(--f); letter-spacing: .02em;
  background: var(--sg-gradient-fill); color: var(--brand-on-primary); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sg-accent-2) 50%, transparent);
}
html[data-skin="sg26"] body #profile .sg-pf-title { margin: 0; font: 500 17px/24px var(--f); letter-spacing: -.01em; color: var(--text); }
html[data-skin="sg26"] body #profile .sg-pf-sub { margin: 2px 0 0; font: 400 13px/20px var(--f); color: var(--text-2); }
html[data-skin="sg26"] body #profile .sg-pf-row { display: grid; grid-template-columns: 164px minmax(0, 1fr); gap: 16px 24px; padding: 24px 0; border-bottom: 1px solid var(--border); }
html[data-skin="sg26"] body #profile .sg-pf-label { padding-top: 2px; font: 500 14px/20px var(--f); color: var(--text); }
html[data-skin="sg26"] body #profile .sg-pf-fields { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
html[data-skin="sg26"] body #profile .sg-pf-fields > :is(.mb-20, .clearfix) { margin: 0 !important; padding: 0 !important; border: 0 !important; }
html[data-skin="sg26"] body #profile .sg-pf-fields > .clearfix.mb-20:not(.sg-dark-mode-box),
html[data-skin="sg26"] body #profile .sg-pf-fields > .mb-20 > .clearfix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
html[data-skin="sg26"] body #profile .sg-pf-fields .clearfix::before,
html[data-skin="sg26"] body #profile .sg-pf-fields .clearfix::after { content: none; display: none; }
html[data-skin="sg26"] body #profile .section-content .col { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; left: auto; right: auto; }
html[data-skin="sg26"] body #profile .section-content .form-label { display: block; margin: 0 0 6px !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; text-transform: none !important; letter-spacing: 0 !important; }
html[data-skin="sg26"] body #profile .compulsory-field-indicator { color: var(--text-3) !important; }
/* labels that the row label now carries: kept for screen readers and label-for */
html[data-skin="sg26"] body #profile .sg-pf-fields :is(.sg-dark-mode-box > .mb-10:first-child, #sg-wa > label.form-label) {
  position: absolute !important; width: 1px; height: 1px; margin: -1px !important; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
/* dark mode block: switch line, tip, optional range in 2 columns */
html[data-skin="sg26"] body #profile .sg-dark-mode-box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
html[data-skin="sg26"] body #profile .sg-dark-mode-box > :not(.js-dark-mode-range) { grid-column: 1 / -1; margin: 0 !important; }
html[data-skin="sg26"] body #profile ul.field-tips { margin: 6px 0 0 !important; padding: 0 !important; list-style: none; }
html[data-skin="sg26"] body #profile ul.field-tips > li { margin: 0 !important; padding: 0 !important; list-style: none; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; }
html[data-skin="sg26"] body #profile ul.field-tips > li::before,
html[data-skin="sg26"] body #profile ul.field-tips > li::marker { content: none; }
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #profile .sg-pf-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 479.98px) {
  html[data-skin="sg26"] body #profile .sg-pf-fields > .clearfix.mb-20:not(.sg-dark-mode-box),
  html[data-skin="sg26"] body #profile .sg-pf-fields > .mb-20 > .clearfix { grid-template-columns: minmax(0, 1fr); }
}
/* WhatsApp row: number | Cambia numero */
html[data-skin="sg26"] body #profile #sg-wa > .clearfix { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; }
html[data-skin="sg26"] body #profile #sg-wa > .clearfix::before,
html[data-skin="sg26"] body #profile #sg-wa > .clearfix::after { content: none; display: none; }
html[data-skin="sg26"] body #profile #sg-wa .col { margin: 0 !important; }
html[data-skin="sg26"] body #profile #sg-wa-open { width: auto !important; padding: 0 18px !important; }
html[data-skin="sg26"] body #profile #sg-wa .col :is(input.input, .iti) { width: 100% !important; }
/* save: kit primary, right-aligned */
html[data-skin="sg26"] body #profile .section-content > :has(> #signuped),
html[data-skin="sg26"] body #profile .section-content > #signuped { align-self: flex-end; margin-top: 24px !important; }
html[data-skin="sg26"] body #profile #signuped {
  display: block !important; margin-left: auto !important; width: auto !important; height: 40px !important; padding: 0 18px !important; border-radius: var(--r-full) !important; border: 1px solid transparent !important;
  background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important;
  font: 500 14px/20px var(--f) !important; text-transform: none !important;
}
html[data-skin="sg26"] body #profile #signuped:hover { transform: translateY(-1px); box-shadow: var(--sg-glow-hover) !important; }

/* subscription card (.sgsb) = kit .card, rows = key / value with a rule */
html[data-skin="sg26"] body #profile .sgsb { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; }
html[data-skin="sg26"] body #profile .sgsb-title { margin: 0 0 12px !important; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; text-transform: none !important; }
html[data-skin="sg26"] body #profile .sgsb-row {
  display: flex !important; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; margin: 0 !important; padding: 10px 0 !important;
  border-bottom: 1px solid var(--border) !important; font: 400 13px/18px var(--f) !important; color: var(--text-2) !important;
}
html[data-skin="sg26"] body #profile .sgsb-row > :last-child { font: 500 14px/20px var(--f) !important; color: var(--text) !important; text-transform: none !important; text-align: right; }
html[data-skin="sg26"] body #profile .sgsb-status {
  display: inline-flex !important; align-items: center; gap: 5px; height: 22px; padding: 0 9px !important; border-radius: var(--r-full);
  --t: var(--t-success); --tc: var(--status-success); background: rgba(var(--t), .1) !important; border: 1px solid rgba(var(--t), .3) !important; color: var(--tc) !important;
  font: 500 12px/16px var(--f) !important;
}
html[data-skin="sg26"] body #profile .sgsb-status--warn { --t: var(--t-warning); --tc: var(--status-warning); }
html[data-skin="sg26"] body #profile .sgsb-dot { width: 6px !important; height: 6px !important; border-radius: 50%; background: currentColor !important; }
html[data-skin="sg26"] body #profile .sgsb .button { width: 100% !important; margin: 20px 0 0 !important; float: none !important; }
html[data-skin="sg26"] body #profile .sgsb .button + .button { margin-top: 10px !important; }
html[data-skin="sg26"] body #profile .sgsb .js-upgrade-btn { background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; border-color: transparent !important; }

@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #profile .container-1200 > .row > .col > .section { padding: 20px !important; }
  html[data-skin="sg26"] body #profile .container-1200 > .row > .col:last-child { padding: 20px !important; }
}

/* Vera gate 10/10. Plan box (board): the first row of the subscription list (Piano) drawn as the accent-edged box, label over value */
html[data-skin="sg26"] body #profile .container-1200 > .row > .col:last-child .sgsb dl.sgsb-rows > div.sgsb-row.sgsb-row:first-child {
  display: flex !important; flex-direction: column; align-items: flex-start; gap: 4px; min-height: 0; margin: 0 0 12px !important; padding: 20px 24px !important;
  border: 1px solid transparent !important; border-radius: var(--r-lg) !important;
  background: var(--grad-card-bg) padding-box, linear-gradient(115deg, var(--sg-accent-2), var(--brand-primary) 22%, var(--grad-card-mid) 44%, var(--grad-card-mid) 60%, var(--brand-primary) 82%, var(--sg-accent-2)) border-box !important;
  box-shadow: var(--grad-card-shadow) !important;
}
html[data-skin="sg26"] body #profile .container-1200 > .row > .col:last-child .sgsb dl.sgsb-rows > div.sgsb-row.sgsb-row:first-child > dt { font: 400 12px/16px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #profile .container-1200 > .row > .col:last-child .sgsb dl.sgsb-rows > div.sgsb-row.sgsb-row:first-child > dd { margin: 0; font: 500 20px/26px var(--f) !important; letter-spacing: -.018em; color: var(--text) !important; text-align: left !important; }
html[data-skin="sg26"] body #profile .sgsb .sgsb-rows { margin: 0; padding: 0; }
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #profile .sg-dark-mode-box { grid-template-columns: minmax(0, 1fr); }
  html[data-skin="sg26"] body #profile .sg-dark-mode-box > .js-dark-mode-range { margin-left: 22px !important; }
  html[data-skin="sg26"] body #profile #sg-wa > .clearfix { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html[data-skin="sg26"] body #profile #sg-wa-open { width: 100% !important; background: var(--tonal-bg) !important; color: var(--text) !important; border: 1px solid var(--border-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important; }
  html[data-skin="sg26"] body #profile #signuped { width: 100% !important; height: 44px !important; margin-left: 0 !important; }
}

/* ---------------------------------------------------------------------------------------------------------------------------
   RENEW (boards Renew, RenewPlan, RenewAccounts) — [SG-PATCH 2026-10-10 A285 | Felix, group core]. Fixed dark (data-theme="dark").
   L1 on renew.php + renew.fragment.php (core.js reads payment-cycle, coupon, Klarna; nothing is forked).
   BUG FIX (pre-existing, renew.fragment.php ~L201 + L2321-2349): the entrance keyframes start at opacity 0 and the fragment's own
   prefers-reduced-motion block sets animation:none, so with reduced motion the logo, heading, offer and plan cards stay
   invisible (blank /renew). Kit rule «nothing starts invisible» (kit §10): the resting state is visible.
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body #renew :is(.npr-logo, .npr-heading, .npr-subheading, .npr-offer, .npr-card) { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  html[data-skin="sg26"] body #renew :is(.npr-logo, .npr-heading, .npr-subheading, .npr-offer, .npr-card) { animation-name: sg-core-rise; }
}
@keyframes sg-core-rise { from { transform: translateY(12px); } to { transform: none; } }

/* page: --bg with the kit .ambient glow at the top; column 940 */
/* page glow: the frame itself (fixed, full viewport, scrolls its content) carries the kit ambient glow as its own background:
   a radial gradient that fades to transparent inside its own radii, scrolling with the content. No pseudo-element and no clipping box,
   so no visible edges (the earlier ::before + position:relative turned the fixed frame into an inset box and cut the glow). Shared with
   the tenant /subscribe and /billing (.npr-fullscreen), same recipe as reseller.css. */
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-fullscreen,
html[data-skin="sg26"] body .npr-fullscreen:has(> .npr-wrap) {
  background: radial-gradient(1200px 820px at 50% -440px, color-mix(in srgb, var(--brand-primary) var(--glow-a1), transparent), color-mix(in srgb, var(--sg-accent-2) var(--glow-a2), transparent) 58%, transparent 100%) var(--bg) !important;
  background-attachment: local !important;
}
html[data-skin="sg26"] body #renew .npr-wrap { position: relative; z-index: 1; max-width: 940px !important; margin: 0 auto !important; padding: 96px var(--pad-page) 48px !important; box-sizing: content-box; }
html[data-skin="sg26"] body #renew .npr-logo { position: absolute; left: var(--pad-page); top: 32px; margin: 0 !important; text-align: left; }
html[data-skin="sg26"] body #renew .npr-logo img { height: 28px !important; width: auto !important; }
html[data-skin="sg26"] body #renew .npr-heading { margin: 0 0 12px !important; font: 500 38px/44px var(--f) !important; letter-spacing: -.03em !important; color: var(--text) !important; text-wrap: balance; }
html[data-skin="sg26"] body #renew .npr-subheading { margin: 0 0 32px !important; font: 400 16px/25px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #renew .npr-offer { margin: 0 auto 32px !important; }

/* plan cards: kit .card; the popular one = kit .card-grad (accent edge + glow) */
html[data-skin="sg26"] body #renew .npr-cards { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; max-width: none !important; margin: 0 !important; align-items: stretch; }
html[data-skin="sg26"] body #renew .npr-card {
  padding: 28px !important; text-align: left !important; align-items: stretch;
  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) !important;
}
html[data-skin="sg26"] body #renew .npr-card:hover { transform: none !important; }
html[data-skin="sg26"] body #renew .npr-card.is-popular {
  background: var(--grad-card-bg) padding-box, linear-gradient(115deg, var(--sg-accent-2), var(--brand-primary) 22%, var(--grad-card-mid) 44%, var(--grad-card-mid) 60%, var(--brand-primary) 82%, var(--sg-accent-2)) border-box !important;
  box-shadow: var(--grad-card-shadow) !important;
}
html[data-skin="sg26"] body #renew .npr-stars { justify-content: flex-start !important; text-align: left !important; margin: 0 0 12px !important; font-size: 14px !important; letter-spacing: 3px; }
html[data-skin="sg26"] body #renew .npr-title { margin: 0 0 20px !important; text-align: left !important; font: 500 20px/26px var(--f) !important; letter-spacing: -.018em !important; text-transform: none !important; color: var(--text) !important; }
html[data-skin="sg26"] body #renew .npr-popular-badge {
  position: absolute !important; top: 64px !important; left: auto !important; right: 28px !important; transform: none !important;
  display: inline-flex; align-items: center; height: 22px; padding: 0 9px !important; border-radius: var(--r-full) !important; border: 0 !important;
  background: var(--sg-gradient-fill) !important; color: var(--brand-on-primary) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sg-accent-2) 50%, transparent) !important;
  font: 500 12px/16px var(--f) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html[data-skin="sg26"] body #renew :is(.npr-price-old, .npr-price, .npr-save) { text-align: left !important; justify-content: flex-start !important; }
html[data-skin="sg26"] body #renew .npr-price-old { margin: 0 0 4px !important; font: 400 15px/20px var(--f) !important; color: var(--text-3) !important; text-decoration-color: color-mix(in srgb, var(--status-danger-line) 85%, transparent) !important; }
html[data-skin="sg26"] body #renew .npr-price { margin: 0 0 10px !important; color: var(--text) !important; font-family: var(--f) !important; }
html[data-skin="sg26"] body #renew .npr-price .price-big { font: 500 32px/38px var(--f) !important; letter-spacing: -.035em !important; color: var(--text) !important; }
html[data-skin="sg26"] body #renew .npr-price :is(.price-medium, .price-small) { color: var(--text-2) !important; font-family: var(--f) !important; }
html[data-skin="sg26"] body #renew .npr-save {
  display: inline-flex !important; align-items: center; gap: 6px; width: fit-content; height: 30px; margin: 0 0 24px !important; padding: 0 12px !important; box-sizing: border-box;
  border-radius: var(--r-full); border: 1px solid color-mix(in srgb, var(--sg-accent-2) 32%, transparent); background: color-mix(in srgb, var(--sg-accent-2) 10%, transparent);
  color: var(--sg-save) !important; font: 500 14px/20px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important;
}
html[data-skin="sg26"] body #renew .npr-save .savings-amount { color: var(--text-max) !important; font-weight: 700 !important; }

/* billing cycle: kit .seg (gap 8, 36px, pill) with .seg-badge discounts */
html[data-skin="sg26"] body #renew .npr-durations { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px !important; margin: 8px 0 20px !important; }
html[data-skin="sg26"] body #renew .npr-duration {
  position: relative; height: 36px !important; margin: 0 !important; padding: 0 10px !important; box-sizing: border-box;
  border-radius: var(--r-full) !important; border: 1px solid var(--border-2) !important; background: var(--fill-2) !important; box-shadow: none !important;
  color: var(--text-2) !important; font: 700 14px/20px var(--f) !important; text-transform: none !important; transition: var(--tr);
}
html[data-skin="sg26"] body #renew .npr-duration:hover { color: var(--text-max) !important; border-color: color-mix(in srgb, var(--sg-accent-2) 40%, transparent) !important; }
html[data-skin="sg26"] body #renew .npr-duration.is-active {
  background: var(--brand-primary-subtle) !important; border-color: var(--brand-primary-text) !important; color: var(--text-max) !important;
  box-shadow: inset 0 1px 0 var(--border), 0 0 0 1px color-mix(in srgb, var(--sg-accent-2) 30%, transparent), 0 10px 30px -12px color-mix(in srgb, var(--brand-primary) 80%, transparent) !important;
}
html[data-skin="sg26"] body #renew .npr-duration:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body #renew .npr-duration .npr-disc {
  position: absolute !important; left: 50% !important; right: auto !important; top: -11px !important; transform: translateX(-50%) !important;
  height: 18px; padding: 0 7px !important; border-radius: var(--r-full) !important; box-sizing: border-box;
  background: var(--sg-fill-2) !important; border: 1px solid color-mix(in srgb, var(--sg-accent-2) 40%, transparent) !important; color: var(--brand-on-primary) !important;
  font: 700 12px/16px var(--f) !important; white-space: nowrap;
}
html[data-skin="sg26"] body #renew .npr-duration.is-active .npr-disc { background: var(--sg-gradient-fill) !important; border-color: color-mix(in srgb, var(--sg-accent-2) 65%, transparent) !important; }

html[data-skin="sg26"] body #renew .npr-meta { margin: 0 0 16px !important; text-align: center; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #renew .npr-meta :is(strong, b) { color: var(--text) !important; }
html[data-skin="sg26"] body #renew .npr-divider { display: none !important; }
html[data-skin="sg26"] body #renew .npr-features-toggle {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; margin: 0 auto 20px !important; color: var(--sg-soft) !important;
  font: 500 13px/20px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important;
  text-decoration: underline; text-underline-offset: 4px; text-decoration-color: color-mix(in srgb, var(--sg-soft) 50%, transparent);
}
html[data-skin="sg26"] body #renew .npr-features-toggle .mdi { display: none; }
html[data-skin="sg26"] body #renew .npr-choose {
  display: flex !important; align-items: center; justify-content: center; gap: 8px; height: 44px !important; margin-top: auto !important; padding: 0 22px !important; box-sizing: border-box;
  border-radius: var(--r-full) !important; border: 1px solid transparent !important;
  background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12) !important;
  font: 500 15px/20px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important; transition: var(--tr);
}
html[data-skin="sg26"] body #renew .npr-choose:hover { background: var(--btn2-bg-hover) !important; transform: translateY(-1px); }
html[data-skin="sg26"] body #renew .npr-card.is-popular .npr-choose { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important; }
html[data-skin="sg26"] body #renew .npr-card.is-popular .npr-choose:hover { box-shadow: var(--sg-glow-hover) !important; }
html[data-skin="sg26"] body #renew .npr-choose:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* features table: kit .table inside a .card */
html[data-skin="sg26"] body #renew .npr-compare-title { margin: 64px 0 6px !important; font: 500 28px/34px var(--f) !important; letter-spacing: -.027em !important; color: var(--text) !important; }
html[data-skin="sg26"] body #renew .npr-compare-sub { margin: 0 0 24px !important; font: 400 14px/21px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #renew .npr-compare-wrap {
  border-radius: var(--r-lg) !important; border: 1px solid transparent !important; overflow-x: auto; overscroll-behavior-x: contain;
  background: var(--card-bg) padding-box, var(--card-edge) border-box !important; box-shadow: var(--card-shadow) !important;
}
html[data-skin="sg26"] body #renew .npr-compare { width: 100%; border-collapse: separate !important; border-spacing: 0; background: transparent !important; }
html[data-skin="sg26"] body #renew .npr-compare th { padding: 10px 20px !important; background: var(--fill-2) !important; border-bottom: 1px solid var(--border) !important; font: 500 12px/16px var(--f) !important; letter-spacing: .02em; text-transform: none !important; color: var(--text-3) !important; }
html[data-skin="sg26"] body #renew .npr-compare td { padding: 14px 20px !important; border-bottom: 1px solid var(--border) !important; background: transparent !important; color: var(--text) !important; font: 400 14px/20px var(--f) !important; }
html[data-skin="sg26"] body #renew .npr-compare tr.npr-section td { padding: 10px 20px !important; background: var(--fill-1) !important; font: 500 13px/18px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--text) !important; }
html[data-skin="sg26"] body #renew .npr-compare tr:last-child td { border-bottom: 0 !important; }
html[data-skin="sg26"] body #renew .npr-feat-name .mdi { display: none; }
html[data-skin="sg26"] body #renew .npr-feat-desc { color: var(--text-3) !important; font: 400 12px/16px var(--f) !important; }
html[data-skin="sg26"] body #renew .npr-footer { color: var(--text-2) !important; font: 400 13px/20px var(--f) !important; }

@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #renew .npr-wrap { padding-top: 80px !important; }
  html[data-skin="sg26"] body #renew .npr-heading { font-size: 30px !important; line-height: 36px !important; }
  html[data-skin="sg26"] body #renew .npr-cards { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  html[data-skin="sg26"] body #renew .npr-card { padding: 20px !important; }
  html[data-skin="sg26"] body #renew .npr-popular-badge { top: 56px !important; right: 20px !important; }
  html[data-skin="sg26"] body #renew .npr-durations { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px !important; }
}

/* ---- shared plan-card pieces (/renew AND the tenant /subscribe, /reseller billing: reseller-portal views reuse the .npr-* markup
   under .npr-fullscreen) — asked by the reseller group 10/10. :is(#renew, .npr-fullscreen) carries an id, so it outranks the
   pages' own inline <style> on both. ---- */
/* 1. inset price box around old price + price + «Risparmi» pill (board .inset): drawn behind the three by .npr-price::before */
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-card { isolation: isolate; }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-card .npr-title { margin-bottom: 36px !important; }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-card :is(.npr-price-old, .npr-price, .npr-save) { margin-left: 20px !important; margin-right: 20px !important; }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-card .npr-price { position: relative; }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-card .npr-price::before {
  content: ""; position: absolute; z-index: -1; left: -20px; right: -20px; top: -16px; bottom: -16px; pointer-events: none;
  border-radius: var(--r-inset); background: var(--fill-3); border: 1px solid var(--inset-border); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-card .npr-price-old + .npr-price::before { top: -40px; }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-card .npr-price:has(+ .npr-save)::before { bottom: -56px; }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-card .npr-save { margin-bottom: 40px !important; }
/* 2. features: the ✓ / ✕ glyphs -> the board's stroke check / x in the kit .yes / .no tiles */
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) :is(.npr-check, .npr-cross) {
  display: inline-grid !important; place-items: center; width: 24px !important; height: 24px !important; border-radius: 50% !important;
  font-size: 0 !important; line-height: 0 !important; color: transparent; vertical-align: middle;
}
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-check { background: color-mix(in srgb, var(--sg-accent-2) 14%, transparent) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sg-accent-2) 28%, transparent) !important; --sgc-tile-ink: var(--sg-ink-2); --sgc-tile-ico: var(--sgc-ico-check); }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-cross { background: rgba(var(--t-danger), .14) !important; box-shadow: inset 0 0 0 1px rgba(var(--t-danger), .26) !important; --sgc-tile-ink: var(--status-danger-line); --sgc-tile-ico: var(--sgc-ico-x); }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) :is(.npr-check, .npr-cross)::before {
  content: ""; width: 13px; height: 13px; background: var(--sgc-tile-ink);
  -webkit-mask: var(--sgc-tile-ico) center / contain no-repeat; mask: var(--sgc-tile-ico) center / contain no-repeat;
}
/* 3. table footer CTAs (the copy carries its own «→»): «Base» = kit .btn-secondary .btn-sm; the last column (Premium) = primary */
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-compare a.npr-foot-cta {
  display: inline-flex !important; align-items: center; gap: 6px; height: 32px !important; padding: 0 14px !important; box-sizing: border-box;
  border-radius: var(--r-full) !important; border: 1px solid transparent !important;
  background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12) !important;
  font: 500 13px/18px var(--f) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-compare a.npr-foot-cta:hover { background: var(--btn2-bg-hover) !important; transform: translateY(-1px); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12), 0 0 20px color-mix(in srgb, var(--sg-accent-2) 22%, transparent) !important; }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-compare td.npr-foot-btn:last-child a.npr-foot-cta { background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important; }
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-compare a.npr-foot-cta:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* 2b. the plan cards' feature rows (tenant /subscribe: .npr-feat-ico holds an emoji) -> the board's .point check tile */
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-feat-ico {
  display: inline-grid !important; place-items: center; width: 20px !important; height: 20px !important; flex-shrink: 0; margin: 1px 0 0 !important; border-radius: 50%;
  font-size: 0 !important; line-height: 0 !important; color: transparent !important;
  background: color-mix(in srgb, var(--sg-accent-2) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sg-accent-2) 28%, transparent);
}
html[data-skin="sg26"] body :is(#renew, .npr-fullscreen) .npr-feat-ico::before {
  content: ""; width: 11px; height: 11px; background: var(--sg-ink-2);
  -webkit-mask: var(--sgc-ico-check) center / contain no-repeat; mask: var(--sgc-ico-check) center / contain no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------------------------
   AFFILIATE (boards Affiliate, AffiliateStates) — [SG-PATCH 2026-10-10 A285 | Felix, group core]. Route /affiliate
   (AffiliateController -> affiliates.php + affiliates.v2.fragment.php; /affiliates is the POST endpoint and renders nothing on
   GET). L1: the fragment also holds the admin view (A-32), the 7-step tour, the copy/share/withdraw/method JS and its own
   <style> with !important. Root: #post.skeleton--full (the fragment reuses the id "post"; the Post rules exclude --full).
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body #post.skeleton--full { padding: 29px var(--pad-page) 30px !important; }
html[data-skin="sg26"] body #post.skeleton--full > .row { margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--gap-block) !important; row-gap: var(--gap-block) !important; align-items: start; }
html[data-skin="sg26"] body #post.skeleton--full > .row::before,
html[data-skin="sg26"] body #post.skeleton--full > .row::after { content: none; display: none; }
html[data-skin="sg26"] body #post.skeleton--full > .row > .col { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; left: auto; right: auto; grid-column: 1 / -1; min-width: 0; }
html[data-skin="sg26"] body #post.skeleton--full > .row > .col.m7 { grid-column: span 7; }
html[data-skin="sg26"] body #post.skeleton--full > .row > .col.m5 { grid-column: span 5; }
html[data-skin="sg26"] body #post.skeleton--full > .row > .col.m6 { grid-column: span 6; }
@media (max-width: 1023.98px) { html[data-skin="sg26"] body #post.skeleton--full > .row > .col:is(.m7, .m5, .m6) { grid-column: 1 / -1; } }

/* shared surfaces: every section and the KPI / tier cards = kit .card */
html[data-skin="sg26"] body #post.skeleton--full :is(.section, .aff-kpi-card, .aff-tier-card) {
  margin: 0 !important; box-sizing: border-box; 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) !important; color: var(--text) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .section { padding: 24px !important; }
html[data-skin="sg26"] body #post.skeleton--full .section + .section { margin-top: var(--gap-block) !important; }

/* tutorial button: kit tonal sm, top right */
html[data-skin="sg26"] body #post.skeleton--full .aff-tutorial-btn-row { display: flex; justify-content: flex-end; margin: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-tutorial-btn {
  display: inline-flex !important; align-items: center; gap: 6px; height: 32px !important; padding: 0 14px !important; border-radius: var(--r-full) !important;
  background: var(--tonal-bg) !important; border: 1px solid var(--border-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important; color: var(--text) !important; font: 500 13px/18px var(--f) !important;
}

/* KPI tiles: icon tile + badge, label, value (28/34); the first (available balance) is the highlighted card */
html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px !important; margin: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card { display: flex !important; flex-direction: column; gap: 4px; padding: 20px !important; min-width: 0; }
html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card:first-child {
  background: linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) var(--hl-a1), transparent), color-mix(in srgb, var(--brand-primary) var(--hl-a2), transparent)), var(--surface) !important;
  border-color: color-mix(in srgb, var(--brand-primary-text) 55%, transparent) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card .kpi-head { order: 0; display: flex !important; align-items: center; justify-content: space-between; margin: 0 0 12px !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card .kpi-icon {
  display: grid !important; place-items: center; width: 32px !important; height: 32px !important; border-radius: var(--r-md) !important; font-size: 16px !important;
  background: var(--fill-2) !important; color: var(--text-2) !important; box-shadow: inset 0 1px 0 var(--border) !important; border: 0 !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card .kpi-label { order: 1; margin: 0 !important; font: 400 13px/18px var(--f) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card .kpi-value { order: 2; margin: 0 !important; font: 500 28px/34px var(--f) !important; letter-spacing: -.03em !important; color: var(--text) !important; white-space: nowrap; }
html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card .kpi-value :is(small, span) { font-size: 15px !important; color: var(--text-2) !important; letter-spacing: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-trend {
  display: inline-flex !important; align-items: center; gap: 5px; height: 22px; padding: 0 9px !important; border-radius: var(--r-full) !important; box-sizing: border-box;
  background: var(--fill-2) !important; border: 1px solid var(--border-2) !important; color: var(--text-2) !important; font: 500 12px/16px var(--f) !important;
}

/* tier (bronze): warm tone of the board, warning-coloured bar */
html[data-skin="sg26"] body #post.skeleton--full .aff-tier-card {
  padding: 20px 24px !important; --t: var(--t-warning);
  background: linear-gradient(180deg, rgba(var(--t), .08), rgba(var(--t), .02)), var(--surface) !important; border-color: rgba(var(--t), .35) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-tier-head { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-tier-badge {
  display: inline-flex !important; align-items: center; gap: 6px; height: 28px; padding: 0 12px !important; border-radius: var(--r-full) !important; box-sizing: border-box;
  background: rgba(var(--t-warning), .12) !important; border: 1px solid rgba(var(--t-warning), .4) !important; color: var(--status-warning) !important; font: 500 13px/18px var(--f) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-tier-percent { font: 500 28px/34px var(--f) !important; letter-spacing: -.03em; color: var(--status-warning) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-tier-progress-row { display: flex; justify-content: space-between; margin: 0 0 8px !important; font: 400 13px/18px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #post.skeleton--full :is(.aff-tier-progress-bar, .aff-progress-bar) { height: 6px !important; border-radius: var(--r-full) !important; background: var(--border) !important; overflow: hidden; }
html[data-skin="sg26"] body #post.skeleton--full .aff-tier-progress-fill { height: 100%; border-radius: inherit; background: var(--status-warning) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-progress-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--brand-primary), var(--sg-accent-2)) !important; }

/* invite hero: kit .glow-card, left aligned; link field = pill with the primary «Copia» inside */
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-hero {
  position: relative; overflow: hidden; padding: 32px !important; text-align: left !important;
  background: radial-gradient(50% 80% at 85% 110%, color-mix(in srgb, var(--brand-primary) var(--glow-a1), transparent), transparent 70%), var(--surface) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-content { display: flex; flex-direction: column; align-items: flex-start !important; gap: 14px; text-align: left !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-icon { display: none !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-content :is(h2, h3) { margin: 0 !important; font: 500 28px/34px var(--f) !important; letter-spacing: -.027em !important; color: var(--text) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-content p { margin: 0 !important; font: 400 16px/25px var(--f) !important; color: var(--text-2) !important; text-align: left !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-content p :is(b, strong) { color: var(--text) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-link-wrap {
  position: relative; display: flex !important; align-items: center; gap: 8px; width: 100%; max-width: 580px; height: 52px; padding: 6px 6px 6px 16px !important; box-sizing: border-box;
  border-radius: var(--r-full) !important; background: var(--input-bg) !important; border: 1px solid var(--border-strong) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-link-wrap #copy-input { flex: 1; min-width: 0; height: 38px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-align: left !important; color: var(--text) !important; font: 500 15px/22px var(--f) !important; }
html[data-skin="sg26"] body #post.skeleton--full #copy-button {
  display: inline-flex !important; align-items: center; gap: 8px; height: 40px !important; padding: 0 18px !important; border-radius: var(--r-full) !important; border: 0 !important;
  background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important; font: 500 14px/20px var(--f) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-share-row { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-start !important; gap: 8px; }
html[data-skin="sg26"] body #post.skeleton--full .aff-share-btn {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; width: auto !important; min-width: 40px; height: 32px !important; padding: 0 12px !important;
  border-radius: var(--r-full) !important; background: var(--tonal-bg) !important; border: 1px solid var(--border-2) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
  color: var(--text) !important; font: 500 13px/18px var(--f) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-share-btn:hover { border-color: var(--border-hover) !important; color: var(--text-max) !important; }
html[data-skin="sg26"] body #post.skeleton--full :is(#copy-button, .aff-share-btn, .aff-tutorial-btn):focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* card heads (performance, method, lists): title 17/24 + sub, icon tiles neutral */
html[data-skin="sg26"] body #post.skeleton--full .aff-form-head { display: flex !important; align-items: flex-start; gap: 12px; margin: 0 0 20px !important; padding: 0 !important; border: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-form-icon { display: none !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-form-head :is(h2, h3, h4) { margin: 0 !important; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-form-head .sub { margin: 2px 0 0 !important; font: 400 13px/18px var(--f) !important; color: var(--text-2) !important; }

/* performance: 3-cell inset + sparkline + top sources */
html[data-skin="sg26"] body #post.skeleton--full .aff-perf-grid {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 20px !important; overflow: hidden;
  border-radius: var(--r-inset) !important; background: var(--fill-3) !important; border: 1px solid var(--inset-border) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
html[data-skin="sg26"] body #post.skeleton--full .aff-perf-cell { display: flex !important; flex-direction: column-reverse; align-items: flex-start !important; gap: 2px; padding: 12px 14px !important; text-align: left !important; background: transparent !important; border: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-perf-cell + .aff-perf-cell { border-left: 1px solid var(--border) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-perf-cell .num { font: 500 20px/26px var(--f) !important; color: var(--text) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-perf-cell .lbl { font: 400 12px/16px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--text-3) !important; }
html[data-skin="sg26"] body #post.skeleton--full :is(.aff-spark-head, .aff-sources-head) { display: flex; justify-content: space-between; margin: 0 0 10px !important; font: 500 13px/18px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--text) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-spark-head .val { color: var(--text-2) !important; font-size: 12px !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-sources-section { margin-top: 20px !important; padding: 0 !important; border: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-empty-mini { font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; }

/* withdraw CTA */
html[data-skin="sg26"] body #post.skeleton--full .aff-progress-label { display: flex; justify-content: space-between; margin: 0 0 8px !important; font: 400 13px/18px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-withdraw-cta .button { height: 44px !important; margin-top: 16px !important; border-radius: var(--r-full) !important; font: 500 15px/20px var(--f) !important; text-transform: none !important; }

/* payout method: two radio cards (selected = brand), fields, warning, Salva */
html[data-skin="sg26"] body #post.skeleton--full .aff-method-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px !important; margin: 0 0 20px !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-method-card {
  display: flex !important; align-items: flex-start; gap: 12px; padding: 16px !important; margin: 0 !important; cursor: pointer;
  border-radius: var(--r-inset) !important; background: var(--surface-alt) !important; border: 1px solid var(--border) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-method-card.active { background: var(--brand-primary-subtle) !important; border-color: var(--brand-primary-text) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-method-icon { display: grid !important; place-items: center; width: 32px !important; height: 32px !important; border-radius: var(--r-md) !important; background: var(--fill-2) !important; color: var(--text-2) !important; border: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-method-title { display: flex; align-items: center; gap: 8px; font: 500 14px/20px var(--f) !important; color: var(--text) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-method-desc { margin-top: 2px; font: 400 12px/16px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-method-badge {
  display: inline-flex !important; align-items: center; height: 20px; padding: 0 8px !important; border-radius: var(--r-full) !important;
  background: var(--brand-primary-subtle) !important; border: 1px solid color-mix(in srgb, var(--sg-accent-2) 28%, transparent) !important; color: var(--sg-soft) !important; font: 500 12px/16px var(--f) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-usdt-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px; margin: 0 0 16px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-usdt-panel .aff-field { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-field label { display: block; margin: 0 0 6px !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; text-transform: none !important; letter-spacing: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-warning-banner {
  --t: var(--t-warning); display: flex !important; align-items: flex-start; gap: 12px; margin: 0 0 16px !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; font: 400 13px/20px var(--f) !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-warning-banner .mdi { color: var(--status-warning) !important; font-size: 18px; }

/* lists + empties */
html[data-skin="sg26"] body #post.skeleton--full .aff-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 32px 16px !important; text-align: center; border-radius: var(--r-inset) !important; border: 1px dashed var(--border-dash) !important; background: var(--fill-1) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-empty :is(h4, .title, strong) { font: 500 14px/20px var(--f) !important; color: var(--text) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-empty p { margin: 0; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; }

@media (max-width: 1023.98px) {
  html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #post.skeleton--full .aff-invite-hero { padding: 20px !important; }
  html[data-skin="sg26"] body #post.skeleton--full .aff-invite-content :is(h2, h3) { font-size: 22px !important; line-height: 28px !important; }
  html[data-skin="sg26"] body #post.skeleton--full :is(.aff-method-grid, .aff-usdt-panel) { grid-template-columns: minmax(0, 1fr); }
  html[data-skin="sg26"] body #post.skeleton--full .section { padding: 20px !important; }
}

/* the fragment prints one .row per band: the board's block gap between them */
html[data-skin="sg26"] body #post.skeleton--full > .row + .row { margin-top: var(--gap-block) !important; }
/* the 7-step tour (fragment JS positions it; its <style> paints it dark with literals): kit modal surface on tokens, both themes;
   kit pills in the footer; on the phone a bottom card with the page margins (kit §9), progress on its own line. */
html[data-skin="sg26"] body #aff-tour-tooltip {
  background: var(--modal-bg) !important; color: var(--text) !important; border: 1px solid var(--border-2) !important; border-radius: var(--r-xl) !important;
  box-shadow: inset 0 1px 0 var(--border), var(--shadow-lg) !important; font-family: var(--f) !important; padding: 20px 22px 18px !important;
}
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-arrow { background: var(--modal-bg) !important; border-color: var(--border-2) !important; }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-header .icon-small {
  border-radius: var(--r-md) !important; background: var(--sg-gradient-fill) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important;
}
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-header h4 { font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-body { color: var(--text-2) !important; font: 400 14px/21px var(--f) !important; }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-body ul { color: var(--text-2) !important; }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-body :is(b, strong) { color: var(--text) !important; }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-body code { background: var(--fill-2) !important; color: var(--text) !important; font-family: var(--font-mono) !important; }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-body .hint {
  --t: var(--t-warning); background: rgba(var(--t), .06) !important; border: 1px solid rgba(var(--t), .28) !important; border-left-width: 1px !important;
  border-radius: var(--r-inset) !important; color: var(--text) !important; font: 400 13px/20px var(--f) !important;
}
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-footer .progress { color: var(--text-3) !important; font: 500 12px/16px var(--f) !important; }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-footer .button {
  display: inline-flex !important; align-items: center; justify-content: center; height: 32px; padding: 0 14px !important; box-sizing: border-box; border-radius: var(--r-full) !important;
  border: 1px solid var(--border-2) !important; background: var(--tonal-bg) !important; color: var(--text) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
  font: 500 13px/18px var(--f) !important; text-transform: none !important;
}
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-footer #aff-tour-skip { background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-footer #aff-tour-next { background: var(--brand-primary) !important; border-color: transparent !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important; }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-footer .button:hover { transform: translateY(-1px); }
html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-footer .button:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body #aff-tour-highlight { border-color: var(--brand-primary-border) !important; box-shadow: 0 0 0 4px var(--brand-primary-subtle) !important; border-radius: var(--r-lg) !important; }
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #aff-tour-tooltip {
    position: fixed !important; left: var(--pad-page) !important; right: var(--pad-page) !important; top: auto !important;
    bottom: calc(var(--pad-page) + env(safe-area-inset-bottom, 0px)) !important; width: auto !important; max-width: none !important; transform: none !important;
    padding: 18px 16px 16px !important; max-height: calc(100dvh - 2 * var(--pad-page)); overflow-y: auto;
  }
  html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-arrow { display: none !important; }
  html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-footer { flex-wrap: wrap !important; gap: 8px !important; }
  html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-footer .progress { flex: 1 1 100% !important; margin: 0 0 2px !important; }
  html[data-skin="sg26"] body #aff-tour-tooltip .aff-tour-tooltip-footer .button { flex: 1 1 0; height: 44px; min-width: 0; }
}
/* while the tour is open the support-chat button (#sgchatFab, fixed bottom-right, z 99998) would cover its primary button */
html[data-skin="sg26"] body:has(#aff-tour-tooltip.show) #sgchatFab { visibility: hidden; }

/* Vera gate 10/10: phone KPIs 2x2, link + Copia in one pill, labelled share buttons (their own title), «Salva metodo» = secondary sm */
html[data-skin="sg26"] body #post.skeleton--full .aff-share-btn svg { width: 16px !important; height: 16px !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-share-btn::after { content: attr(title); }
html[data-skin="sg26"] body #post.skeleton--full .aff-form-card:has(.aff-method-grid) button.fluid.button[type="submit"] {
  display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; height: 40px !important; margin: 0 0 0 auto !important; padding: 0 18px !important; float: none !important;
  border-radius: var(--r-full) !important; border: 1px solid transparent !important; background: var(--btn2-bg) !important; color: var(--btn2-fg) !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12) !important; font: 500 14px/20px var(--f) !important; text-transform: none !important;
}
html[data-skin="sg26"] body #post.skeleton--full .aff-form-card:has(.aff-method-grid) form { display: flex; flex-direction: column; }
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card { padding: 14px !important; }
  html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card .kpi-value { font-size: 20px !important; line-height: 26px !important; }
  html[data-skin="sg26"] body #post.skeleton--full .aff-kpi-card .kpi-value :is(small, span) { font-size: 12px !important; }
  html[data-skin="sg26"] body #post.skeleton--full .aff-invite-link-wrap #copy-input { font-size: 14px !important; text-overflow: ellipsis; }
  html[data-skin="sg26"] body #post.skeleton--full #copy-button { padding: 0 14px !important; }
}
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-content .aff-invite-link-wrap { flex-direction: row !important; flex-wrap: nowrap !important; height: 52px !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-content .aff-invite-link-wrap > #copy-input { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-invite-content .aff-invite-link-wrap > #copy-button { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; position: static !important; }
/* the in-page Tutorial is the only one (the topbar copy is gone, override affiliates.php): the fragment hides it, show it */
html[data-skin="sg26"] body #post.skeleton--full .aff-tutorial-btn-row .aff-tutorial-btn { visibility: visible !important; opacity: 1 !important; }

/* ==== AFFILIATE: card titles (both views) ==== the fragment paints the card titles, their subtitles and the spark unit #fff in both themes
   (invisible in light): text tokens instead, wherever the fragment prints them (client /affiliate, admin /affiliate, /affiliate/access). */
html[data-skin="sg26"] body #post.skeleton--full .aff-chart-head h4 { color: var(--text) !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-chart-head .sub { color: var(--text-3) !important; opacity: 1 !important; }
html[data-skin="sg26"] body #post.skeleton--full .aff-spark-head .val small { color: var(--text-3) !important; opacity: 1 !important; }

/* ==== AFFILIATE ADMIN (GET /affiliate as admin; boards AdminAffiliatesModule / ...Ops). Scope = the admin branch: #post holding
   .aff-stats-strip, the admin group's scope (pages/admin.css section 13 keeps the charts row, bonus fields, toggles). ==== */
/* compact KPI tiles (board kpi-card): label, value (kpi-sm 20/26), the trend as a caption under it; no icon tile, no sparkline, no highlight */
html[data-skin="sg26"] body #post.skeleton--full:has(.aff-stats-strip) .aff-kpi-card { gap: 6px !important; padding: 18px 20px !important; }
html[data-skin="sg26"] body #post.skeleton--full:has(.aff-stats-strip) .aff-kpi-card:first-child {
  background: var(--card-bg) padding-box, var(--card-edge) border-box !important; border-color: transparent !important;
}
html[data-skin="sg26"] body #post.skeleton--full:has(.aff-stats-strip) .aff-kpi-card :is(.kpi-icon, .kpi-spark) { display: none !important; }
html[data-skin="sg26"] body #post.skeleton--full:has(.aff-stats-strip) .aff-kpi-card .kpi-head { order: 3; justify-content: flex-start; margin: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full:has(.aff-stats-strip) .aff-kpi-card .kpi-head .aff-trend {
  height: auto; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important;
  color: var(--text-3) !important; font: 400 12px/16px var(--f) !important; letter-spacing: .01em;
}
html[data-skin="sg26"] body #post.skeleton--full:has(.aff-stats-strip) .aff-kpi-card .kpi-label { color: var(--text-3) !important; font: 400 12px/16px var(--f) !important; letter-spacing: .01em !important; }
html[data-skin="sg26"] body #post.skeleton--full:has(.aff-stats-strip) .aff-kpi-card .kpi-value { font: 500 20px/26px var(--f) !important; letter-spacing: -.025em !important; }
html[data-skin="sg26"] body #post.skeleton--full:has(.aff-stats-strip) .aff-kpi-card .kpi-value :is(small, span) { font-size: 13px !important; opacity: 1 !important; }

/* operations: withdrawals, enabled users, affiliate purchases = three kit cards with a table each (fork of the admin tab panel) */
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops > .col { padding: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-root { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--gap-block); min-width: 0; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .card { min-width: 0; margin: 0; color: var(--text); }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .card-pad { display: flex; flex-direction: column; gap: 20px; padding: var(--pad-card, 24px); }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .card-head { display: flex; align-items: center; gap: 12px; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .card-head > div { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-width: 0; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .card-head .h3 { margin: 0; color: var(--text); }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .aff-tab-content { display: block !important; margin: 0; padding: 0; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .t-scroll { overflow-x: auto; position: relative; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table { width: 100%; margin: 0; color: var(--text-2); border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-user { min-width: 160px; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-name { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--text); }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-user .caption { display: block; margin-top: 2px; color: var(--text-3); overflow-wrap: anywhere; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .aff-id-badge { display: inline; padding: 0; margin: 0; border: 0; background: none; color: inherit; font: inherit; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-name .aff-id-badge { color: var(--text-3); font-size: 12px; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .aff-arrow { color: var(--text-3); }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-method { display: inline-flex; flex-direction: column; gap: 2px; min-width: 120px; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-method .mono { display: block; max-width: 16ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-3); }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .num { white-space: nowrap; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .num small { color: var(--text-3); font-size: 12px; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-actions { text-align: right; white-space: nowrap; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-actions .r-wrap { display: inline-flex; gap: 6px; justify-content: flex-end; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-actions .btn { display: inline-flex; align-items: center; text-decoration: none; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops tr.aff-card-row-banned td:not(.sg-aff-actions) { opacity: .72; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .aff-custom-pct .input { width: 96px !important; height: 36px !important; padding: 0 12px !important; text-align: right; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .aff-custom-pct-suffix { color: var(--text-2) !important; opacity: 1 !important; font-size: 13px; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-tnote { margin: 12px 0 0; color: var(--text-3); }
/* table cells: the kit table, against the fragment's legacy th/td colours, borders and stripes */
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table th { border-radius: 0 !important; background: var(--fill-2) !important; color: var(--text-3) !important; font: 500 12px/16px var(--f) !important; letter-spacing: .02em; text-transform: none !important; border: 0 !important; border-bottom: 1px solid var(--border) !important; padding: 10px 16px !important; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table td { color: var(--text); font: 400 14px/20px var(--f); border-radius: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--border) !important; padding: 14px 16px !important; vertical-align: middle; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table tbody tr:last-child td { border-bottom: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table tbody tr:hover td { background: var(--fill-1) !important; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table tbody tr { background: transparent !important; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-user .caption, html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-user .caption * { color: var(--text-3) !important; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .aff-custom-pct { display: inline-flex; align-items: center; gap: 6px; padding: 0 !important; border: 0 !important; background: none !important; border-radius: 0 !important; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .card-head .caption { margin: 0; color: var(--text-3); }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-rank { width: 48px; color: var(--text-2); }
/* below 1100 every table stacks (label left, value right), so no table ever scrolls sideways (kit is-stack, extended from <768) */
@media (max-width: 1099.98px) {
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .t-scroll { overflow-x: clip; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack th { padding: 0 !important; border: 0 !important; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack,
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack tbody,
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack tr { display: block; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack tr { padding: 14px 0; border-bottom: 1px solid var(--border) !important; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack tbody tr:last-child { border-bottom: 0 !important; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack td {
    display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 28px; padding: 4px 0 !important; border: 0 !important; text-align: right;
  }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack td::before { content: attr(data-label); flex-shrink: 0; font: 500 12px/16px var(--f); letter-spacing: .02em; color: var(--text-3); text-align: left; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack td:not([data-label]) { display: block; text-align: left; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack td:not([data-label])::before { content: none; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack tbody tr:hover td { background: transparent !important; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-user { min-width: 0; margin-bottom: 6px; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack td.sg-aff-actions { padding-top: 10px !important; text-align: left; white-space: normal; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-actions .r-wrap { justify-content: flex-start; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-method { align-items: flex-end; text-align: right; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-method .mono { max-width: 220px; }
  /* top affiliates: the rank sits beside the name */
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack tr:has(> td.sg-aff-rank) { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: 8px; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack tr:has(> td.sg-aff-rank) > td { grid-column: 2; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .table.is-stack tr:has(> td.sg-aff-rank) > td.sg-aff-rank { grid-column: 1; grid-row: 1; width: auto; }
}
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .card-pad { padding: 20px 16px; gap: 16px; }
  html[data-skin="sg26"] body #post.skeleton--full .sg-aff-ops .sg-aff-actions .btn { height: 40px; }
}

/* quick stats: four KPI tiles (board AdminAffiliatesModule, bottom row), same anatomy as the compact KPI tiles above */
html[data-skin="sg26"] body #post.skeleton--full .aff-stats-strip.sg-aff-tiles { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 0 !important; margin: 0 !important; flex-direction: unset; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-tiles > .sg-aff-tile {
  display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 18px 20px; box-sizing: border-box; border-radius: var(--r-xl);
  border: 1px solid transparent; background: var(--card-bg) padding-box, var(--card-edge) border-box; box-shadow: var(--card-shadow);
}
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-tile-lbl { font: 400 12px/16px var(--f); letter-spacing: .01em; color: var(--text-3); }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-tile-val { font: 500 20px/26px var(--f); letter-spacing: -.025em; color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap; }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-tile-val small { font-size: 13px; letter-spacing: 0; color: var(--text-2); }
html[data-skin="sg26"] body #post.skeleton--full .sg-aff-tile-cap { font: 400 12px/16px var(--f); letter-spacing: .01em; color: var(--text-3); }
@media (max-width: 1023.98px) { html[data-skin="sg26"] body #post.skeleton--full .aff-stats-strip.sg-aff-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #post.skeleton--full .sg-aff-tiles > .sg-aff-tile { padding: 14px; } }

/* ---------------------------------------------------------------------------------------------------------------------------
   WELCOME / help center (boards Welcome, WelcomeStates, WelcomeWhatsapp) — [SG-PATCH 2026-10-10 A285 | Felix, group core].
   L1 on inc/plugins/helpcenter/views/fragments/helpcenter.fragment.php (onboarding $Onb, video modal, auto-tutorial popup,
   WhatsApp/intl-tel-input, FAQ <details> are the plugin's). Root = .hc-wrap. Board order: hero, first steps, quick actions,
   video | quick numbers, FAQ (two columns, full width), support. The fragment's <style> is unprefixed: the html[data-skin] body
   .hc-wrap prefix outranks it, !important only where it uses it.
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body .hc-wrap { display: flex; flex-direction: column; gap: var(--gap-block); max-width: none !important; margin: 0 !important; padding: 0 !important; color: var(--text); font: 400 14px/22px var(--f); }
html[data-skin="sg26"] body .hc-wrap :is(h2, h3, p) { margin: 0; }

/* hero: kit .glow-card with the accent tile and the primary CTA */
html[data-skin="sg26"] body .hc-wrap .hc-hero {
  position: relative; overflow: hidden; display: flex; align-items: center; gap: 20px; margin: 0 !important; padding: 28px 32px !important;
  border-radius: var(--r-xl) !important; border: 1px solid var(--border) !important; box-shadow: var(--card-shadow) !important;
  background: radial-gradient(60% 140% at 85% 120%, color-mix(in srgb, var(--brand-primary) var(--glow-a1), transparent), transparent 70%), var(--surface) !important;
}
html[data-skin="sg26"] body .hc-wrap .hc-hero-icon {
  display: grid !important; place-items: center; width: 52px !important; height: 52px !important; flex-shrink: 0; border-radius: 14px !important; overflow: hidden;
  background: var(--sg-gradient-fill) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important; border: 0 !important;
}
html[data-skin="sg26"] body .hc-wrap .hc-hero-icon img { width: 30px !important; height: 30px !important; object-fit: contain; filter: brightness(0) invert(1); }
html[data-skin="sg26"] body .hc-wrap .hc-hero-text { flex: 1; min-width: 0; }
html[data-skin="sg26"] body .hc-wrap .hc-hero-text :is(h1, h2) { margin: 0 0 6px !important; font: 500 28px/34px var(--f) !important; letter-spacing: -.027em !important; color: var(--text) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-hero-text p { font: 400 15px/22px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-hero-cta {
  display: inline-flex !important; align-items: center; gap: 8px; height: 44px !important; padding: 0 22px !important; flex-shrink: 0; box-sizing: border-box;
  border-radius: var(--r-full) !important; border: 1px solid transparent !important; background: var(--brand-primary) !important; color: var(--brand-on-primary) !important;
  box-shadow: var(--sg-glow-rest) !important; font: 500 15px/20px var(--f) !important; text-transform: none !important; text-decoration: none !important; transition: var(--tr);
}
html[data-skin="sg26"] body .hc-wrap .hc-hero-cta:hover { transform: translateY(-1px); box-shadow: var(--sg-glow-hover) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-hero-cta:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* cards + heads (kit .card, icon-tile sm + 17/24 title, optional sub on the right) */
html[data-skin="sg26"] body .hc-wrap .hc-card {
  margin: 0 !important; padding: 24px !important; box-sizing: border-box; min-width: 0;
  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) !important;
}
html[data-skin="sg26"] body .hc-wrap .hc-card-head { display: flex !important; align-items: center; gap: 10px; margin: 0 0 20px !important; padding: 0 !important; border: 0 !important; }
html[data-skin="sg26"] body .hc-wrap .hc-card-head > .mdi {
  display: grid; place-items: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px; font-size: 15px; line-height: 1;
  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) !important; box-shadow: inset 0 1px 0 var(--border);
}
html[data-skin="sg26"] body .hc-wrap .hc-card-head h3 { flex: 1; margin: 0 !important; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; text-transform: none !important; }
html[data-skin="sg26"] body .hc-wrap .hc-card-head .sub { margin-left: auto; font: 400 12px/16px var(--f) !important; color: var(--text-2) !important; }

/* first steps: progress + 3 tiles */
html[data-skin="sg26"] body .hc-wrap .hc-progress-meta { display: flex; justify-content: space-between; margin: 0 0 8px !important; font: 500 12px/16px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-progress-meta .val { color: var(--text) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-progress-bar { height: 6px !important; margin: 0 0 20px !important; border-radius: var(--r-full) !important; background: var(--border) !important; overflow: hidden; }
html[data-skin="sg26"] body .hc-wrap .hc-progress-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--brand-primary), var(--sg-accent-2)) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-checklist { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
html[data-skin="sg26"] body .hc-wrap .hc-step {
  position: relative; display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 12px !important; padding: 16px !important; margin: 0 !important;
  border-radius: var(--r-inset) !important; background: var(--surface-alt) !important; border: 1px solid var(--border) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
  color: var(--text) !important; text-decoration: none !important;
}
html[data-skin="sg26"] body .hc-wrap .hc-step:not(.done) { background: linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) var(--hl-a1), transparent), color-mix(in srgb, var(--brand-primary) var(--hl-a2), transparent)) !important; border-color: color-mix(in srgb, var(--brand-primary-text) 55%, transparent) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-step-check { display: grid !important; place-items: center; width: 26px !important; height: 26px !important; border-radius: 50% !important; border: 0 !important; background: var(--sg-gradient-fill) !important; color: var(--brand-on-primary) !important; font-size: 14px; }
html[data-skin="sg26"] body .hc-wrap .hc-step.done .hc-step-check { background: rgba(var(--t-success), .14) !important; color: var(--status-success) !important; box-shadow: inset 0 0 0 1px rgba(var(--t-success), .26); }
html[data-skin="sg26"] body .hc-wrap .hc-step-info .title { font: 500 14px/20px var(--f) !important; color: var(--text) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-step-info .desc { margin-top: 2px; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-step-go { position: absolute; top: 16px; right: 16px; color: var(--text-3) !important; font-size: 16px; }
html[data-skin="sg26"] body .hc-wrap .hc-step:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

/* quick actions: 4 inset tiles, icon tile + ↗ */
html[data-skin="sg26"] body .hc-wrap .hc-actions-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px !important; }
html[data-skin="sg26"] body .hc-wrap .hc-action {
  position: relative; display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 6px !important; min-height: 0 !important; padding: 18px !important; margin: 0 !important;
  border-radius: var(--r-inset) !important; background: var(--surface-alt) !important; border: 1px solid var(--border) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
  color: var(--text) !important; text-decoration: none !important; text-align: left !important; transition: var(--tr);
}
html[data-skin="sg26"] body .hc-wrap .hc-action:hover { border-color: var(--border-hover) !important; transform: none !important; }
html[data-skin="sg26"] body .hc-wrap .hc-action::after {
  content: ""; position: absolute; top: 18px; right: 18px; width: 14px; height: 14px; background: var(--text-3);
  -webkit-mask: var(--sgc-ico-external) center / contain no-repeat; mask: var(--sgc-ico-external) center / contain no-repeat;
}
html[data-skin="sg26"] body .hc-wrap .hc-action:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
html[data-skin="sg26"] body .hc-wrap :is(.hc-action-icon, .hc-kpi-row-icon, .hc-sup-icon) {
  display: grid !important; place-items: center; width: 32px !important; height: 32px !important; flex-shrink: 0; margin: 0 0 6px !important; border-radius: var(--r-md) !important; border: 0 !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; box-shadow: inset 0 1px 0 var(--border) !important; font-size: 17px !important;
}
html[data-skin="sg26"] body .hc-wrap :is(.hc-action-icon, .hc-kpi-row-icon, .hc-sup-icon) .mdi { color: inherit !important; font-size: inherit !important; }
html[data-skin="sg26"] body .hc-wrap .hc-action-title { font: 500 14px/20px var(--f) !important; color: var(--text) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-action-desc { font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; }

/* video | quick numbers, then FAQ full width (the left wrapper is flattened into the grid) */
html[data-skin="sg26"] body .hc-wrap .hc-two-col { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(300px, 400px); gap: var(--gap-block) !important; align-items: stretch; }
html[data-skin="sg26"] body .hc-wrap .hc-two-col > .hc-two-col-left { display: contents !important; }
html[data-skin="sg26"] body .hc-wrap .hc-two-col > :not(.hc-two-col-left) { grid-column: 1 / -1; min-width: 0; display: flex; flex-direction: column; gap: var(--gap-block); }
html[data-skin="sg26"] body .hc-wrap .hc-video-stage { position: relative; aspect-ratio: 16 / 9; padding: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; border-radius: var(--r-lg) !important; overflow: hidden; border: 1px solid var(--border) !important; background: var(--surface-alt) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-video-play {
  width: 64px !important; height: 64px !important; border-radius: 50% !important; background: var(--brand-primary) !important; color: var(--brand-on-primary) !important;
  box-shadow: 0 0 0 10px color-mix(in srgb, var(--brand-primary) 18%, transparent), var(--sg-glow-hover) !important; border: 0 !important;
}
html[data-skin="sg26"] body .hc-wrap .hc-video-tagline { margin: 16px 0 0 !important; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-kpi-list { display: flex; flex-direction: column; gap: 16px; }
html[data-skin="sg26"] body .hc-wrap .hc-kpi-row {
  display: flex !important; align-items: center; gap: 16px; flex: 1; min-height: 112px; padding: 20px !important; margin: 0 !important; box-sizing: border-box;
  border-radius: var(--r-inset) !important; background: var(--surface-alt) !important; border: 1px solid var(--border) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
}
html[data-skin="sg26"] body .hc-wrap .hc-kpi-row-icon { width: 40px !important; height: 40px !important; margin: 0 !important; }
html[data-skin="sg26"] body .hc-wrap .hc-kpi-row-text { display: flex; flex-direction: column; gap: 2px; }
html[data-skin="sg26"] body .hc-wrap .hc-kpi-row-val { font: 500 28px/34px var(--f) !important; letter-spacing: -.03em; color: var(--text) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-kpi-row-lbl { font: 400 13px/18px var(--f) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--text-2) !important; }

/* FAQ: two columns of <details> rows */
html[data-skin="sg26"] body .hc-wrap .hc-faq { display: block !important; column-count: 2; column-gap: 40px; }
html[data-skin="sg26"] body .hc-wrap .hc-faq details {
  break-inside: avoid; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important;
}
html[data-skin="sg26"] body .hc-wrap .hc-faq summary {
  display: flex !important; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 14px 4px !important; box-sizing: border-box; cursor: pointer; list-style: none;
  font: 500 14px/20px var(--f) !important; color: var(--text) !important; background: transparent !important;
}
html[data-skin="sg26"] body .hc-wrap .hc-faq summary::-webkit-details-marker { display: none; }
html[data-skin="sg26"] body .hc-wrap .hc-faq summary::after {
  content: "" !important; width: 16px; height: 16px; flex-shrink: 0; background: var(--text-3); transform: none; transition: transform .2s var(--ease);
  -webkit-mask: var(--sgc-ico-chevd) center / contain no-repeat; mask: var(--sgc-ico-chevd) center / contain no-repeat;
}
html[data-skin="sg26"] body .hc-wrap .hc-faq details[open] summary::after { transform: rotate(180deg); }
html[data-skin="sg26"] body .hc-wrap .hc-faq summary:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; border-radius: var(--r-md); }
html[data-skin="sg26"] body .hc-wrap .hc-faq-body { padding: 0 4px 16px !important; }
html[data-skin="sg26"] body .hc-wrap .hc-faq-body p { margin: 0 0 8px !important; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; }

/* support tiles */
html[data-skin="sg26"] body .hc-wrap .hc-support { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px !important; }
html[data-skin="sg26"] body .hc-wrap .hc-sup-card {
  position: relative; display: flex !important; align-items: center; gap: 14px; padding: 16px 18px !important; margin: 0 !important;
  border-radius: var(--r-inset) !important; background: var(--surface-alt) !important; border: 1px solid var(--border) !important; box-shadow: inset 0 1px 0 var(--hi) !important;
  color: var(--text) !important; text-decoration: none !important;
}
html[data-skin="sg26"] body .hc-wrap .hc-sup-card::after {
  content: ""; margin-left: auto; width: 14px; height: 14px; flex-shrink: 0; background: var(--text-3);
  -webkit-mask: var(--sgc-ico-external) center / contain no-repeat; mask: var(--sgc-ico-external) center / contain no-repeat;
}
html[data-skin="sg26"] body .hc-wrap .hc-sup-icon { width: 40px !important; height: 40px !important; margin: 0 !important; }
html[data-skin="sg26"] body .hc-wrap .hc-sup-info .lbl { font: 500 14px/20px var(--f) !important; color: var(--text) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-sup-info .desc { font: 400 12px/16px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body .hc-wrap .hc-sup-card:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }

@media (max-width: 1279.98px) {
  html[data-skin="sg26"] body .hc-wrap .hc-actions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023.98px) {
  html[data-skin="sg26"] body .hc-wrap .hc-two-col { grid-template-columns: minmax(0, 1fr); }
  html[data-skin="sg26"] body .hc-wrap .hc-checklist { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body .hc-wrap .hc-hero { flex-direction: column; align-items: flex-start; padding: 20px !important; }
  html[data-skin="sg26"] body .hc-wrap .hc-hero-text :is(h1, h2) { font-size: 22px !important; line-height: 28px !important; }
  html[data-skin="sg26"] body .hc-wrap .hc-hero-cta { width: 100%; justify-content: center; }
  html[data-skin="sg26"] body .hc-wrap .hc-card { padding: 20px !important; }
  html[data-skin="sg26"] body .hc-wrap .hc-faq { column-count: 1; }
  html[data-skin="sg26"] body .hc-wrap .hc-support { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 479.98px) {
  html[data-skin="sg26"] body .hc-wrap .hc-actions-grid { grid-template-columns: minmax(0, 1fr); }
}
html[data-skin="sg26"] body .hc-wrap .hc-video-stage :is(.hc-video-thumb, .hc-video-frame) { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }
html[data-skin="sg26"] body .hc-wrap .hc-video-stage .hc-video-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* Welcome auto-tutorial video pop-up (helpcenter, .hc-auto-popup): kit scrim and radius; the close button inside the frame;
   on the phone a bottom card 16px from the edges (kit §9 modal rule). The skip-confirm box = kit modal. */
html[data-skin="sg26"] body .hc-auto-popup { background: var(--scrim) !important; }
html[data-skin="sg26"] body .hc-auto-popup .hc-auto-popup__inner { border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-lg); }
html[data-skin="sg26"] body .hc-auto-popup .hc-auto-popup__video { border-radius: 0 !important; }
html[data-skin="sg26"] body .hc-auto-popup .hc-auto-popup__close {
  top: 10px !important; right: 10px !important; z-index: 2; width: 32px !important; height: 32px !important; border-radius: 50% !important;
  background: color-mix(in srgb, var(--bg) 70%, transparent) !important; color: var(--text) !important; border: 1px solid var(--border-2) !important; box-shadow: none !important;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
html[data-skin="sg26"] body .hc-auto-popup .hc-auto-popup__close:hover { background: color-mix(in srgb, var(--bg) 85%, transparent) !important; color: var(--text-max) !important; }
html[data-skin="sg26"] body .hc-auto-popup :focus-visible { outline: 2px solid var(--brand-focus-ring) !important; }
html[data-skin="sg26"] body .hc-auto-popup__confirm { background: var(--scrim) !important; }
html[data-skin="sg26"] body .hc-auto-popup__confirm .hc-auto-popup__confirm-box { background: var(--modal-bg) !important; color: var(--text) !important; border: 1px solid var(--border-2) !important; border-radius: var(--r-xl) !important; box-shadow: inset 0 1px 0 var(--border), var(--shadow-lg) !important; font-family: var(--f); }
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body .hc-auto-popup.is-open { align-items: flex-end !important; padding: 0 var(--pad-page) calc(var(--pad-page) + env(safe-area-inset-bottom, 0px)) !important; }
  html[data-skin="sg26"] body .hc-auto-popup .hc-auto-popup__inner { width: 100% !important; max-height: calc(100dvh - 2 * var(--pad-page)); }
  html[data-skin="sg26"] body .hc-auto-popup__confirm.is-open { align-items: flex-end !important; padding: 0 var(--pad-page) calc(var(--pad-page) + env(safe-area-inset-bottom, 0px)) !important; }
  html[data-skin="sg26"] body .hc-auto-popup__confirm .hc-auto-popup__confirm-box { width: 100%; max-width: none !important; box-sizing: border-box; }
}
html[data-skin="sg26"] body:has(.hc-auto-popup.is-open) #sgchatFab { visibility: hidden; }

/* ---------------------------------------------------------------------------------------------------------------------------
   ADD ACCOUNT (boards AddAccount, AddAccountVerify) — [SG-PATCH 2026-10-10 A285 | Felix, group core]. /accounts/new and
   /accounts/{id} render Proxy Manager Pro's pmp.account.php (#pmp-account), which PMP re-copies from storage/4.2: L1 only,
   never forked (plan §2.3). The hero (.ig-login-hero, injected by the global topbar script), the «Password dimenticata?» link
   and the Meta mark are the product's. Grid: hero card | form card (456). The help text (.card-body) moves under the button.
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body #pmp-account {
  display: grid !important; grid-template-columns: minmax(0, 1fr) 456px; gap: var(--gap-block) 32px; align-items: start; align-content: start;
  padding: 29px var(--pad-page) 30px !important; min-height: 0 !important;
}
html[data-skin="sg26"] body #pmp-account > :is(.section-header, script, style) { grid-column: 1 / -1; }
html[data-skin="sg26"] body #pmp-account > form { grid-column: 2; grid-row: 1; min-width: 0; margin: 0 !important; }
html[data-skin="sg26"] body #pmp-account > form :is(.container-1200, .row, .col) {
  float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; left: auto; right: auto;
}
html[data-skin="sg26"] body #pmp-account > form .row::before,
html[data-skin="sg26"] body #pmp-account > form .row::after { content: none; display: none; }

/* hero card */
html[data-skin="sg26"] body #pmp-account > .ig-login-hero {
  grid-column: 1; grid-row: 1; position: relative !important; top: auto !important; left: auto !important; transform: none !important; overflow: hidden; margin: 0 !important; width: auto !important; padding: 36px !important; box-sizing: border-box; min-height: 0 !important; height: auto !important;
  border-radius: var(--r-xl) !important; border: 1px solid var(--border) !important; box-shadow: var(--card-shadow) !important;
  background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent 60%), var(--surface) !important;
}
html[data-skin="sg26"] body #pmp-account .ig-login-hero__inner { display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 4px; margin: 0 !important; padding: 0 !important; text-align: left !important; }
html[data-skin="sg26"] body #pmp-account .ig-login-hero__headline {
  margin: 0 !important; padding: 0 !important; font: 500 28px/34px var(--f) !important; letter-spacing: -.027em !important; text-align: left !important;
  color: var(--text) !important; background: none !important; -webkit-text-fill-color: currentColor !important;
}
html[data-skin="sg26"] body #pmp-account .ig-login-hero__brand { display: block; height: 32px !important; width: auto !important; max-width: 100%; margin: 6px 0 0 !important; filter: var(--logo-filter); }
html[data-skin="sg26"] body #pmp-account .ig-login-hero__image { display: none !important; }
/* the board's connection strip: Instagram -> lock -> growth, inset box */
html[data-skin="sg26"] body #pmp-account .ig-login-hero__inner::after {
  content: ""; display: block; align-self: stretch; height: 140px; margin-top: 28px; box-sizing: border-box;
  border-radius: var(--r-inset); background-color: var(--fill-3); border: 1px solid var(--inset-border); box-shadow: inset 0 1px 0 var(--hi);
}
/* the connection strip as drawn: three mask layers on one box (tiles = raised surface; glyphs and outlines = text; dots and the
   growth arrow = accent). Layers: hero::before, hero::after, headline::after (all absolute to the hero). */
html[data-skin="sg26"] body #pmp-account > .ig-login-hero::before,
html[data-skin="sg26"] body #pmp-account > .ig-login-hero::after,
html[data-skin="sg26"] body #pmp-account .ig-login-hero__headline::after {
  content: ""; position: absolute; z-index: 1; left: 36px; right: 36px; bottom: 36px; height: 140px; pointer-events: none;
  -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto 72px; mask-size: auto 72px;
}
html[data-skin="sg26"] body #pmp-account > .ig-login-hero::before { background: var(--surface-raised); -webkit-mask-image: var(--sgc-strip-tiles); mask-image: var(--sgc-strip-tiles); }
html[data-skin="sg26"] body #pmp-account > .ig-login-hero::after { background: var(--text); -webkit-mask-image: var(--sgc-strip-glyphs); mask-image: var(--sgc-strip-glyphs); }
html[data-skin="sg26"] body #pmp-account .ig-login-hero__headline::after { background: var(--sg-soft); -webkit-mask-image: var(--sgc-strip-accent); mask-image: var(--sgc-strip-accent); }

/* form card */
html[data-skin="sg26"] body #pmp-account > form .section {
  display: flex !important; flex-direction: column; gap: 0; padding: 24px !important; margin: 0 !important;
  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) !important;
}
html[data-skin="sg26"] body #pmp-account > form .section::before { content: none !important; display: none !important; }
html[data-skin="sg26"] body #pmp-account > form .section > .section-content,
html[data-skin="sg26"] body #pmp-account > form .section > .section-content > .js-login:not(.none) { display: contents !important; }
html[data-skin="sg26"] body #pmp-account > form .section .card-body {
  order: 10; margin: 20px 0 0 !important; padding: 20px 0 0 !important; border-top: 1px solid var(--border); background: transparent !important; box-shadow: none !important;
}
html[data-skin="sg26"] body #pmp-account > form .section .card-body > br { display: none; }
html[data-skin="sg26"] body #pmp-account > form .section .card-text { margin: 0 !important; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; text-align: left !important; }
html[data-skin="sg26"] body #pmp-account .sg-help-link { color: var(--sg-soft) !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--sg-soft) 50%, transparent); }
html[data-skin="sg26"] body #pmp-account .sg-help-link b { font-weight: 500; }
html[data-skin="sg26"] body #pmp-account .form-label { display: block; margin: 0 0 6px !important; font: 500 13px/18px var(--f) !important; color: var(--text) !important; text-transform: none !important; letter-spacing: 0 !important; }
html[data-skin="sg26"] body #pmp-account .js-login > .mb-20 { margin-bottom: 18px !important; }
html[data-skin="sg26"] body #pmp-account > form .section input.input:not([type="submit"]) { height: 40px !important; padding: 0 12px !important; border-radius: var(--r-md) !important; font: 400 14px/22px var(--f) !important; }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #pmp-account > form .section input.input:not([type="submit"]) { height: 44px !important; font-size: 16px !important; } }
html[data-skin="sg26"] body #pmp-account :is(.username-box, .password-box) { padding-left: 38px !important; background-repeat: no-repeat !important; background-position: 12px center !important; background-size: 16px 16px !important; }

/* tips -> icon rows (board order: device request, password never stored, privacy) */
html[data-skin="sg26"] body #pmp-account ul.field-tips { order: 8; display: flex; flex-direction: column; gap: 14px; margin: 20px 0 0 !important; padding: 20px 0 0 !important; border: 0 !important; border-top: 1px solid var(--border) !important; background: transparent !important; list-style: none; }
html[data-skin="sg26"] body #pmp-account ul.field-tips > br { display: none; }
html[data-skin="sg26"] body #pmp-account ul.field-tips > li {
  position: relative; display: block; margin: 0 !important; padding: 0 0 0 40px !important; min-height: 28px; list-style: none;
  font: 400 13px/20px var(--f) !important; color: var(--text-2) !important;
}
html[data-skin="sg26"] body #pmp-account ul.field-tips > li::marker { content: none; }
html[data-skin="sg26"] body #pmp-account ul.field-tips > li::after {
  content: ""; position: absolute; left: 7px; top: 7px; width: 14px; height: 14px; background: var(--sg-soft);
  -webkit-mask: var(--sgc-ico-phone) center / contain no-repeat; mask: var(--sgc-ico-phone) center / contain no-repeat;
}
html[data-skin="sg26"] body #pmp-account ul.field-tips > li::before { content: ""; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 8px; 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[data-skin="sg26"] body #pmp-account ul.field-tips > li:nth-of-type(2)::after { -webkit-mask-image: var(--sgc-ico-send); mask-image: var(--sgc-ico-send); }
html[data-skin="sg26"] body #pmp-account ul.field-tips > li:nth-of-type(3)::after { -webkit-mask-image: var(--sgc-ico-shield); mask-image: var(--sgc-ico-shield); }
html[data-skin="sg26"] body #pmp-account ul.field-tips.pmp-email-password-warning { order: 2; }

/* submit = kit primary, 44 */
html[data-skin="sg26"] body #pmp-account > form .section > div:has(> input[type="submit"]) { order: 5; margin: 4px 0 0; }
html[data-skin="sg26"] body #pmp-account > form .section input.button--footer[type="submit"] {
  width: 100% !important; height: 44px !important; border-radius: var(--r-full) !important; border: 1px solid transparent !important;
  background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important;
  font: 500 15px/20px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important;
}
html[data-skin="sg26"] body #pmp-account > form .section input.button--footer[type="submit"]:hover { transform: translateY(-1px); box-shadow: var(--sg-glow-hover) !important; }
html[data-skin="sg26"] body #pmp-account .ig-forgot-pwd { order: 6; display: block !important; margin: 12px 0 0; text-align: center; }
html[data-skin="sg26"] body #pmp-account .ig-meta-logo { order: 9; display: flex !important; justify-content: center; margin: 20px 0 0; color: var(--text-2); }
html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > .ig-login-hero { display: block !important; }

@media (max-width: 1023.98px) {
  html[data-skin="sg26"] body #pmp-account { grid-template-columns: minmax(0, 1fr); row-gap: 0 !important; }
  html[data-skin="sg26"] body #pmp-account > form { grid-column: 1; grid-row: 2; margin-top: var(--gap-block) !important; }
}
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body #pmp-account > .ig-login-hero { padding: 24px !important; }
  html[data-skin="sg26"] body #pmp-account .ig-login-hero__headline { font-size: 22px !important; line-height: 28px !important; }
  html[data-skin="sg26"] body #pmp-account .ig-login-hero__inner::after { height: 104px; }
  html[data-skin="sg26"] body #pmp-account > .ig-login-hero::before,
  html[data-skin="sg26"] body #pmp-account > .ig-login-hero::after,
  html[data-skin="sg26"] body #pmp-account .ig-login-hero__headline::after { left: 24px; right: 24px; bottom: 24px; height: 104px; -webkit-mask-size: calc(100% - 24px) auto; mask-size: calc(100% - 24px) auto; }
  html[data-skin="sg26"] body #pmp-account > form .section { padding: 20px !important; }
}

/* field icons (board: @ and lock inside the fields): drawn by the field wrappers, the inputs keep the 38px gap */
html[data-skin="sg26"] body #pmp-account .js-login > .mb-20:has(> :is(.username-box, .password-box)) { position: relative; }
html[data-skin="sg26"] body #pmp-account .js-login > .mb-20:has(> :is(.username-box, .password-box))::after {
  content: ""; position: absolute; left: 12px; bottom: 12px; width: 16px; height: 16px; pointer-events: none; background: var(--text-3);
  -webkit-mask: var(--sgc-ico-at) center / contain no-repeat; mask: var(--sgc-ico-at) center / contain no-repeat;
}
html[data-skin="sg26"] body #pmp-account .js-login > .mb-20:has(> .password-box)::after { -webkit-mask-image: var(--sgc-ico-lock); mask-image: var(--sgc-ico-lock); }
@media (max-width: 767.98px) { html[data-skin="sg26"] body #pmp-account .js-login > .mb-20:has(> :is(.username-box, .password-box))::after { bottom: 14px; } }

/* «Problemi ad accedere?» as its own card (board). The text lives inside the PMP form (never forked), so the card is made in CSS:
   - desktop with anchor positioning: under the hero, anchored to it;
   - phone, tablet, and desktop browsers without anchor positioning: after the form card. The form card's surface moves from the
     section to a backdrop pseudo (absolute, its box = the grid area of every row but the last); the help text takes the last row, outside it.
   Heading text = the board. */
html[data-skin="sg26"] body div#pmp-account { position: relative; --sgc-aa-pad: 24px; }
html[data-skin="sg26"] body #pmp-account > div.ig-login-hero { anchor-name: --sgc-aa-hero; }
html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-body {
  display: block !important; position: relative; box-sizing: border-box; padding: 24px 24px 24px 72px !important; border: 1px solid transparent !important; border-radius: var(--r-xl) !important;
  background: var(--card-bg) padding-box, var(--card-edge) border-box !important; box-shadow: var(--card-shadow) !important;
}
html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-body::before {
  content: ""; position: absolute; left: 24px; top: 24px; width: 32px; height: 32px; border-radius: var(--r-md); 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[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-body::after {
  content: ""; position: absolute; left: 32px; top: 32px; width: 16px; height: 16px; background: var(--sg-soft);
  -webkit-mask: var(--sgc-ico-life) center / contain no-repeat; mask: var(--sgc-ico-life) center / contain no-repeat;
}
html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-text::before {
  content: "Problemi ad accedere?"; display: block; margin: 0 0 6px; font: 500 17px/24px var(--f); letter-spacing: -.01em; color: var(--text);
}
html[data-skin="sg26"] body.sghas-5306b709:lang(en) #pmp-account > form .section .card-text::before { content: "Trouble signing in?"; }
@supports (anchor-name: --a) {
  @media (min-width: 1024px) {
    html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-body {
      position: absolute !important; position-anchor: --sgc-aa-hero; top: calc(anchor(bottom) + var(--gap-block)); left: anchor(left); width: anchor-size(width); margin: 0 !important;
    }
  }
}
/* after the form: phone and tablet */
@media (max-width: 1023.98px) {
  html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section {
    display: grid !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(40, auto) auto;
    position: relative; isolation: isolate; padding: var(--sgc-aa-pad) var(--sgc-aa-pad) 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
  }
  html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section::after {
    content: "" !important; display: block !important; position: absolute; z-index: -1; grid-row: 1 / 41; inset: calc(var(--sgc-aa-pad) * -1) 0 calc(var(--sgc-aa-pad) * -1);
    border: 1px solid transparent; border-radius: var(--r-xl); background: var(--card-bg) padding-box, var(--card-edge) border-box; box-shadow: var(--card-shadow);
  }
  html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-body {
    grid-column: 1; grid-row: 41; margin: calc(var(--sgc-aa-pad) + var(--gap-block)) calc(var(--sgc-aa-pad) * -1) 0 !important;
  }
}
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body div#pmp-account { --sgc-aa-pad: 20px; }
  html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-body { padding: 20px 20px 20px 64px !important; }
  html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-body::before { left: 20px; top: 20px; }
  html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-body::after { left: 28px; top: 28px; }
}
/* the same, on desktop browsers without anchor positioning */
@supports not (anchor-name: --a) {
  @media (min-width: 1024px) {
    html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section {
      display: grid !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(40, auto) auto;
      position: relative; isolation: isolate; padding: var(--sgc-aa-pad) var(--sgc-aa-pad) 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
    }
    html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section::after {
      content: "" !important; display: block !important; position: absolute; z-index: -1; grid-row: 1 / 41; inset: calc(var(--sgc-aa-pad) * -1) 0 calc(var(--sgc-aa-pad) * -1);
      border: 1px solid transparent; border-radius: var(--r-xl); background: var(--card-bg) padding-box, var(--card-edge) border-box; box-shadow: var(--card-shadow);
    }
    html[data-skin="sg26"] body.sghas-5306b709 #pmp-account > form .section .card-body {
      grid-column: 1; grid-row: 41; margin: calc(var(--sgc-aa-pad) + var(--gap-block)) calc(var(--sgc-aa-pad) * -1) 0 !important;
    }
  }
}
/* account edit view (/accounts/{id}): the Meta mark under the card, as on /accounts/new (where the topbar script injects it). Same
   svg as the product's, as a mask (css-aa-meta: --sgc-ico-meta) */
html[data-skin="sg26"] body #pmp-account > form[data-account-state="existing"] .section > .js-login:has(> input[type="submit"])::after {
  content: ""; order: 9; display: block; align-self: center; justify-self: center; width: 70px; height: 14px; margin: 20px 0 0; background: var(--text-2);
  -webkit-mask: var(--sgc-ico-meta) center / contain no-repeat; mask: var(--sgc-ico-meta) center / contain no-repeat;
}
html[data-skin="sg26"] body #pmp-account > form .section input.input:is(.username-box, .password-box) { padding-left: 38px !important; }
/* /accounts/new: the injected «Password dimenticata?» and Meta mark live in the submit wrapper: flatten it so the card reads
   button, forgot link, tips, Meta (board) */
html[data-skin="sg26"] body #pmp-account > form .section > .js-login:has(> input[type="submit"]) { display: contents !important; }
html[data-skin="sg26"] body #pmp-account > form .section input.js-login[type="submit"] { order: 5; margin-top: 4px !important; }
html[data-skin="sg26"] body #pmp-account a.ig-forgot-pwd { order: 6; display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; align-self: center; margin: 14px 0 0 !important;
  color: var(--sg-soft) !important; font: 500 13px/18px var(--f) !important; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: color-mix(in srgb, var(--sg-soft) 50%, transparent); }
html[data-skin="sg26"] body #pmp-account a.ig-forgot-pwd::after { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: var(--sgc-ico-external) center / contain no-repeat; mask: var(--sgc-ico-external) center / contain no-repeat; }
html[data-skin="sg26"] body #pmp-account div.ig-meta-logo { order: 9; display: flex !important; justify-content: center; margin: 20px 0 0 !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body #pmp-account div.ig-meta-logo svg { display: block; width: auto !important; height: 14px !important; max-width: 80px; fill: currentColor; }

/* ---------------------------------------------------------------------------------------------------------------------------
   TERMS (boards Terms, Terms2-4, TermsM*, TermsMToc) — [SG-PATCH 2026-10-10 A285 | Felix, group core]. Decision F (10/10): /terms
   is the in-app page, as the board. Generated from the board's own CSS (landing family): only the blocks the page uses, the
   --lp-* palette mapped onto the app tokens, colour literals turned into token mixes, everything under .r-terms (the view root).
   Follows the landing theme policy (default dark, light only by the explicit sg-theme choice). Remaining literals (payment badges: image content, as on the board): 0.
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body .r-terms{--lp-bg:var(--bg);--lp-card:var(--surface);--lp-card-hi:var(--surface-alt);--lp-line:var(--border);--lp-line-2:var(--border-2);--lp-hi:var(--hi);--lp-text-2:var(--text-2);--lp-text-3:var(--text-3);--lp-soft:var(--sg-soft);--lp-cta:var(--brand-primary);--lp-azure:var(--sg-accent-2);--lp-red:var(--status-danger);--lp-fill:var(--fill-2);--lp-ink:var(--text-max);--lp-underline:color-mix(in srgb,var(--sg-soft) 55%,transparent);--lp-step-grad:var(--sg-grad-text);--lp-ease:var(--ease);--pf-focus-ring:var(--brand-focus-ring)}
html[data-skin="sg26"] body .r-terms .lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border-radius:999px;border:1px solid transparent;font:500 15px/20px var(--font-sans);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease,border-color .2s ease,color .2s ease}
html[data-skin="sg26"] body .r-terms .lp-btn-sm{height:34px;padding:0 14px;font-size:14px;line-height:20px}
html[data-skin="sg26"] body .r-terms .lp-btn-primary{background:var(--lp-cta);color:var(--brand-on-primary);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--brand-primary) 55%,transparent),0 14px 40px -12px color-mix(in srgb,var(--brand-primary) 60%,transparent)}
html[data-skin="sg26"] body .r-terms .lp-btn-primary:hover{background:var(--lp-cta);color:var(--brand-on-primary);transform:translateY(-1px);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 26%,transparent),0 0 0 1px color-mix(in srgb,var(--sg-accent-2) 55%,transparent),0 0 28px color-mix(in srgb,var(--sg-accent-2) 35%,transparent),0 16px 44px -12px color-mix(in srgb,var(--brand-primary) 80%,transparent)}
html[data-skin="sg26"] body .r-terms .lp-btn-primary:active{transform:none}
html[data-skin="sg26"] body .r-terms .lp-btn-light{background:var(--btn2-bg);color:var(--btn2-fg);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--shadow-c) 12%,transparent),0 12px 32px -14px color-mix(in srgb,var(--text) 30%,transparent)}
html[data-skin="sg26"] body .r-terms .lp-btn-light:hover{background:var(--btn2-bg);color:var(--btn2-fg);transform:translateY(-1px);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--shadow-c) 12%,transparent),0 0 24px color-mix(in srgb,var(--sg-accent-2) 25%,transparent),0 12px 32px -14px color-mix(in srgb,var(--text) 35%,transparent)}
html[data-skin="sg26"] body .r-terms .lp-btn svg,html[data-skin="sg26"] body .r-terms .lp-link svg{flex-shrink:0;transition:transform .2s ease;width:16px;height:16px}
html[data-skin="sg26"] body .r-terms .lp-btn:hover svg,html[data-skin="sg26"] body .r-terms .lp-link:hover svg{transform:translateX(3px)}
html[data-skin="sg26"] body .r-terms .lp-navpill{display:flex;gap:2px;height:40px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--text) 4%,transparent);border:1px solid var(--lp-line);box-shadow:inset 0 1px 0 var(--lp-hi)}
html[data-skin="sg26"] body .r-terms .lp-navlink{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;color:var(--lp-text-2);font:500 14px/20px var(--font-sans);transition:color .4s,background-color .4s}
html[data-skin="sg26"] body .r-terms .lp-navlink:hover{color:var(--text-max);background:color-mix(in srgb,var(--text) 6%,transparent)}
html[data-skin="sg26"] body .r-terms .lp-navbar{position:relative;height:72px;border-bottom:1px solid transparent;transition:height .35s var(--lp-ease),background-color .35s ease,border-color .35s ease,box-shadow .35s ease}
html[data-skin="sg26"] body .r-terms .lp-navbar.is-fixed{position:fixed;top:0;z-index:50}
html[data-skin="sg26"] body .r-terms .lp-navbar.is-compact{height:60px;background:color-mix(in srgb,var(--shadow-c) 64%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(20px);backdrop-filter:saturate(1.6) blur(20px);border-bottom-color:var(--lp-line);box-shadow:0 16px 40px -24px color-mix(in srgb,var(--shadow-c) 90%,transparent)}
html[data-skin="sg26"] body .r-terms .sg-foot-in{container-type:inline-size}
html[data-skin="sg26"] body .r-terms .sg-foot-top,html[data-skin="sg26"] body .r-terms .sg-foot-bot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px}
html[data-skin="sg26"] body .r-terms .sg-foot-bot{margin-top:28px;padding-top:24px;border-top:1px solid var(--lp-line)}
html[data-skin="sg26"] body .r-terms .sg-foot-brand{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}
html[data-skin="sg26"] body .r-terms .sg-foot-brand img{display:block;height:30px;width:auto}
html[data-skin="sg26"] body .r-terms .sg-foot-tag{margin:0;padding-left:16px;border-left:1px solid var(--lp-line-2);font:400 14px/20px var(--font-sans);color:var(--lp-text-2)}
html[data-skin="sg26"] body .r-terms .sg-foot-end{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
html[data-skin="sg26"] body .r-terms .sg-foot-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;font:500 14px/20px var(--font-sans)}
html[data-skin="sg26"] body .r-terms .sg-foot-links a{display:inline-flex;align-items:center;min-height:24px;border-radius:6px;text-decoration:none}
html[data-skin="sg26"] body .r-terms .sg-foot-mail{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
html[data-skin="sg26"] body .r-terms .sg-foot-addr{font:400 13px/20px var(--font-mono);color:var(--lp-text-3);-webkit-user-select:all;user-select:all;cursor:text}
html[data-skin="sg26"] body .r-terms .sg-foot-social{display:flex;gap:8px;padding-left:24px;border-left:1px solid var(--lp-line-2)}
html[data-skin="sg26"] body .r-terms .lp-foot .sg-foot-social a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--lp-line-2);background:color-mix(in srgb,var(--text) 4%,transparent);box-shadow:inset 0 1px 0 var(--lp-hi);transition:color .2s ease,border-color .2s ease}
html[data-skin="sg26"] body .r-terms .lp-foot .sg-foot-social a:hover{border-color:var(--border-strong)}
html[data-skin="sg26"] body .r-terms .sg-foot-legal{margin:0;display:flex;flex-wrap:wrap;gap:4px 8px;font:500 12px/16px var(--font-sans);letter-spacing:.02em;color:var(--lp-text-3)}
html[data-skin="sg26"] body .r-terms .sg-foot-pay{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
html[data-skin="sg26"] body .r-terms .sg-pay-note{margin:0;display:inline-flex;align-items:center;gap:6px;font:500 12px/16px var(--font-sans);letter-spacing:.02em;color:var(--lp-text-3)}
html[data-skin="sg26"] body .r-terms .sg-pay{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
html[data-skin="sg26"] body .r-terms .sg-pay li{display:grid;place-items:center;box-sizing:border-box;min-width:38px;height:24px;padding:0;border-radius:4px;border:1px solid color-mix(in srgb,var(--shadow-c) 8%,transparent);background:var(--text-max);overflow:hidden}

html[data-skin="sg26"] body .r-terms *,html[data-skin="sg26"] body .r-terms *::before,html[data-skin="sg26"] body .r-terms *::after{box-sizing:border-box}
html[data-skin="sg26"] body .r-terms .lp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html[data-skin="sg26"] body .r-terms .lp-wrap{position:relative;width:min(1200px,calc(100% - 48px));margin:0 auto}
html[data-skin="sg26"] body .r-terms .lp-z{position:relative;z-index:1}
html[data-skin="sg26"] body .r-terms .lp-glow{position:absolute;left:50%;top:-320px;width:1400px;height:900px;margin-left:-700px;border-radius:50%;background:radial-gradient(closest-side at 40% 50%,color-mix(in srgb,var(--brand-primary) 38%,transparent),color-mix(in srgb,var(--brand-primary) 12%,transparent) 56%,transparent),radial-gradient(closest-side at 62% 50%,color-mix(in srgb,var(--sg-accent-2) 20%,transparent),transparent 70%);filter:blur(70px);pointer-events:none}
html[data-skin="sg26"] body .r-terms .lp-link{display:inline-flex;align-items:center;gap:6px;min-height:24px;border-radius:6px;color:var(--lp-soft);font:500 14px/21px var(--font-sans);text-decoration:underline;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--sg-soft) 55%,transparent);transition:color .2s ease,text-decoration-color .2s ease}
html[data-skin="sg26"] body .r-terms .lp-link:hover{color:var(--text-max);text-decoration-color:color-mix(in srgb,var(--sg-accent-2) 80%,transparent)}
html[data-skin="sg26"] body .r-terms .lp-link svg{flex-shrink:0;transition:transform .2s ease;width:16px;height:16px}
html[data-skin="sg26"] body .r-terms .lp-link.lp-back:hover svg{transform:translateX(-3px)}
html[data-skin="sg26"] body .r-terms .lp-btn:focus-visible,html[data-skin="sg26"] body .r-terms .lp-navlink:focus-visible,html[data-skin="sg26"] body .r-terms .lp-logo:focus-visible,html[data-skin="sg26"] body .r-terms .lp-link:focus-visible,html[data-skin="sg26"] body .r-terms .lp-foot a:focus-visible,html[data-skin="sg26"] body .r-terms .tm-toc a:focus-visible,html[data-skin="sg26"] body .r-terms .tm-a:focus-visible,html[data-skin="sg26"] body .r-terms .tm-toc-m>summary:focus-visible,html[data-skin="sg26"] body .r-terms .tm-doclink:focus-visible{outline:2px solid var(--pf-focus-ring);outline-offset:3px}
html[data-skin="sg26"] body .r-terms .lp-foot{border-top:1px solid var(--lp-line)}
html[data-skin="sg26"] body .r-terms .lp-foot a{color:var(--lp-text-2);transition:color .2s ease}
html[data-skin="sg26"] body .r-terms .lp-foot a:hover{color:var(--text-max)}
html[data-skin="sg26"] body .r-terms .lp-foot a[aria-current]{color:var(--text)}
/* testata della pagina */
html[data-skin="sg26"] body .r-terms .tm-cq{container:tm/inline-size;position:relative;z-index:2;display:flex;flex-direction:column;flex:1}
html[data-skin="sg26"] body .r-terms .tm-hero{padding-top:48px}
html[data-skin="sg26"] body .r-terms .tm-h1{margin:20px 0 0;font:500 52px/58px var(--font-display);letter-spacing:-.035em;color:var(--text);text-wrap:balance}
html[data-skin="sg26"] body .r-terms .tm-lead{margin:16px 0 0;max-width:62ch;font:400 18px/28px var(--font-sans);color:var(--lp-text-2)}
html[data-skin="sg26"] body .r-terms .tm-docs{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
html[data-skin="sg26"] body .r-terms .tm-doclink{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--lp-line-2);background:var(--lp-fill,color-mix(in srgb,var(--text) 4%,transparent));box-shadow:inset 0 1px 0 var(--lp-hi);color:var(--text);font:500 14px/20px var(--font-sans);text-decoration:none;transition:border-color .2s ease,background-color .2s ease}
html[data-skin="sg26"] body .r-terms .tm-doclink:hover{border-color:color-mix(in srgb,var(--brand-primary) 55%,transparent);background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--text)}
html[data-skin="sg26"] body .r-terms .tm-doclink svg{color:var(--lp-soft);flex-shrink:0}
/* colonna indice + articolo (format: riga flex-wrap, l'indice si impila su telefono) */
html[data-skin="sg26"] body .r-terms .tm-body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px 72px;padding-top:56px}
html[data-skin="sg26"] body .r-terms .tm-aside{flex:0 1 280px;min-width:0}
html[data-skin="sg26"] body .r-terms .tm-article{flex:999 1 560px;min-width:0;max-width:760px}
/* indice (desktop): card con tre gruppi */
html[data-skin="sg26"] body .r-terms .tm-toc{border-radius:20px;border:1px solid var(--lp-line);background:var(--lp-card);box-shadow:inset 0 1px 0 var(--lp-hi);padding:20px 12px 16px}
html[data-skin="sg26"] body .r-terms .tm-toc-t{display:flex;align-items:center;gap:8px;margin:0 8px 12px;font:500 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--lp-text-3)}
html[data-skin="sg26"] body .r-terms .tm-toc ol{list-style:none;margin:0;padding:0}
html[data-skin="sg26"] body .r-terms .tm-toc>ol>li+li{margin-top:12px;padding-top:12px;border-top:1px solid var(--lp-line)}
html[data-skin="sg26"] body .r-terms .tm-toc a{display:flex;align-items:baseline;gap:8px;min-height:32px;padding:6px 8px;border-radius:8px;color:var(--lp-text-2);font:400 14px/20px var(--font-sans);text-decoration:none;transition:color .2s ease,background-color .2s ease}
html[data-skin="sg26"] body .r-terms .tm-toc a:hover{color:var(--text);background:var(--lp-fill,color-mix(in srgb,var(--text) 4%,transparent))}
html[data-skin="sg26"] body .r-terms .tm-toc a.tm-toc-doc{color:var(--text);font-weight:500}
html[data-skin="sg26"] body .r-terms .tm-toc a[aria-current]{color:var(--text);background:color-mix(in srgb,var(--brand-primary) 12%,transparent)}
html[data-skin="sg26"] body .r-terms .tm-toc .tm-n{flex:0 0 auto;min-width:3.4em;font-variant-numeric:tabular-nums;color:var(--lp-text-3)}
html[data-skin="sg26"] body .r-terms .tm-toc a[aria-current] .tm-n{color:var(--lp-soft)}
/* indice (telefono): richiudibile */
html[data-skin="sg26"] body .r-terms .tm-toc-m{display:none;border-radius:16px;border:1px solid var(--lp-line);background:var(--lp-card);box-shadow:inset 0 1px 0 var(--lp-hi)}
html[data-skin="sg26"] body .r-terms .tm-toc-m>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:16px;list-style:none;cursor:pointer;color:var(--text);font:500 15px/22px var(--font-sans)}
html[data-skin="sg26"] body .r-terms .tm-toc-m>summary::-webkit-details-marker{display:none}
html[data-skin="sg26"] body .r-terms .tm-toc-m>summary svg:first-child{color:var(--lp-soft)}
html[data-skin="sg26"] body .r-terms .tm-toc-m .tm-chev{margin-left:auto;color:var(--lp-text-3);transition:transform .2s ease}
html[data-skin="sg26"] body .r-terms .tm-toc-m[open] .tm-chev{transform:rotate(180deg)}
html[data-skin="sg26"] body .r-terms .tm-toc-m .tm-toc{border:0;border-top:1px solid var(--lp-line);border-radius:0 0 16px 16px;background:transparent;box-shadow:none;padding:8px 8px 12px}
html[data-skin="sg26"] body .r-terms .tm-toc-m .tm-toc a{min-height:44px;align-items:center;padding:10px 8px}
/* articolo */
html[data-skin="sg26"] body .r-terms .tm-doc+.tm-doc{margin-top:96px;padding-top:56px;border-top:1px solid var(--lp-line)}
html[data-skin="sg26"] body .r-terms .tm-doc-k{display:block;font:500 34px/34px var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;background:var(--lp-step-grad,var(--sg-grad-text));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-skin="sg26"] body .r-terms .tm-h2{margin:16px 0 0;font:500 32px/40px var(--font-display);letter-spacing:-.02em;color:var(--text);text-wrap:balance;scroll-margin-top:96px}
html[data-skin="sg26"] body .r-terms .tm-intro{margin-top:24px}
html[data-skin="sg26"] body .r-terms .tm-sec{margin-top:48px}
html[data-skin="sg26"] body .r-terms .tm-doc>.tm-sec:first-of-type{margin-top:40px}
html[data-skin="sg26"] body .r-terms .tm-h3{margin:0 0 16px;display:flex;align-items:baseline;gap:12px;font:700 15px/22px var(--font-sans);letter-spacing:.045em;color:var(--text)}
html[data-skin="sg26"] body .r-terms .tm-h3 .tm-num{flex:0 0 auto;font:500 15px/22px var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--lp-soft)}
html[data-skin="sg26"] body .r-terms .tm-h4{margin:28px 0 12px;font:500 18px/26px var(--font-display);letter-spacing:-.01em;color:var(--text)}
html[data-skin="sg26"] body .r-terms .tm-p{margin:0;font:400 17px/28px var(--font-sans);color:var(--lp-text-2);text-wrap:pretty;overflow-wrap:anywhere}
html[data-skin="sg26"] body .r-terms .tm-p+.tm-p,html[data-skin="sg26"] body .r-terms .tm-ul+.tm-p,html[data-skin="sg26"] body .r-terms .tm-ol+.tm-p,html[data-skin="sg26"] body .r-terms .tm-p+.tm-ul,html[data-skin="sg26"] body .r-terms .tm-p+.tm-ol{margin-top:14px}
html[data-skin="sg26"] body .r-terms .tm-p strong,html[data-skin="sg26"] body .r-terms .tm-ul strong{font-weight:500;color:var(--text)}
html[data-skin="sg26"] body .r-terms .tm-dash{padding-left:1.1em;text-indent:-1.1em}
html[data-skin="sg26"] body .r-terms .tm-clause+.tm-clause{margin-top:18px}
html[data-skin="sg26"] body .r-terms .tm-cl{display:inline-flex;align-items:center;height:24px;margin-right:4px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--brand-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--sg-soft) 30%,transparent);color:var(--lp-soft);font:500 13px/18px var(--font-mono);font-variant-numeric:tabular-nums;vertical-align:1px;white-space:nowrap}
html[data-skin="sg26"] body .r-terms .tm-ul,html[data-skin="sg26"] body .r-terms .tm-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
html[data-skin="sg26"] body .r-terms .tm-ul li,html[data-skin="sg26"] body .r-terms .tm-ol li{position:relative;padding-left:26px;font:400 17px/28px var(--font-sans);color:var(--lp-text-2);overflow-wrap:anywhere}
html[data-skin="sg26"] body .r-terms .tm-ul li::before{content:"";position:absolute;left:6px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--lp-soft)}
html[data-skin="sg26"] body .r-terms .tm-ol li{padding-left:0}
html[data-skin="sg26"] body .r-terms .tm-oln{display:inline-block;min-width:22px;font-variant-numeric:tabular-nums;color:var(--lp-soft);font-weight:500}
html[data-skin="sg26"] body .r-terms .tm-a{color:var(--lp-soft);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lp-underline,color-mix(in srgb,var(--sg-soft) 55%,transparent));border-radius:4px;overflow-wrap:anywhere}
html[data-skin="sg26"] body .r-terms .tm-a:hover{color:var(--lp-ink,var(--text-max))}
html[data-skin="sg26"] body .r-terms .tm-note{display:flex;align-items:flex-start;gap:10px;margin:24px 0 0;padding:12px 16px;border-radius:14px;border:1px solid var(--lp-line-2);background:var(--lp-fill,color-mix(in srgb,var(--text) 4%,transparent));font:500 14px/21px var(--font-sans);color:var(--text)}
html[data-skin="sg26"] body .r-terms .tm-note+.tm-note{margin-top:10px}
html[data-skin="sg26"] body .r-terms .tm-note svg{flex-shrink:0;margin-top:2.5px;color:var(--lp-soft)}
html[data-skin="sg26"] body .r-terms .tm-top-row{display:flex;justify-content:flex-start;margin-top:40px}
html[data-skin="sg26"] body .r-terms .tm-next{display:flex;flex-direction:column;gap:6px;margin-top:56px;padding:20px 24px;border-radius:18px;border:1px solid var(--lp-line);background:var(--lp-card);text-decoration:none}
html[data-skin="sg26"] body .r-terms [id]{scroll-margin-top:24px}
/* telefono e colonne strette */
@container tm (max-width:899.98px){
  html[data-skin="sg26"] body .r-terms .tm-aside{flex:1 1 100%}
  html[data-skin="sg26"] body .r-terms .tm-aside .tm-toc-d{display:none}
  html[data-skin="sg26"] body .r-terms .tm-toc-m{display:block}
  html[data-skin="sg26"] body .r-terms .tm-aside:empty{display:none}
  html[data-skin="sg26"] body .r-terms .tm-article{flex:1 1 100%;max-width:none}
  html[data-skin="sg26"] body .r-terms .tm-body{padding-top:32px;gap:40px}
}
@container tm (max-width:640px){
  html[data-skin="sg26"] body .r-terms .tm-hero{padding-top:28px}
  html[data-skin="sg26"] body .r-terms .tm-h1{font-size:34px;line-height:40px;letter-spacing:-.03em}
  html[data-skin="sg26"] body .r-terms .tm-lead{font-size:16px;line-height:24px}
  html[data-skin="sg26"] body .r-terms .tm-docs{flex-direction:column;gap:8px}
  html[data-skin="sg26"] body .r-terms .tm-doclink{min-height:44px}
  html[data-skin="sg26"] body .r-terms .tm-doc+.tm-doc{margin-top:64px;padding-top:40px}
  html[data-skin="sg26"] body .r-terms .tm-doc-k{font-size:28px;line-height:28px}
  html[data-skin="sg26"] body .r-terms .tm-h2{font-size:24px;line-height:30px}
  html[data-skin="sg26"] body .r-terms .tm-sec{margin-top:40px}
  html[data-skin="sg26"] body .r-terms .tm-h3{font-size:14px;line-height:21px;gap:10px;letter-spacing:.04em}
  html[data-skin="sg26"] body .r-terms .tm-h3 .tm-num{font-size:14px;line-height:21px}
  html[data-skin="sg26"] body .r-terms .tm-h4{font-size:17px;line-height:24px}
  html[data-skin="sg26"] body .r-terms .tm-p,html[data-skin="sg26"] body .r-terms .tm-ul li,html[data-skin="sg26"] body .r-terms .tm-ol li{font-size:16px;line-height:26px}
  html[data-skin="sg26"] body .r-terms .tm-ul li::before{top:10px}
  html[data-skin="sg26"] body .r-terms .lp-link{min-height:44px}
}
html[data-skin="sg26"] body .r-terms .tm-h4-caps{display:flex;align-items:baseline;gap:10px;margin:32px 0 12px;font:700 14px/21px var(--font-sans);letter-spacing:.045em}
html[data-skin="sg26"] body .r-terms .tm-h4-caps .tm-num{flex:0 0 auto;font:500 14px/21px var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--lp-soft)}
/* ===== Privacy & Termini: solo artboard (testata desktop/telefono come Compare e LandingMobile, via container query) ===== */
html[data-skin="sg26"] body .r-terms .tm-head-m{display:none}
html[data-skin="sg26"] body .r-terms .tm-head-m .lp-navbar{height:64px;display:flex;align-items:center;padding:0 16px 0 24px}
html[data-skin="sg26"] body .r-terms .lp-icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 22%,transparent);background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text);cursor:pointer}
html[data-skin="sg26"] body .r-terms .lp-icon-btn:focus-visible{outline:2px solid var(--pf-focus-ring);outline-offset:3px}
html[data-skin="sg26"] body .r-terms .sg-endspace{height:112px;flex-shrink:0}
@container tm (max-width:1099.98px){html[data-skin="sg26"] body .r-terms .tm-head-d .lp-navpill{position:static!important;transform:none!important;margin:0 auto}}
@container tm (max-width:899.98px){html[data-skin="sg26"] body .r-terms .tm-head-d{display:none}html[data-skin="sg26"] body .r-terms .tm-head-m{display:block}html[data-skin="sg26"] body .r-terms .sg-endspace{height:72px}html[data-skin="sg26"] body .r-terms footer.lp-foot{padding:40px 0 36px!important}}
html[data-skin="sg26"] body .r-terms.lp-root { overflow-x: clip; }
html[data-skin="sg26"] body.sg-terms-page { margin: 0; background: var(--bg); }
html[data-skin="sg26"] body .r-terms :is(.lp-navlink, .lp-btn, .tm-doclink, .lp-logo, .tm-toc a) { text-decoration: none !important; }
/* landing family: Satoshi (self-hosted, declared by the view only); the light logotype in light (landing note) */
html[data-skin="sg26"] body div.r-terms.lp-root { --font-sans: "Satoshi", "Timeable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif; --font-display: var(--font-sans); --f: var(--font-sans); font-family: var(--font-sans); }
html[data-skin="sg26"][data-theme="light"] body .r-terms :is(.lp-logo, .sg-foot-brand) img { content: url("/assets/uploads/1/logo-light.png"); }
html[data-skin="sg26"][data-theme="light"] body.sg-terms-page { color-scheme: light; }

/* ---------------------------------------------------------------------------------------------------------------------------
   CHECKOUT result / EXPIRED / EMAIL VERIFIED (boards CheckoutDone, CheckoutError, CheckoutWait, Expired, EmailVerified) —
   [SG-PATCH 2026-10-10 A285 | Felix, group core]. L1 on the original .minipage > .inner markup: checkout-result.fragment.php
   carries the conversion pixels, the e-mail hashing and the payment-wait logic, expired.fragment.php the 5 subscription states;
   nothing is forked. Board: one centred kit .card (520; Expired keeps its inline 620), toned icon tile, 28/34 title, text-2 body,
   the error detail as a danger .alert, the two buttons side by side (home = secondary, action = primary).
   --------------------------------------------------------------------------------------------------------------------------- */
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage {
  position: relative; overflow: hidden; min-height: calc(100dvh - 61px); box-sizing: border-box; display: grid; place-items: center;
  margin: 0 !important; padding: 48px var(--pad-page) !important; background: transparent !important;
}
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage::before {
  content: ""; position: absolute; left: 50%; top: -440px; width: 1200px; height: 820px; margin-left: -600px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--brand-primary) var(--glow-a1), transparent), color-mix(in srgb, var(--sg-accent-2) var(--glow-a2), transparent) 58%, transparent);
}
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner {
  position: relative; z-index: 1; width: 100%; max-width: 520px; box-sizing: border-box; margin: 0 auto !important; padding: 40px !important;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; text-align: center;
  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) !important; color: var(--text) !important;
}
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > * { flex: 0 0 100%; margin-left: 0 !important; margin-right: 0 !important; }
/* icon tile: tone from the product's own colour class; glyph as on the board */
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > .icon {
  flex: 0 0 auto; display: grid !important; place-items: center; width: 44px !important; height: 44px !important; margin: 0 auto 12px !important; padding: 0 !important;
  border-radius: 13px !important; font-size: 0 !important; line-height: 0 !important;
  --t: var(--t-info); --tc: var(--sg-soft); --sgc-mp-ico: var(--sgc-ico-refresh);
  background: rgba(var(--t), .14) !important; color: var(--tc) !important; box-shadow: inset 0 0 0 1px rgba(var(--t), .26) !important;
}
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > .icon:has(.color-danger) { --t: var(--t-danger); --tc: var(--status-danger); --sgc-mp-ico: var(--sgc-ico-xcircle); }
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > .icon:has(.color-success) { --t: var(--t-success); --tc: var(--status-success); --sgc-mp-ico: var(--sgc-ico-okcircle); }
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > .icon > * { display: none !important; }
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > .icon::before {
  content: ""; width: 22px; height: 22px; background: currentColor;
  -webkit-mask: var(--sgc-mp-ico) center / contain no-repeat; mask: var(--sgc-mp-ico) center / contain no-repeat;
}
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage .page-primary-title {
  margin: 0 !important; padding: 0 !important; font: 500 28px/34px var(--f) !important; letter-spacing: -.027em !important; color: var(--text) !important; text-transform: none !important;
}
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > p { margin: 0 !important; font: 400 16px/25px var(--f) !important; color: var(--text-2) !important; }
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > p strong { color: var(--text) !important; font-weight: 500; }
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage .small-text { font: 400 13px/20px var(--f) !important; color: var(--text-3) !important; }
html[data-skin="sg26"] body #checkout-result.minipage .system-error {
  --t: var(--t-danger); margin: 12px 0 0 !important; padding: 14px 16px !important; text-align: left; border-radius: var(--r-inset) !important;
  border: 1px solid rgba(var(--t), .28) !important; background: rgba(var(--t), .06) !important; color: var(--text) !important; font: 400 14px/21px var(--f) !important;
}
html[data-skin="sg26"] body #checkout-result.minipage .order-info { box-sizing: border-box; width: 100%; margin: 8px 0 0 !important; padding: 12px 16px !important; display: flex; flex-direction: column; gap: 2px; text-align: left; border-radius: var(--r-inset); background: var(--fill-3); border: 1px solid var(--inset-border); font: 400 13px/20px var(--f); color: var(--text-2); }
/* buttons: kit 44px pills, side by side; the home/«simple» one is the secondary and sits first, as on the board */
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > a.button {
  flex: 1 1 calc(50% - 6px); display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; height: 44px !important; margin: 16px 0 0 !important; padding: 0 22px !important;
  box-sizing: border-box; border-radius: var(--r-full) !important; border: 1px solid transparent !important; font: 500 15px/20px var(--f) !important; text-transform: none !important;
  background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; box-shadow: var(--sg-glow-rest) !important;
}
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > a.button:only-of-type { flex-basis: 100%; }
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > a.button.button--simple { order: 9; background: var(--btn2-bg) !important; color: var(--btn2-fg) !important; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12) !important; }
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > a.button:not(.button--simple) { order: 10; }
html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > a.button:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; }
/* expired: the retention numbers become kit KPI tiles */
html[data-skin="sg26"] body #expired.minipage .retention-stats > div {
  min-width: 110px !important; padding: 12px 14px; border-radius: var(--r-inset); background: var(--fill-3); border: 1px solid var(--inset-border); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
html[data-skin="sg26"] body #expired.minipage .retention-stats > div > div:first-child { font: 500 28px/34px var(--f) !important; color: var(--text); }
html[data-skin="sg26"] body #expired.minipage .retention-stats > div > div:last-child { font: 400 12px/16px var(--f) !important; text-transform: none !important; letter-spacing: 0 !important; opacity: 1 !important; color: var(--text-2); }
@media (max-width: 767.98px) {
  html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner { padding: 28px 20px !important; }
  html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage .page-primary-title { font-size: 22px !important; line-height: 28px !important; }
  html[data-skin="sg26"] body :is(#checkout-result, #expired).minipage > .inner > a.button { flex-basis: 100%; }
  /* board CheckoutErrorM / DoneM: the card sits under the logo (not centred in the viewport), buttons 12px apart */
  html[data-skin="sg26"] body #checkout-result.minipage { place-items: start center; padding: 64px 16px 32px !important; }
  html[data-skin="sg26"] body #checkout-result.minipage > .inner > a.button { margin: 0 !important; }
  html[data-skin="sg26"] body #checkout-result.minipage > .inner > a.button.button--simple { margin-top: 12px !important; }
}
/* «Riprova» (error state) carries the board's refresh glyph */
html[data-skin="sg26"] body #checkout-result.minipage > .inner:has(.icon .color-danger) > a.button:not(.button--simple)::before {
  content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sgc-ico-refresh) center / contain no-repeat; mask: var(--sgc-ico-refresh) center / contain no-repeat;
}
/* expired (board Expired): left-aligned, danger-toned tile, the renew button first, the secondary links as a quiet row with dividers */
html[data-skin="sg26"] body #expired.minipage > .inner { justify-content: flex-start; text-align: left; }
html[data-skin="sg26"] body #expired.minipage > .inner > .icon { margin: 0 0 12px !important; --t: var(--t-danger); --tc: var(--status-danger); }
html[data-skin="sg26"] body #expired.minipage > .inner > a.button:not(.button--simple) { order: 0; flex-basis: 100%; margin-top: 12px !important; }
html[data-skin="sg26"] body #expired.minipage > .inner > div:last-child { order: 11; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 12px 0 0 !important; }
html[data-skin="sg26"] body #expired.minipage > .inner > div:last-child > a.button--simple {
  display: inline-flex !important; align-items: center; gap: 6px; height: 32px !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; color: var(--text-2) !important; font: 500 13px/18px var(--f) !important; text-transform: none !important;
}
html[data-skin="sg26"] body #expired.minipage > .inner > div:last-child > a.button--simple + a.button--simple { border-left: 1px solid var(--border) !important; }
html[data-skin="sg26"] body #expired.minipage > .inner > div:last-child > a.button--simple:hover { color: var(--text-max) !important; }
html[data-skin="sg26"] body #expired.minipage .retention-stats { justify-content: stretch !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 12px !important; }
html[data-skin="sg26"] body #checkout-result.minipage .order-info p { margin: 0 !important; padding: 0 !important; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important; overflow-wrap: anywhere; }

/* page logo top-left (boards CheckoutDone/Error/Wait, Expired): platform only (a tenant never shows ours); the -light file in light */
html[data-skin="sg26"] body:not(.np-reseller) :is(#checkout-result, #expired).minipage::after {
  content: ""; position: absolute; left: var(--pad-page); top: 32px; z-index: 1; width: 180px; height: 28px; pointer-events: none;
  background: url("/assets/uploads/1/logo-light.png") left center / contain no-repeat;
}
html[data-skin="sg26"] body.darkside:not(.np-reseller) :is(#checkout-result, #expired).minipage::after { background-image: url("/assets/uploads/1/logo.png"); }
@media (max-width: 767.98px) { html[data-skin="sg26"] body:not(.np-reseller) :is(#checkout-result, #expired).minipage::after { top: 20px; height: 24px; } }

/* CALENDAR day — post cards (board Calendar2), L1 on .post-list-item (its ⋯ menu, «Pubblica di nuovo», links and video previews
   are the fragment's). Header grid: cover 64 | account + time / type chip + status chip; then the settings headings and flag rows. */
html[data-skin="sg26"] body #calendar-day .page-secondary-title .badge {
  display: inline-grid !important; place-items: center; min-width: 24px; height: 22px; padding: 0 8px !important; box-sizing: border-box; border-radius: var(--r-full) !important;
  background: var(--fill-2) !important; border: 1px solid var(--border-2) !important; color: var(--text) !important; font: 500 12px/16px var(--f) !important; position: static !important;
}
html[data-skin="sg26"] body #calendar-day .post-list { display: flex; flex-direction: column; gap: 16px; margin: 0 !important; padding: 0 !important; }
html[data-skin="sg26"] body #calendar-day .post-list::before,
html[data-skin="sg26"] body #calendar-day .post-list::after { content: none; display: none; }
html[data-skin="sg26"] body #calendar-day .post-list-item {
  position: relative; float: none !important; width: auto !important; margin: 0 !important; padding: 20px !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[data-skin="sg26"] body #calendar-day .post-list-item > div {
  padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  display: grid; grid-template-columns: 64px auto minmax(0, 1fr); column-gap: 14px; row-gap: 6px; align-items: center;
}
html[data-skin="sg26"] body #calendar-day .post-list-item > div > * { grid-column: 1 / -1; margin: 0 !important; }
/* ⋯ */
html[data-skin="sg26"] body #calendar-day .post-list-item .options { position: absolute !important; top: 16px !important; right: 12px !important; left: auto !important; z-index: 4; margin: 0 !important; font-size: 0; }
html[data-skin="sg26"] body #calendar-day .post-list-item .options > a { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-full); color: var(--text-2); font-size: 0; transition: var(--tr); }
html[data-skin="sg26"] body #calendar-day .post-list-item .options > a::before { font-size: 16px; width: 16px; height: 16px; }
html[data-skin="sg26"] body #calendar-day .post-list-item .options > a:hover { background: var(--hover-fill); color: var(--text-max); }
html[data-skin="sg26"] body #calendar-day .post-list-item .context-menu { top: 40px; right: 0; left: auto; min-width: 208px; }
/* header */
html[data-skin="sg26"] body #calendar-day .post-list-item .cover {
  grid-column: 1; grid-row: 1 / span 2; align-self: start; width: 64px !important; height: 64px !important; min-height: 0 !important; padding: 0 !important; overflow: hidden; border-radius: 14px; background: var(--surface-alt) !important; box-shadow: inset 0 0 0 1px var(--border-2);
}
html[data-skin="sg26"] body #calendar-day .post-list-item .cover :is(img, video, .img) { width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; border-radius: 0 !important; }
html[data-skin="sg26"] body #calendar-day .post-list-item .cover .img.placeholder { display: grid !important; place-items: center; padding: 0 !important; background: transparent !important; color: var(--text-3) !important; font-size: 0; }
html[data-skin="sg26"] body #calendar-day .post-list-item .cover .img.placeholder .mdi { font-size: 22px; }
html[data-skin="sg26"] body #calendar-day .post-list-item .cover .placeholder-text { display: none; }
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info:has(.sli-social-instagram) { grid-column: 2; grid-row: 1; font: 500 15px/22px var(--f) !important; color: var(--text) !important; }
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info:has(.sli-calendar) { grid-column: 3; grid-row: 1; padding-right: 36px !important; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; white-space: nowrap; }
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info :is(.sli-social-instagram, .sli-calendar) { display: none; }
/* chips: type (tonal) and status (tone from the product's colour class) */
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info.mb-10:has(> .icon:first-child):not(:has(.sli-social-instagram, .sli-calendar, .sli-close, .sli-check)) {
  grid-column: 2; grid-row: 2; justify-self: start; display: inline-flex !important; align-items: center; gap: 0; height: 22px; padding: 0 9px !important; box-sizing: border-box;
  border-radius: var(--r-full); background: var(--fill-2); border: 1px solid var(--border-2); color: var(--text) !important; font: 500 12px/16px var(--f) !important; white-space: nowrap;
}
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info.mb-10:has(> .icon:first-child):not(:has(.sli-social-instagram, .sli-calendar, .sli-close, .sli-check)) > .icon { display: none; }
html[data-skin="sg26"] body #calendar-day .post-list-item .options + .quick-info { grid-column: 3; grid-row: 2; justify-self: start; }
html[data-skin="sg26"] body #calendar-day .post-list-item .options + .quick-info > span {
  --t: var(--t-info); --tc: var(--status-info);
  display: inline-flex !important; align-items: center; gap: 5px; height: 22px; padding: 0 9px; box-sizing: border-box; border-radius: var(--r-full);
  background: rgba(var(--t), .1); border: 1px solid rgba(var(--t), .3); color: var(--tc) !important; font: 500 12px/16px var(--f) !important; white-space: nowrap;
}
html[data-skin="sg26"] body #calendar-day .post-list-item .options + .quick-info > .color-success { --t: var(--t-success); --tc: var(--status-success); }
html[data-skin="sg26"] body #calendar-day .post-list-item .options + .quick-info > .color-danger { --t: var(--t-danger); --tc: var(--status-danger); }
html[data-skin="sg26"] body #calendar-day .post-list-item .options + .quick-info > span .icon { display: none; }
html[data-skin="sg26"] body #calendar-day .post-list-item .options + .quick-info > span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
/* settings: headings + flag rows (label left, ✓ / ✕ right) */
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info.mt-25 { margin: 14px 0 2px !important; padding: 16px 0 0 !important; border-top: 1px solid var(--border); font: 500 12px/16px var(--f) !important; letter-spacing: .02em; color: var(--text-3) !important; }
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info.mb-10:has(.sli-close, .sli-check) {
  display: flex !important; align-items: center; justify-content: space-between; gap: 12px; min-height: 26px; font: 400 13px/20px var(--f) !important; color: var(--text-2) !important;
}
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info.mb-10:has(.sli-close, .sli-check) > span.color-success { display: contents; color: var(--text-2) !important; }
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info.mb-10 :is(.sli-close, .sli-check) { order: 2; font-size: 13px !important; line-height: 1 !important; margin: 0 !important; color: var(--text-3) !important; }
html[data-skin="sg26"] body #calendar-day .post-list-item .quick-info.mb-10 .sli-check { color: var(--status-success) !important; }
html[data-skin="sg26"] body #calendar-day .post-list-item .full-link { position: absolute; inset: 0; z-index: 1; }
html[data-skin="sg26"] body.sghas-47e55c7f { --sgc-strip-tiles: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20520%2082'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'1'%20y%3D'1'%20width%3D'80'%20height%3D'80'%20rx%3D'20'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3Ccircle%20cx%3D'260'%20cy%3D'41'%20r%3D'20'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3Crect%20x%3D'439'%20y%3D'1'%20width%3D'80'%20height%3D'80'%20rx%3D'20'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3C%2Fsvg%3E"); --sgc-strip-glyphs: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20520%2082'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'1.5'%20y%3D'1.5'%20width%3D'79'%20height%3D'79'%20rx%3D'19.5'%20stroke-width%3D'1.5'%2F%3E%3Crect%20x%3D'439.5'%20y%3D'1.5'%20width%3D'79'%20height%3D'79'%20rx%3D'19.5'%20stroke-width%3D'1.5'%2F%3E%3Crect%20x%3D'25'%20y%3D'25'%20width%3D'32'%20height%3D'32'%20rx%3D'9'%2F%3E%3Ccircle%20cx%3D'41'%20cy%3D'41'%20r%3D'7.5'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'32'%20r%3D'1.2'%20fill%3D'black'%2F%3E%3Crect%20x%3D'252'%20y%3D'40'%20width%3D'16'%20height%3D'11'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M255%2040v-4a5%205%200%200%201%2010%200v4'%2F%3E%3Cpath%20d%3D'M96%2041h44M172%2041h44M304%2041h44M380%2041h44'%20stroke-dasharray%3D'4%207'%20stroke-width%3D'1.5'%2F%3E%3C%2Fsvg%3E"); --sgc-strip-accent: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20520%2082'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'156'%20cy%3D'41'%20r%3D'5'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3Ccircle%20cx%3D'364'%20cy%3D'41'%20r%3D'5'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3Cpath%20d%3D'm461%2054%2014-14%209%209%2016-16'%20stroke-width%3D'2.5'%2F%3E%3Cpath%20d%3D'M490%2033h10v10'%20stroke-width%3D'2.5'%2F%3E%3C%2Fsvg%3E"); --sgc-ico-at: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.75'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M16%208v5a3%203%200%200%200%206%200v-1a10%2010%200%201%200-4%208'%2F%3E%3C%2Fsvg%3E"); --sgc-ico-lock: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.75'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20width%3D'18'%20height%3D'11'%20x%3D'3'%20y%3D'11'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M7%2011V7a5%205%200%200%201%2010%200v4'%2F%3E%3C%2Fsvg%3E"); --sgc-ico-life: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.75'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4'%2F%3E%3Cpath%20d%3D'm4.93%204.93%204.24%204.24M14.83%209.17l4.24-4.24M14.83%2014.83l4.24%204.24M9.17%2014.83l-4.24%204.24'%2F%3E%3C%2Fsvg%3E"); }
html[data-skin="sg26"] body:has(div#pmp-account form[data-account-state="existing"]) { --sgc-ico-meta: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20500%20100'%3E%3Cpath%20d%3D'M185.508%203.01h18.704l31.803%2057.313L267.818%203.01h18.297v94.175h-15.264v-72.18l-27.88%2049.977h-14.319l-27.88-49.978v72.18h-15.264V3.01ZM336.281%2098.87c-7.066%200-13.286-1.565-18.638-4.674-5.352-3.12-9.527-7.434-12.528-12.952-2.989-5.517-4.483-11.835-4.483-18.973%200-7.214%201.461-13.608%204.385-19.17%202.923-5.561%206.989-9.908%2012.187-13.05%205.198-3.13%2011.176-4.707%2017.923-4.707%206.715%200%2012.484%201.587%2017.319%204.74%204.847%203.164%208.572%207.598%2011.177%2013.291%202.615%205.693%203.923%2012.371%203.923%2020.046v4.171h-51.793c.945%205.737%203.275%2010.258%206.989%2013.554%203.715%203.295%208.407%204.937%2014.078%204.937%204.549%200%208.461-.667%2011.747-2.014%203.286-1.347%206.374-3.383%209.253-6.12l8.099%209.886c-8.055%207.357-17.934%2011.036-29.638%2011.036Zm11.143-55.867c-3.198-3.252-7.385-4.872-12.56-4.872-5.045%200-9.264%201.653-12.66%204.97-3.407%203.318-5.55%207.784-6.451%2013.39h37.133c-.451-5.737-2.275-10.237-5.462-13.488ZM386.513%2039.467h-14.044V27.03h14.044V6.447h14.715V27.03h21.341v12.437h-21.341v31.552c0%205.244.901%208.988%202.703%2011.233%201.803%202.244%204.88%203.36%209.253%203.36%201.935%200%203.572-.076%204.924-.23a97.992%2097.992%200%200%200%204.461-.645v12.316c-1.67.493-3.549.898-5.637%201.205-2.099.317-4.286.47-6.583.47-15.89%200-23.836-8.649-23.836-25.957V39.467ZM500%2097.185h-14.44v-9.82c-2.571%203.678-5.835%206.513-9.791%208.506-3.968%201.993-8.462%203-13.506%203-6.209%200-11.715-1.588-16.506-4.752-4.803-3.153-8.572-7.51-11.308-13.039-2.748-5.54-4.121-11.879-4.121-19.006%200-7.17%201.395-13.52%204.187-19.038%202.791-5.518%206.648-9.843%2011.571-12.985%204.935-3.13%2010.594-4.707%2016.99-4.707%204.813%200%209.132.93%2012.956%202.791a25.708%2025.708%200%200%201%209.528%207.905v-9.01H500v70.155Zm-14.715-45.61c-1.571-3.985-4.066-7.138-7.461-9.448-3.396-2.31-7.33-3.46-11.781-3.46-6.308%200-11.319%202.102-15.055%206.317-3.737%204.215-5.605%209.92-5.605%2017.09%200%207.215%201.802%2012.94%205.396%2017.156%203.604%204.215%208.484%206.317%2014.66%206.317%204.538%200%208.593-1.16%2012.154-3.492%203.549-2.332%206.121-5.475%207.692-9.427V51.575Z'%2F%3E%3Cpath%20d%3D'M107.666%200C95.358%200%2086.865%204.504%2075.195%2019.935%2064.14%205.361%2055.152%200%2042.97%200%2018.573%200%200%2029.768%200%2065.408%200%2086.847%2012.107%2099%2028.441%2099c15.742%200%2025.269-13.2%2033.445-27.788l9.663-16.66a643.785%20643.785%200%200%201%202.853-4.869%20746.668%20746.668%200%200%201%203.202%205.416l9.663%2016.454C99.672%2092.72%20108.126%2099%20122.45%2099c16.448%200%2027.617-13.723%2027.617-33.25%200-37.552-19.168-65.75-42.4-65.75ZM57.774%2046.496l-9.8%2016.25c-9.595%2015.976-13.639%2019.526-19.67%2019.526-6.373%200-11.376-5.325-11.376-17.547%200-24.51%2012.062-47.451%2026.042-47.451%207.273%200%2012.678%203.61%2022.062%2017.486a547.48%20547.48%200%200%200-7.258%2011.736Zm64.308%2035.776c-6.648%200-11.034-4.233-20.012-19.39l-9.663-16.386c-2.79-4.737-5.402-9.04-7.88-12.945%209.73-14.24%2015.591-17.984%2023.002-17.984%2014.118%200%2026.204%2020.96%2026.204%2049.158%200%2011.403-4.729%2017.547-11.651%2017.547Z'%2F%3E%3C%2Fsvg%3E"); }