/* Admin uses the same system-font roles as the public site. */
html, body { font-family: var(--font-sans-cn); font-size: 100%; line-height: var(--leading-body); }
.admin-gate-card, .admin-main, .admin-drawer-panel, .admin-modal-panel { font-size: var(--text-ui); }
.admin-field, .admin-fieldset legend, .admin-check, .admin-search, .admin-table, .admin-muted, .admin-card p, .admin-header p, .admin-demo { font-family: var(--font-sans-cn); font-size: var(--text-caption); line-height: var(--leading-body); letter-spacing: 0; }
.admin-field input:not([type="checkbox"]):not([type="radio"]), .admin-field select, .admin-field textarea, .admin-table input:not([type="checkbox"]):not([type="radio"]), .admin-price-input { font-family: var(--font-sans-cn); font-size: var(--text-body); min-height: var(--control-height); line-height: var(--leading-ui); }
.admin-button, .admin-button-ghost, .admin-icon-button { font: 500 var(--text-caption)/var(--leading-ui) var(--font-sans-cn); min-height: var(--control-height); white-space: normal; }
.admin-nav a, .admin-nav button { font-size: var(--text-caption); line-height: 1.6; min-height: var(--control-height); }
.admin-nav .soon-tag, .admin-nav .is-soon, .admin-nav-fold-btn i:not(.admin-nav-caret) { color: var(--color-muted-on-dark); font-size: var(--text-overline); }
.admin-brand { gap: .5rem; }
.admin-brand span { font-size: var(--text-lead); white-space: normal; }
.admin-crumb span, .admin-account small, .admin-stat span, .admin-tag { font-size: var(--text-caption); line-height: 1.6; }
.admin-table th, .admin-table td { line-height: 1.7; }
.admin-table th { font-weight: 500; color: var(--color-muted); }
.admin-error { color: var(--color-error-text); font-size: var(--text-caption); line-height: 1.7; }
.admin-live-bar, .ai-editor-toolbar { flex-wrap: wrap; align-items: center; gap: .75rem; }
.admin-live-bar>span, .ai-editor-toolbar>span { min-width: min(100%,20rem); font: 400 var(--text-caption)/1.7 var(--font-sans-cn); }
.admin-live .live-alt { font-family: var(--font-sans-cn); font-size: var(--text-caption); line-height: 1.5; background: var(--color-image-label); color: var(--color-image-text); padding: .25rem .5rem; }
.admin-live .live-swap { font: 500 var(--text-caption)/1.5 var(--font-sans-cn); min-height: 2.25rem; display: inline-flex; align-items: center; }
.admin-live .live-input, .admin-live .live-area { line-height: inherit; }
.ai-editor-grid { grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr); }
.ai-editor-col { padding-inline: 1.25rem; }
.ai-editor-copy input, .ai-editor-copy textarea, .ai-editor-option input[data-ai-label], .ai-editor-category-head input, .ai-editor-filter-preview input, .ai-editor-example select { font-family: var(--font-sans-cn); font-size: var(--text-body); line-height: var(--leading-body); min-height: var(--control-height); }
.ai-editor-col>.ai-editor-copy:nth-child(2) textarea { font-size: var(--text-body); color: var(--color-muted); line-height: var(--leading-body); }
.ai-editor-main-title { white-space: normal; align-items: baseline; gap: .5rem; }
.ai-editor-main-title .ai-title-number, .ai-editor-main-title input, .ai-editor-col>.ai-editor-copy:first-child input { font: 400 var(--text-heading)/1.5 var(--font-serif-display); letter-spacing: var(--tracking-display); color: var(--color-accent-display); }
.ai-editor-category>small, .ai-editor-matches label, .ai-editor-example small, .ai-editor-preview small { font: 400 var(--text-caption)/1.7 var(--font-sans-cn); color: var(--color-muted); }
.admin-live .hero, .admin-custom-source .custom-lead { min-width: 0; }
.admin-custom-source .custom-diptych { --diptych-shift: clamp(1rem,5vw,4rem); }
@media(max-width:1100px) {
  .admin-topbar { flex-wrap: wrap; height: auto; min-height: var(--topbar); gap: .75rem; padding-block: .75rem; }
  .admin-top-actions { flex-wrap: wrap; justify-content: flex-end; }
  .admin-search { min-width: 10rem; max-width: 100%; }
  .ai-editor-grid { grid-template-columns: minmax(0,1fr); }
  .ai-editor-col { padding: 2rem 6%; }
  .admin-live .hero, .admin-custom-source .custom-lead { grid-template-columns: minmax(0,1fr); }
  .admin-custom-source .custom-diptych { transform: none; justify-self: center; max-width: 38rem; }
}
@media(max-width:780px) {
  .admin-live-bar, .ai-editor-toolbar { position: static; padding: 1rem; }
  .admin-live-bar>span, .ai-editor-toolbar>span { min-width: 100%; }
  .admin-header h1 { font-size: var(--text-heading); }
  .admin-stat b { font-size: var(--text-heading); }
  .framing-editor-row { grid-template-columns: minmax(0,1fr); }
}

.admin-table input[type="checkbox"],.admin-field input[type="checkbox"],.admin-check input[type="checkbox"]{width:1em;height:1em;min-width:1em;min-height:1em;margin:0;padding:0;vertical-align:middle;font-size:inherit;flex:none}