/* SigilPrint Blazor console — Bootstrap override layer.
   Load AFTER bootstrap.css and sigilprint.css. Rewrites Bootstrap defaults onto sp- tokens
   so existing Blazor markup improves before components are migrated to sp- classes. */
body { font-family: var(--sp-font-ui); background: var(--sp-color-paper); color: var(--sp-color-ink); font-size: var(--sp-text-base); }
.btn { border-radius: var(--sp-radius-sm); font-weight: var(--sp-weight-medium); min-height: 36px; }
.btn-primary { background: var(--sp-color-action); border-color: var(--sp-color-action); }
.btn-primary:hover, .btn-primary:focus { background: var(--sp-color-action-hover); border-color: var(--sp-color-action-hover); }
.btn-danger { background: var(--sp-color-danger); border-color: var(--sp-color-danger); }
.btn-outline-secondary { color: var(--sp-color-ink); border-color: var(--sp-color-rule); }
.btn:focus-visible, .form-control:focus { outline: none; box-shadow: var(--sp-focus-ring); border-color: var(--sp-color-action); }
.card { border: 1px solid var(--sp-color-rule); border-radius: var(--sp-radius-md); box-shadow: var(--sp-shadow-panel); }
.card-header { background: transparent; border-bottom: 1px solid var(--sp-color-rule-soft); font-weight: var(--sp-weight-semibold); }
.table { font-size: var(--sp-text-base); }
.table thead th { font-size: var(--sp-text-xs); text-transform: uppercase; letter-spacing: var(--sp-tracking-caps);
  color: var(--sp-color-muted); border-bottom: 1px solid var(--sp-color-rule); font-weight: var(--sp-weight-semibold); }
.table td { border-color: var(--sp-color-rule-soft); }
.badge { border-radius: var(--sp-radius-pill); font-weight: var(--sp-weight-semibold); }
.alert { border-radius: var(--sp-radius-sm); }
.alert-warning { background: var(--sp-color-warning-soft); border-color: #F0D9B0; color: var(--sp-color-warning-ink); }
.alert-danger { background: var(--sp-color-danger-soft); border-color: #F2C4C4; color: var(--sp-color-danger-ink); }
.alert-success { background: var(--sp-color-success-soft); border-color: #BFE6CD; color: var(--sp-color-success-ink); }
.modal-content { border-radius: var(--sp-radius-lg); box-shadow: var(--sp-shadow-overlay); border: 1px solid var(--sp-color-rule); }
.form-control, .form-select { border-color: var(--sp-color-rule); border-radius: var(--sp-radius-sm); min-height: 36px; }
code, pre { font-family: var(--sp-font-mono); }
.sidebar, .nav-menu { background: var(--sp-color-ink-deep); }