/* Installation maintenance: use existing Archivio typography and panel tokens. */
#personnel-management-view > [data-settings-panel="backup"]:has(#system-maintenance-panel:not([hidden])) {
  display:flex; flex-direction:column; gap:var(--v4-gap);
}
#personnel-management-view [data-settings-panel="backup"]:has(#system-maintenance-panel:not([hidden])) > .backup-panels {
  flex:1; min-height:160px; height:auto;
}
#system-maintenance-panel {
  order:2; flex-shrink:0; overflow:hidden; border:1px solid var(--v4-line);
  border-radius:var(--v4-radius); background:#fff; box-shadow:var(--v4-shadow);
}
#system-maintenance-panel > header {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-height:var(--v4-panel-header-height); padding:var(--v4-panel-header-pad); box-sizing:border-box;
  border-bottom:1px solid var(--v4-line); background:var(--v4-panel-head);
}
#system-maintenance-panel h3 { display:flex; align-items:center; gap:8px; margin:0; font-family:var(--ui-font-heading); font-size:var(--ui-panel-size); }
#system-maintenance-panel svg { width:22px; height:22px; color:var(--v4-primary); fill:none; stroke:currentColor; stroke-width:1.7; }
#system-maintenance-panel > header small { color:var(--v4-muted); }
.system-maintenance-copy { padding:12px; }
.system-maintenance-copy p { margin:8px 0; }
.system-maintenance-copy small { color:var(--v4-muted); }
[data-system-mode-state] { display:inline-block; padding:4px 8px; border-radius:4px; color:#17643b; background:#e5f5ec; font-weight:600; }
.is-maintenance-active [data-system-mode-state] { background:#fff0c7; color:#895400; }
#system-maintenance-panel > footer { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 12px; border-top:1px solid var(--v4-line); background:var(--v4-panel-head); }
#system-maintenance-panel > footer p { margin:0; color:var(--v4-muted); }
#toggle-system-maintenance { min-width:160px; }
#system-maintenance-banner {
  display:flex; align-items:flex-start; flex:0 0 auto; gap:12px; margin:0 0 var(--v4-gap); padding:12px;
  border:1px solid #edcd86; border-radius:var(--v4-radius); background:#fff7e4; color:#674814;
  font-family:var(--ui-font-text); font-size:var(--ui-text-size);
}
#system-maintenance-banner[hidden], #system-maintenance-panel[hidden] { display:none; }
#system-maintenance-banner svg { width:26px; height:26px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; }
#system-maintenance-banner div { flex:1; min-width:0; }
#system-maintenance-banner strong { font-size:var(--ui-panel-size); }
#system-maintenance-banner p { margin:4px 0; }
#system-maintenance-banner > span { padding:4px 8px; border-radius:4px; white-space:nowrap; background:#ffebbb; font-weight:600; }
body.system-maintenance-readonly main { display:flex; flex-direction:column; }
body.system-maintenance-readonly main > .view.is-active { flex:1; min-height:0; }
body.system-maintenance-readonly #maintenance-navigation { flex-shrink:0; }
[data-system-locked] { cursor:not-allowed !important; }
label.button:has(input[data-system-locked]) { opacity:.45; cursor:not-allowed; }
@media (min-width:1101px) {
  #personnel-management-view [data-settings-panel="backup"]:has(#system-maintenance-panel:not([hidden])) > .backup-panels {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:900px) {
  #personnel-management-view > [data-settings-panel="backup"]:has(#system-maintenance-panel:not([hidden])) { overflow:auto; }
  #system-maintenance-panel > header { flex-wrap:wrap; }
  #system-maintenance-banner { flex-wrap:wrap; }
}