[data-sh-upgrade-root]{--sh-mint:#44dfc4;--sh-text:#f2f8fd;--sh-muted:#9cbcd0;--sh-line:#234b62;--sh-card:#0b2c45}
[data-sh-upgrade-root] [hidden]{display:none!important}
.sh-upgrade-dialog button:disabled{cursor:default;opacity:.45}
.sh-maintenance-access:has(>[hidden]){display:none}
.sh-maintenance-access{padding:14px 10px 0;text-align:end}
.sh-upgrade-manage{position:relative;z-index:20}
.sh-upgrade-manage summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid #44dfc4;border-radius:6px;color:#44dfc4;font-size:15px}
.sh-upgrade-manage summary::-webkit-details-marker{display:none}
.sh-upgrade-manage>div{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:230px;padding:7px;background:#0b2c45;border:1px solid #315d77;border-radius:7px;box-shadow:0 12px 28px #0005;display:grid;gap:5px}
.sh-upgrade-manage>div button{width:100%;justify-content:flex-start!important;text-align:start;padding:10px 12px!important;border:0!important;background:transparent!important}
.sh-upgrade-manage>div button:hover{background:#16425a!important}
.sh-performance,.sh-maintenance,.sh-protection-summary{--sh-bg:#031b2e;--sh-card:#0b2c45;--sh-line:#234b62;--sh-mint:#44dfc4;--sh-text:#f2f8fd;--sh-muted:#9cbcd0;color:var(--sh-text);font:inherit}
.sh-performance *,.sh-maintenance *,.sh-protection-summary *{box-sizing:border-box}
.sh-performance button,.sh-performance input,.sh-performance select,.sh-maintenance button,.sh-maintenance input,.sh-maintenance select{font:inherit}
.sh-performance button,.sh-maintenance button{cursor:pointer}
.sh-performance button:disabled,.sh-maintenance button:disabled{cursor:default;opacity:.45}
.sh-upgrade-card{border:1px solid var(--sh-line);border-radius:7px;background:var(--sh-card)}
.sh-performance{display:grid;grid-template-columns:minmax(0,1fr)272px;gap:16px;align-items:stretch;margin-top:18px}
.sh-performance-main{min-width:0;display:grid;gap:16px;align-content:start}
.sh-performance-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.sh-performance-metrics>.sh-performance-metric{grid-column:span 2}
.sh-performance-metrics>.sh-performance-metric.is-disk-io{grid-column:span 3}
.sh-performance-metric.is-disk-io small{display:block;color:var(--sh-muted);font-size:12px}
.sh-performance-chart[data-perf-scale="rate"] .sh-performance-canvas,.sh-performance-chart[data-perf-scale="rate"] .sh-performance-times{padding-inline-start:75px}
.sh-performance-chart[data-perf-scale="rate"] .sh-performance-empty{inset-inline-start:75px}
.sh-performance-metric{min-width:0;border:1px solid var(--sh-line);border-radius:7px;background:var(--sh-card);color:var(--sh-text);padding:18px 18px 20px;text-align:start;transition:border-color .18s,background .18s}
.sh-performance-metric[aria-pressed=true]{border-color:#3d847e;background:#0d3047}
.sh-performance-metric>span:first-child{display:flex;gap:10px;align-items:center;color:#d7e9f4;font-size:16px}
.sh-performance-metric strong{display:block;text-align:end;font-size:27px;line-height:1.4;margin:4px 0}
.sh-performance-meter{display:block;height:8px;border-radius:6px;background:#21485f;overflow:hidden}
.sh-performance-meter i{display:block;height:100%;width:0;background:var(--sh-mint);border-radius:inherit;transition:width .3s}
.sh-performance-chart{padding:18px 20px 10px;min-width:0}
.sh-upgrade-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.sh-upgrade-heading h2,.sh-upgrade-heading h3,.sh-performance-alerts h2{font-size:20px;margin:0;display:flex;gap:10px;align-items:center;line-height:1.5}
.sh-upgrade-range{display:flex;gap:6px}
.sh-upgrade-range button{border:1px solid #2b5870;color:var(--sh-text);background:#09283d;padding:7px 16px;border-radius:5px;min-height:38px;font-size:14px}
.sh-upgrade-range button[aria-pressed=true]{background:var(--sh-mint);color:#032333;border-color:var(--sh-mint);font-weight:700}
.sh-performance-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--sh-muted);margin-bottom:12px;flex-wrap:wrap}
.sh-performance-meta[data-stale=true]{color:#f6c562}
.sh-performance-canvas{position:relative;height:250px;padding-inline-start:42px;margin-top:8px}
.sh-performance-canvas svg{display:block;width:100%;height:100%;overflow:visible}
.sh-performance-grid path{stroke:#234b62;stroke-width:1;fill:none;vector-effect:non-scaling-stroke;opacity:.65}
[data-perf-line]{stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sh-performance-scale{position:absolute;inset:0 auto 0 0;display:flex;flex-direction:column;justify-content:space-between;color:#b5cfde;font-size:12px;transform:translateY(-6px)}
.sh-performance-empty{position:absolute;inset:0 0 0 42px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;background:#0b2c45ed;padding:20px;color:var(--sh-muted);font-size:13px}
.sh-performance-empty strong{font-size:16px;color:var(--sh-text)}
.sh-performance-empty[hidden]{display:none}
.sh-performance-times{display:flex;justify-content:space-between;color:#bad3e2;font-size:12px;padding-inline-start:42px;margin:12px 0 22px;gap:8px}
.sh-performance-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid #234b62;border-radius:6px;padding:14px 10px;text-align:center;margin-bottom:10px}
.sh-performance-summary>div+div{border-inline-start:1px solid #234b62}
.sh-performance-summary span{display:flex;justify-content:center;gap:8px;font-size:14px;color:#c1d9e7}
.sh-performance-summary strong{display:block;font-size:22px;margin-top:4px}
.sh-upgrade-caption{font-size:12px;line-height:1.7;color:var(--sh-muted);margin:8px 0}
.sh-upgrade-message{border-inline-start:3px solid var(--sh-mint);padding:10px 12px;color:#c5eee7;background:#123b48;font-size:13px;line-height:1.7;margin:12px 0 0}
.sh-upgrade-message[data-error=true]{border-color:#f3bd66;color:#f9d491;background:#41382e}
.sh-performance-traffic{padding:16px 20px}
.sh-performance-traffic select,.sh-alert-duration select,.sh-maintenance select{color:var(--sh-text);background:#09283d;border:1px solid #315d77;border-radius:5px;padding:7px 10px;max-width:100%;min-height:38px}
.sh-traffic-values{display:grid;grid-template-columns:1fr 1fr .85fr;gap:20px}
.sh-traffic-values>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.sh-traffic-values>div+div{border-inline-start:1px solid #31536b;padding-inline-start:20px}
.sh-traffic-values span{color:#c2d9e7;font-size:14px}
.sh-traffic-values strong{font-size:18px;overflow-wrap:anywhere}
.sh-performance-alerts{padding:18px 14px;min-width:0}
.sh-performance-alerts h2{font-size:18px}
.sh-performance-alerts>p{font-size:13px;color:#abcbdc;margin:12px 0 24px}
.sh-alert-setting{border:1px solid #28536b;border-radius:6px;margin:0 0 12px;padding:12px 14px 14px;min-width:0}
.sh-alert-setting legend{font-size:16px;color:#c9e0ed;padding:0 5px;display:flex;align-items:center;gap:8px}
.sh-alert-setting>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0}
.sh-alert-setting small{color:#a5c5d8;font-size:12px}
.sh-percent-input{display:flex;align-items:center;gap:7px;direction:ltr}
.sh-percent-input input{width:60px;background:#062338;border:1px solid #315d77;border-radius:6px;color:white;padding:5px 6px;text-align:center;font-size:16px;appearance:textfield}
.sh-percent-input input::-webkit-inner-spin-button{appearance:none}
.sh-upgrade-switch{display:inline-flex;align-items:center;position:relative;direction:ltr;cursor:pointer}
.sh-upgrade-switch input{width:44px;height:27px;margin:0;opacity:0;position:absolute;z-index:1;cursor:inherit}
.sh-upgrade-switch>span{width:44px;height:27px;border-radius:20px;background:#31546a;padding:3px;display:block;transition:background .18s}
.sh-upgrade-switch>span:before{content:"";display:block;width:21px;height:21px;border-radius:50%;background:white;transition:transform .18s}
.sh-upgrade-switch input:checked+span{background:var(--sh-mint)}
.sh-upgrade-switch input:checked+span:before{transform:translateX(17px)}
.sh-upgrade-switch input:disabled+span{opacity:.45}
.sh-upgrade-switch input:focus-visible+span{outline:2px solid white;outline-offset:3px}
.sh-alert-duration{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#bad2e1;margin:16px 0}
.sh-upgrade-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 18px;border:1px solid var(--sh-mint);border-radius:6px;background:transparent;color:var(--sh-mint);text-decoration:none;font-size:15px;line-height:1.5;transition:background .18s,color .18s}
.sh-upgrade-button:hover:enabled{background:#163d4b}
.sh-upgrade-button.is-primary{background:var(--sh-mint);color:#052d3b;font-weight:700}
.sh-upgrade-button.is-primary:hover:enabled{background:#69efda}
.sh-performance-alerts .sh-upgrade-button{width:100%;margin-top:4px}
.sh-upgrade-text-button{border:0;background:transparent;color:var(--sh-mint);padding:9px 0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.sh-performance-alerts .sh-upgrade-text-button{width:100%;font-size:12px;margin-top:4px}
.sh-performance button:focus-visible,.sh-performance input:focus-visible,.sh-performance select:focus-visible,.sh-maintenance button:focus-visible,.sh-maintenance input:focus-visible,.sh-maintenance select:focus-visible,.sh-protection-summary button:focus-visible{outline:2px solid #86f5e4;outline-offset:3px}
.sh-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sh-maintenance{margin-top:24px}
.sh-maintenance-heading h2{font-size:27px;margin:0 0 8px;line-height:1.6}
.sh-maintenance-heading p{color:var(--sh-muted);margin:0 0 18px;font-size:16px}
.sh-maintenance-tools{padding:4px 20px}
.sh-maintenance-row{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(300px,1.25fr);gap:24px;padding:26px 10px;align-items:center}
.sh-maintenance-row+.sh-maintenance-row{border-top:1px solid var(--sh-line)}
.sh-maintenance-copy{display:flex;gap:18px;align-items:flex-start}
.sh-maintenance-copy>i{font-size:27px;color:#aacbe1;min-width:32px;text-align:center;margin-top:4px}
.sh-maintenance-copy h3{margin:0 0 7px;font-size:21px}
.sh-maintenance-copy p{margin:0 0 6px;color:#b0ccde;font-size:14px;line-height:1.8}
.sh-maintenance-copy small,.sh-maintenance-setting small{color:#9bbdd1;font-size:12px;line-height:1.8;display:block}
.sh-maintenance-action{display:flex;gap:12px;align-items:center;justify-content:flex-end;min-width:0;flex-wrap:wrap}
.sh-maintenance-action label{display:block;min-width:0}
.sh-maintenance-action.is-media>label:first-child{flex:1 1 220px;font-size:13px;color:#b6d0df}
.sh-maintenance input[type=url]{display:block;width:100%;padding:11px 13px;color:#d6e9f3;background:#08273e;border:1px solid #315d77;border-radius:5px;margin-top:5px;font-size:14px;min-width:0}
.sh-maintenance-action select{max-width:220px}
.sh-maintenance-setting{display:flex;flex-direction:column;gap:10px;font-size:14px}
.sh-maintenance-setting>div{display:flex;gap:22px;align-items:center;justify-content:space-between;max-width:400px}
.sh-maintenance-setting>div span{color:#b8d2e3}
.sh-maintenance [hidden]{display:none!important}.sh-maintenance-setting .sh-maintenance-action{justify-content:flex-start;gap:9px}.sh-maintenance-setting .sh-maintenance-action select{min-width:120px}.sh-maintenance-setting .sh-maintenance-action .sh-upgrade-button{font-size:12px}
.sh-maintenance-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}
.sh-maintenance-warning{display:flex;gap:14px;align-items:center;border:1px solid #40575e;background:#253e45;color:#f5c65a;border-radius:6px;padding:20px;margin:0;font-size:14px;line-height:1.8}
.sh-maintenance-warning i{font-size:26px;flex-shrink:0}
.sh-maintenance-backup{display:flex;align-items:center;gap:16px;padding:18px}
.sh-maintenance-backup>i{color:#eabd51;font-size:24px}
.sh-maintenance-backup>div{flex:1;min-width:0}
.sh-maintenance-backup h3{font-size:17px;margin:0 0 6px}
.sh-maintenance-backup p{font-size:12px;color:#b0cede;margin:0;line-height:1.7}
.sh-maintenance-backup .sh-upgrade-button{font-size:13px;white-space:nowrap;padding:8px 13px}
.sh-backup-manager{padding:18px 20px;margin-top:16px}
.sh-backup-row{display:flex;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--sh-line);font-size:14px}
.sh-backup-row>div{flex:1;display:flex;flex-direction:column;gap:6px}
.sh-backup-row small{color:var(--sh-muted)}
.sh-backup-pagination{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:16px;font-size:13px}
.sh-upgrade-dialog{color:#f2f8fd;background:#0b2c45;border:1px solid #396177;border-radius:10px;width:min(460px,calc(100vw - 32px));padding:22px;font:inherit;box-shadow:0 18px 60px #0006}
.sh-upgrade-dialog::backdrop{background:#00121cc9;backdrop-filter:blur(3px)}
.sh-upgrade-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sh-upgrade-dialog h2{font-size:21px;margin:0}
.sh-upgrade-dialog header button{border:0;background:transparent;color:#bad7e7;font-size:26px;cursor:pointer}
.sh-upgrade-dialog p{font-size:14px;line-height:1.9;color:#c4dae7}
.sh-upgrade-dialog label{display:flex;flex-direction:column;gap:10px;font-size:13px}
.sh-upgrade-dialog input{background:#031b2e;border:1px solid #487184;border-radius:5px;padding:10px;color:white;font:inherit}
.sh-upgrade-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}
.sh-protection-summary{display:flex;align-items:center;gap:14px;border:1px solid var(--sh-line);border-radius:7px;background:#0b2c45;padding:16px 20px;margin:0 0 18px}
.sh-protection-mark{display:flex;width:38px;height:38px;border-radius:8px;background:#123f4e;align-items:center;justify-content:center;color:var(--sh-mint);font-size:20px;flex-shrink:0}
.sh-protection-summary>div{flex:1;min-width:0}
.sh-protection-summary strong{font-size:15px}
.sh-protection-summary p{margin:5px 0 0;color:var(--sh-muted);font-size:12px;line-height:1.7}
.sh-protection-summary img{object-fit:contain;max-width:96px;flex-shrink:0}
.sh-protection-summary .sh-upgrade-text-button{font-size:13px;white-space:nowrap}
.sh-protection-summary[data-state=attack] .sh-protection-mark{color:#ffcc72;background:#4d4130}
.sh-protection-summary[data-state=unavailable] .sh-protection-mark,.sh-protection-summary[data-state=stale] .sh-protection-mark{color:#a9c0d2;background:#263e50}
[data-sh-upgrade-root] [data-sng-panel].is-active{animation:sh-upgrade-enter .18s ease-out}
@keyframes sh-upgrade-enter{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.sh-performance{grid-template-columns:minmax(0,1fr)240px}.sh-upgrade-range button{padding-inline:12px}.sh-maintenance-bottom{grid-template-columns:1fr}.sh-maintenance-row{grid-template-columns:minmax(200px,.85fr) minmax(260px,1.2fr);gap:20px}}
@media(max-width:820px){.sh-performance{grid-template-columns:1fr}.sh-performance-alerts{padding:18px}.sh-performance-alerts form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sh-alert-setting{margin:0}.sh-alert-duration,.sh-performance-alerts .sh-upgrade-button,.sh-performance-alerts .sh-upgrade-text-button,.sh-performance-alerts .sh-upgrade-caption,.sh-performance-alerts .sh-upgrade-message{grid-column:1/-1}.sh-performance-alerts>p{margin-bottom:14px}.sh-maintenance-row{grid-template-columns:1fr;gap:15px;padding:23px 0}.sh-maintenance-action{justify-content:flex-start}.sh-maintenance-setting{padding-inline-start:50px}.sh-performance-canvas{height:230px}}
@media(max-width:540px){.sh-performance-metrics{gap:7px}.sh-performance-metric{padding:12px 10px}.sh-performance-metric>span:first-child{font-size:13px;gap:6px}.sh-performance-metric strong{font-size:23px}.sh-performance-chart{padding:15px 12px 9px}.sh-upgrade-heading{gap:11px}.sh-upgrade-heading h2{font-size:18px}.sh-upgrade-range{width:100%}.sh-upgrade-range button{flex:1;padding-inline:8px}.sh-performance-canvas{height:200px;padding-inline-start:35px}.sh-performance-scale{font-size:10px}.sh-performance-times{font-size:10px;padding-inline-start:35px}.sh-performance-summary span{font-size:12px}.sh-performance-summary strong{font-size:20px}.sh-performance-traffic{padding:15px 12px}.sh-performance-traffic select{font-size:12px;width:100%}.sh-performance-traffic .sh-upgrade-heading label{width:100%}.sh-traffic-values{gap:10px;grid-template-columns:1fr 1fr}.sh-traffic-values>div+div{padding-inline-start:10px}.sh-traffic-values>div:last-child{grid-column:1/-1;border-inline-start:0;border-top:1px solid #31536b;padding:10px 0 0;flex-direction:row;justify-content:space-between}.sh-traffic-values span{font-size:12px}.sh-performance-alerts form{grid-template-columns:1fr}.sh-alert-setting{padding:10px 12px}.sh-alert-setting legend{font-size:15px}.sh-alert-setting small{font-size:11px}.sh-maintenance-heading h2{font-size:23px}.sh-maintenance-tools{padding-inline:15px}.sh-maintenance-copy{gap:12px}.sh-maintenance-copy h3{font-size:19px}.sh-maintenance-copy p{font-size:13px}.sh-maintenance-action{align-items:stretch;flex-direction:column}.sh-maintenance-action label,.sh-maintenance-action select{width:100%;max-width:none}.sh-maintenance-action.is-media>label:first-child{flex:auto}.sh-maintenance-setting{padding-inline-start:44px}.sh-maintenance-warning{padding:15px;font-size:13px}.sh-maintenance-backup{gap:12px;flex-wrap:wrap}.sh-maintenance-backup .sh-upgrade-button{width:100%}.sh-protection-summary{padding:13px 14px;gap:10px;flex-wrap:wrap}.sh-protection-summary>div{flex-basis:calc(100% - 60px)}.sh-protection-summary img{margin-inline-start:48px;width:82px;height:26px}.sh-protection-summary .sh-upgrade-text-button{margin-inline-start:auto;font-size:12px}.sh-backup-row{flex-wrap:wrap}.sh-backup-row .sh-upgrade-button{font-size:12px}.sh-backup-pagination{gap:8px}.sh-backup-pagination .sh-upgrade-button{padding-inline:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){[data-sh-upgrade-root] *,[data-sh-upgrade-root] *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:720px){
  .sng-server-command-actions>.sh-upgrade-manage{grid-column:1/-1;min-width:0}
  .sng-server-command-actions>.sh-upgrade-manage summary{justify-content:center}
  .sng-server-command-actions>.sh-upgrade-manage>div{max-width:100%;box-sizing:border-box}
}

/* Virtual machines have two gauges and paired disk/network rates. */
.sng-server-tab-content[data-history-source="virtfusion"] .sh-performance-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
}
.sng-server-tab-content[data-history-source="virtfusion"] .sh-performance-metrics > .sh-performance-metric {
  grid-column: auto;
}
/* Keep the performance values at their component size after global text rules. */
.main .sh-performance-metric > strong { font-size: 27px !important; }
.main .sh-performance-metric.is-disk-io > small { font-size: 12px !important; }
@media(max-width:540px) {
  .main .sh-performance-metric > strong { font-size: 23px !important; }
  .main .sh-performance-metric > span:first-child { font-size: 13px !important; }
}

/* Native dialogs must retain viewport centering after the global margin reset. */
.main .sh-upgrade-dialog {
  position: fixed;
  inset: 0;
  margin: auto !important;
  box-sizing: border-box;
  height: fit-content;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  overscroll-behavior: contain;
}
.sh-upgrade-dialog[open] { animation: sh-maint-dialog-in .24s cubic-bezier(.2,.8,.2,1) both; }
.sh-upgrade-dialog[open]::backdrop { animation: sh-maint-backdrop-in .24s ease both; }
.sh-upgrade-dialog[open].is-closing { animation: sh-maint-dialog-out .18s ease both; pointer-events: none; }
.sh-upgrade-dialog[open].is-closing::backdrop { animation: sh-maint-backdrop-out .18s ease both; }
@keyframes sh-maint-dialog-in { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes sh-maint-dialog-out { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(8px) scale(.98); } }
@keyframes sh-maint-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes sh-maint-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
@media(prefers-reduced-motion: reduce) {
  .sh-upgrade-dialog[open], .sh-upgrade-dialog[open]::backdrop { animation-duration: .01ms !important; }
}

/* A focused confirmation surface, shared by maintenance and backup actions. */
.main .sh-upgrade-dialog[data-maint-confirm] {
  width: min(540px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  padding: 0;
  border: 1px solid #34576d;
  border-radius: 16px;
  background: #0b2c45;
  color: #edf7ff;
  box-shadow: 0 24px 80px #0007;
  text-align: start;
}
.main .sh-upgrade-dialog[data-maint-confirm] form { margin: 0; padding: 0; }
.main .sh-upgrade-dialog[data-maint-confirm] .sh-confirm-header { padding: 28px 28px 22px; align-items: flex-start; gap: 14px; }
.main .sh-confirm-icon { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; color: #50e0c8; background: #123e4d; border: 1px solid #29616b; border-radius: 12px; }
.main .sh-confirm-icon svg { width: 28px; height: 28px; }
.main .sh-confirm-heading { flex: 1; min-width: 0; padding-top: 1px; }
.main .sh-confirm-heading h2 { margin: 0; font-size: 22px !important; font-weight: 800; line-height: 1.45; color: #edf7ff; }
.main .sh-confirm-heading p { margin: 5px 0 0; font-size: 13px !important; line-height: 1.65; color: #a5bfd0; }
.main .sh-upgrade-dialog[data-maint-confirm] .sh-confirm-close { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; margin: -4px -4px 0; padding: 0; border: 1px solid transparent; border-radius: 8px; color: #9eb9cc; background: transparent; transition: background .15s, color .15s, border-color .15s; }
.main .sh-confirm-close svg { width: 18px; height: 18px; }
.main .sh-upgrade-dialog[data-maint-confirm] .sh-confirm-close:hover { color: #fff; background: #173d55; border-color: #365b71; }
.main .sh-confirm-body { padding: 0 28px 24px; }
.main .sh-confirm-service { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 0 18px; margin-bottom: 18px; border-top: 1px solid #294a60; border-bottom: 1px solid #294a60; }
.main .sh-confirm-service > span { font-size: 14px !important; color: #abc5d6; }
.main .sh-confirm-service > bdi { font-size: 22px !important; font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; color: #edf7ff; }
.main .sh-confirm-notice { display: flex; gap: 12px; padding: 14px 16px; border: 1px solid #6a5940; border-radius: 10px; background: #353a35; }
.main .sh-confirm-notice > svg { width: 19px; height: 19px; flex: 0 0 19px; margin-top: 2px; color: #efc27c; }
.main .sh-confirm-notice > div { flex: 1; min-width: 0; }
.main .sh-confirm-notice strong { display: block; font-size: 13px !important; font-weight: 700; line-height: 1.6; color: #f5d49f; }
.main .sh-confirm-notice p { margin: 5px 0 0; font-size: 13px !important; line-height: 1.85; color: #dbd5c7; overflow-wrap: anywhere; }
.main .sh-confirm-field { margin-top: 24px; }
.main .sh-upgrade-dialog .sh-confirm-field label { display: block; margin: 0 0 10px; font-size: 14px !important; font-weight: 700; line-height: 1.6; color: #deedf7; }
.main .sh-confirm-input-wrap { position: relative; }
.main .sh-upgrade-dialog .sh-confirm-input-wrap input { box-sizing: border-box; width: 100%; min-width: 0; height: 52px; padding: 10px 44px; margin: 0; border: 1px solid #45677d; border-radius: 9px; background: #062237; color: #edf7ff; text-align: center; font-family: inherit; font-size: 21px !important; font-weight: 700; line-height: 1.4; font-variant-numeric: tabular-nums; transition: border-color .16s, box-shadow .16s; outline: none; }
.main .sh-upgrade-dialog .sh-confirm-input-wrap input::placeholder { font-size: 14px !important; font-weight: 400; color: #7e9eb4; letter-spacing: 0; opacity: 1; }
.main .sh-upgrade-dialog .sh-confirm-input-wrap input:focus { border-color: #50dfc7; box-shadow: 0 0 0 3px #50dfc71c; }
.main .sh-confirm-match { position: absolute; inset-inline-end: 16px; top: 16px; width: 20px; height: 20px; color: #56dfc8; opacity: 0; transform: scale(.85); transition: opacity .15s, transform .15s; pointer-events: none; }
.main .sh-confirm-field[data-state="valid"] .sh-confirm-match { opacity: 1; transform: scale(1); }
.main .sh-confirm-field[data-state="valid"] input { border-color: #50dfc7; }
.main .sh-confirm-field[data-state="invalid"] input { border-color: #e5aa77; box-shadow: 0 0 0 3px #e5aa7712; }
.main .sh-confirm-field .sh-confirm-hint { min-height: 22px; margin: 8px 0 0; color: #9ebbd0; font-size: 12px !important; line-height: 1.8; }
.main .sh-confirm-field[data-state="valid"] .sh-confirm-hint { color: #73e2ce; }
.main .sh-confirm-field[data-state="invalid"] .sh-confirm-hint { color: #f1bd91; }
.main .sh-upgrade-dialog[data-maint-confirm] .sh-confirm-footer { margin: 0; padding: 20px 28px; display: flex; gap: 10px; justify-content: flex-start; border-top: 1px solid #294a60; background: #09263b; }
.main .sh-confirm-footer .sh-upgrade-button { min-height: 44px; margin: 0; padding: 10px 22px; border-radius: 8px; font: inherit; font-size: 14px !important; font-weight: 700; line-height: 1.5; border: 1px solid #365b73; color: #c4dbe9; background: transparent; transition: background .15s, border-color .15s, color .15s; }
.main .sh-confirm-footer .sh-upgrade-button.is-primary { min-width: 160px; border-color: #48d9c0; background: #48d9c0; color: #062b34; }
.main .sh-confirm-footer .sh-upgrade-button.is-primary:disabled { opacity: 1; background: #254f5c; border-color: #376674; color: #a1bdc9; cursor: not-allowed; }
.main .sh-confirm-footer .sh-upgrade-button.is-primary:not(:disabled):hover { border-color: #70ecd6; background: #70ecd6; }
.main .sh-confirm-footer .sh-upgrade-button:not(.is-primary):hover { background: #163a50; border-color: #628299; color: #fff; }
.main .sh-upgrade-dialog[data-maint-confirm] button:focus-visible { outline: 2px solid #68e5d0; outline-offset: 3px; }
@media(max-width:540px) {
  .main .sh-upgrade-dialog[data-maint-confirm] { width: calc(100vw - 24px); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); border-radius: 14px; }
  .main .sh-upgrade-dialog[data-maint-confirm] .sh-confirm-header { padding: 22px 20px 20px; gap: 12px; }
  .main .sh-confirm-icon { width: 42px; height: 42px; flex-basis: 42px; border-radius: 10px; }
  .main .sh-confirm-icon svg { width: 25px; height: 25px; }
  .main .sh-confirm-heading h2 { font-size: 20px !important; }
  .main .sh-confirm-heading p { font-size: 12px !important; }
  .main .sh-confirm-body { padding: 0 20px 20px; }
  .main .sh-confirm-notice { padding: 12px; gap: 10px; }
  .main .sh-confirm-field { margin-top: 20px; }
  .main .sh-upgrade-dialog[data-maint-confirm] .sh-confirm-footer { padding: 16px 20px; }
  .main .sh-confirm-footer .sh-upgrade-button.is-primary { min-width: 0; flex: 1; }
  .main .sh-confirm-footer .sh-upgrade-button { padding-inline: 18px; }
}

/* Maintenance workspace: shared semantics, responsive cards, no extra requests. */
.sh-maintenance-v2 .sh-maintenance-heading{align-items:center;margin-block:4px 24px;gap:20px}
.sh-maintenance-v2 .sh-maintenance-heading h2{font-size:25px!important;line-height:1.4;margin:0 0 6px}
.sh-maintenance-v2 .sh-maintenance-heading p{font-size:13px!important;line-height:1.8;margin:0;color:var(--sh-muted)}
.sh-maintenance-v2 .sh-upgrade-button{min-height:42px;padding:10px 15px;border-radius:9px;font-size:13px!important;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;white-space:normal}
.sh-maintenance-v2 .sh-upgrade-button:not(:disabled):hover{background:#124153;border-color:var(--sh-mint);box-shadow:0 0 0 2px #44dfc410;transform:none}
.sh-maintenance-v2 .sh-upgrade-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.sh-maintenance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sh-maintenance-card{min-width:0;display:flex;flex-direction:column;padding:23px;background:linear-gradient(140deg,#10334b 0%,var(--sh-card) 70%);border:1px solid var(--sh-line);border-radius:14px;animation:sh-maintenance-enter .32s both}
.sh-maintenance-card:nth-child(2){animation-delay:35ms}.sh-maintenance-card:nth-child(3){animation-delay:70ms}.sh-maintenance-card:nth-child(4){animation-delay:105ms}
.sh-maintenance-card-heading{display:flex;align-items:center;gap:11px;min-height:36px;margin-bottom:12px}
.sh-maintenance-tool-icon{flex:0 0 37px;display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#44dfc412;color:var(--sh-mint);border:1px solid #44dfc420}
.sh-maintenance-tool-icon i{font-size:18px!important;line-height:1}
.sh-maintenance-v2 h3{font-size:18px!important;line-height:1.5;margin:0;font-weight:700}
.sh-maintenance-badge{margin-inline-start:auto;border:1px solid #416174;border-radius:20px;background:#031b2e70;padding:4px 10px;color:#bed1de;font-size:11px!important;line-height:1.5;white-space:nowrap}
.sh-maintenance-badge[data-state="active"]{color:#6fe3c2;border-color:#387863;background:#164d412e}
.sh-maintenance-badge[data-state="unavailable"]{color:#f0c987;border-color:#8b6c3d;background:#6e4a201f}
.sh-maintenance-v2 .sh-maintenance-description{font-size:13px!important;line-height:1.8;color:var(--sh-muted);margin:0 0 18px}
.sh-maintenance-v2 .sh-maintenance-detail{font-size:12px!important;line-height:1.8;color:#bbd6e6;border-inline-start:2px solid #44dfc466;padding-inline-start:10px;margin:0 0 16px}
.sh-maintenance-card-form{display:grid;gap:12px;margin:0;margin-block-start:auto}
.sh-maintenance-v2 .sh-maintenance-boot-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-block-start:0}
.sh-maintenance-v2 .sh-maintenance-field{display:grid;gap:7px;min-width:0;color:#c9dce9;font-size:12px!important;line-height:1.5}
.sh-maintenance-v2 .sh-maintenance-field>span{font-size:12px!important}
.sh-maintenance-v2 :is(select,input){width:100%;min-width:0;min-height:43px;border:1px solid #34586e;border-radius:9px;padding:10px 12px;background:#062237;color:var(--sh-text);font:inherit;font-size:13px!important;line-height:1.5;box-shadow:none;text-overflow:ellipsis}
.sh-maintenance-v2 select{padding-inline-end:28px}
.sh-maintenance-v2 :is(select,input):focus-visible{outline:2px solid var(--sh-mint);outline-offset:3px}
.sh-maintenance-v2 :is(select,input):disabled{opacity:.5;cursor:not-allowed}
.sh-maintenance-v2 .sh-maintenance-note{display:block;color:var(--sh-muted);font-size:11px!important;line-height:1.8;margin-block-start:13px}
.sh-maintenance-v2 .sh-maintenance-current{display:grid;gap:8px;background:#031b2e7a;border:1px solid var(--sh-line);border-radius:9px;padding:12px 14px;margin-bottom:16px}
.sh-maintenance-v2 .sh-maintenance-current>span{font-size:11px!important;color:var(--sh-muted)}
.sh-maintenance-v2 .sh-maintenance-current strong{font-size:13px!important;line-height:1.7;font-weight:600;overflow-wrap:anywhere}
.sh-maintenance-settings-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(105px,.85fr) auto;align-items:center;gap:10px;margin:0;padding-block:13px;border-bottom:1px solid var(--sh-line)}
.sh-maintenance-settings-form:nth-last-of-type(1){border-bottom:0;padding-bottom:0}
.sh-maintenance-setting-label{display:grid;gap:4px;min-width:0}
.sh-maintenance-v2 .sh-maintenance-setting-label>span{font-size:12px!important;font-weight:600;line-height:1.7}
.sh-maintenance-v2 .sh-maintenance-setting-label :is(small,strong,bdi){font-size:10px!important;color:var(--sh-muted);font-weight:400;line-height:1.6}
.sh-maintenance-settings-form .sh-maintenance-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sh-maintenance-v2 .sh-maintenance-settings-form .sh-upgrade-button{padding-inline:12px;min-height:43px}
.sh-maintenance-v2 .sh-maintenance-backup-v2{display:flex;align-items:center;gap:14px;min-width:0;margin-top:18px;padding:18px 23px;border:1px solid var(--sh-line);border-radius:12px;background:var(--sh-card)}
.sh-maintenance-backup-v2>div{flex:1;min-width:0}
.sh-maintenance-v2 .sh-maintenance-backup-v2 p{font-size:12px!important;line-height:1.8;color:var(--sh-muted);margin:4px 0 0}
.sh-maintenance-v2 .sh-maintenance-advisory{display:flex;align-items:flex-start;gap:11px;margin:16px 0 0;border:1px solid #83643865;border-radius:10px;background:#8a5a1612;padding:13px 16px;color:#d6bc91;text-align:start}
.sh-maintenance-v2 .sh-maintenance-advisory>span{font-size:12px!important;line-height:1.8}
.sh-maintenance-advisory i{font-size:14px!important;margin-top:4px;flex:0 0 auto}
.sh-maintenance-v2 .sh-maintenance-access{padding:12px 0 0}
.sh-maintenance-v2 .sh-maintenance-access button{width:100%}
.sh-maintenance-v2 .sh-upgrade-message{font-size:12px!important;line-height:1.8;margin-block:14px 0}
.sh-maintenance-v2 .sh-backup-manager{margin-top:18px}
@keyframes sh-maintenance-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.sh-maintenance-card{padding:19px}.sh-maintenance-grid{gap:14px}.sh-maintenance-v2 h3{font-size:17px!important}.sh-maintenance-settings-form{grid-template-columns:minmax(0,1fr) minmax(88px,.8fr) auto;gap:7px}}
@media(max-width:820px){.sh-maintenance-grid{grid-template-columns:minmax(0,1fr)}.sh-maintenance-v2 .sh-maintenance-heading{align-items:flex-start}.sh-maintenance-v2 .sh-maintenance-heading h2{font-size:22px!important}.sh-maintenance-card{padding:20px}.sh-maintenance-card-form{margin-block-start:0}.sh-maintenance-settings-form{grid-template-columns:minmax(0,1fr) minmax(100px,.85fr) auto}.sh-maintenance-v2 .sh-maintenance-backup-v2{padding:18px}}
@media(max-width:460px){.sh-maintenance-v2 .sh-maintenance-heading{flex-wrap:wrap;gap:14px}.sh-maintenance-v2 .sh-maintenance-heading>button{width:100%}.sh-maintenance-card{padding:17px}.sh-maintenance-v2 h3{font-size:16px!important}.sh-maintenance-card-heading{gap:9px}.sh-maintenance-badge{font-size:10px!important;padding:4px 8px}.sh-maintenance-v2 .sh-maintenance-backup-v2{flex-wrap:wrap}.sh-maintenance-backup-v2>button{width:100%}.sh-maintenance-settings-form{grid-template-columns:minmax(0,1fr) 120px auto;gap:7px}.sh-maintenance-v2 .sh-maintenance-settings-form .sh-upgrade-button{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.sh-maintenance-card{animation:none}.sh-maintenance-v2 .sh-upgrade-button{transition:none}}
:is(html[data-theme="light"],body[data-theme="light"]) .sh-maintenance-v2{--sh-card:#fff;--sh-line:#d4e1e9;--sh-text:#143348;--sh-muted:#526f82;--sh-mint:#087e73}
:is(html[data-theme="light"],body[data-theme="light"]) .sh-maintenance-card{background:linear-gradient(140deg,#f5fafb,#fff 70%)}
:is(html[data-theme="light"],body[data-theme="light"]) .sh-maintenance-v2 :is(select,input,.sh-maintenance-current){background:#f5f9fc;border-color:#ccdde7;color:#143348}
:is(html[data-theme="light"],body[data-theme="light"]) .sh-maintenance-badge{background:#edf4f7;color:#526f82;border-color:#ccdde7}
:is(html[data-theme="light"],body[data-theme="light"]) .sh-maintenance-v2 :is(.sh-maintenance-field,.sh-maintenance-detail){color:#36566b}
:is(html[data-theme="light"],body[data-theme="light"]) .sh-maintenance-v2 .sh-upgrade-button:not(:disabled):hover{background:#e4f7f2}
:is(html[data-theme="light"],body[data-theme="light"]) .sh-maintenance-v2 .sh-maintenance-advisory{color:#795b2c;background:#fffaf0}
