@media screen {
  .sx-system-updates {
    --update-brand:var(--sx-brand,#176b59);
    --update-ink:var(--sx-ink,#19312c);
    --update-muted:var(--sx-muted,#53675f);
    --update-border:var(--sx-border,#dce5df);
    max-width:1200px;
    margin:0 auto;
    padding:24px;
    color:var(--update-ink);
  }
  .sx-system-updates__header,
  .sx-update-card__heading {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
  }
  .sx-system-updates__header { margin-bottom:20px; }
  .sx-system-updates__header h1 { margin:2px 0 6px; }
  .sx-system-updates__eyebrow { margin:0; color:var(--update-brand); font-weight:700; }
  .sx-update-card {
    margin-bottom:18px;
    padding:20px;
    border:1px solid var(--update-border);
    border-radius:var(--sx-radius-lg,12px);
    background:var(--sx-surface,#fff);
    box-shadow:var(--sx-shadow,0 8px 24px rgba(25,49,41,.08));
  }
  .sx-update-card h2 { margin:0 0 6px; font-size:18px; }
  .sx-update-card.is-authorized { padding-block:14px; }
  .sx-update-card.is-authorized .sx-update-card__heading { align-items:center; }
  .sx-update-card.is-authorized > p { margin:4px 0 0; }
  .sx-update-card__heading > div > p { margin:0 0 12px; color:var(--update-muted); }
  .sx-update-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .sx-update-facts { display:flex; flex-wrap:wrap; gap:12px 32px; margin:0; }
  .sx-update-facts div { min-width:180px; }
  .sx-update-facts dt { color:var(--update-muted); font-size:12px; text-transform:uppercase; }
  .sx-update-releases { max-height:360px; margin:12px 0; overflow:auto; border:1px solid var(--update-border); border-radius:8px; }
  .sx-update-release { display:flex; gap:10px; margin:0; padding:12px; border-bottom:1px solid var(--update-border); cursor:pointer; }
  .sx-update-release:last-child { border-bottom:0; }
  .sx-update-release.is-selected { background:var(--sx-brand-soft,#e5f1ed); }
  .sx-update-release > span { display:flex; flex:1; flex-direction:column; min-width:0; }
  .sx-update-release small,.sx-update-notes { color:var(--update-muted); }
  .sx-update-notes { margin-top:6px; white-space:pre-line; overflow-wrap:anywhere; }
  .sx-update-auth { display:flex; align-items:flex-end; gap:10px; }
  .sx-update-auth .form-group { flex:1; max-width:420px; margin:0; }
  .sx-update-checks li { padding:8px 0; border-bottom:1px solid var(--update-border); }
  .sx-update-job .progress { margin-bottom:10px; }
  .sx-system-updates :is(button,input,a):focus-visible { outline:2px solid var(--sx-focus,#167555); outline-offset:2px; }
  [dir="rtl"] .sx-system-updates table { text-align:right; }
  @media (max-width:767px) {
    .sx-system-updates { padding:14px; }
    .sx-system-updates__header,.sx-update-card__heading,.sx-update-auth { flex-direction:column; align-items:stretch; }
    .sx-update-columns { grid-template-columns:1fr; }
    .sx-update-card { padding:16px; }
    .sx-update-card .btn { width:100%; white-space:normal; }
  }
}

.sx-control-tabs { display:flex; gap:8px; flex-wrap:wrap; margin:22px 0; padding:6px; background:#eef2f6; border-radius:12px; }
.sx-control-tabs button { flex:1 0 100px; border:0; padding:12px 16px; background:transparent; border-radius:8px; font-weight:600; color:#536479; }
.sx-control-tabs button.is-active { background:#fff; color:#164e63; box-shadow:0 2px 6px #22304412; }
.sx-control-tabs button:focus-visible { outline:3px solid #4e91a8; outline-offset:2px; }
.sx-control-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sx-control-grid fieldset { min-width:0; margin:0; }
.sx-control-grid legend { font-size:19px; font-weight:600; padding:0 0 12px; margin:0 0 14px; border:0; }
.sx-control-panel { color:#25374c; }
.sx-control-panel .sx-update-card { margin-bottom:18px; }
.sx-control-panel form > .btn { margin:18px 0; }
.sx-control-toolbar { display:flex; align-items:end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.sx-control-toolbar p { flex:1; margin:0; }
.sx-control-toolbar label { flex:1; min-width:180px; }
.sx-control-secret { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-top:5px; color:#69798a; }
.sx-control-secret label { font-size:12px; font-weight:400; }
.sx-control-module { padding:18px; border:1px solid #e1e7ed; border-radius:10px; overflow-wrap:anywhere; }
.sx-control-module h3 { font-size:16px; margin:0 0 12px; }
.sx-control-module p { margin:12px 0 0; color:#627386; font-size:13px; }
.sx-control-stats { display:flex; flex-wrap:wrap; gap:30px; padding:10px 0 20px; }
.sx-control-stats div { display:flex; flex-direction:column; }
.sx-control-stats strong { font-size:26px; }.sx-control-stats span { color:#627386; }
.sx-control-queue { display:flex; justify-content:space-between; padding:10px 0; border-top:1px solid #edf0f4; gap:12px; }
.sx-control-job { padding:15px 0; border-top:1px solid #edf0f4; }.sx-control-job > div:first-child { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.sx-control-job .progress { height:8px; margin-bottom:8px; }.sx-control-job small { color:#627386; }
.sx-control-error { border-inline-start:3px solid #b34a49; padding:14px; margin-top:14px; background:#fdf8f8; border-radius:6px; }
.sx-control-error > div { display:flex; gap:16px; flex-wrap:wrap; }.sx-control-error pre { background:transparent; border:0; padding:12px 0 0; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; }
@media(max-width:700px) { .sx-control-grid { grid-template-columns:1fr; }.sx-control-toolbar { align-items:stretch; }.sx-control-tabs button { flex-basis:90px; }.sx-control-panel .table { min-width:580px; } }

.sx-control-module-toggle { display:block; padding:7px 0; font-weight:400; }
.sx-control-key { display: block; overflow-wrap: anywhere; color: #667085; margin-bottom: 6px; font-size: 11px; }
.sx-control-review > .form-control { margin-bottom: 12px; }
.sx-control-review > label { display: block; margin-top: 18px; }

/* Feature-led control center */
.sx-control-environment { display:flex; align-items:center; flex-wrap:wrap; gap:9px; padding:12px 0 17px; border-bottom:1px solid var(--update-border); font-size:13px; }
.sx-control-environment strong { font-weight:500; color:var(--update-muted); }
.sx-environment-dot { width:7px; height:7px; border-radius:50%; background:var(--update-brand); }
.sx-environment-note { margin-inline-start:auto; color:var(--update-muted); }
.sx-control-auth.is-authorized { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; margin:0; box-shadow:none; border:0; border-radius:0; background:transparent; }
.sx-control-auth.is-authorized .sx-update-card__heading { display:contents; }
.sx-control-auth.is-authorized .sx-update-card__heading h2 { margin:0; font-size:13px; }
.sx-control-auth.is-authorized .sx-update-card__heading p { display:none; }
.sx-control-auth.is-authorized > p { flex:1; order:1; color:var(--update-muted); font-size:12px; }
.sx-control-auth.is-authorized .btn { order:2; }
.sx-control-auth:not(.is-authorized) { margin-top:18px; }
.sx-control-tabs { margin:10px 0 20px; border:1px solid var(--update-border); background:#f3f6f5; gap:4px; }
.sx-control-tabs button { color:var(--update-muted); font-size:13px; }
.sx-control-tabs button.is-active { color:var(--update-brand); }
.sx-update-job.is-complete { box-shadow:none; padding:12px 16px; margin:12px 0; }
.sx-update-job.is-complete h2 { font-size:14px; }.sx-update-job.is-complete .sx-update-card__heading p { display:none; }
.sx-control-panel { color:var(--update-ink); }.sx-control-panel > div > .sx-control-toolbar { margin-bottom:0; justify-content:flex-end; }
.sx-control-panel > div > .sx-control-toolbar:has(+ p[role=status]) { margin-bottom:10px; }
.sx-features-intro { display:flex; gap:20px; justify-content:space-between; align-items:center; margin:2px 0 18px; }
.sx-features-intro h2 { font-size:24px; font-weight:600; letter-spacing:-.4px; margin:0 0 8px; }.sx-features-intro p { color:var(--update-muted); margin:0; font-size:14px; }
.sx-control-saved { color:var(--update-brand); font-size:12px; white-space:nowrap; }
.sx-feature-search { display:flex; align-items:center; gap:12px; padding:0 16px; margin-bottom:24px; background:white; border:1px solid #cddbd4; border-radius:10px; }
.sx-feature-search > i { color:var(--update-muted); }.sx-feature-search input { border:0; background:transparent; padding:14px 0; width:100%; min-width:0; font-size:14px; outline:none; }
.sx-feature-search:focus-within { border-color:var(--update-brand); box-shadow:0 0 0 3px #176b5912; }.sx-feature-search button { border:0; background:transparent; font-size:24px; color:var(--update-muted); }
.sx-feature-layout { display:grid; grid-template-columns:198px minmax(0,1fr); gap:26px; align-items:start; }
.sx-feature-categories { position:sticky; top:20px; display:flex; flex-direction:column; gap:5px; }
.sx-feature-categories button { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px; border:0; border-radius:9px; text-align:start; background:transparent; color:var(--update-muted); font-size:13px; }
.sx-feature-categories button.is-active { background:#e4eee9; color:#155440; font-weight:600; }.sx-feature-categories small { min-width:20px; border-radius:5px; padding:1px 4px; font-size:11px; background:#ffffff70; text-align:center; }
.sx-feature-nav-note { border-top:1px solid var(--update-border); padding:20px 12px; margin-top:17px; color:var(--update-muted); font-size:12px; line-height:1.7; }.sx-feature-nav-note i { color:var(--update-brand); font-size:18px; margin-bottom:10px; }
.sx-feature-content { min-width:0; }.sx-feature-filterbar { display:flex; gap:16px; flex-wrap:wrap; align-items:center; margin:0 0 14px; color:var(--update-muted); font-size:12px; }
.sx-feature-filterbar > span { margin-inline-end:auto; }.sx-feature-filterbar label { margin:0; font-weight:400; display:flex; align-items:center; gap:6px; }.sx-feature-filterbar input { margin:0; accent-color:var(--update-brand); }
.sx-feature-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.sx-feature-card { border:1px solid #d9e3dd; border-radius:12px; background:white; padding:20px; min-width:0; transition:border-color .15s ease,box-shadow .15s ease; }
.sx-feature-card.is-enabled { border-color:#bcd8c9; }.sx-feature-card.is-dirty { border-color:#d4b574; }.sx-feature-card.is-open { grid-column:1/-1; }
.sx-feature-card__heading { display:flex; align-items:flex-start; gap:11px; }.sx-feature-title { flex:1; min-width:0; }.sx-feature-title h3 { font-size:15px; font-weight:600; line-height:1.5; margin:0 0 5px; color:#203c31; }
.sx-feature-icon { display:flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:9px; color:#4e7060; background:#f0f5f2; flex:none; font-size:17px; }
.sx-feature-state { display:flex; flex-wrap:wrap; gap:8px; font-size:11px; color:#6b7b73; }.sx-feature-state .is-on { color:#176b59; }.sx-feature-state .needs-setup { color:#8d5b12; }.sx-feature-pending { color:#8d5b12; background:#fff5dd; padding:0 6px; border-radius:4px; }
.sx-feature-description { font-size:13px; line-height:1.75; color:#61736a; margin:14px 0 0; }
.sx-system-updates .sx-feature-switch { display:inline-flex; flex:none; align-items:center; width:40px; min-width:40px; height:23px; border:1px solid #aabbb2; border-radius:20px; padding:3px; background:#bac7c0; cursor:pointer; margin-top:3px; }
.sx-feature-switch span { display:block; width:15px; height:15px; border-radius:50%; background:white; box-shadow:0 1px 3px #19312c33; transition:transform .15s ease; }
.sx-system-updates .sx-feature-switch[aria-checked=true] { background:#176b59; border-color:#176b59; }.sx-feature-switch[aria-checked=true] span { transform:translateX(17px); }
[dir=rtl] .sx-feature-switch[aria-checked=true] span { transform:translateX(-17px); }
.sx-feature-switch:disabled { cursor:not-allowed; opacity:.45; }
.sx-feature-card__actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; padding-top:12px; border-top:1px solid #edf2ee; }.sx-feature-card__actions small { font-size:12px; color:#74837b; }
.sx-feature-disclosure { border:0; padding:0; background:transparent; color:#176b59; font-weight:600; font-size:12px; display:inline-flex; align-items:center; gap:7px; text-align:start; }
.sx-feature-required-count { font-size:11px; color:#8d5b12; }
.sx-feature-body { margin-top:16px; padding-top:15px; border-top:1px solid #edf2ee; }.sx-feature-preserve { color:var(--update-muted); font-size:12px; margin:0 0 18px; }
.sx-feature-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; }.sx-control-field { min-width:0; }.sx-control-field.is-wide { grid-column:1/-1; }
.sx-control-field__label { display:flex; justify-content:space-between; gap:10px; align-items:baseline; margin-bottom:7px; }.sx-control-field__label label { font-size:13px; font-weight:600; margin:0; }.sx-field-required { font-size:10px; text-transform:uppercase; letter-spacing:.5px; color:#7c6850; }
.sx-control-field .form-control { border-radius:7px; border-color:#cbd8d0; box-shadow:none; height:40px; font-size:13px; }.sx-control-field .form-control:focus { border-color:#176b59; box-shadow:0 0 0 3px #176b5910; }
.sx-control-field.is-wide:has(.sx-feature-switch) { display:grid; grid-template-columns:1fr auto; align-items:center; border-bottom:1px solid #edf2ee; padding-bottom:12px; }.sx-control-field.is-wide:has(.sx-feature-switch) .sx-control-field__help { grid-column:1/-1; }
.sx-control-field__help { color:#728078; margin-top:5px; font-size:12px; line-height:1.6; }.sx-control-field__help > small { display:block; }.sx-control-secret { color:#657b6e; font-size:12px; }
.sx-control-key { margin:0 0 7px; font-size:10px; color:#7d8c83; }.sx-feature-card > .sx-control-key { margin-top:10px; }
.sx-control-field.is-invalid .form-control { border-color:#b85546; }.sx-field-error { color:#a94335; }
.sx-feature-advanced { border:0; background:transparent; padding:18px 0 0; color:#63766c; font-size:12px; font-weight:500; }.sx-feature-advanced i { margin-inline-end:6px; }
.sx-control-validation,.sx-control-refresh-prompt { border:1px solid #e6c5a0; background:#fffaf0; color:#79561f; border-radius:9px; padding:14px 18px; margin-bottom:18px; font-size:13px; }.sx-control-validation ul { margin:8px 0 0; }
.sx-control-refresh-prompt { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }.sx-control-refresh-prompt span { flex:1; }
.sx-feature-module-notice { display:flex; gap:15px; align-items:center; justify-content:space-between; padding:12px; border-radius:8px; background:#f3f6f4; font-size:12px; margin-bottom:14px; }
.sx-control-module-options label { display:block; font-size:13px; font-weight:400; margin:10px 0; }.sx-control-module-options p { font-size:12px; color:var(--update-muted); }
.sx-feature-savebar { display:flex; align-items:center; gap:10px; position:sticky; bottom:16px; margin:24px 0 0; padding:14px 16px; background:#fff; border:1px solid #bfd3c7; border-radius:12px; box-shadow:0 8px 32px #203f3420; z-index:5; }
.sx-feature-savebar > div { flex:1; }.sx-feature-savebar strong { display:block; font-size:13px; }.sx-feature-savebar small { display:block; font-size:11px; color:var(--update-muted); margin-top:3px; }.sx-feature-savebar .btn { font-size:12px; border-radius:7px; }
.sx-feature-review { margin-top:22px; border:1px solid #bad4c5; border-radius:12px; padding:22px; background:#f6faf7; }.sx-feature-review h2 { font-size:20px; margin:8px 0; }.sx-feature-review p { font-size:13px; color:var(--update-muted); line-height:1.7; }.sx-review-step { color:#176b59; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.sx-review-row { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 14px minmax(0,1fr); gap:12px; align-items:center; border-top:1px solid #dce8df; padding:12px 0; font-size:12px; overflow-wrap:anywhere; }.sx-review-row > span { color:var(--update-muted); }.sx-feature-review__actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }
.sx-feature-deployment { margin-top:24px; padding:18px 0; border-top:1px solid var(--update-border); color:var(--update-muted); font-size:12px; }.sx-feature-deployment summary { cursor:pointer; font-weight:600; }.sx-feature-deployment p { margin-top:12px; }
.sx-feature-empty { text-align:center; border:1px dashed #c9d6cc; padding:36px 20px; border-radius:12px; color:var(--update-muted); }.sx-feature-empty > i { font-size:24px; }.sx-feature-empty h3 { font-size:16px; }
@media(max-width:980px) { .sx-feature-layout { grid-template-columns:160px minmax(0,1fr); gap:18px; }.sx-feature-cards { grid-template-columns:1fr; }.sx-feature-icon { width:30px; height:30px; } }
@media(max-width:700px) {
  .sx-system-updates { padding:16px 12px; }.sx-system-updates__header h1 { font-size:25px; }.sx-system-updates__header { gap:8px; margin-bottom:8px; }.sx-system-updates__header > .btn { align-self:flex-start; font-size:11px; padding:5px 8px; }
  .sx-control-environment { font-size:11px; }.sx-environment-note { display:none; }.sx-control-auth.is-authorized { flex-wrap:wrap; gap:6px; }.sx-control-auth.is-authorized .btn { width:auto; }.sx-control-auth.is-authorized > p { display:none; }
  .sx-control-tabs { flex-wrap:nowrap; overflow-x:auto; border-radius:8px; margin:7px 0 14px; }.sx-control-tabs button { flex:0 0 auto; min-width:75px; font-size:11px; padding:10px; }
  .sx-features-intro { align-items:flex-start; flex-direction:column; gap:6px; }.sx-features-intro h2 { font-size:21px; }.sx-features-intro p { font-size:12px; }.sx-control-saved { font-size:11px; }
  .sx-feature-search { margin-bottom:14px; }.sx-feature-search input { font-size:13px; }
  .sx-feature-layout { display:block; }.sx-feature-categories { position:static; flex-direction:row; overflow-x:auto; gap:6px; padding-bottom:10px; margin-bottom:12px; }.sx-feature-categories button { flex:none; font-size:12px; padding:10px; border:1px solid #dce6de; }.sx-feature-nav-note { display:none; }
  .sx-feature-card { padding:16px; }.sx-feature-title h3 { font-size:14px; }.sx-feature-fields { grid-template-columns:1fr; }.sx-feature-filterbar { gap:12px; font-size:11px; }.sx-feature-filterbar > span { flex-basis:100%; }
  .sx-feature-savebar { flex-wrap:wrap; bottom:10px; padding:12px; }.sx-feature-savebar > div { flex-basis:100%; }.sx-feature-savebar .btn { flex:1; }
  .sx-feature-review { padding:16px; }.sx-review-row { grid-template-columns:1fr 14px 1fr; gap:8px; }.sx-review-row strong { grid-column:1/-1; }.sx-feature-review__actions { flex-wrap:wrap; }.sx-feature-review__actions .btn { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .sx-feature-switch span,.sx-feature-card { transition:none; } }