/* The selected appearance is shared by the portal, sign-in and administration. */
.preferences-link { display: inline-flex; align-items: center; gap: 6px; }
.preferences-link svg { width: 16px; height: 16px; flex: 0 0 auto; }
@media (max-width: 760px) { .utility-right { flex-wrap: wrap; } }

html[data-appearance="light"], body.appearance-light {
  --ink: #222222; --muted: #505050; --subtle: #595959;
  --canvas: #f4f3f1; --panel: #ffffff; --sidebar: #eeece9; --input: #ffffff;
  --line: #76716b; --line-soft: #d5d1cc; --control-border: #76716b; --orange: #f87336;
  --orange-pale: #852e08; --warm: #923305; --gray: #44413e; --training: #55504b;
  color-scheme: light;
}
body.appearance-light {
  --primary: #e9e6e2; --secondary: #e9e6e2; --primary-fg: #222222;
  --body-fg: #222222; --body-bg: #f4f3f1; --body-quiet-color: #505050;
  --body-medium-color: #44413e; --body-loud-color: #222222;
  --header-color: #44413e; --header-branding-color: #222222; --header-bg: #eeece9; --header-link-color: #222222;
  --breadcrumbs-fg: #505050; --breadcrumbs-link-fg: #222222; --breadcrumbs-bg: #fff;
  --link-fg: #852e08; --link-hover-color: #672000; --link-selected-fg: #672000;
  --hairline-color: #d5d1cc; --border-color: #76716b; --error-fg: #8a2115;
  --message-success-bg: #e4f1e9; --message-warning-bg: #fff1d9; --message-error-bg: #fff0ec;
  --darkened-bg: #fff; --selected-bg: #eeece9; --selected-row: #ffeadc;
  --object-tools-fg: #222222; --object-tools-bg: #e9e6e2; --object-tools-hover-bg: #ddd8d2;
}
html:has(body.appearance-light) { background: #f4f3f1; color-scheme: light; }
@media screen {
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.report-timing > time, .manual-release-form > span) { color: #44413e; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .local-notices { background: #fff2df; border-color: #a97948; color: #573512; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.local-notices p, .local-notices time) { color: #573512; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .paused-indicator { color: #573512; border-color: #a97948; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .choice-group label:has(input:checked) { background: #ffeadc; border-color: #aa5c31; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.field-error, .error-code) { color: #8a2115; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.login-intro-copy > p, .login-site-label, .login-private, .login-description, .login-note, .login-footer) { color: #44413e; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.table-secondary, .mono, .queue-record-main > p, .queue-narrative, .report-timing .timing-label, .report-timing strong, .report-timing p, .back-link, .narrative, .narrative > p, .report-actions-panel > p, .revision-label, .audit-empty, .detail-metadata dt, .detail-metadata dd, .detail-metadata time, .callsign, .report-location, .audit-event-heading time, .audit-events li > p) { color: #44413e; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) #nav-sidebar .current-model { background: #ffeadc; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.empty-state p, .workflow-step p, .workflow-status p, .workflow-status strong, .form-field label, .optional-label, .guidance-list li, .mode-reminder strong, .mode-reminder p, .form-actions > span, .queue-settings-note, .queue-counts dt, .log-footnote) { color: #44413e; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.overview-queue, .queue-update-bar, .queue-settings-strip) { background: #f0eeeb; color: #3f3a35; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.overview-queue p, .queue-update-bar p, .queue-settings-strip strong) { color: #504a44; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .sidebar,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .utility-bar,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .login-intro { background: #eeece9; border-color: #bcb6af; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .primary-nav a { color: #44413e; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .primary-nav a:hover { background: #e3ded8; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .primary-nav a.active { background: #ffeadc; color: #762b07; border-color: #b26a41; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .workspace-name,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .operator-name,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .local-time,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .environment-tag,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .admin-environment,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .eyebrow,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .mode-control,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .stat-label,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .stat-note,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .section-intro,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .field-help,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .workspace-footer,
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .private-label { color: #505050; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .mode-options { background: #fff; border-color: #76716b; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .mode-options button { color: #44413e; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .mode-options button.selected { background: #f9e7dc; border-color: #9e684b; color: #65351c; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .mode-options button.live-selected { background: #ffeadc; border-color: #aa5c31; color: #762b07; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .secondary-button { color: #38332e; background: #eeece9; border-color: #76716b; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .secondary-button:hover { background: #e2ddd7; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.primary-button, .ui-dialog-button:not(.ui-dialog-secondary), input[type="submit"]) { border: 1px solid #792b07; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .subtle-link { color: #67300f; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.message.warning, .workflow-alert, .nws-relay-notice, .notice, .live-notice) { border-left-color: #996000; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) :is(.message.error, .errornote, .notice-error) { border-left-color: #b52e21; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .message.success { border-left-color: #348052; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .ui-dialog-error { color: #822015; }
}

@media screen {
  html[data-appearance="light"] .required-mark { color: #852e08; }
  html[data-appearance="light"] .notice-dot { background: #625a52; }
  html[data-appearance="light"] :is(.empty-symbol, .overview-strip, .queue-settings-strip) { background: #eeece9; color: #44413e; }
  html[data-appearance="light"] :is(.form-field input::placeholder, .form-field textarea::placeholder, .search-form input::placeholder) { color: #625d57; }
  html[data-appearance="light"] .quiet-button:hover { background: #e3ded8; }
}

@media screen {
  html[data-appearance="light"] .report-table thead th { background: #eeece9; color: #44413e; }
  html[data-appearance="light"] .report-table tbody tr:hover { background: #f3efeb; }
  html[data-appearance="light"] .queue-filters a { background: #eeece9; border-color: #76716b; color: #44413e; }
  html[data-appearance="light"] .queue-filters a:hover { background: #e3ded8; }
  html[data-appearance="light"] .queue-filters a.selected { background: #ffeadc; color: #762b07; border-color: #aa5c31; }
}

/* Light-mode header, using the approved warm-gray palette. */
@media screen {
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .utility-bar { background: #44413e; border-bottom-color: #44413e; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .utility-bar :is(.delivery-status, .operator-name, .local-time, .local-time *, .environment-tag) { color: #f5f4f0; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .utility-bar .environment-tag { border-color: #f5f4f0; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .utility-bar :is(.menu-toggle, .preferences-link, .signout, .button, .mode-options, [data-chat-notice]) { background: #625a52; border-color: #bcb6af; color: #f5f4f0; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .utility-bar .mode-options button { color: #f5f4f0; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .utility-bar .mode-options button.selected { background: #923305; border-color: #f87336; color: #f5f4f0; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .utility-bar :is(.menu-toggle, .preferences-link, .signout, .button, [data-chat-notice]):hover { background: #504a44; border-color: #f5f4f0; }
  :is(html[data-appearance="light"], html:has(body.appearance-light)) .utility-bar :is(.menu-toggle, .preferences-link, .signout, .button, .mode-options button, [data-chat-notice]):focus-visible { outline: 2px solid #ffad87; outline-offset: 2px; }
}