/* a406mob:begin */
/* [SG-PATCH 2026-11-03 A406 | Felix] Mobile sweep, kit 2 (Angelo 03/11: «assicurati bene che si veda bene tutto da mobile»).
   A file of its own (skin.helper.php links every pages/*.css by name, and none of its route skip lists names this one): it loads
   last on every route, the Reactions editor included, and leaves app.css / ai-support.css to kit 1 (A405), whose pin stays valid.
   (1) Phone: the task editors of Reactions, Repost and Parser kept a 12px side margin on every open section body, on top of the body
       padding, so the content sat 27-29px inside the card (43px on Repost, whose page also had a second 16px gutter). The body margin
       goes to 0 and Repost loses the second gutter: one inset of 14-16px, the card edge as the only frame.
   (2) Every width: a switch row whose label carries a tips list (ul.field-tips, e.g. Repost «Altre impostazioni») is an inline-flex
       row, so the list became a third column about 40px wide next to the label. The row becomes a two-column grid: the switch, then the label
       with the list under it, in the label column (the row keeps its gap). */
@media (max-width: 767.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) #reactions-pro :is(details.ai-disclosure, details.rp-action-block-group) > :not(summary):not(#sg-p0):not(#sg-p1):not(#sg-p2),
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .sgp-rp:not(#sg-rp0) details.rpm-disclosure > :not(summary):not(#sg-p0):not(#sg-p1):not(#sg-p2),
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3):not(#sg-f4):not(#sg-f5):not(#sg-f6):not(#sg-f7) .sgp-lf:not(#sg-lf0) details.lf-settings-disclosure > :not(summary):not(#sg-p0):not(#sg-p1):not(#sg-p2) { margin-left: 0 !important; margin-right: 0 !important; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .sgp-rp:not(#sg-rp0):not(#sg-p0) > .clearfix { padding-left: 0 !important; padding-right: 0 !important; }
}
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .checkbox + span:has(> ul.field-tips):not(#sg-p0) { display: inline-grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: start; }
html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .checkbox + span:has(> ul.field-tips) > :not(.icon):not(#sg-p0) { grid-column: 2; min-width: 0; }
/* (3) Tablet, 768-1023px: the Growth service cards got the phone accordion parts from app.js (price span, chevron) but neither the
       phone nor the desktop rules, so the chevron was drawn 70px wide and the title squeezed into a narrow column. The band now uses the
       desktop card head (icon | title, «da» price under it, no chevron), as app.css does from 1024px. */
@media (min-width: 768px) and (max-width: 1023.98px) {
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header:not(#sg-p0) { display: grid !important; grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: center; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header > .gr-service-icon:not(#sg-p0) { grid-row: 1 / span 2; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header > .section-title:not(#sg-p0) { grid-column: 2; min-width: 0; margin: 0 !important; line-height: 20px !important; overflow-wrap: break-word; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header > .sg-gr-from:not(#sg-p0) { grid-column: 2; font: 500 14px/20px var(--f); color: var(--text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
  html:is([data-skin="sg26"],#sg-skin) body:not(#sg-f1):not(#sg-f2):not(#sg-f3) .gr-card .gr-order-form > .section-header > .sg-gr-chev:not(#sg-p0) { display: none !important; }
}
/* a406mob:end */