.button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding-inline:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--color-surface)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.button--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.button--danger{border-color:var(--color-status-critical-fg);color:var(--color-status-critical-fg)}.button--authorized{border-style:dashed;border-color:var(--color-status-warning-fg);color:var(--color-status-warning-fg);background:0 0}.button--authorized:hover:not(:disabled){background:var(--color-status-warning-bg)}.status-badge{align-items:center;gap:var(--space-1);padding-inline:var(--space-2);font-size:var(--font-size-xs);font-weight:600;line-height:var(--line-height-tight);white-space:nowrap;border-radius:999px;padding-block:2px;display:inline-flex}.status-badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;block-size:6px;inline-size:6px}.status-badge--info{background:var(--color-status-info-bg);color:var(--color-status-info-fg)}.status-badge--warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-fg)}.status-badge--critical{background:var(--color-status-critical-bg);color:var(--color-status-critical-fg)}.status-badge--success{background:var(--color-status-success-bg);color:var(--color-status-success-fg)}.status-badge--neutral{background:var(--color-status-neutral-bg);color:var(--color-status-neutral-fg)}.data-state{justify-content:center;align-items:center;gap:var(--space-3);padding-block:var(--space-8);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.data-state__title{font-size:var(--font-size-md);color:var(--color-text);font-weight:600}.data-state__body{font-size:var(--font-size-sm);max-inline-size:32rem}.field{gap:var(--space-1);flex-direction:column;margin-block-end:var(--space-4);display:flex}.field__label{font-size:var(--font-size-sm);font-weight:600}.field__input{height:var(--control-height);padding-inline:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text)}.field__input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.field__error{font-size:var(--font-size-xs);color:var(--color-status-critical-fg)}.field__help{font-size:var(--font-size-xs);color:var(--color-text-muted)}.variant-picker{max-inline-size:28rem;position:relative}.variant-picker__control{align-items:center;gap:var(--space-1);display:flex}.variant-picker__control .field__input{flex:1;min-inline-size:0}.variant-picker__clear{inline-size:var(--control-height);block-size:var(--control-height);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-muted);font-size:var(--font-size-md);cursor:pointer;flex-shrink:0;line-height:1}.variant-picker__clear:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.variant-picker__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);min-block-size:1em;margin-block-start:var(--space-1);display:block}.variant-picker__popup{z-index:20;padding:var(--space-1) 0;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);max-block-size:16rem;box-shadow:var(--shadow-md);margin-block-start:var(--space-1);list-style:none;position:absolute;inset-inline:0;overflow-y:auto}.variant-picker__option{padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-sm)}.variant-picker__option--active{background:var(--color-surface)}.variant-picker__cap-notice{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-block-start:var(--space-1)}.banner{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border-inline-start:3px solid var(--color-status-warning-fg);background:var(--color-status-warning-bg);color:var(--color-status-warning-fg);font-size:var(--font-size-sm);flex-direction:column;margin-block-end:var(--space-4);display:flex}.banner__title{font-weight:700}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.confirm-dialog{inline-size:min(28rem, calc(100vw - var(--space-6)));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text);background:var(--color-surface-raised);padding:0}.confirm-dialog::backdrop{background:#14171a73}.confirm-dialog__inner{padding:var(--space-5)}.confirm-dialog__title{font-size:var(--font-size-lg);margin-block-end:var(--space-2)}.confirm-dialog__description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-block-end:var(--space-4)}.confirm-dialog__actions{gap:var(--space-3);justify-content:flex-end;margin-block-start:var(--space-4);display:flex}.detail-dialog{inline-size:min(48rem, calc(100vw - var(--space-6)));max-block-size:calc(100vh - var(--space-6));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text);background:var(--color-surface-raised);padding:0;overflow-y:auto}.detail-dialog::backdrop{background:#14171a73}.detail-dialog__inner{padding:var(--space-5)}.detail-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3);display:flex}.detail-dialog__title{font-size:var(--font-size-lg);margin:0}@media (width<=899px){.recovery-actions__buttons .button{min-block-size:44px;min-inline-size:44px}}