/* sg2026 page group «admin-modules» (admin boards of the modules). Loaded after app.css by skin.helper (A284), own ?v=filemtime. OWNER: the Felix instance «ADMIN-MODULES» (2026-10-10). Edit ONLY this file, the group's view overrides, skin/lib/admin-modules/ and skin/manifest/admin-modules.json. Tokens, shell and shared components live in app.css (B4): ask, never copy. Boards: AdminPod*, AdminBio*, AdminModuleSettingsBio, AdminProxyManager*, AdminChallengePro*, AdminCoupon, AdminEmailPro*, AdminGrowth*, AdminHikerApi, AdminLeadsFinder*, AdminNoticeboard*, AdminSlaveManager*, AdminSmartTargets, AdminSocialReports*. [SG-PATCH 2026-10-10 sg2026 admin-modules | Felix] How this file works. - Every override of this group puts "sg-root sgm" on its root (the kit classes of app.css §11.B apply inside .sg-root) plus a page class (sgm-pod, sgm-bio ...). Every rule starts with html[data-skin="sg26"] body .sgm, so nothing reaches other groups (the sibling admin group uses .sga; the two never share a class). - §1 is the boards' shared «v5.1 batch MODULE ADMIN» block (one block, identical on all 32 boards), ported as-is: the kit's @container sg thresholds become media queries at the same widths (plan §3.3). §2+ are page rules. - Product widgets inside the forks (.button submit, .input, .checkbox, select2) are B4's; the forks use kit classes instead. */ /* 0. Page frame. sk-full boards: no top gap (kit --gap-topbar 0), --pad-page sides, room for the support FAB below. Other boards: the 29 / 18 gap of app.css 10.7 stays (only the sides and the bottom change). */ html[data-skin="sg26"] body:has(> nav .nav-menu) .skeleton.sgm { padding: 0 var(--pad-page) calc(var(--pad-page) + 68px) !important; box-sizing: border-box; } html[data-skin="sg26"] body:has(> nav .nav-menu) .skeleton.sgm:not(.skeleton--full) { padding-top: 29px !important; } @media (max-width: 992px) { html[data-skin="sg26"] body:has(> nav .nav-menu) .skeleton.sgm:not(.skeleton--full) { padding-top: 18px !important; } } /* 1. Boards' batch block «MODULE ADMIN» (kit gaps parked for Iris). */ html[data-skin="sg26"] body .sgm details:not([open]) > :not(summary) { display: none; } html[data-skin="sg26"] body .sgm .tabs { padding-top: 4px; padding-bottom: 4px; max-width: 100%; overflow-x: auto; box-sizing: border-box; scrollbar-width: none; flex-shrink: 0; align-self: flex-start; } html[data-skin="sg26"] body .sgm .tab.is-on, html[data-skin="sg26"] body .sgm .tab[aria-current="page"] { background: var(--surface-raised); color: var(--text-max); box-shadow: inset 0 1px 0 var(--border), var(--shadow-sm); } html[data-skin="sg26"] body .sgm .tab:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; } html[data-skin="sg26"] body .sgm :is(.link, .btn-ghost.link) svg { width: 16px; height: 16px; flex-shrink: 0; } html[data-skin="sg26"] body .sgm .page-w { width: 100%; max-width: 1180px; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--gap-block); } html[data-skin="sg26"] body .sgm .sel-wrap { position: relative; } html[data-skin="sg26"] body .sgm .sel-wrap select { appearance: none; -webkit-appearance: none; padding-right: 36px; cursor: pointer; width: 100%; } html[data-skin="sg26"] body .sgm :is(.sel-wrap select, select.input, textarea.input, input.input):focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; } html[data-skin="sg26"] body .sgm .sel-wrap > svg { position: absolute; right: 12px; top: 12px; width: 16px; height: 16px; pointer-events: none; color: var(--text-3); } html[data-skin="sg26"] body .sgm .secret-box { position: relative; } html[data-skin="sg26"] body .sgm .secret-box .input { padding-right: 104px; } html[data-skin="sg26"] body .sgm .secret-box .btn { position: absolute; right: 4px; top: 4px; } html[data-skin="sg26"] body .sgm .sw-row { display: flex; align-items: flex-start; gap: 14px; } html[data-skin="sg26"] body .sgm .sw-row .switch { margin-top: 1px; } html[data-skin="sg26"] body .sgm .check-row { display: inline-flex; align-items: flex-start; gap: 10px; padding: 0; border: 0; background: none; color: var(--text); font: 500 14px/20px var(--f); text-align: left; cursor: pointer; } html[data-skin="sg26"] body .sgm .check-row .check { margin-top: 1px; } html[data-skin="sg26"] body .sgm .check-row:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; border-radius: 4px; } html[data-skin="sg26"] body .sgm .check.is-on svg { color: var(--brand-on-primary); } html[data-skin="sg26"] body .sgm .unit { position: relative; } html[data-skin="sg26"] body .sgm .unit .input { padding-right: 64px; } html[data-skin="sg26"] body .sgm .unit > span { position: absolute; right: 12px; top: 10px; font: 400 13px/20px var(--f); color: var(--text-3); pointer-events: none; } html[data-skin="sg26"] body .sgm .card-pad { padding: var(--pad-card); display: flex; flex-direction: column; gap: 20px; min-width: 0; } html[data-skin="sg26"] body .sgm .card-head { display: flex; align-items: flex-start; gap: 12px; } html[data-skin="sg26"] body .sgm .card-head > div { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-width: 0; } html[data-skin="sg26"] body .sgm .card-head .h3, html[data-skin="sg26"] body .sgm .card-head h2 { margin: 0; } html[data-skin="sg26"] body .sgm .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; } html[data-skin="sg26"] body .sgm .form-grid .span-2 { grid-column: 1 / -1; } html[data-skin="sg26"] body .sgm .kv { display: grid; grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); gap: 8px 20px; margin: 0; } html[data-skin="sg26"] body .sgm .kv dt { font: 400 13px/20px var(--f); color: var(--text-3); } html[data-skin="sg26"] body .sgm .kv dd { margin: 0; font: 500 14px/20px var(--f); color: var(--text); overflow-wrap: anywhere; } html[data-skin="sg26"] body .sgm .mono { font-family: var(--font-mono); font-size: 13px; } html[data-skin="sg26"] body .sgm .code-box { margin: 0; padding: 12px 14px; border-radius: var(--r-md); background: var(--surface-alt); border: 1px solid var(--border); font: 400 12.5px/20px var(--font-mono); color: var(--text-2); white-space: pre-wrap; overflow-wrap: anywhere; } html[data-skin="sg26"] body .sgm .kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; --kpi-cols: 4; } html[data-skin="sg26"] body .sgm .kpi-card { padding: 18px 20px; display: flex; flex-direction: column; gap: 6px; min-width: 0; } html[data-skin="sg26"] body .sgm .kpi-card .caption { color: var(--text-3); } html[data-skin="sg26"] body .sgm .table td .caption { color: var(--text-3); } html[data-skin="sg26"] body .sgm .tbl-card { padding: 0; overflow: hidden; } html[data-skin="sg26"] body .sgm .tbl-card > .card-pad { padding-bottom: 0; } html[data-skin="sg26"] body .sgm .r-wrap { flex-wrap: wrap; } html[data-skin="sg26"] body .sgm .r-scroll { position: relative; overflow-x: auto; } html[data-skin="sg26"] body .sgm .t-scroll { overflow-x: auto; position: relative; } html[data-skin="sg26"] body .sgm .subnav { display: flex; flex-wrap: wrap; gap: 8px; } html[data-skin="sg26"] body .sgm .bar-list { display: flex; flex-direction: column; gap: 10px; } html[data-skin="sg26"] body .sgm .bar-row { display: grid; grid-template-columns: minmax(0, 160px) minmax(0, 1fr) 64px; align-items: center; gap: 12px; } html[data-skin="sg26"] body .sgm .bar-row .progress { height: 8px; } html[data-skin="sg26"] body .sgm .legend { display: flex; flex-wrap: wrap; gap: 6px 16px; } html[data-skin="sg26"] body .sgm .legend span { display: inline-flex; align-items: center; gap: 6px; font: 400 12px/16px var(--f); color: var(--text-2); } html[data-skin="sg26"] body .sgm .legend i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; } html[data-skin="sg26"] body .sgm .chart { display: flex; align-items: flex-end; gap: 10px; height: 160px; padding: 8px 0 0; border-bottom: 1px solid var(--border); } html[data-skin="sg26"] body .sgm .chart > div { flex: 1 1 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 6px; height: 100%; } html[data-skin="sg26"] body .sgm .chart b { display: block; width: 100%; max-width: 44px; border-radius: 6px 6px 0 0; background: linear-gradient(180deg, var(--sg-accent-2), var(--brand-primary)); } html[data-skin="sg26"] body .sgm .chart b + b { border-radius: 0; } html[data-skin="sg26"] body .sgm .chart b.alt { background: var(--sg-fill-3); } html[data-skin="sg26"] body .sgm .chart-x { display: flex; gap: 10px; } html[data-skin="sg26"] body .sgm .chart-x span { flex: 1 1 0; text-align: center; font: 400 12px/16px var(--f); color: var(--text-3); } html[data-skin="sg26"] body .sgm .danger-zone { border: 1px solid rgba(var(--t-danger), .35); border-radius: var(--r-inset); padding: 16px; display: flex; flex-direction: column; gap: 10px; } html[data-skin="sg26"] body .sgm .statline { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; } html[data-skin="sg26"] body .sgm .pill-ok { color: var(--status-success); } html[data-skin="sg26"] body .sgm .pill-bad { color: var(--status-danger); } html[data-skin="sg26"] body .sgm .pill-warn { color: var(--status-warning); } html[data-skin="sg26"] body .sgm .pill-info { color: var(--status-info); } @media (min-width: 768px) and (max-width: 1279.98px) { html[data-skin="sg26"] body .sgm .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); --kpi-cols: 2; } html[data-skin="sg26"] body .sgm .t-stack { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 1023.98px) { html[data-skin="sg26"] body .sgm .split { flex-direction: column !important; align-items: stretch !important; } html[data-skin="sg26"] body .sgm .split > * { width: auto !important; max-width: 100% !important; flex-basis: auto !important; align-self: stretch !important; } } @media (max-width: 767.98px) { html[data-skin="sg26"] body .sgm .t-scroll { overflow-x: clip; } html[data-skin="sg26"] body .sgm .table.is-stack td > .r-wrap { justify-content: flex-start; } html[data-skin="sg26"] body .sgm :is(.r-wrap > .btn, .card-pad > div > .btn) { max-width: 100%; white-space: normal; height: auto; min-height: 44px; padding-top: 10px; padding-bottom: 10px; text-align: center; } html[data-skin="sg26"] body .sgm .form-grid { grid-template-columns: minmax(0, 1fr) !important; } html[data-skin="sg26"] body .sgm .form-grid .span-2 { grid-column: auto; } html[data-skin="sg26"] body .sgm .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; --kpi-cols: 2; } html[data-skin="sg26"] body .sgm .kv { grid-template-columns: minmax(0, 1fr); gap: 2px; } html[data-skin="sg26"] body .sgm .kv dd { margin-bottom: 8px; } html[data-skin="sg26"] body .sgm .secret-box .btn { top: 2px; right: 2px; } html[data-skin="sg26"] body .sgm .sel-wrap > svg { top: 14px; } html[data-skin="sg26"] body .sgm .unit > span { top: 12px; } html[data-skin="sg26"] body .sgm .check-row { min-height: 44px; align-items: center; } html[data-skin="sg26"] body .sgm .check-row .check { margin-top: 0; } html[data-skin="sg26"] body .sgm .sw-row { min-height: 44px; } html[data-skin="sg26"] body .sgm .bar-row { grid-template-columns: minmax(0, 1fr) 56px; } html[data-skin="sg26"] body .sgm .bar-row .progress { grid-column: 1 / -1; grid-row: 2; } html[data-skin="sg26"] body .sgm .chart { height: 120px; gap: 6px; } html[data-skin="sg26"] body .sgm .tab { min-height: 44px; } } /* 1.1 Shared helpers of the forks (not on the boards as classes, but drawn there): the flash line the plugins' own JS fills (shown as a kit alert, tone by the plugin's class), empty rows, the pager, inline action groups. */ html[data-skin="sg26"] body .sgm .sgm-flash { display: none; margin: 0; padding: 12px 16px; border-radius: var(--r-inset); font: 500 14px/20px var(--f); border: 1px solid var(--border); background: var(--surface-alt); color: var(--text); } html[data-skin="sg26"] body .sgm .sgm-flash:is(.pod-flash--success) { border-color: color-mix(in srgb, var(--status-success) 40%, transparent); background: color-mix(in srgb, var(--status-success) 12%, transparent); } html[data-skin="sg26"] body .sgm .sgm-flash:is(.pod-flash--error) { border-color: color-mix(in srgb, var(--status-danger) 40%, transparent); background: color-mix(in srgb, var(--status-danger) 12%, transparent); } html[data-skin="sg26"] body .sgm .sgm-empty { padding: 24px 12px !important; text-align: center; color: var(--text-3); } html[data-skin="sg26"] body .sgm .sgm-pager { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } html[data-skin="sg26"] body .sgm .sgm-pager :is(a, strong) { display: inline-grid; place-items: center; min-width: 32px; height: 32px; padding: 0 8px; box-sizing: border-box; border-radius: var(--r-full); font: 500 13px/18px var(--f); color: var(--text-2); text-decoration: none; border: 1px solid var(--border); } html[data-skin="sg26"] body .sgm .sgm-pager a:hover { background: var(--hover-fill); color: var(--text-max); } html[data-skin="sg26"] body .sgm .sgm-pager strong { background: var(--brand-primary-subtle); color: var(--sg-soft); border-color: transparent; } html[data-skin="sg26"] body .sgm .sgm-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } html[data-skin="sg26"] body .sgm .h3 .sgm-count { margin-left: 6px; font: 500 13px/18px var(--f); color: var(--text-3); } html[data-skin="sg26"] body .sgm .btn svg { width: 16px; height: 16px; flex-shrink: 0; } html[data-skin="sg26"] body .sgm .icon-tile.sm svg { width: 16px; height: 16px; } html[data-skin="sg26"] body .sgm .table td { vertical-align: middle; } html[data-skin="sg26"] body .sgm .table a.sgm-url { color: var(--brand-primary-text); text-decoration: none; overflow-wrap: anywhere; } html[data-skin="sg26"] body .sgm .table a.sgm-url:hover { text-decoration: underline; } html[data-skin="sg26"] body .sgm .field > label, html[data-skin="sg26"] body .sgm .field > .field-label { font: 500 13px/18px var(--f); color: var(--text); margin: 0; } html[data-skin="sg26"] body .sgm h3.label { margin: 0; color: var(--text); } html[data-skin="sg26"] body .sgm .hint { margin: 0; } @media (max-width: 767.98px) { html[data-skin="sg26"] body .sgm .sgm-pager :is(a, strong) { min-width: 44px; height: 44px; } } html[data-skin="sg26"] body .sgm .sgm-alert-t { display: flex; flex-direction: column; gap: 4px; min-width: 0; } html[data-skin="sg26"] body .sgm .sgm-alert-t p { margin: 0; } html[data-skin="sg26"] body .sgm .sgm-form { display: flex; flex-direction: column; gap: 20px; margin: 0; } html[data-skin="sg26"] body .sgm .sgm-list { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font: 400 14px/22px var(--f); color: var(--text-2); } html[data-skin="sg26"] body .sgm code.mono { padding: 1px 6px; border-radius: 6px; background: var(--fill-3); border: 1px solid var(--inset-border); color: var(--text); overflow-wrap: anywhere; } html[data-skin="sg26"] body .sgm .sgm-details { border: 1px solid var(--border); border-radius: var(--r-inset); padding: 0 14px; } html[data-skin="sg26"] body .sgm .sgm-details[open] { padding-bottom: 14px; } html[data-skin="sg26"] body .sgm .sgm-summary { display: flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; list-style: none; font: 500 14px/20px var(--f); color: var(--text); } html[data-skin="sg26"] body .sgm .sgm-summary::-webkit-details-marker { display: none; } html[data-skin="sg26"] body .sgm .sgm-summary svg { color: var(--text-3); transition: transform .2s; transform: rotate(-90deg); } html[data-skin="sg26"] body .sgm .sgm-details[open] .sgm-summary svg { transform: none; } html[data-skin="sg26"] body .sgm .sgm-summary:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; border-radius: 6px; } html[data-skin="sg26"] body .sgm .table tr.sgm-edit-row > td { background: var(--surface-alt); padding: 18px 20px; } /* account picker (POD Force action): the board's card-alt grid of check rows; the product's checkbox markup inside */ html[data-skin="sg26"] body .sgm .sgm-picker { display: flex; flex-direction: column; gap: 10px; } html[data-skin="sg26"] body .sgm .sgm-picklist { padding: 10px 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 14px; max-height: 320px; overflow-y: auto; } html[data-skin="sg26"] body .sgm .sgm-pick { display: block; min-width: 0; margin: 0; cursor: pointer; } html[data-skin="sg26"] body .sgm .sgm-pick .checkbox + span { display: flex !important; flex-wrap: wrap; align-items: center; gap: 2px 6px; color: var(--text) !important; font-weight: 500 !important; } html[data-skin="sg26"] body .sgm .sgm-pick .sgm-pick-mail { flex-basis: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-skin="sg26"] body .sgm .sgm-picklist .pod-multi-empty { grid-column: 1 / -1; } html[data-skin="sg26"] body .sgm .field-label .badge { margin-left: 6px; vertical-align: middle; } @media (max-width: 1023.98px) { html[data-skin="sg26"] body .sgm .sgm-picklist { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px) { html[data-skin="sg26"] body .sgm .sgm-picklist { grid-template-columns: minmax(0, 1fr); } } html[data-skin="sg26"] body .sgm .table { margin: 0 !important; } html[data-skin="sg26"] body .sgm :is(.r-scroll, .t-scroll) { margin: 0; } html[data-skin="sg26"] body .sgm .alert { margin: 0 !important; } /* kit alert tones inside the forks: app.css 11.A.12 resets --t on every .alert, which drops the kit .is-* tone (B4 request filed) */ html[data-skin="sg26"] body .sgm .alert { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px !important; } html[data-skin="sg26"] body .sgm .alert.is-warning { --t: var(--t-warning); --tc: var(--status-warning); } html[data-skin="sg26"] body .sgm .alert.is-danger { --t: var(--t-danger); --tc: var(--status-danger); } html[data-skin="sg26"] body .sgm .alert.is-success { --t: var(--t-success); --tc: var(--status-success); } html[data-skin="sg26"] body .sgm .alert.is-info { --t: var(--t-info); --tc: var(--status-info); } html[data-skin="sg26"] body .sgm .alert > svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; color: var(--tc); } /* 1.2 Group-head icon tokens for B4.7 data-sg-icon="sgm-NAME" (same paths as skin/lib/admin-modules/ui.php, generated) */ html[data-skin="sg26"] body :is(.sgm, #growth-admin, #debug-pmp-page, #noticeboard, .sgm-css) { --sg-ic-sgm-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); --sg-ic-sgm-user: 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 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); --sg-ic-sgm-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); --sg-ic-sgm-heartbit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 4.5a3.5 3.5 0 0 1 5 5L14 16l-2.2-2.2'/%3E%3Cpath d='M3.5 9.5a3.5 3.5 0 0 1 5-5L10 6l1.5-1.5a3.5 3.5 0 0 1 5 5L10 16z'/%3E%3C/svg%3E"); --sg-ic-sgm-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E"); --sg-ic-sgm-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%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E"); --sg-ic-sgm-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E"); --sg-ic-sgm-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); --sg-ic-sgm-chev-up: 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 15-6-6-6 6'/%3E%3C/svg%3E"); --sg-ic-sgm-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 3H2l8 9.46V19l4 2v-8.54z'/%3E%3C/svg%3E"); --sg-ic-sgm-play: 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 3 14 9-14 9V3z'/%3E%3C/svg%3E"); --sg-ic-sgm-pause: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='4' height='16'/%3E%3Crect x='14' y='4' width='4' height='16'/%3E%3C/svg%3E"); --sg-ic-sgm-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); --sg-ic-sgm-check-c: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='M22 4 12 14.01l-3-3'/%3E%3C/svg%3E"); --sg-ic-sgm-save: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpath d='M17 21v-8H7v8M7 3v5h8'/%3E%3C/svg%3E"); --sg-ic-sgm-key: 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 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.78 7.78 5.5 5.5 0 0 1 7.78-7.78zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4'/%3E%3C/svg%3E"); --sg-ic-sgm-code: 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 18 6-6-6-6M8 6l-6 6 6 6'/%3E%3C/svg%3E"); --sg-ic-sgm-bot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8V4H8'/%3E%3Crect x='4' y='8' width='16' height='12' rx='2'/%3E%3Cpath d='M2 14h2M20 14h2M15 13v2M9 13v2'/%3E%3C/svg%3E"); --sg-ic-sgm-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); --sg-ic-sgm-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); --sg-ic-sgm-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E"); --sg-ic-sgm-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E"); --sg-ic-sgm-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 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"); --sg-ic-sgm-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); --sg-ic-sgm-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E"); --sg-ic-sgm-cloud: 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 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z'/%3E%3C/svg%3E"); --sg-ic-sgm-github: 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 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22'/%3E%3C/svg%3E"); --sg-ic-sgm-server: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='8' rx='2'/%3E%3Crect x='2' y='14' width='20' height='8' rx='2'/%3E%3Cpath d='M6 6h.01M6 18h.01'/%3E%3C/svg%3E"); --sg-ic-sgm-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); --sg-ic-sgm-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E"); --sg-ic-sgm-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='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E"); --sg-ic-sgm-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E"); --sg-ic-sgm-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 10 5-10 5L2 7z'/%3E%3Cpath d='m2 17 10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E"); --sg-ic-sgm-plug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2v6M15 2v6M6 8h12v4a6 6 0 0 1-12 0zM12 18v4'/%3E%3C/svg%3E"); --sg-ic-sgm-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E"); --sg-ic-sgm-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-1.9 5.8L4 10.7l5.1 3.7L7.2 20 12 16.6l4.8 3.4-1.9-5.6 5.1-3.7-6.1-1.9z'/%3E%3C/svg%3E"); --sg-ic-sgm-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); --sg-ic-sgm-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E"); --sg-ic-sgm-rocket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/%3E%3Cpath d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/svg%3E"); --sg-ic-sgm-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E"); --sg-ic-sgm-grip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='6' r='1'/%3E%3Ccircle cx='15' cy='6' r='1'/%3E%3Ccircle cx='9' cy='12' r='1'/%3E%3Ccircle cx='15' cy='12' r='1'/%3E%3Ccircle cx='9' cy='18' r='1'/%3E%3Ccircle cx='15' cy='18' r='1'/%3E%3C/svg%3E"); --sg-ic-sgm-message: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8z'/%3E%3C/svg%3E"); --sg-ic-sgm-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h12M3 12h12M3 18h7'/%3E%3Cpath d='m15 18 2 2 4-4'/%3E%3C/svg%3E"); --sg-ic-sgm-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); --sg-ic-sgm-ban: 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='m4.9 4.9 14.2 14.2'/%3E%3C/svg%3E"); } /* 3. Proxy Manager Pro settings (/e/proxy-manager-pro/settings, board AdminProxyManager). Wrap and dress: the original fragment (1,433 lines, toggler groups with the plugin's own open/closed memory) in ONE column of 1180; each group = B4.4 head + card with the board's icon tile (data-sg-icon); Save = primary on the right; the Nginx/how-to column = the board's last card. */ html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 { max-width: 1180px !important; margin: 0 !important; padding: 0 !important; } html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row { display: flex; flex-direction: column; gap: var(--gap-block); margin: 0; } html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row > .col { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; } html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row > .form-result:empty { display: none; } html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row > .col.l4 > section.section { display: flex; flex-direction: column; overflow: visible; border: 0 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; } html[data-skin="sg26"] body #settings.sgm-tog.sgm :is(.pmp-toggler-button, .lf-toggler-button, .btm-toggler-button) { font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; } html[data-skin="sg26"] body #settings.sgm-tog.sgm :is(.pmp-toggler-button, .lf-toggler-button, .btm-toggler-button) > .mdi { display: none; } html[data-skin="sg26"] body #settings.sgm-tog.sgm section.section > .sgm-save > input.button--footer[type="submit"] { width: auto !important; min-width: 120px; margin: 8px 0 0 !important; background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; border-color: transparent !important; box-shadow: var(--sg-glow-rest) !important; } html[data-skin="sg26"] body #settings.sgm-tog.sgm section.section > .sgm-save > input.button--footer[type="submit"]:hover { box-shadow: var(--sg-glow-hover) !important; transform: translateY(-1px); } html[data-skin="sg26"] body #settings.sgm-tog.sgm .field-tips { margin: 6px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px; } html[data-skin="sg26"] body #settings.sgm-tog.sgm .field-tips li { margin: 0; padding: 0; list-style: none; font: 400 12px/16px var(--f); color: var(--text-3); } html[data-skin="sg26"] body #settings.sgm-tog.sgm .field-tips li::before { content: none; } html[data-skin="sg26"] body #settings.sgm-tog.sgm .field-tips.field-tips-decimal { list-style: decimal; padding-left: 18px; gap: 6px; } html[data-skin="sg26"] body #settings.sgm-tog.sgm .field-tips.field-tips-decimal li { list-style: decimal; font: 400 13px/20px var(--f); color: var(--text-2); } html[data-skin="sg26"] body #settings.sgm-tog.sgm .form-label { font: 500 13px/18px var(--f); color: var(--text); } /* the how-to column (Nginx, additional proxy, publishing): one card, its code blocks = the board's code box */ html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row > .col.l8 > section.section { padding: var(--pad-card) !important; } html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row > .col.l8 :is(pre, code.hljs, .hljs) { border-radius: var(--r-md); background: var(--surface-alt) !important; border: 1px solid var(--border); font-family: var(--font-mono); font-size: 12.5px; line-height: 20px; overflow-x: auto; max-width: 100%; box-sizing: border-box; } @media (max-width: 767.98px) { html[data-skin="sg26"] body #settings.sgm-tog.sgm section.section > .sgm-save > input.button--footer[type="submit"] { align-self: stretch; width: 100% !important; } html[data-skin="sg26"] body #settings.sgm-tog.sgm :is(.pmp-toggler-button, .lf-toggler-button, .btm-toggler-button) { font-size: 16px !important; } } html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row > .col.l8 { min-width: 0; } html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row > .col.l8 .section-content > div:not(.clearfix) { max-width: 100%; overflow-x: auto; box-sizing: border-box; } html[data-skin="sg26"] body #settings.sgm-tog.sgm pre[style] { background: var(--surface-alt) !important; color: var(--text-2) !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; font: 400 12.5px/20px var(--font-mono) !important; max-width: 100%; box-sizing: border-box; } /* 4. Proxy Manager Pro «Proxy degli utenti» (/e/proxy-manager-pro/users, board AdminProxyManagerUsers; sk-pmp). Wrap and dress on the original master/detail: list = search field + row cards (avatar, name, meta, state), detail = the dashed empty panel. The rows stay the product's click targets (a.full-link.js-ajaxload-content); the AJAX detail keeps its own markup. */ html[data-skin="sg26"] body:has(> nav .nav-menu) .skeleton.sgm-pmpusers.sgm { padding: 0 var(--pad-page) calc(var(--pad-page) + 68px) !important; } @media (max-width: 1250px) { html[data-skin="sg26"] body:has(> nav .nav-menu) .skeleton.sgm-pmpusers.sgm { padding-top: 39px !important; } } html[data-skin="sg26"] body #users.sgm-pmpusers > .clearfix { display: flex; align-items: flex-start; gap: var(--gap-block); } html[data-skin="sg26"] body #users.sgm-pmpusers > .clearfix > .skeleton-aside { float: none; width: 360px; flex-shrink: 0; height: auto !important; overflow: visible; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0; display: flex; flex-direction: column; gap: 12px; position: static; } html[data-skin="sg26"] body #users.sgm-pmpusers > .clearfix > .skeleton-content { float: none; flex: 1; min-width: 0; width: auto; height: auto !important; overflow: visible; background: transparent !important; border: 0 !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .search-box { position: static; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list { display: flex; flex-direction: column; gap: 8px; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item { position: relative; padding: 12px 16px !important; border-radius: var(--r-inset); border: 1px solid var(--border) !important; background: var(--row-bg) !important; box-shadow: none !important; transition: var(--tr); } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item:hover { border-color: var(--border-hover) !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item.active { background: var(--brand-primary-subtle) !important; border-color: color-mix(in srgb, var(--brand-primary-text) 45%, transparent) !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item > .clearfix { display: flex; align-items: center; gap: 12px; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item img.circle { width: 32px; height: 32px; margin: 0 !important; float: none; position: static; flex-shrink: 0; object-fit: cover; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item .inner { margin: 0 !important; padding: 0 !important; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item .title { font: 500 14px/20px var(--f) !important; color: var(--text) !important; margin: 0; overflow-wrap: anywhere; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item :is(.sub, .meta) { font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; margin: 0 !important; display: flex; flex-wrap: wrap; gap: 4px 10px; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item .meta :is(.color-success, .color-danger, .color-primary) { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: var(--r-full); font: 500 12px/16px var(--f); border: 1px solid rgba(var(--t), .3); background: rgba(var(--t), .1); color: var(--tc) !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item .meta .color-success { --t: var(--t-success); --tc: var(--status-success); } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item .meta .color-danger { --t: var(--t-danger); --tc: var(--status-danger); } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item .meta .color-primary { --t: var(--t-warning); --tc: var(--status-warning); } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item .meta .mdi { display: none; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item .meta :is(.color-success, .color-danger, .color-primary)::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item > .clearfix > .full-link { z-index: 1; border-radius: inherit; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item > .clearfix > .full-link:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; } html[data-skin="sg26"] body #users.sgm-pmpusers .loadmore { margin: 4px 0 0 !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .loadmore .button { width: 100%; background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: var(--text) !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .loadmore .button:hover { background: var(--hover-fill) !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .skeleton-content > .no-data { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; min-height: 180px; padding: 40px 24px; box-sizing: border-box; position: static; transform: none; border: 1px dashed var(--border-dash); border-radius: var(--r-lg); background: var(--fill-1); text-align: center; color: var(--text); font: 400 14px/21px var(--f); } html[data-skin="sg26"] body #users.sgm-pmpusers .skeleton-content > .no-data .no-data-icon { display: grid; place-items: center; width: 44px; height: 44px; margin: 0; border-radius: var(--r-md); font-size: 0; color: var(--sg-soft); background: linear-gradient(135deg, color-mix(in srgb, var(--sg-accent-2) var(--tile-a1), transparent), color-mix(in srgb, var(--brand-primary) var(--tile-a2), transparent)); } html[data-skin="sg26"] body #users.sgm-pmpusers .skeleton-content > .no-data .no-data-icon::before { content: ""; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--sg-ic-sgm-users) center / 22px no-repeat; mask: var(--sg-ic-sgm-users) center / 22px no-repeat; } html[data-skin="sg26"] body #users.sgm-pmpusers .skeleton-content > .no-data p { margin: 0; max-width: 420px; } @media (max-width: 1023.98px) { html[data-skin="sg26"] body #users.sgm-pmpusers > .clearfix > .skeleton-aside { width: 300px; } } @media (max-width: 992px) { html[data-skin="sg26"] body #users.sgm-pmpusers > .clearfix { flex-direction: column; align-items: stretch; } html[data-skin="sg26"] body #users.sgm-pmpusers > .clearfix > .skeleton-aside { width: auto; } } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item { border-radius: var(--r-inset) !important; margin: 0 !important; min-height: 0 !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .aside-list-item > .clearfix { padding: 0 !important; margin: 0 !important; min-height: 0 !important; } html[data-skin="sg26"] body #users.sgm-pmpusers > .clearfix > .skeleton-content { padding: 0 !important; margin: 0 !important; } html[data-skin="sg26"] body #users.sgm-pmpusers .skeleton-content > .no-data { width: auto !important; max-width: none !important; margin: 0 !important; top: auto !important; left: auto !important; } /* 5. Proxy Manager Pro Debug (/e/proxy-manager-pro/debug, board AdminProxyManagerDebug). CSS only on the plugin's own page root #debug-pmp-page (its storage panels and log rows are built by its inline script, plan §6.2 item 5): no outer card, the intro = the board's «Diagnostica di sistema» card, panels/dropdowns = kit cards and rows, every coloured tile of debug.css (rose, violet, amber, green) = the kit icon tile; refresh = secondary pill. */ html[data-skin="sg26"] body #debug-pmp-page.skeleton { padding-left: var(--pad-page) !important; padding-right: var(--pad-page) !important; padding-bottom: calc(var(--pad-page) + 68px) !important; } html[data-skin="sg26"] body #debug-pmp-page .container-1200 { max-width: 1180px; margin: 0; padding: 0; } html[data-skin="sg26"] body #debug-pmp-page .row, html[data-skin="sg26"] body #debug-pmp-page .row > .col { margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; } html[data-skin="sg26"] body #debug-pmp-page .row > .col > section.section { border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; overflow: visible; } html[data-skin="sg26"] body #debug-pmp-page .row > .col > section.section > .section-header { display: none; } html[data-skin="sg26"] body #debug-pmp-page .debug-page { padding: 0 !important; display: flex; flex-direction: column; gap: var(--gap-block); } html[data-skin="sg26"] body #debug-pmp-page :is(.debug-dashboard-intro, .debug-volume-card, .debug-path-list, .debug-dropdown) { border: 1px solid transparent !important; border-radius: var(--r-lg) !important; background: var(--card-bg) padding-box, var(--card-edge) border-box !important; box-shadow: var(--card-shadow) !important; color: var(--text); } html[data-skin="sg26"] body #debug-pmp-page .debug-dashboard-intro { padding: var(--pad-card) !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dashboard-intro::after { content: none !important; display: none !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dashboard-eyebrow { display: block; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em !important; text-transform: none !important; color: var(--text) !important; margin: 0 0 16px; } html[data-skin="sg26"] body #debug-pmp-page .debug-dashboard-intro h3 { font: 500 14px/20px var(--f) !important; color: var(--text) !important; margin: 0 0 8px !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dashboard-intro p, html[data-skin="sg26"] body #debug-pmp-page .debug-section-heading p { font: 400 14px/21px var(--f) !important; color: var(--text-2) !important; margin: 0 !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-icon-button { width: 40px; height: 40px; border-radius: var(--r-full) !important; border: 1px solid var(--border-strong) !important; background: var(--surface-raised) !important; color: var(--text) !important; box-shadow: none !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-icon-button:hover { background: var(--hover-fill) !important; color: var(--text-max) !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-icon-button:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; } html[data-skin="sg26"] body #debug-pmp-page :is(.debug-dropdown-icon, .debug-section-heading-icon, .debug-path-icon, .debug-action-group-icon, .debug-dropdown-icon--violet, .debug-dropdown-icon--amber, .debug-dropdown-icon--rose, .debug-dropdown-icon--git) { width: 32px !important; height: 32px !important; border-radius: var(--r-md) !important; font-size: 18px !important; color: var(--sg-soft) !important; box-shadow: inset 0 1px 0 var(--border) !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; } html[data-skin="sg26"] body #debug-pmp-page .debug-section-heading h3 { font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; margin: 0 !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dropdown > summary { padding: 14px 16px !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dropdown-text strong { font: 500 14px/20px var(--f) !important; color: var(--text) !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dropdown-text small { font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dropdown-chevron { color: var(--text-3) !important; border-color: var(--border) !important; background: transparent !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dropdown > summary:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; border-radius: var(--r-lg); } html[data-skin="sg26"] body #debug-pmp-page .debug-action-group { border: 1px solid var(--border) !important; background: var(--row-bg) !important; border-radius: var(--r-inset) !important; box-shadow: none !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-action-group-head strong { font: 500 14px/20px var(--f) !important; color: var(--text) !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-action-group-head small { font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-action-buttons .button--debug-actions { height: 32px !important; padding: 0 12px !important; border-radius: var(--r-full) !important; font: 500 13px/18px var(--f) !important; box-shadow: none !important; transform: none !important; background: var(--surface-raised) !important; border: 1px solid var(--border-strong) !important; color: var(--text) !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-action-buttons .button--debug-actions.debug-clean-button { --t: var(--t-danger); background: rgba(var(--t), .1) !important; border-color: rgba(var(--t), .3) !important; color: var(--status-danger) !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-action-buttons .button--debug-actions .mdi { color: inherit !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-table { border: 0 !important; background: none !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-table td { border-color: var(--border) !important; color: var(--text) !important; font: 400 14px/20px var(--f); } html[data-skin="sg26"] body #debug-pmp-page .debug-path-track { background: var(--border) !important; border-radius: var(--r-full); } html[data-skin="sg26"] body #debug-pmp-page .debug-path-track span { background: linear-gradient(90deg, var(--brand-primary), var(--sg-accent-2)) !important; border-radius: inherit; } html[data-skin="sg26"] body #debug-pmp-page .debug-storage-status { border-radius: var(--r-inset) !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-storage-status--error { --t: var(--t-danger); border: 1px solid rgba(var(--t), .28) !important; background: rgba(var(--t), .06) !important; color: var(--text) !important; } html[data-skin="sg26"] body #debug-pmp-page code { font-family: var(--font-mono); } @media (max-width: 767.98px) { html[data-skin="sg26"] body #debug-pmp-page .debug-action-buttons .button--debug-actions { height: 44px !important; } } html[data-skin="sg26"] body #debug-pmp-page .debug-page > * { margin-top: 0 !important; margin-bottom: 0 !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dropdown { padding: 0 !important; margin: 0 0 12px !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dropdown > summary { min-height: 0 !important; padding: 12px 16px !important; margin: 0 !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-dropdown-body { padding: 0 16px 16px !important; } html[data-skin="sg26"] body #debug-pmp-page .debug-section-heading { margin: 0 0 16px !important; padding: 0 !important; } /* 6. Engagement Boost admin (/e/growth/settings, boards AdminGrowth + AdminGrowthSettings). CSS only on the A206 page root #growth-admin (unique to this admin view; the client page /e/growth belongs to group b). 1180 column; «Guadagni e ordini» = one card (intro = its head, the KPI list = its body), KPI tiles = kit .kpi-card (label, value, note; no icon); every card head gets the board's icon tile; settings = the same cards. */ html[data-skin="sg26"] body #growth-admin.skeleton { padding-left: var(--pad-page) !important; padding-right: var(--pad-page) !important; padding-bottom: calc(var(--pad-page) + 68px) !important; } html[data-skin="sg26"] body #growth-admin .gi-wrap { max-width: 1180px; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gap-block); } html[data-skin="sg26"] body #growth-admin .gi-wrap > * { margin-top: 0 !important; margin-bottom: 0 !important; } html[data-skin="sg26"] body #growth-admin :is(.gi-card, .gi-intro) { border: 1px solid transparent !important; border-radius: var(--r-lg) !important; background: var(--card-bg) padding-box, var(--card-edge) border-box !important; box-shadow: var(--card-shadow) !important; padding: var(--pad-card) !important; color: var(--text); } /* intro + KPI list = one card */ html[data-skin="sg26"] body #growth-admin .gi-intro { border-bottom-width: 0 !important; border-radius: var(--r-lg) var(--r-lg) 0 0 !important; padding-bottom: 20px !important; box-shadow: none !important; display: flex; flex-direction: column; gap: 20px; } html[data-skin="sg26"] body #growth-admin .gi-intro + .gi-kpis, html[data-skin="sg26"] body #growth-admin .gi-intro + .gi-note + .gi-kpis { margin-top: calc(-1 * var(--gap-block)) !important; } html[data-skin="sg26"] body #growth-admin .gi-kpis { list-style: none; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 0 var(--pad-card) var(--pad-card) !important; border: 1px solid transparent; border-top-width: 0; border-radius: 0 0 var(--r-lg) var(--r-lg); background: var(--card-bg) padding-box, var(--card-edge) border-box; box-shadow: var(--card-shadow); } html[data-skin="sg26"] body #growth-admin .gi-kpi { display: flex !important; flex-direction: column; gap: 6px; padding: 18px 20px !important; margin: 0 !important; min-width: 0; box-sizing: border-box; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; background: var(--fill-1) !important; box-shadow: inset 0 1px 0 var(--hi) !important; } html[data-skin="sg26"] body #growth-admin .gi-kpi-icon { display: none !important; } html[data-skin="sg26"] body #growth-admin .gi-kpi-label { order: 1; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; } html[data-skin="sg26"] body #growth-admin .gi-kpi-value { order: 2; font: 500 20px/28px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; font-variant-numeric: tabular-nums; } html[data-skin="sg26"] body #growth-admin .gi-kpi-sub { order: 3; font: 400 12px/16px var(--f) !important; color: var(--text-3) !important; } html[data-skin="sg26"] body #growth-admin .gi-link { color: var(--brand-primary-text) !important; text-decoration: underline; text-underline-offset: 2px; } html[data-skin="sg26"] body #growth-admin .gi-link:focus-visible { outline: 2px solid var(--brand-focus-ring); outline-offset: 2px; border-radius: 4px; } /* card heads: the board's icon tile + 17/24 title; the product's mdi glyph gives way to the tile */ html[data-skin="sg26"] body #growth-admin :is(.gi-h2, .gi-h3) { display: flex; align-items: center; gap: 12px; margin: 0 !important; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; } html[data-skin="sg26"] body #growth-admin :is(.gi-h2, .gi-h3) > .mdi { display: none; } html[data-skin="sg26"] body #growth-admin :is(.gi-intro > .gi-h2, .gi-settings > .gi-h2, .gi-card .gi-h3[id])::before { content: ""; flex-shrink: 0; 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)); -webkit-mask: none; mask: none; } html[data-skin="sg26"] body #growth-admin :is(.gi-h2, .gi-h3) { position: relative; } html[data-skin="sg26"] body #growth-admin :is(.gi-intro > .gi-h2, .gi-settings > .gi-h2, .gi-card .gi-h3[id])::after { content: ""; position: absolute; left: 8px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: var(--sg-soft); -webkit-mask: var(--sgm-gi, var(--sg-ic-sgm-info)) center / 16px no-repeat; mask: var(--sgm-gi, var(--sg-ic-sgm-info)) center / 16px no-repeat; } html[data-skin="sg26"] body #growth-admin .gi-intro > .gi-h2 { --sgm-gi: var(--sg-ic-sgm-rocket); } html[data-skin="sg26"] body #growth-admin #gi-chart-h { --sgm-gi: var(--sg-ic-sgm-chart); } html[data-skin="sg26"] body #growth-admin #gi-status-h { --sgm-gi: var(--sg-ic-sgm-filter); } html[data-skin="sg26"] body #growth-admin #gi-top-h { --sgm-gi: var(--sg-ic-sgm-star); } html[data-skin="sg26"] body #growth-admin #gi-check-h { --sgm-gi: var(--sg-ic-sgm-alert); } html[data-skin="sg26"] body #growth-admin #gi-orders-h { --sgm-gi: var(--sg-ic-sgm-card); } html[data-skin="sg26"] body #growth-admin .gi-settings > .gi-h2 { --sgm-gi: var(--sg-ic-sgm-settings); } html[data-skin="sg26"] body #growth-admin :is(#gi-prov-h, #gi-add-h) { --sgm-gi: var(--sg-ic-sgm-key); } html[data-skin="sg26"] body #growth-admin #gi-add-h { --sgm-gi: var(--sg-ic-sgm-plus); } html[data-skin="sg26"] body #growth-admin #gi-svc-h { --sgm-gi: var(--sg-ic-sgm-list); } html[data-skin="sg26"] body #growth-admin .gi-card-head { margin: 0 0 20px !important; padding: 0 !important; border: 0 !important; background: none !important; } html[data-skin="sg26"] body #growth-admin .gi-card > .gi-h3 { margin-bottom: 20px !important; } html[data-skin="sg26"] body #growth-admin .gi-intro .gi-muted, html[data-skin="sg26"] body #growth-admin .gi-settings > .gi-muted { font: 400 14px/21px var(--f) !important; color: var(--text-2) !important; margin: 0 !important; } html[data-skin="sg26"] body #growth-admin .gi-muted { color: var(--text-3) !important; } /* the grid (trend + side column) and the settings block keep the plugin's columns; only gaps and widths follow the board */ html[data-skin="sg26"] body #growth-admin .gi-grid { gap: var(--gap-block) !important; align-items: start; } html[data-skin="sg26"] body #growth-admin .gi-side { display: flex; flex-direction: column; gap: var(--gap-block); } html[data-skin="sg26"] body #growth-admin .gi-side > .gi-card { margin: 0 !important; } html[data-skin="sg26"] body #growth-admin .gi-settings { display: flex; flex-direction: column; gap: var(--gap-block); margin-top: 8px !important; padding-top: 0 !important; border-top: 0 !important; } html[data-skin="sg26"] body #growth-admin .gi-settings > * { margin: 0 !important; } html[data-skin="sg26"] body #growth-admin .gi-table th { font: 500 12px/16px var(--f) !important; color: var(--text-3) !important; text-transform: none !important; letter-spacing: .02em; background: var(--fill-1) !important; border-color: var(--border) !important; } html[data-skin="sg26"] body #growth-admin .gi-table td { border-color: var(--border) !important; color: var(--text); } html[data-skin="sg26"] body #growth-admin .gi-note { border-radius: var(--r-inset) !important; } @media (min-width: 768px) and (max-width: 1279.98px) { html[data-skin="sg26"] body #growth-admin .gi-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px) { html[data-skin="sg26"] body #growth-admin .gi-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0 16px 16px !important; } html[data-skin="sg26"] body #growth-admin :is(.gi-card, .gi-intro) { padding: 16px !important; } html[data-skin="sg26"] body #growth-admin .gi-kpi { padding: 14px 14px !important; } } html[data-skin="sg26"] body #growth-admin .gi-kpi { text-align: left !important; align-items: flex-start !important; } /* 7. Social Reports admin (boards AdminSocialReports, AdminSocialReportsLogs[Empty]): forks; the plugin's own form box is reset. */ html[data-skin="sg26"] body .sgm-srep .srep-settings-form { background: none !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; } html[data-skin="sg26"] body .sgm .sgm-cbs { display: flex; flex-direction: column; gap: 2px; } html[data-skin="sg26"] body .sgm .sgm-cb { display: inline-flex; margin: 0; padding: 4px 0; cursor: pointer; } html[data-skin="sg26"] body .sgm .sgm-cb .checkbox + span { color: var(--text) !important; font-weight: 500 !important; } html[data-skin="sg26"] body .sgm .sgm-note { padding: 14px 16px; display: flex; gap: 12px; align-items: flex-start; } html[data-skin="sg26"] body .sgm .sgm-note-t { display: flex; flex-direction: column; gap: 6px; min-width: 0; } html[data-skin="sg26"] body .sgm .sgm-note-t :is(p, ol) { margin: 0; } html[data-skin="sg26"] body .sgm .sgm-note-t ol { padding-left: 18px; } html[data-skin="sg26"] body .sgm .sgm-ctx { display: block; margin-top: 4px; overflow-wrap: anywhere; } html[data-skin="sg26"] body .sgm-srep .srep-form-actions { border: 0 !important; padding: 0 !important; margin: 0 !important; } /* 8. Shared «section title with the board's icon tile»: .sgm-th + style="--sgm-gi: var(--sg-ic-sgm-NAME)" (added by the wraps). */ html[data-skin="sg26"] body .sgm .sgm-th { display: flex !important; align-items: center; gap: 12px; position: relative; font: 500 17px/24px var(--f) !important; letter-spacing: -.01em; color: var(--text) !important; } html[data-skin="sg26"] body .sgm .sgm-th::before { content: ""; flex-shrink: 0; 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 .sgm .sgm-th::after { content: ""; position: absolute; left: 8px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: var(--sg-soft); -webkit-mask: var(--sgm-gi, var(--sg-ic-sgm-info)) center / 16px no-repeat; mask: var(--sgm-gi, var(--sg-ic-sgm-info)) center / 16px no-repeat; } /* 8.1 Settings pages built as ONE flat section (header, content, header, content ... Save) next to a second column (HikerAPI, board AdminHikerApi): one 1180 column; every header starts a card, the contents up to the next header continue it; Save = primary on the right; the second column's section = one more card below. Root classes come from the wrap. */ html[data-skin="sg26"] body .sgm.sgm-flat > form > .container-1200 { max-width: 1180px; margin: 0; padding: 0; } html[data-skin="sg26"] body .sgm.sgm-flat > form > .container-1200 > .row { display: flex; flex-direction: column; gap: var(--gap-block); margin: 0; } html[data-skin="sg26"] body .sgm.sgm-flat > form > .container-1200 > .row > .col { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; min-width: 0; } html[data-skin="sg26"] body .sgm.sgm-flat > form > .container-1200 > .row > .form-result:empty { display: none; } html[data-skin="sg26"] body .sgm.sgm-flat > form > .container-1200 > .row > .col > section.section:has(> input.button--footer) { display: flex; flex-direction: column; overflow: visible; border: 0 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; } html[data-skin="sg26"] body .sgm.sgm-flat section.section:has(> input.button--footer) > :is(.section-header, .section-content) { margin: 0; border: 1px solid transparent !important; border-top-width: 0 !important; border-bottom-width: 0 !important; border-radius: 0 !important; background: linear-gradient(var(--surface), var(--surface)) padding-box, var(--card-edge) border-box !important; padding: 0 var(--pad-card) 20px !important; } html[data-skin="sg26"] body .sgm.sgm-flat section.section:has(> input.button--footer) > .section-header { margin-top: var(--gap-block); padding-top: var(--pad-card) !important; padding-bottom: 16px !important; border-top-width: 1px !important; border-radius: var(--r-lg) var(--r-lg) 0 0 !important; } html[data-skin="sg26"] body .sgm.sgm-flat section.section:has(> input.button--footer) > .section-header:first-of-type { margin-top: 0; } html[data-skin="sg26"] body .sgm.sgm-flat section.section:has(> input.button--footer) > .section-content:has(+ :is(.section-header, input.button--footer)) { padding-bottom: var(--pad-card) !important; border-bottom-width: 1px !important; border-radius: 0 0 var(--r-lg) var(--r-lg) !important; } html[data-skin="sg26"] body .sgm.sgm-flat section.section > .section-content.border-after::after { content: none; } html:is([data-skin="sg26"],#sg-skin) body .sgm.sgm-flat section.section > input.button--footer[type="submit"] { align-self: flex-end; width: auto !important; min-width: 120px; margin: var(--gap-block) 0 0 !important; background: var(--brand-primary) !important; color: var(--brand-on-primary) !important; border-color: transparent !important; box-shadow: var(--sg-glow-rest) !important; } html:is([data-skin="sg26"],#sg-skin) body .sgm.sgm-flat section.section > input.button--footer[type="submit"]:hover { box-shadow: var(--sg-glow-hover) !important; transform: translateY(-1px); } html[data-skin="sg26"] body .sgm.sgm-flat > form > .container-1200 > .row > .col > section.section:not(:has(> input.button--footer)) { padding: 0 !important; } html[data-skin="sg26"] body .sgm.sgm-flat > form > .container-1200 > .row > .col > section.section:not(:has(> input.button--footer)) > .section-header { padding: var(--pad-card) var(--pad-card) 16px !important; border: 0 !important; background: none !important; } html[data-skin="sg26"] body .sgm.sgm-flat .field-tips { margin: 6px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px; } html[data-skin="sg26"] body .sgm.sgm-flat .field-tips li { margin: 0; padding: 0; list-style: none; font: 400 12px/16px var(--f); color: var(--text-3); } html[data-skin="sg26"] body .sgm.sgm-flat .field-tips li::before { content: none; } html[data-skin="sg26"] body .sgm.sgm-flat .form-label { font: 500 13px/18px var(--f); color: var(--text); } @media (max-width: 767.98px) { html:is([data-skin="sg26"],#sg-skin) body .sgm.sgm-flat section.section > input.button--footer[type="submit"] { align-self: stretch; width: 100% !important; } } html[data-skin="sg26"] body #settings.sgm-tog.sgm section.section > .sgm-save { display: flex; justify-content: flex-end; } html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row { padding: 0 !important; } html[data-skin="sg26"] body #settings.sgm-tog.sgm > form > .container-1200 > .row > .form-result:not(:has(*)) { display: none; } /* 9. Slave Manager admin (/e/slave-manager, boards AdminSlaveManager, AdminSlaveManagerEmpty). CSS only on the view's own .sm-wrap (unique to this page; the inline