@import url("./tokens.css?v=ui-brightness-20261007-e8d8b1a");

/* Loaded after each site's layout; shared controls keep the same task semantics. */
:root {
  --muted: var(--ui-muted); --faint: var(--ui-muted); --dim: var(--ui-muted);
  --text-subtle: var(--ui-muted); --text-faint: var(--ui-muted); --text-placeholder: var(--ui-muted); --text-eyebrow: var(--ui-muted);
  --control-height: var(--ui-control-height); --control-radius: var(--ui-radius);
}
body { font-family: var(--ui-font); }
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea {
  min-height: var(--ui-control-height);
  font-family: var(--ui-font);
  font-size: var(--ui-body) !important;
  border-radius: var(--ui-radius);
}
input::placeholder, textarea::placeholder { color: var(--ui-muted); opacity: 1; }
button, input, select, textarea, a, summary { scroll-margin-block: 96px; }
.button, .primary-button, .quiet-button, .admin-action, .text-button, .developer-auth-tabs button, .admin-tab {
  min-height: 44px;
  font-size: var(--ui-label);
  border-radius: var(--ui-radius);
}
.button.button-primary, .primary-button { color: var(--ui-on-accent); background: var(--ui-accent); box-shadow: none; }
.eyebrow, .brand-section, .mode-badge, .access-label, .topbar-link, .footer-policy-links a, .filing-link { font-size: var(--ui-caption); }
.topbar-link, .theme-toggle, .primary-nav a, .footer-policy-links a, .filing-link { min-height: 44px; align-content: center; }
.profile-help, .profile-field small, .field-help, .field-hint, .optional-label, .status-message,
.application-age-note, .application-private-note, .application-evidence-status, .application-policy summary,
.profile-check, .developer-platforms label, .developer-platforms legend, .developer-app-card p,
.developer-app-meta dt, .developer-app-meta dd, .developer-key-row small, .developer-key-row code,
.review-hint, .challenge-confirm, .review-queue-item span, .review-queue-item time,
.identity-summary dt, .identity-summary dd, .evidence-item-head small, .evidence-item-head strong,
.muted-label, .ops-caveat, .app-facts dt, .app-facts dd, .compat-note p, .compat-note strong,
.security-panel > p:not(.eyebrow), .file-hint, .steps li p, .steps li strong, .summary-label,
.summary-meta, .summary-card strong small, .manifest-link small, .manifest-link strong,
.progress-caption, .checksum-row, .checksum-row code, .result-description, .published-links a,
.admin-card p, .admin-card dt, .admin-card dd, .admin-card label, .admin-card small,
.developer-project-card p, .developer-project-links a, .developer-project-meta span,
.public-profile-links a, .footer-disclaimer, .footer, .review-section-heading span {
  font-size: var(--ui-small);
  line-height: 1.65;
}
.profile-field, .field > label, .review-form > label, .social-link-row label, .password-form label { font-size: var(--ui-label); color: var(--ui-text); }
.login-panel form > label { font-size: var(--ui-label); color: var(--ui-text); }
.profile-status, .catalog-status, .developer-status, .admin-notice, .profile-project-empty, .developer-app-empty { font-size: var(--ui-label); line-height: 1.65; }
.profile-panel, .panel, .admin-card, .ops-card, .legal-policy-card { border-radius: var(--ui-card-radius); box-shadow: var(--ui-shadow); }
.profile-panel, .login-panel { background: var(--ui-surface); }
.profile-settings-intro { margin-bottom: 24px; }
.profile-settings-intro h1, .admin-intro h1 { font-size: clamp(1.5rem, 3vw, 2.25rem); line-height: 1.25; letter-spacing: -.035em; }
.profile-settings-intro > p:last-child, .intro-copy, .public-profile-bio { font-size: var(--ui-body); line-height: 1.75; }
.profile-main { padding-block: 32px; }
.application-main { max-width: 800px; }
.developer-auth-panel { max-width: 480px !important; }
.profile-login-panel { max-width: 480px; }
body[data-account-page] .profile-settings-intro { max-width: 480px; }
body[data-account-page] .profile-settings-intro h1 { font-size: 1.75rem; }
body[data-account-page] .profile-status { width: 100%; max-width: 480px; margin: 0 auto 20px; }
body[data-account-page] .profile-settings-intro > p:last-child { font-size: var(--ui-label); }
.developer-auth-tabs { flex-wrap: nowrap; gap: 4px; margin-block: 18px; }
.developer-auth-heading .eyebrow { display: none; }
.developer-auth-heading h2 { font-size: 1.5rem; }
.developer-auth-panel { padding-block: 24px; }
.developer-auth-tabs button { flex: 1 1 0; min-width: 0; padding-inline: 6px; font-size: var(--ui-small); }
.admin-intro { padding-top: 32px; }
body[data-login-page] .admin-intro { max-width: 480px; margin-inline: auto; }
body[data-login-page] .login-panel { margin-inline: auto; width: 100%; }
.login-panel .primary-button, .login-panel .passkey-login-button { width: 100%; }
.legal-policy-body { font-size: var(--ui-body); line-height: 1.85; }
.catalog-empty-state { min-height: 220px; padding: 24px; }
.catalog-empty-state p, .catalog-empty-state h4, .catalog-toolbar p, .catalog-toolbar label { font-size: var(--ui-label); }
.catalog-grid, .profile-project-grid { touch-action: pan-x pan-y; }
.developer-project-card h3, .app-identity strong, .review-queue-item strong { font-size: var(--ui-label); }
.app-identity span, .profile-project-count { font-size: var(--ui-caption); }
.summary-card { min-height: 116px; }
.summary-meta { position: static; margin-top: 8px; }
.ops-card dl { font-size: var(--ui-label); }
.docs-content, .docs-content p, .docs-content li, .docs-content td, .docs-content th { font-size: var(--ui-label); line-height: 1.75; }
.ui-feedback { margin: 8px 0; color: var(--ui-muted); font-size: var(--ui-label); line-height: 1.65; overflow-wrap: anywhere; }
.ui-feedback:empty { display: none; }
.ui-feedback.is-error, .ui-field-error, [role="status"].is-error { color: var(--ui-error); }
.ui-field-error { font-size: var(--ui-small); margin: 4px 0 0; }
[aria-invalid="true"] { border-color: var(--ui-error) !important; }
[aria-busy="true"] button:disabled { cursor: wait; }
.ui-confirm { box-sizing: border-box; width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 48px); padding: 24px; color: var(--ui-text); background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: var(--ui-card-radius); box-shadow: var(--ui-shadow); }
.ui-confirm::backdrop { background: rgba(3, 8, 15, .65); }
.ui-confirm h2 { margin: 0 0 12px; font-size: 1.375rem; line-height: 1.4; }
.ui-confirm p { margin: 0; font-size: var(--ui-label); line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.ui-confirm-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; margin-top: 24px; }
.ui-confirm button { min-height: 44px; padding: 10px 18px; color: var(--ui-text); border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-bg); font: inherit; font-size: var(--ui-label); }
.ui-confirm button[data-proceed] { color: var(--ui-on-accent); background: var(--ui-accent); border-color: transparent; }
.ui-confirm button[data-proceed][data-danger="true"] { color: var(--ui-surface); background: var(--ui-error); }
.ui-confirm button:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 4px; }
.application-steps { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; padding: 0; margin: 0 0 24px; font-size: var(--ui-small); color: var(--ui-muted); }
.application-steps [aria-current="step"] { color: var(--ui-text); font-weight: 600; }
.application-workspace [data-task-group] { min-width: 0; border-top: 1px solid var(--ui-line); padding-top: 20px; margin-top: 8px; }
.application-workspace [data-task-group] h3 { margin: 0 0 16px; font-size: 1.125rem; }
.application-workspace .profile-form-grid[data-task-group] h3 { grid-column: 1 / -1; }
.profile-toggle strong, .profile-toggle small, .format-field legend, .format-options span,
.docs-nav a, .docs-callout p, .docs-callout strong, .api-origin, .api-origin code,
.catalog-intro p, .catalog-search label, .catalog-search-field, .friend-link-form-help,
.friend-link-field, .friend-link-submit-status, .app-summary, .app-maintenance,
.developer-bio, .developer-profile-link, .section-footerline { font-size: var(--ui-small); line-height: 1.65; }
.format-options span { min-height: 44px; display: inline-flex; align-items: center; padding-inline: 12px; }
.catalog-select-trigger, .catalog-select-option { font-size: var(--ui-label); }
.catalog-select-option { min-height: 44px; }
@media (max-width: 650px) {
  .topbar { height: auto; min-height: 74px; padding-block: 12px; flex-wrap: wrap; row-gap: 8px; }
  .topbar .brand { flex: 0 0 auto; white-space: nowrap; }
  .topbar-right { flex: 1 1 260px; min-width: 0; max-width: 100%; flex-wrap: wrap; gap: 8px; }
  .access-label, .mode-badge { white-space: nowrap; }
  .topbar .theme-toggle { width: 44px; height: 44px; min-width: 44px; padding: 0; }
  .profile-main { padding-block: 24px; }
  .profile-panel { padding: 20px 16px; }
  .primary-nav { padding-bottom: env(safe-area-inset-bottom); }
  body[data-account-page] .profile-main, .application-main { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
  .summary-card { min-height: 0; padding: 12px 8px; display: block; }
  .summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .summary-card .summary-icon, .summary-card .summary-meta { display: none; }
  .summary-card .summary-label, .summary-card strong small { font-size: var(--ui-caption); }
  .brand { font-size: var(--ui-label); }
  .profile-form-grid, .identity-workspace-grid, .ops-grid { grid-template-columns: 1fr; }
  .ui-confirm-actions button { flex: 1 1 auto; }
}
input[type="file"] { max-width: 100%; min-height: 44px; font-size: var(--ui-small); }
.code-block pre, .docs-content code { font-size: var(--ui-small); }