/* Shared operational compositions. Every value comes from the existing visual
 * preset bridge; locale, viewport and permissions never select a theme. */
.workspace-head { display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-2) var(--sp-4); }
.workspace-head h1 { margin:var(--sp-1) 0;font-size:var(--fs-2xl);line-height:var(--lh-tight); }
.workspace-head p { margin:0; }
.workspace-tabs { display:flex;gap:var(--sp-1);border-block-end:1px solid var(--border);margin-block-end:var(--sp-5); }
.workspace-tabs a { display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-block-size:var(--touch-h);padding:var(--sp-3) var(--sp-4);color:var(--fg-muted);text-decoration:none;border-block-end:2px solid transparent; }
.workspace-tabs a[aria-current] { color:var(--fg);border-block-end-color:var(--accent);font-weight:600; }
.workspace-tabs a:hover { background:var(--bg-subtle); }
.system-workspace { max-inline-size:1120px; margin-inline:auto; display:grid; gap:var(--sp-5); }
.system-workspace > * { min-inline-size:0; }
.system-workspace .inline-actions { flex-wrap:wrap; }
.system-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-4); }
.system-status-grid > .card { margin:0; min-inline-size:0; }
.system-status-grid h2 { display:flex; align-items:center; gap:var(--sp-2); }
.system-status-grid .section-head { align-items:flex-start; flex-wrap:wrap; }
.system-status-grid p { color:var(--fg-muted); font-size:var(--fs-sm); }
.system-facts { display:grid; gap:var(--sp-3); }
.system-facts > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--sp-2); }
.system-facts dt { color:var(--fg-muted); font-size:var(--fs-sm); }
.system-facts dd { margin:0; font-size:var(--fs-sm); }
@media(max-width:720px) { .system-status-grid { grid-template-columns:minmax(0,1fr); } }
.segmented-links { display:inline-flex;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-md);background:var(--bg-subtle);border:1px solid var(--border); }
.segmented-links a { display:flex;align-items:center;gap:var(--sp-2);min-block-size:var(--touch-h);padding-inline:var(--sp-4);border-radius:var(--r-sm);text-decoration:none;color:var(--fg-muted); }
.segmented-links a[aria-current] { background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow-1); }
.action-pair { display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center; }
.workspace-pagination { display:flex;gap:var(--sp-2);align-items:center; }
.workspace-loading { display:none;gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md); }
.workspace-loading.htmx-request { display:grid; }
.workspace-loading .skeleton { block-size:20px;border-radius:var(--r-sm);background:var(--bg-subtle); }
.nav-update-marker { inline-size:7px;block-size:7px;border-radius:var(--r-full);background:var(--warn);margin-inline-start:auto; }
.btn--outline { background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--fg);box-shadow:none; }
.btn--outline:hover { background:var(--bg-subtle);border-color:var(--control-border); }
.alert--warning { background:var(--warn-soft);border:1px solid var(--border);color:var(--fg); }
.technical-disclosure { border-block-start:1px solid var(--border);padding-block:var(--sp-3); }
.technical-disclosure summary { cursor:pointer;min-block-size:var(--touch-h);display:flex;align-items:center;gap:var(--sp-2);font-weight:600; }
.technical-disclosure summary::after { content:'+';margin-inline-start:auto;color:var(--fg-muted); }
.technical-disclosure[open] summary::after { content:'−'; }
.guidance-list { padding-inline-start:var(--sp-5);color:var(--fg-muted); }
.guidance-list li { margin-block:var(--sp-3); }
@media(max-width:640px) {
  .workspace-head { align-items:flex-start;flex-wrap:wrap; }
  .workspace-head h1 { font-size:var(--fs-xl); }
  .workspace-tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0; }
  .workspace-tabs a { padding:var(--sp-2) var(--sp-1);font-size:var(--fs-sm);flex-direction:column;gap:var(--sp-1); }
}
.pool-capacity-list { display: grid; gap: .5rem; }
.pool-capacity-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .5rem 1rem; padding: .75rem; border: 1px solid var(--border); border-radius: var(--radius-sm); }
.pool-capacity-row > span { color: var(--fg-muted); font-size: .875rem; }
.operation-receipt { display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-3); padding:var(--sp-4); border:1px solid var(--border); border-radius:var(--r-md); background:var(--bg-subtle); margin-block:var(--sp-3); }
.operation-receipt p { margin:0; flex:1 1 220px; }
.operation-receipt[data-tone=warning] { border-inline-start:3px solid var(--warn); }
.operation-receipt[data-tone=danger] { border-inline-start:3px solid var(--danger); }
.operation-receipt[data-tone=success] { border-inline-start:3px solid var(--success); }

.backup-workspace { max-inline-size:1120px; margin-inline:auto; gap:var(--sp-5); }
.backup-workspace .workspace-tabs { margin:0; }
.backup-restore-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-5); }
.backup-restore-grid > .card { margin:0; min-inline-size:0; }
.backup-pagination, .backup-preview-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--sp-3); }
.backup-pagination .select { inline-size:85px; }
.backup-preview-list { display:grid; gap:var(--sp-3); }
.backup-preview-row { padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--r-md); }
.backup-preview-row > div:first-child { min-inline-size:0; flex:1 1 260px; }
.backup-preview-row p { margin:var(--sp-1) 0 0; }
.backup-fingerprint { display:block; overflow-wrap:anywhere; white-space:normal; font-size:var(--fs-xs); }
.backup-review .detail-list dd { min-inline-size:0; overflow-wrap:anywhere; }
.backup-review .callout p { margin-block:var(--sp-2) 0; }
.backup-report-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-5); }
.backup-report-grid h3 { margin-block-end:var(--sp-4); font-size:var(--fs-sm); color:var(--fg-muted); }
.backup-report-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-2); margin-block-end:var(--sp-3); }
.backup-report-counts > div { display:grid; gap:var(--sp-2); align-content:start; padding:var(--sp-3); background:var(--bg-subtle); border-radius:var(--r-md); }
.backup-report-counts span { color:var(--fg-muted); font-size:var(--fs-xs); }
.backup-report-counts strong { font-size:var(--fs-xl); font-weight:600; }
.backup-workspace .backup-create-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:var(--sp-5); max-inline-size:none; align-items:center; }
.backup-create-card > .section-head { margin:0; }
.backup-create-card .page-title-cluster { align-items:center; gap:var(--sp-3); }
.backup-create-card .page-title-cluster > div { min-inline-size:0; }
.backup-create-card > form { min-inline-size:0; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:var(--sp-3); }
.backup-create-card .field { margin:0; }
.backup-create-card .form-actions { margin:0; padding:0; border:0; background:none; box-shadow:none; backdrop-filter:none; }
@media(max-width:800px) { .backup-workspace .backup-create-card { grid-template-columns:minmax(0,1fr); gap:var(--sp-4); } }
@media(max-width:560px) { .backup-create-card > form { grid-template-columns:minmax(0,1fr); } .backup-create-card .form-actions .btn { inline-size:100%; } }
@media(max-width:720px) {
  .backup-restore-grid { grid-template-columns:minmax(0,1fr); }
  .backup-report-grid { grid-template-columns:minmax(0,1fr); }
  .backup-restore-grid .backup-restore-workbench { grid-column:auto; }
}

.domains-workspace { max-inline-size: 1120px; margin-inline: auto; }
.domains-sites-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--sp-4); }
.domain-site { display: flex; flex-direction: column; min-inline-size: 0; overflow: hidden; }
.domain-site > .section-head, .domain-site-body, .domain-site-footer { padding: var(--sp-5); }
.domain-site > .section-head { align-items: flex-start; margin: 0; border-block-end: 1px solid var(--border); }
.domain-site .page-title-cluster { min-inline-size: 0; }
.domain-site-body { flex: 1; }
.domain-origin { overflow-wrap: anywhere; font-size: var(--fs-md); font-weight: 600; margin-block: 0 var(--sp-5); }
.domain-certificate-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--sp-4); margin: 0 0 var(--sp-4); }
.domain-certificate-meta dt { color: var(--fg-muted); font-size: var(--fs-sm); margin-block-end: var(--sp-2); }
.domain-certificate-meta dd { margin: 0; overflow-wrap: anywhere; font-size: var(--fs-sm); }
.domain-site-footer { border-block-start: 1px solid var(--border); }
.domain-site-footer:empty { display: none; }
.domain-site-footer form { min-inline-size: 0; }
.domain-site-footer .btn { white-space: normal; text-align: center; }
.domain-fieldset { padding: 0; border: 0; min-inline-size: 0; margin: 0; }
.domain-method-fields { padding: var(--sp-5); background: var(--bg-subtle); border: 1px solid var(--border); border-radius: var(--r-md); min-inline-size: 0; }
.domain-method-fields h3 { margin: 0; font-size: var(--fs-md); }
.domain-method-fields .field, .domain-configure .form-row > * { min-inline-size: 0; }
.domain-configure input[type=file] { max-inline-size: 100%; font-size: var(--fs-sm); block-size: auto; padding: var(--sp-3); }
.domain-configure [hidden] { display: none; }
.domain-site code { display: block; overflow-wrap: anywhere; }
.domain-operation .section-head { margin-block-end: var(--sp-3); }
@media(max-width:800px) { .domains-sites-grid { grid-template-columns: minmax(0,1fr); } }
@media(max-width:480px) {
  .domain-site > .section-head, .domain-site-body, .domain-site-footer, .domain-method-fields { padding: var(--sp-4); }
  .domain-site > .section-head { flex-wrap: wrap; }
  .domain-configure .form-row { grid-template-columns: minmax(0,1fr); }
  .domain-certificate-meta { grid-template-columns: minmax(0,1fr); gap: var(--sp-3); }
}