:root {
  color-scheme: dark;
  --paper: #11151b;
  --surface: #171d25;
  --ink: #dce3ec;
  --muted: #a0adbe;
  --faint: #222b37;
  --line: #303b49;
  --input-line: #435167;
  --teal: #82b9ed;
  --teal-dark: #b4d8ff;
  --teal-pale: #233c52;
  --danger: #ffaaa0;
  --danger-pale: #402729;
  --warning: #efc587;
  --warning-pale: #3b3324;
  background: var(--paper);
  color: var(--ink);
}
body { background: var(--paper); color: var(--ink); font-size: 16px; }
.data-table, #tracking-table, #magazine-table { font-size: 16px; }
.row-actions button, .row-actions a, .copy-contact, .timestamp { font-size: 14px; }
.generator .new-tracking input:not([type="hidden"]), .generator .new-tracking button { font-size: 16px; min-height: 40px; }
.app-tabs a { font-size: 16px; }
.topbar, .header-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.topbar .app-tabs, .header-inner .app-tabs { margin: 0; justify-self: center; display: flex; }
.topbar .account-tools, .header-inner .account-tools, .private-label { justify-self: end; }
.header-inner .nav-toggle { display: none !important; }
.header-inner .brand { justify-self: start; }
@media (max-width: 760px) {
  .topbar, .header-inner { grid-template-columns: 1fr auto; gap: 8px; }
  .topbar .app-tabs, .header-inner .app-tabs { grid-row: 2; grid-column: 1 / -1; position: static; width: auto; border: 0; padding: 0; justify-self: center; }
}
a, .row-actions button { color: #8fbfee; }
a:hover { color: #b9dcff; }
h1, h1 a, h2, h3, .note-cell a, .work-cell a, .brand { color: var(--ink); }
input, select, textarea,
input:not([type="checkbox"]):not([type="hidden"]),
input[readonly], textarea[readonly] {
  background: #111821 !important;
  border-color: var(--input-line);
  color: #e3eaf3 !important;
}
input::placeholder, textarea::placeholder { color: #8c9bac; }
button { background: #222d3a; color: #dae5f2; border-color: #44556a; }
button:hover, .button-secondary:hover { background: #2d4053; }
.primary, .button-primary { background: #245980; color: #f2f8ff; border-color: #427fae; }
.primary:hover, .button-primary:hover { background: #316f9c; color: #fff; }
.topbar, .site-header { background: #181f29; border-color: var(--line); }
.text-button, .copy-contact { background: transparent; color: #b6c7db; }
.topbar nav, .account-tools { color: var(--muted); }
.states a { color: #aebdd0; }
.states a.selected, .app-tabs [aria-current], .nav-link.is-active { background: #263f57; color: #d8ebff; }
.table-wrap, .panel, .manual-copy { border-color: var(--line); background: var(--surface); }
th, .data-table th { background: #25303e; color: #dce7f5; border-color: var(--line); }
td, .data-table td { border-color: #2b3543; }
tbody tr { background: #171d25; }
tbody tr:nth-child(even) { background: #1b2330; }
tbody tr:hover, .data-table tbody tr:hover { background: #253448; }
.timestamp, .subtle, .open-count, .list-footer, .muted, .table-secondary, .page-description { color: #a4b3c5; }
.opened, .badge-success { color: #80d7a8; }
.unopened, .badge-pending { color: #eac78d; }
.badge-success { background: #1c3c2e; border-color: #355942; }
.badge-pending { background: #3b3324; border-color: #675339; }
.badge-neutral, .count-pill, .title-count { color: #c0cddc; background: #253141; border-color: #405069; }
.generated, .notice-success, .notice { background: #1c3345; color: #bedef8; border-color: #355e7b; }
.notice.error, .notice-error { background: #40272b; color: #ffb5aa; border-color: #74434b; }
.notice-warning { background: #3b3324; color: #efc587; border-color: #675339; }
.notice-info { background: #203447; color: #bfd8ef; border-color: #355671; }
.form-actions, .legacy-panel, .form-aside .panel { background: #1b2430; }
.legacy-text { background: #151c25; border-color: #58728c; }
.danger-zone { background: #2c2027; border-color: #60404c; }
.button-quiet, .copy-contact, .row-actions button { background: transparent; }
.button-quiet:hover, .row-actions button:hover { background: #2a3c50; }
.button-danger-outline, .button-danger-text { color: #ffaaa0; }
#magazine-options, #history-tooltip, .clipboard-panel { background: #1c2633; border-color: #486079; color: #dce3ec; }
#magazine-options [role="option"] { background: transparent; color: #dce3ec; }
#magazine-options [aria-selected="true"], #magazine-options [role="option"]:hover { background: #304760; }
#magazine-options small, #history-tooltip strong, .form-hint, .icon-copy { color: #a9bfd6; }
#magazine-table tr.editing { background: #20394e; }
.submission-hover { color: #9bc8f2; }
.icon-copy.is-copied { background: #204b37; color: #98e3b9; }
.action-status, .action-notice { background: #1d344a; color: #c7e5ff; border-color: #426782; }
.action-status[data-state="error"], #tracking-refresh-status[data-state="error"] { color: #ffb5aa; }
.site-footer { border-color: var(--line); }
:focus-visible { outline-color: #8fc5ff; }
::selection { background: #3c5a7c; color: #fff; }
