/* SPDX-License-Identifier: Apache-2.0
 * SPDX-FileCopyrightText: 2026 T-Systems International GmbH
 * SPDX-FileContributor: Stefan Othmer
 *
 * Maintained by the HCS Platform Engineering team.
 *
 * Maintenance styles the shell needs before the maintenance module loads:
 * rules naming classes the shell itself renders (the form overlay #mntOverlay
 * is static markup in index.html, and a few class names are shared). Split
 * from css/pages/maintenance.css by tools/webcut/split_css.py; linked from the
 * shell where that file was, so the cascade keeps its order.
 */
  .mnt-headctl{display:flex;gap:8px;align-items:center}
  .mnt-new{cursor:pointer;font:600 12.5px/1 inherit;color:#fff;background:var(--brand);border:1px solid var(--brand);border-radius:9px;padding:9px 14px;white-space:nowrap}
  .mnt-new:hover{filter:brightness(1.08)}
  .mnt-check{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--ink-1);background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:11px 12px;cursor:pointer}
  .mnt-check input{margin-top:1px;width:auto;flex:none}
  /* form overlay */
  .mnt-overlay{position:fixed;inset:0;background:rgba(4,6,10,.62);display:flex;align-items:center;justify-content:center;z-index:70;padding:20px}
  .mnt-overlay[hidden]{display:none}
  .mnt-modal{background:var(--surface-1,var(--surface-2));border:1px solid var(--border);border-radius:16px;padding:22px 24px;width:min(880px,96vw);max-height:92vh;overflow:auto;animation:mntPop .2s cubic-bezier(.2,.8,.3,1)}
  @keyframes mntPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
  .mnt-modal h3{margin:0 0 4px;font-size:16px}
  .mnt-modal .msub{font-size:12px;color:var(--ink-3);margin:0 0 16px}
  .mnt-f{display:flex;flex-direction:column;gap:13px}
  .mnt-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .mnt-lbl{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink-2)}
  .mnt-lbl .req{color:#f08a82}
  .mnt-lbl input,.mnt-lbl select{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:9px 10px;color:var(--ink-1);font:inherit;font-size:13px}
  .mnt-lbl input:focus,.mnt-lbl select:focus{outline:none;border-color:var(--brand)}
  .mnt-note{font-size:11.5px;color:var(--ink-3);background:color-mix(in srgb,var(--ink-3) 8%,transparent);border-radius:8px;padding:9px 11px;line-height:1.5}
  .mnt-btns{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:4px}
  .mnt-msg{margin-right:auto;font-size:12px;color:#f08a82}
  .mnt-btns .ghost{cursor:pointer;font:600 12.5px/1 inherit;color:var(--ink-2);background:none;border:1px solid var(--border);border-radius:9px;padding:9px 14px}
  .mnt-btns .go{cursor:pointer;font:600 12.5px/1 inherit;color:#fff;background:var(--brand);border:1px solid var(--brand);border-radius:9px;padding:9px 16px}
  .mnt-btns .go:disabled{opacity:.5;cursor:not-allowed}
  @media(max-width:560px){.mnt-row{grid-template-columns:1fr}
}
  /* wider form: two columns of fields to cut scrolling */
  .mnt-f2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
  .mnt-f2 .span2{grid-column:1 / -1}
  @media(max-width:640px){.mnt-f2{grid-template-columns:1fr}
}
  .mnt-tools{display:flex;align-items:center;gap:10px;margin:0 0 16px;flex-wrap:wrap}
  .mnt-seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:3px}
  .mnt-seg button{all:unset;cursor:pointer;font:650 12px/1 inherit;color:var(--ink-2);padding:6px 14px;border-radius:16px}
  .mnt-seg button.on{background:var(--brand);color:#fff}
  .mnt-ai-btn{all:unset;cursor:pointer;font:700 12px/1 inherit;color:var(--ink-2);border:1px solid var(--border);border-radius:20px;padding:7px 13px}
  .mnt-ai-btn:hover{border-color:var(--brand);color:var(--ink)}
  .mnt-ai-btn.on{background:linear-gradient(135deg,#ff5ca8,#7c5cff);color:#fff;border-color:transparent}
  .ai-cardout{flex-basis:100%}.ai-cardout:empty{display:none}
  .ai-switch{position:relative;display:inline-block;width:38px;height:21px;flex:none;cursor:pointer}
  .ai-switch input{opacity:0;width:0;height:0}
  .ai-switch .sl{position:absolute;inset:0;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);transition:.15s}
  .ai-switch .sl::before{content:"";position:absolute;left:2px;top:1.5px;width:16px;height:16px;border-radius:50%;background:var(--ink-3);transition:.15s}
  .ai-switch input:checked+.sl{background:linear-gradient(135deg,#ff5ca8,#7c5cff);border-color:transparent}
  .ai-switch input:checked+.sl::before{transform:translateX(17px);background:#fff}
  /* live VM panel in the form (patch stand + AZ) */
  .mnt-vmp{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);overflow:hidden;animation:mntPop .18s ease}
  /* rolling patch plan editor */
  .mnt-plan{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);overflow:hidden;animation:mntPop .18s ease}
  .wave{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;padding:6px 0}