/* sc-vps-media-v1: "Rescue & ISO" tab in the server window (js/sc-vps-media.js). Portal tokens only. */

/* tab visibility: the panel lives in its own tab; in that tab everything else in the window steps aside */
#srv-modal-body:not([data-tab=media]) #srv-media{display:none}
#srv-modal-body[data-tab=media] > :not(.srv-modal__head):not(.sct-bar):not(#srv-media){display:none}

#srv-media{display:flex;flex-direction:column;gap:12px}
.vm-card{border:1px solid var(--line,rgba(127,127,127,.2));border-radius:var(--n9-r,10px);background:var(--n9-tile,transparent);padding:14px 16px}
.vm-card.is-live{border-color:color-mix(in srgb,var(--amber,#fbbf24) 55%,transparent);
  background:color-mix(in srgb,var(--amber,#fbbf24) 6%,var(--n9-tile,transparent))}
.vm-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vm-h .vm-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;
  background:var(--bg2,rgba(127,127,127,.12));color:var(--ink2,inherit);font-size:.9rem}
.vm-card.is-live .vm-ic{color:var(--amber,#fbbf24)}
.vm-t{font-weight:700;font-size:.95rem;color:var(--ink,inherit)}
.vm-pill{margin-left:auto;font-family:var(--mono,ui-monospace,monospace);font-size:.66rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--line,rgba(127,127,127,.3));color:var(--ink3,var(--muted))}
.vm-pill.on{color:var(--amber,#fbbf24);border-color:currentColor}
.vm-pill.iso{color:var(--blue,#89c4e1);border-color:currentColor}
.vm-p{margin:10px 0 0;font-size:.84rem;line-height:1.55;color:var(--ink2,var(--muted))}
.vm-p b{color:var(--ink,inherit);font-weight:600}
.vm-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.vm-steps{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:.8rem;color:var(--ink3,var(--muted))}
.vm-steps li{display:flex;gap:8px}
.vm-steps li span{font-family:var(--mono,ui-monospace,monospace);color:var(--ink2,inherit);min-width:1.4em}
.vm-sel{flex:1 1 220px;min-width:0;min-height:36px;padding:6px 10px;border-radius:var(--n9-r-ctl,8px);border:1px solid var(--line,rgba(127,127,127,.3));
  background:var(--bg1,transparent);color:var(--ink,inherit);font:inherit;font-size:.86rem}
.vm-sel:focus-visible,.vm-tog input:focus-visible{outline:2px solid var(--blue,#89c4e1);outline-offset:1px}
.vm-tog{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;color:var(--ink2,inherit);cursor:pointer;user-select:none}
.vm-tog input{width:16px;height:16px;accent-color:var(--blue,#89c4e1)}
.vm-net{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
@media (max-width:640px){.vm-net{grid-template-columns:1fr}}
.vm-kv{padding:7px 10px;border:1px solid var(--line,rgba(127,127,127,.2));border-radius:8px;min-width:0}
.vm-kv b{display:block;font-family:var(--mono,ui-monospace,monospace);font-size:.62rem;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink3,var(--muted));margin-bottom:2px}
.vm-kv code{font-family:var(--mono,ui-monospace,monospace);font-size:.82rem;word-break:break-all;color:var(--ink,inherit)}
.vm-note{font-size:.8rem;line-height:1.5;color:var(--ink3,var(--muted));margin-top:10px}
.vm-note.warn{color:var(--amber,#fbbf24)}
.vm-msg{font-size:.82rem;min-height:1.2em;color:var(--ink2,inherit)}
.vm-msg.ok{color:var(--green,#34d399)}
.vm-msg.err{color:var(--red,#f87171)}
.vm-skel{height:84px;border-radius:var(--n9-r,10px);border:1px dashed var(--line,rgba(127,127,127,.2))}
.smc-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;flex-wrap:wrap}
#smc-body p{margin:0 0 8px}
.vm-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.vm-p code,.vm-steps code{font-family:var(--mono,ui-monospace,monospace);font-size:.8rem;color:var(--ink,inherit)}
[data-theme="light"] .vm-pill.on,[data-theme="light"] .vm-card.is-live .vm-ic,[data-theme="light"] .vm-note.warn{color:#b45309}
[data-theme="light"] .vm-msg.ok{color:#047857}