/* Approved backup layout and NAS controls; presentation only. */
.backup-summary-grid { grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr); align-items:stretch; }
.backup-summary-grid > .backup-summary-card:first-child { grid-column:1; grid-row:1; }
.backup-summary-grid > .backup-summary-card:last-child { grid-column:1; grid-row:2; }
.backup-summary-grid > .nas-transfer-card { grid-column:2; grid-row:1 / span 2; }
.backup-summary-grid > .backup-summary-card:not(.nas-transfer-card) > strong { font-size:clamp(17px,1.7vw,22px); }
.nas-transfer-card { gap:14px; }
.nas-transfer-card > div.nas-switch-line { display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-top:1px solid #e4edf5; border-bottom:1px solid #e4edf5; font-size:13px; font-weight:600; }
.nas-switch-line > div { display:flex; gap:10px; align-items:center; }
.nas-switch-state { font-size:12px; color:#62788c; font-weight:400; }
.nas-toggle { width:42px; height:24px; min-width:42px; padding:3px; border:0; border-radius:20px; background:#c7d6e2; cursor:pointer; transition:background .15s; }
.nas-toggle > span { display:block; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #20446025; transition:transform .15s; }
.nas-toggle[aria-checked="true"] { background:#579bd1; }
.nas-toggle[aria-checked="true"] > span { transform:translateX(18px); }
.nas-toggle:disabled { cursor:default; opacity:.65; }
.nas-toggle:focus-visible { outline:3px solid #9cc8ed; outline-offset:3px; }
.nas-states { display:grid; grid-template-columns:1fr 1fr; margin:0; gap:14px; }
.nas-states > div { display:flex; flex-direction:column; gap:7px; }
.nas-states dt,.nas-times dt { font-size:12px; color:#62788c; }
.nas-states dd,.nas-times dd { margin:0; }
.nas-times { display:grid; gap:9px; margin:0; padding-top:3px; }
.nas-times > div { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:5px 8px; }
.nas-times dd { font-size:12px; color:#263f53; font-variant-numeric:tabular-nums; white-space:nowrap; }
.nas-transfer-card .nas-note { padding-top:12px; border-top:1px solid #e4edf5; font-size:12px; }
.nas-transfer-card .nas-extra { font-size:12px; }
.backup-center-page .nas-transfer-card > .nas-card-heading { margin-bottom:0; }
/* Record actions must stay visible without horizontal scrolling, including retry feedback. */
.backup-center-page .backup-table { min-width:0; table-layout:fixed; }
.backup-table th:first-child { width:21%; }
.backup-table th:nth-child(2) { width:12%; }
.backup-table th:nth-child(3) { width:9%; }
.backup-table th:nth-child(4) { width:16%; }
.backup-table th:nth-child(5) { width:13%; }
.backup-table th:last-child { width:29%; }
.backup-center-page .backup-table th,.backup-center-page .backup-table td { white-space:normal; overflow-wrap:anywhere; }
.backup-table .backup-time { white-space:normal; }
.backup-row-actions { flex-wrap:wrap; gap:8px 12px; }
.nas-retry-actions { display:contents; }
.nas-retry-button { font-weight:600; }
.nas-retry-button:disabled { color:#8998a6; cursor:not-allowed; text-decoration:none; }
.nas-retry-note { flex-basis:100%; order:1; min-width:0; color:#6d7b8b; font-size:11px; line-height:1.5; white-space:normal; }
.nas-retry-note:empty { display:none; }
.nas-retry-note.is-info { color:#2d78b7; }
.nas-retry-note.is-error { color:#a0521c; }
@media(max-width:900px) {
  .backup-summary-grid { grid-template-columns:1fr; }
  .backup-summary-grid > .nas-transfer-card { grid-column:1; grid-row:1; }
  .backup-summary-grid > .backup-summary-card:first-child { grid-column:1; grid-row:2; }
  .backup-summary-grid > .backup-summary-card:last-child { grid-column:1; grid-row:3; }
  .backup-summary-grid > .backup-summary-card:not(.nas-transfer-card) > strong { font-size:22px; }
}
@media(max-width:700px) {
  .backup-summary-grid { grid-template-columns:1fr; }
  .nas-transfer-card { padding:18px; }
  .nas-times { grid-template-columns:1fr; gap:10px; }
}
/* Mobile actions stay beside their headings, not as full-width rows. */
@media(max-width:760px) {
  .backup-center-page .backup-table thead { display:none; }
  .backup-center-page .backup-table,.backup-center-page .backup-table tbody,.backup-center-page .backup-table tr,.backup-center-page .backup-table td { display:block; width:100%; min-width:0; }
  .backup-center-page .backup-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px 0; border-bottom:1px solid #e6edf4; }
  .backup-center-page .backup-table td { padding:0!important; border:0!important; }
  .backup-center-page .backup-table td::before { content:attr(data-label); display:block; margin-bottom:5px; color:#6d7b8b; font-size:11px; }
  .backup-center-page .backup-table td[data-label="操作"],.backup-center-page .backup-table .backup-empty-cell { grid-column:1 / -1; }
  .backup-row-actions > button,.nas-retry-button { min-height:36px; }
  .backup-center-page .page-intro { flex-direction:row; align-items:center; gap:12px; }
  .backup-center-page .backup-heading-actions { flex:0 0 auto; }
  .backup-center-page .backup-heading-actions .btn { flex:0 0 auto; width:auto; min-height:36px; padding:9px 14px; font-size:12px; line-height:18px; white-space:nowrap; }
  .ac-backup-controls { grid-template-columns:minmax(0,1fr) auto; column-gap:10px; }
  .ac-backup-controls > * { grid-column:1 / -1; }
  .ac-backup-controls > .ac-backup-actions { grid-row:1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:7px 10px; }
  .ac-backup-actions > div { display:contents; }
  .ac-backup-actions h3 { grid-column:1; grid-row:1; }
  .ac-backup-actions p { grid-column:1 / -1; grid-row:2; margin:0; }
  .ac-backup-actions > .btn { grid-column:2; grid-row:1; }
  .ac-backup-controls > .ac-backup-rule { grid-row:2; }
  .ac-backup-controls > .ac-schedule-head,
  .ac-backup-controls > .ac-schedule-footer { display:contents; }
  .ac-schedule-head::before { content:""; grid-column:1 / -1; grid-row:3; border-top:1px solid #e7edf3; }
  .ac-schedule-head > div { grid-column:1; grid-row:4; min-width:0; }
  .ac-schedule-head > .ac-switch { grid-column:1 / -1; grid-row:5; }
  .ac-backup-controls > .ac-schedule-body { grid-row:6; }
  .ac-schedule-footer > span { grid-column:1 / -1; grid-row:7; border-top:1px solid #e7edf3; padding-top:15px; font-size:13px; }
  .ac-schedule-footer > .btn { grid-column:2; grid-row:4; align-self:start; }
  .ac-backup-actions > .btn,
  .ac-schedule-footer > .btn { width:auto; min-height:36px; padding:9px 12px; font-size:12px; line-height:18px; white-space:nowrap; }
}
.nas-live-paused .bp-transfer-fill { animation:none; }
.nas-toggle.is-unknown { color:#536c81; }
.nas-setting-error { color:#a0521c!important; }