/* Theme controls shared by both visual styles. */
.theme-settings-entry { flex: 0 0 auto; font-size: 13px; font-weight: 700; }
.theme-settings-page { max-width: 900px; margin: 0 auto 16px; }
.theme-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 20px 0; }
.theme-option { position: relative; display: grid; gap: 11px; padding: 15px; border: 2px solid #d6e2e6; border-radius: 10px; background: #fff; cursor: pointer; }
.theme-option:has(input:checked) { border-color: #087ea4; box-shadow: 0 0 0 3px rgba(8, 126, 164, .12); }
.theme-option input { position: absolute; top: 14px; right: 14px; width: 19px; height: 19px; margin: 0; accent-color: #087ea4; }
.theme-option-preview { height: 112px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; align-content: start; padding: 10px; border: 1px solid #d6e2e6; border-radius: 6px; }
.theme-option-preview i { grid-column: 1 / -1; height: 20px; }
.theme-option-preview b { height: 55px; border: 1px solid; }
.classic-preview { background: #f5f7f8; }
.classic-preview i { background: #087ea4; border-radius: 4px; }
.classic-preview b { background: #fff; border-color: #d6e2e6; border-radius: 5px; }
.orion-preview { background: #f3f6fb; }
.orion-preview i { background: linear-gradient(90deg, #174a8c 0 23%, #fff 23%); border: 1px solid #53637a; }
.orion-preview b { background: repeating-linear-gradient(0deg, #e8f1fc, #e8f1fc 8px, #fff 8px, #fff 15px); border-color: #53637a; }
.clarity-preview { grid-template-columns: 30px repeat(3, 1fr); background: #f4f7fb; }
.clarity-preview i { grid-column: 1; grid-row: 1 / 3; height: 82px; border-radius: 5px; background: #173b65; }
.clarity-preview b { height: 51px; border: 0; border-radius: 5px; background: #fff; box-shadow: 0 3px 10px rgba(34, 59, 86, .12); }
.clarity-preview b:first-of-type { grid-column: 2 / 5; height: 20px; }
.aurora-preview { position: relative; overflow: hidden; background: #f8fafc; }
.aurora-preview::before { content: ""; position: absolute; inset: -35% 15% 38% -12%; background: linear-gradient(120deg, rgba(37, 99, 235, .8), rgba(13, 148, 136, .62)); filter: blur(13px); transform: rotate(-8deg); }
.aurora-preview i { position: relative; background: rgba(255, 255, 255, .78); border: 1px solid rgba(148, 163, 184, .36); border-radius: 8px; box-shadow: 0 5px 15px rgba(15, 23, 42, .1); }
.aurora-preview b { position: relative; border-color: rgba(148, 163, 184, .3); border-radius: 8px; background: rgba(255, 255, 255, .76); box-shadow: 0 6px 16px rgba(37, 99, 235, .1); backdrop-filter: blur(5px); }
.workspace-sidebar { display: none; }
.theme-option-copy { display: grid; gap: 3px; padding-right: 20px; }
.theme-option-copy strong { font-size: 16px; }
.theme-option-copy small { color: #667880; font-size: 12px; line-height: 1.4; }
.theme-settings-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid #dde5e8; padding-top: 16px; }

/* Star orbit: a compact control-room treatment inspired by the reference image. */
body[data-theme="orion"] {
  --orion-ink: #18324d;
  --orion-muted: #587086;
  --orion-border: #b8cbd9;
  --orion-blue: #2866a8;
  --orion-blue-dark: #1d4f88;
  --orion-teal: #147f8a;
  --orion-pale: #f2f7fb;
  --orion-line: #d5e2eb;
  --orion-danger: #b54747;
  background: #f3f7fa;
  color: var(--orion-ink);
  font-family: "IBM Plex Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body[data-theme="orion"] .topbar {
  min-height: 68px;
  margin: 12px 16px 0;
  padding: 9px 15px 9px 0;
  border: 1px solid var(--orion-line);
  border-radius: 3px 3px 0 0;
  background: #fff;
  box-shadow: 0 2px 0 rgba(38, 83, 125, .08);
}
body[data-theme="orion"] .topbar > div:first-child { display: grid; grid-template-columns: 56px auto; column-gap: 14px; align-items: center; }
body[data-theme="orion"] .topbar > div:first-child::before { content: "◆"; grid-row: 1 / 3; height: 66px; display: grid; place-items: center; background: var(--orion-blue); color: #fff; font-size: 24px; }
body[data-theme="orion"] h1,
body[data-theme="orion"] h2,
body[data-theme="orion"] h3,
body[data-theme="orion"] .label,
body[data-theme="orion"] th {
  font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, "Noto Sans SC", monospace;
  letter-spacing: .035em;
}
body[data-theme="orion"] h1 { font-size: 21px; line-height: 1.2; }
body[data-theme="orion"] h2 { font-size: 15px; text-transform: uppercase; }
body[data-theme="orion"] #entryHint { color: var(--orion-muted); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
body[data-theme="orion"] main { max-width: 1520px; padding: 12px 16px 28px; }
body[data-theme="orion"] .home-panel,
body[data-theme="orion"] .panel { border: 1px solid var(--orion-line); border-radius: 3px; background: #fff; padding: 15px; box-shadow: 0 2px 0 rgba(33, 56, 88, .06); }
body[data-theme="orion"] .home-head { align-items: center; padding-bottom: 10px; border-bottom: 1px solid #aebbc9; }
body[data-theme="orion"] .home-identity { border: 1px solid #aebbc9; border-radius: 2px; background: #f7faff; }
body[data-theme="orion"] .identity-name { font-family: "IBM Plex Mono", "Noto Sans SC", monospace; color: #204b85; }
body[data-theme="orion"] .identity-tag { border: 1px solid #adc4de; border-radius: 2px; background: #e9f2fd; color: #204b85; }
body[data-theme="orion"] .hint,
body[data-theme="orion"] label,
body[data-theme="orion"] .label { color: var(--orion-muted); }
body[data-theme="orion"] button:not(.task-link):not(.danger-link),
body[data-theme="orion"] select,
body[data-theme="orion"] input,
body[data-theme="orion"] textarea { border-radius: 2px; }
body[data-theme="orion"] button:not(.secondary):not(.nav-tile):not(.task-link):not(.danger-link):not(.daily-person-chip):not(.management-stat):not(.pill-action):not(.segment-button):not(.tag-toggle):not(.travel-amount-link) { border-color: var(--orion-blue-dark); background: var(--orion-blue); color: #fff; }
body[data-theme="orion"] button.secondary { border-color: #9eb5c7; background: #fff; color: var(--orion-blue-dark); }
body[data-theme="orion"] button.secondary:hover { border-color: var(--orion-blue); background: #f1f7fc; }
body[data-theme="orion"] button:focus-visible,
body[data-theme="orion"] input:focus-visible,
body[data-theme="orion"] select:focus-visible { outline: 2px solid #12a2b1; outline-offset: 2px; }
body[data-theme="orion"] .metric-table-wrap,
body[data-theme="orion"] .task-table-wrap,
body[data-theme="orion"] .performance-table-wrap { border-color: var(--orion-border); border-radius: 2px; }
body[data-theme="orion"] table { border-collapse: collapse; }
body[data-theme="orion"] th { background: #eaf1fa; color: #204b85; font-size: 11px; font-weight: 800; text-transform: uppercase; }
body[data-theme="orion"] td,
body[data-theme="orion"] th { border-bottom-color: #c9d5e3; }
body[data-theme="orion"] tbody tr:nth-child(even) { background: #f6f9fd; }
body[data-theme="orion"] tbody tr:hover { background: #eaf5fb; }
body[data-theme="orion"] .metric-table th,
body[data-theme="orion"] .metric-table td { padding: 10px 12px; border-right: 1px solid #c9d5e3; }
body[data-theme="orion"] .metric-table td { color: #245a9e; font-family: "IBM Plex Mono", Consolas, monospace; font-size: 21px; }
body[data-theme="orion"] .home-nav { grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: 7px; }
body[data-theme="orion"] .nav-tile { min-height: 44px; border: 1px solid #b5cad9; border-radius: 2px; background: #f9fbfe; color: #204b85; font-family: "IBM Plex Mono", "Noto Sans SC", monospace; font-size: 12px; letter-spacing: .02em; }
body[data-theme="orion"] .nav-tile:hover,
body[data-theme="orion"] .nav-tile.active { border-color: var(--orion-blue); background: #e5f0fb; color: var(--orion-blue-dark); }
body[data-theme="orion"] .sub-nav { top: 0; background: #edf2f8; border-color: #9daec2; }
body[data-theme="orion"] .sub-nav .nav-tile { min-height: 36px; }
body[data-theme="orion"] .analytics-dashboard { border-top: 1px solid #8293a9; gap: 9px; }
body[data-theme="orion"] .analytics-cards { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; }
body[data-theme="orion"] .analytics-card,
body[data-theme="orion"] .analytics-block,
body[data-theme="orion"] .management-stat,
body[data-theme="orion"] .management-filter-card,
body[data-theme="orion"] .performance-score-card,
body[data-theme="orion"] .performance-block,
body[data-theme="orion"] .daily-task-card,
body[data-theme="orion"] .daily-task-list-item,
body[data-theme="orion"] .task-key-facts > div,
body[data-theme="orion"] .detail-stat { border: 1px solid #8b9caf; border-radius: 2px; background: #fff; box-shadow: none; }
body[data-theme="orion"] .analytics-card { min-height: 84px; padding: 9px; border-top: 3px solid #245a9e; }
body[data-theme="orion"] .analytics-card:nth-child(3n + 2) { border-top-color: #128f9b; }
body[data-theme="orion"] .analytics-card:nth-child(3n) { border-top-color: #bd7e3f; }
body[data-theme="orion"] .analytics-card span,
body[data-theme="orion"] .analytics-card em { color: var(--orion-muted); }
body[data-theme="orion"] .analytics-card strong,
body[data-theme="orion"] .management-stat strong,
body[data-theme="orion"] .performance-score-card strong { color: #245a9e; font-family: "IBM Plex Mono", Consolas, monospace; }
body[data-theme="orion"] .analytics-grid { grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 8px; }
body[data-theme="orion"] .analytics-block { padding: 12px; }
body[data-theme="orion"] .analytics-block h3,
body[data-theme="orion"] .section-head h2 { color: #183e71; }
body[data-theme="orion"] .analytics-table th,
body[data-theme="orion"] .analytics-table td,
body[data-theme="orion"] .task-table th,
body[data-theme="orion"] .task-table td,
body[data-theme="orion"] .performance-table th,
body[data-theme="orion"] .performance-table td { border-right: 1px solid #d6e0eb; }
body[data-theme="orion"] .status-panel { gap: 7px; }
body[data-theme="orion"] .status-panel > div { padding: 10px; border: 1px solid #8b9caf; background: #f8fbff; }
body[data-theme="orion"] .daily-work-summary { border: 1px solid #92a4b9; border-radius: 2px; background: #eef5fd; color: #245a75; }
body[data-theme="orion"] .daily-status-badge,
body[data-theme="orion"] .status-badge,
body[data-theme="orion"] .person-role-tag { border-radius: 2px; }
body[data-theme="orion"] .home-highlight-card,
body[data-theme="orion"] .home-highlight-card.notice,
body[data-theme="orion"] .home-highlight-card.praise { border-radius: 2px; }
body[data-theme="orion"] .task-progress-hero { border: 1px solid #8293a9; border-radius: 2px; background: linear-gradient(115deg, #eff5fc, #fff 62%); }
body[data-theme="orion"] .task-progress-hero-head strong { color: #245a9e; }
body[data-theme="orion"] .task-progress-track i { background: linear-gradient(90deg, #245a9e, #11a1ad); }
body[data-theme="orion"] .modal-overlay .task-detail-modal,
body[data-theme="orion"] .modal-overlay .daily-missing-modal,
body[data-theme="orion"] .modal-overlay .home-highlight-modal,
body[data-theme="orion"] .app-dialog { border: 1px solid #66758a; border-radius: 3px; }
body.daily-reply-page[data-theme="orion"] .card { border: 1px solid #66758a; border-radius: 2px; box-shadow: 0 2px 0 rgba(33, 56, 88, .08); }
body.daily-reply-page[data-theme="orion"] .report { border: 1px solid #a1b1c2; border-radius: 2px; background: #f3f7fc; }
body.daily-reply-page[data-theme="orion"] .comment { border-left-color: #245a9e; background: #f3f7fc; }
body.daily-reply-page[data-theme="orion"] button { border-radius: 2px; background: #245a9e; }
body.daily-reply-page[data-theme="orion"] textarea { border-radius: 2px; border-color: #8293a9; }

/* Component exceptions: these are informational controls, not primary actions. */
body[data-theme="orion"] .management-stat,
body[data-theme="orion"] button.management-stat,
body[data-theme="orion"] .people-stat-button {
  border-color: #c4d7e3;
  background: #f7fbfe;
  color: var(--orion-ink);
}
body[data-theme="orion"] .management-stat span,
body[data-theme="orion"] .management-stat em,
body[data-theme="orion"] .people-stat-button em { color: var(--orion-muted); }
body[data-theme="orion"] .management-stat strong,
body[data-theme="orion"] .people-admin-stats .management-stat strong { color: var(--orion-blue-dark); }
body[data-theme="orion"] .management-stat:hover,
body[data-theme="orion"] .people-stat-button:hover { border-color: #8eb6d1; background: #eef7fd; }

body[data-theme="orion"] .daily-person-chip,
body[data-theme="orion"] button.daily-person-chip { color: var(--orion-ink); }
body[data-theme="orion"] .daily-person-chip.is-missing { border-color: #efb7b7; background: #fff4f3; color: #a33f3f; }
body[data-theme="orion"] .daily-person-chip.is-partial { border-color: #e5ca83; background: #fff9e8; color: #7c5a16; }
body[data-theme="orion"] .daily-person-chip.is-complete { border-color: #abd8bb; background: #effaf2; color: #276c42; }

body[data-theme="orion"] .pill-action,
body[data-theme="orion"] .segment-button {
  border-color: #8fb8d4;
  background: #e9f4fc;
  color: var(--orion-blue-dark);
}
body[data-theme="orion"] .pill-action.active,
body[data-theme="orion"] .segment-button.active { border-color: var(--orion-blue); background: #d7eafb; color: var(--orion-blue-dark); }
body[data-theme="orion"] .pill-action:not(.active):hover,
body[data-theme="orion"] .segment-button:not(.active):hover { background: #f3f9fd; }

body[data-theme="orion"] .tag-toggle,
body[data-theme="orion"] .tag-toggle.on { border-color: #b8cedb; background: #fff; color: var(--orion-muted); }
body[data-theme="orion"] .tag-toggle.on { border-color: #a9d5bc; background: #effaf2; color: #286a43; }
body[data-theme="orion"] .danger-link,
body[data-theme="orion"] .admin-remove-button { border-color: #e5bcbc; background: #fff7f7; color: var(--orion-danger); }
body[data-theme="orion"] .status-badge,
body[data-theme="orion"] .daily-status-badge,
body[data-theme="orion"] .performance-status { font-weight: 700; }
body[data-theme="orion"] .status-active { background: #e8f5fa; color: #176375; }
body[data-theme="orion"] .status-paused,
body[data-theme="orion"] .status-pending { background: #fff7df; color: #806018; }
body[data-theme="orion"] .status-handover { background: #eef0ff; color: #4653a0; }
body[data-theme="orion"] .status-done { background: #eaf7ee; color: #287044; }
body[data-theme="orion"] .modal-overlay,
body[data-theme="orion"] .app-dialog-overlay { background: rgba(28, 52, 76, .24); }

@media (max-width: 900px) {
  body[data-theme="orion"] .topbar { margin: 6px 8px 0; min-height: 58px; }
  body[data-theme="orion"] .topbar > div:first-child { grid-template-columns: 43px auto; column-gap: 8px; }
  body[data-theme="orion"] .topbar > div:first-child::before { height: 56px; font-size: 18px; }
  body[data-theme="orion"] h1 { font-size: 17px; }
  body[data-theme="orion"] main { padding: 8px; }
  body[data-theme="orion"] .analytics-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body[data-theme="orion"] .analytics-grid { grid-template-columns: 1fr; }
  body[data-theme="orion"] .home-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .theme-options { grid-template-columns: 1fr; }
  .theme-settings-actions { align-items: stretch; flex-direction: column; }
  .theme-settings-actions button { width: 100%; }
  body[data-theme="orion"] .topbar { padding-right: 8px; }
  body[data-theme="orion"] .topbar > div:first-child { min-width: 0; }
  body[data-theme="orion"] #entryHint { font-size: 10px; letter-spacing: .03em; }
  body[data-theme="orion"] .theme-settings-entry { min-width: 82px; padding: 0 6px; font-size: 11px; }
  body[data-theme="orion"] .home-panel,
  body[data-theme="orion"] .panel { padding: 10px; }
  body[data-theme="orion"] .analytics-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-theme="orion"] .home-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-theme="orion"] .nav-tile { min-height: 42px; }
  body[data-theme="orion"] .status-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-theme="orion"] .metric-table { min-width: 680px; }
  body[data-theme="orion"] .analytics-block { overflow-x: auto; }
}

/* Clarity workspace: calm surfaces, persistent navigation and action-safe tables. */
body[data-theme="clarity"] {
  --clarity-navy: #173b65;
  --clarity-blue: #2563a6;
  --clarity-blue-soft: #eaf2fb;
  --clarity-ink: #1d2b3a;
  --clarity-muted: #66768a;
  --clarity-canvas: #f3f6fa;
  --clarity-surface: #ffffff;
  --clarity-line: #e4eaf1;
  --clarity-warning: #9a4f08;
  --clarity-danger: #b42318;
  --clarity-success: #237a46;
  margin: 0;
  background: var(--clarity-canvas);
  color: var(--clarity-ink);
  font-family: Inter, "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body[data-theme="clarity"] .workspace-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 9;
  width: 232px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(180deg, #173b65 0%, #102f52 100%);
  color: #fff;
  box-shadow: 8px 0 24px rgba(22, 48, 78, .08);
}
body[data-theme="clarity"] .workspace-sidebar-brand {
  display: grid;
  gap: 2px;
  padding: 21px 22px 17px;
  border-bottom: 1px solid rgba(255, 255, 255, .11);
}
body[data-theme="clarity"] .workspace-sidebar-brand span { font-size: 18px; font-weight: 800; letter-spacing: .08em; }
body[data-theme="clarity"] .workspace-sidebar-brand small { color: #a9c3df; font-size: 10px; letter-spacing: .18em; }
body[data-theme="clarity"] .workspace-nav {
  display: grid;
  gap: 4px;
  padding: 14px 12px 24px;
  overflow-y: auto;
}
body[data-theme="clarity"] .workspace-nav-item {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #dce8f5;
  text-align: left;
}
body[data-theme="clarity"] .workspace-nav-item span { display: grid; place-items: center; color: #92b5d8; font-size: 12px; }
body[data-theme="clarity"] .workspace-nav-item b { overflow: hidden; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
body[data-theme="clarity"] .workspace-nav-item:hover { background: rgba(255, 255, 255, .08); color: #fff; }
body[data-theme="clarity"] .workspace-nav-item.active { background: #fff; color: var(--clarity-navy); box-shadow: 0 6px 16px rgba(4, 25, 47, .18); }
body[data-theme="clarity"] .workspace-nav-item.active span { color: var(--clarity-blue); }
body[data-theme="clarity"] .topbar {
  min-height: 66px;
  margin-left: 232px;
  padding: 12px 30px;
  border: 0;
  border-bottom: 1px solid var(--clarity-line);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 2px 10px rgba(38, 55, 76, .04);
  backdrop-filter: blur(12px);
}
body[data-theme="clarity"] .topbar h1 { font-size: 19px; color: var(--clarity-navy); }
body[data-theme="clarity"] #entryHint { color: var(--clarity-muted); font-size: 12px; }
body[data-theme="clarity"] main { max-width: none; margin: 0 0 0 232px; padding: 24px 30px 40px; }
body[data-theme="clarity"] .home-panel,
body[data-theme="clarity"] .panel {
  padding: 20px;
  border: 0;
  border-radius: 14px;
  background: var(--clarity-surface);
  box-shadow: 0 7px 24px rgba(43, 64, 88, .07);
}
body[data-theme="clarity"] .home-nav,
body[data-theme="clarity"] .sub-nav { display: none !important; }
body[data-theme="clarity"] h1,
body[data-theme="clarity"] h2,
body[data-theme="clarity"] h3 { letter-spacing: 0; }
body[data-theme="clarity"] h2 { color: var(--clarity-navy); font-size: 18px; }
body[data-theme="clarity"] h3 { color: #2b4058; }
body[data-theme="clarity"] .hint,
body[data-theme="clarity"] label,
body[data-theme="clarity"] .label { color: var(--clarity-muted); }
body[data-theme="clarity"] button,
body[data-theme="clarity"] input,
body[data-theme="clarity"] select,
body[data-theme="clarity"] textarea { border-radius: 8px; }
body[data-theme="clarity"] input,
body[data-theme="clarity"] select,
body[data-theme="clarity"] textarea { border-color: #ccd6e2; background: #fff; }
body[data-theme="clarity"] input:focus,
body[data-theme="clarity"] select:focus,
body[data-theme="clarity"] textarea:focus { border-color: var(--clarity-blue); outline: 3px solid rgba(37, 99, 166, .12); }
body[data-theme="clarity"] button:not(.secondary):not(.task-link):not(.danger-link):not(.daily-person-chip):not(.management-stat):not(.pill-action):not(.segment-button):not(.tag-toggle):not(.travel-amount-link):not(.workspace-nav-item) {
  border-color: var(--clarity-blue);
  background: var(--clarity-blue);
  color: #fff;
  box-shadow: 0 2px 5px rgba(37, 99, 166, .15);
}
body[data-theme="clarity"] button.secondary { border-color: #cbd5e1; background: #fff; color: #40546b; }
body[data-theme="clarity"] button.secondary:hover { border-color: #9fb1c6; background: #f8fafc; }
body[data-theme="clarity"] .home-identity,
body[data-theme="clarity"] .daily-work-summary { border: 0; background: #f5f8fc; }
body[data-theme="clarity"] .identity-tag { background: var(--clarity-blue-soft); color: var(--clarity-navy); }
body[data-theme="clarity"] .metric-table-wrap,
body[data-theme="clarity"] .task-table-wrap,
body[data-theme="clarity"] .performance-table-wrap {
  border: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(43, 64, 88, .06);
}
body[data-theme="clarity"] table { border-collapse: separate; border-spacing: 0; }
body[data-theme="clarity"] th {
  border: 0;
  border-bottom: 1px solid #d9e1ea;
  background: #f7f9fc;
  color: #53657a;
  font-size: 12px;
  font-weight: 750;
}
body[data-theme="clarity"] td { border: 0; border-bottom: 1px solid #edf1f5; }
body[data-theme="clarity"] tbody tr:last-child td { border-bottom: 0; }
body[data-theme="clarity"] tbody tr:hover td { background: #f8fbff; }
body[data-theme="clarity"] .metric-table td { color: var(--clarity-navy); }
body[data-theme="clarity"] .management-table th:last-child,
body[data-theme="clarity"] .management-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 1;
  background: #fff;
  box-shadow: -8px 0 12px -12px rgba(31, 52, 76, .5);
}
body[data-theme="clarity"] .management-table th:last-child { z-index: 2; background: #f7f9fc; }
body[data-theme="clarity"] .management-filters {
  display: grid;
  grid-template-columns: minmax(300px, 1.05fr) minmax(300px, 1.15fr) minmax(250px, .9fr) auto;
  gap: 16px;
  align-items: end;
  padding: 16px;
  border: 0;
  border-radius: 12px;
  background: #f5f8fc;
}
body[data-theme="clarity"] .management-filter-card { padding: 0; border: 0; background: transparent; }
body[data-theme="clarity"] .management-filter-card h3 { margin-bottom: 8px; color: #64758a; font-size: 12px; font-weight: 750; }
body[data-theme="clarity"] .management-filter-row { gap: 8px; }
body[data-theme="clarity"] .management-filter-actions { align-items: flex-end; padding: 0; }
body[data-theme="clarity"] .management-filter-actions button { height: 36px; }
body[data-theme="clarity"] .management-quick-actions { gap: 6px; margin-bottom: 12px; }
body[data-theme="clarity"] .pill-action,
body[data-theme="clarity"] .segment-button { border: 0; background: #edf2f7; color: #53657a; box-shadow: none; }
body[data-theme="clarity"] .pill-action { min-width: 116px; height: 38px; padding: 0 15px; border-radius: 8px; font-size: 14px; }
body[data-theme="clarity"] .pill-action.active,
body[data-theme="clarity"] .segment-button.active { background: var(--clarity-blue-soft); color: var(--clarity-blue); box-shadow: inset 0 0 0 1px #c8dbef; }
body[data-theme="clarity"] .management-stat,
body[data-theme="clarity"] .analytics-card,
body[data-theme="clarity"] .analytics-block,
body[data-theme="clarity"] .performance-block,
body[data-theme="clarity"] .performance-score-card,
body[data-theme="clarity"] .task-key-facts > div,
body[data-theme="clarity"] .detail-stat {
  border: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(43, 64, 88, .07);
}
body[data-theme="clarity"] .management-stat strong,
body[data-theme="clarity"] .analytics-card strong,
body[data-theme="clarity"] .performance-score-card strong { color: var(--clarity-navy); }
body[data-theme="clarity"] .management-pagination { border: 0; border-radius: 10px; background: #f7f9fc; }
body[data-theme="clarity"] .operation-cell { text-align: right; }
body[data-theme="clarity"] .operation-detail-button { border-color: var(--clarity-blue); background: var(--clarity-blue); color: #fff; }
body[data-theme="clarity"] .danger-link,
body[data-theme="clarity"] .admin-remove-button {
  border: 0;
  background: transparent;
  color: #8a5c5c;
  box-shadow: none;
  font-weight: 650;
}
body[data-theme="clarity"] .danger-link:hover,
body[data-theme="clarity"] .admin-remove-button:hover { background: #fff1f0; color: var(--clarity-danger); }
body[data-theme="clarity"] .tag-toggle,
body[data-theme="clarity"] .tag-toggle.on { border-color: #d5dee8; background: #fff; color: #5d6e82; }
body[data-theme="clarity"] .tag-toggle.on { border-color: #bcd8c6; background: #f1f8f3; color: var(--clarity-success); }
body[data-theme="clarity"] .daily-admin-status-badge {
  background: #fff3e3;
  color: var(--clarity-warning);
}
body[data-theme="clarity"] .daily-admin-status-badge.is-complete { background: #edf7f0; color: var(--clarity-success); }
body[data-theme="clarity"] .daily-group { border: 0; border-radius: 10px; background: #f7f9fc; }
body[data-theme="clarity"] .daily-group-head span { color: #6b7788; }
body[data-theme="clarity"] .daily-person-chip,
body[data-theme="clarity"] button.daily-person-chip {
  border: 0;
  border-left: 3px solid #a9b5c3;
  background: #fff;
  color: var(--clarity-ink);
  box-shadow: 0 2px 8px rgba(43, 64, 88, .06);
}
body[data-theme="clarity"] .daily-person-chip.is-missing { border-left-color: #d05a52; color: var(--clarity-ink); }
body[data-theme="clarity"] .daily-person-chip.is-partial { border-left-color: #d38a2d; color: var(--clarity-ink); }
body[data-theme="clarity"] .daily-person-chip.is-complete { border-left-color: #4a9a68; color: var(--clarity-ink); }
body[data-theme="clarity"] button.daily-person-chip:hover { background: #f9fbfd; transform: translateY(-1px); }
body[data-theme="clarity"] .daily-person-chip.is-missing span { color: #9b3c35; opacity: 1; }
body[data-theme="clarity"] .daily-person-chip.is-partial span { color: var(--clarity-warning); opacity: 1; }
body[data-theme="clarity"] .daily-person-chip.is-complete span { color: var(--clarity-success); opacity: 1; }
body[data-theme="clarity"] .daily-task-card,
body[data-theme="clarity"] .daily-task-list-item,
body[data-theme="clarity"] .daily-report-view-item,
body[data-theme="clarity"] .admin-settings-card { border: 0; border-radius: 12px; box-shadow: 0 3px 14px rgba(43, 64, 88, .06); }
body.daily-reply-page[data-theme="clarity"] { background: var(--clarity-canvas); }
body.daily-reply-page[data-theme="clarity"] .card { border: 0; border-radius: 14px; box-shadow: 0 7px 24px rgba(43, 64, 88, .08); }
body.daily-reply-page[data-theme="clarity"] .metric,
body.daily-reply-page[data-theme="clarity"] .report,
body.daily-reply-page[data-theme="clarity"] .entry { border: 0; background: #f5f8fc; }

@media (max-width: 1450px) {
  body[data-theme="clarity"] .management-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-theme="clarity"] .management-filter-actions { justify-content: flex-end; }
}
@media (max-width: 820px) {
  .theme-options { grid-template-columns: 1fr; }
  body[data-theme="clarity"] .topbar { min-height: 62px; margin-left: 0; padding: 10px 14px; }
  body[data-theme="clarity"] .theme-settings-entry { width: auto; min-width: 84px; }
  body[data-theme="clarity"] .workspace-sidebar {
    position: sticky;
    inset: 62px 0 auto;
    width: 100%;
    height: 52px;
    flex-direction: row;
    background: #173b65;
  }
  body[data-theme="clarity"] .workspace-sidebar-brand { display: none; }
  body[data-theme="clarity"] .workspace-nav { display: flex; gap: 5px; padding: 7px 10px; overflow-x: auto; overflow-y: hidden; }
  body[data-theme="clarity"] .workspace-nav-item { width: auto; min-width: max-content; min-height: 38px; grid-template-columns: 16px auto; padding: 0 11px; }
  body[data-theme="clarity"] main { margin-left: 0; padding: 14px 10px 28px; }
  body[data-theme="clarity"] .home-panel,
  body[data-theme="clarity"] .panel { padding: 14px; border-radius: 12px; }
  body[data-theme="clarity"] .management-filters { grid-template-columns: 1fr; padding: 12px; }
  body[data-theme="clarity"] .management-filter-actions { justify-content: stretch; }
  body[data-theme="clarity"] .management-filter-actions button { flex: 1; }
  body[data-theme="clarity"] .management-table th:last-child,
  body[data-theme="clarity"] .management-table td:last-child { position: static; box-shadow: none; }
  body[data-theme="clarity"] .management-mobile-actions { display: flex; }
}

/* Aurora: light glass surfaces with electric-blue and emerald highlights. */
body[data-theme="aurora"] {
  --aurora-ink: #0f172a;
  --aurora-muted: #64748b;
  --aurora-blue: #2563eb;
  --aurora-blue-dark: #1d4ed8;
  --aurora-blue-soft: #eff6ff;
  --aurora-teal: #0d9488;
  --aurora-teal-soft: #ecfdf5;
  --aurora-canvas: #f8fafc;
  --aurora-surface: rgba(255, 255, 255, .82);
  --aurora-line: rgba(148, 163, 184, .26);
  --aurora-danger: #dc2626;
  --aurora-warning: #b45309;
  --aurora-success: #047857;
  margin: 0;
  background:
    radial-gradient(circle at 8% -5%, rgba(37, 99, 235, .13), transparent 30rem),
    radial-gradient(circle at 94% 3%, rgba(13, 148, 136, .11), transparent 28rem),
    var(--aurora-canvas);
  background-attachment: fixed;
  color: var(--aurora-ink);
  font-size: 14px;
  font-family: Inter, "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
body[data-theme="aurora"] .topbar {
  min-height: 68px;
  margin: 14px auto 0;
  width: min(calc(100% - 28px), 1480px);
  padding: 12px 20px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 10px 36px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}
body[data-theme="aurora"] .topbar h1 {
  color: var(--aurora-ink);
  font-size: 20px;
  letter-spacing: -.015em;
  line-height: 1.35;
}
body[data-theme="aurora"] #entryHint { color: var(--aurora-muted); font-size: 12px; }
body[data-theme="aurora"] main { max-width: 1480px; padding: 16px 14px 42px; }
body[data-theme="aurora"] .home-panel,
body[data-theme="aurora"] .panel {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 12px;
  background: var(--aurora-surface);
  box-shadow: 0 12px 36px rgba(15, 23, 42, .07), 0 2px 8px rgba(37, 99, 235, .04);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}
body[data-theme="aurora"] h1,
body[data-theme="aurora"] h2,
body[data-theme="aurora"] h3 { color: var(--aurora-ink); letter-spacing: -.01em; line-height: 1.35; }
body[data-theme="aurora"] h1 { font-size: 20px; }
body[data-theme="aurora"] h2 { font-size: 16px; }
body[data-theme="aurora"] h3 { font-size: 15px; }
body[data-theme="aurora"] .hint,
body[data-theme="aurora"] .muted,
body[data-theme="aurora"] .comment-meta {
  color: var(--aurora-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
body[data-theme="aurora"] label,
body[data-theme="aurora"] .label { color: var(--aurora-muted); font-size: 13px; line-height: 1.5; }
body[data-theme="aurora"] button,
body[data-theme="aurora"] input,
body[data-theme="aurora"] select,
body[data-theme="aurora"] textarea,
body[data-theme="aurora"] .nav-tile,
body[data-theme="aurora"] .management-stat,
body[data-theme="aurora"] .daily-person-chip {
  transition: border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body[data-theme="aurora"] input,
body[data-theme="aurora"] select,
body[data-theme="aurora"] textarea {
  border-color: rgba(148, 163, 184, .46);
  border-radius: 10px;
  background: rgba(255, 255, 255, .88);
  color: var(--aurora-ink);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .025);
}
body[data-theme="aurora"] input:hover,
body[data-theme="aurora"] select:hover,
body[data-theme="aurora"] textarea:hover { border-color: rgba(37, 99, 235, .45); }
body[data-theme="aurora"] input:focus,
body[data-theme="aurora"] select:focus,
body[data-theme="aurora"] textarea:focus {
  border-color: var(--aurora-blue);
  outline: 3px solid rgba(37, 99, 235, .13);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, .06), 0 6px 18px rgba(37, 99, 235, .08);
}
body[data-theme="aurora"] button { border-radius: 10px; }
body[data-theme="aurora"] button:not(.secondary):not(.nav-tile):not(.task-link):not(.danger-link):not(.daily-person-chip):not(.management-stat):not(.pill-action):not(.segment-button):not(.tag-toggle):not(.travel-amount-link):not(.workspace-nav-item):not(.liquid-list-item) {
  border-color: var(--aurora-blue);
  background: linear-gradient(135deg, var(--aurora-blue), #3b82f6);
  color: #fff;
  box-shadow: 0 6px 16px rgba(37, 99, 235, .2);
}
body[data-theme="aurora"] button:not(.secondary):not(.nav-tile):not(.task-link):not(.danger-link):not(.daily-person-chip):not(.management-stat):not(.pill-action):not(.segment-button):not(.tag-toggle):not(.travel-amount-link):not(.workspace-nav-item):not(.liquid-list-item):hover {
  border-color: var(--aurora-blue-dark);
  background: linear-gradient(135deg, var(--aurora-blue-dark), var(--aurora-blue));
  box-shadow: 0 9px 22px rgba(37, 99, 235, .26);
  transform: translateY(-1px);
}
body[data-theme="aurora"] button.secondary {
  border-color: rgba(148, 163, 184, .42);
  background: rgba(255, 255, 255, .72);
  color: #334155;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .04);
}
body[data-theme="aurora"] button.secondary:hover { border-color: rgba(37, 99, 235, .5); background: #fff; color: var(--aurora-blue-dark); }
body[data-theme="aurora"] button:focus-visible,
body[data-theme="aurora"] .nav-tile:focus-visible { outline: 3px solid rgba(13, 148, 136, .2); outline-offset: 2px; }
body[data-theme="aurora"] .home-identity,
body[data-theme="aurora"] .daily-work-summary {
  border: 1px solid rgba(37, 99, 235, .12);
  border-radius: 12px;
  background: linear-gradient(120deg, rgba(239, 246, 255, .9), rgba(236, 253, 245, .72));
}
body[data-theme="aurora"] .identity-name { color: var(--aurora-ink); }
body[data-theme="aurora"] .identity-tag { background: var(--aurora-blue-soft); color: var(--aurora-blue-dark); }
body[data-theme="aurora"] .home-nav { gap: 10px; }
body[data-theme="aurora"] .nav-tile {
  min-height: 48px;
  border: 1px solid var(--aurora-line);
  border-radius: 10px;
  background: rgba(255, 255, 255, .68);
  color: #334155;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .035);
}
body[data-theme="aurora"] .nav-tile:hover,
body[data-theme="aurora"] .nav-tile.active {
  border-color: rgba(37, 99, 235, .35);
  background: linear-gradient(120deg, rgba(239, 246, 255, .96), rgba(236, 253, 245, .86));
  color: var(--aurora-blue-dark);
  box-shadow: 0 8px 22px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}
body[data-theme="aurora"] .sub-nav { border-color: rgba(148, 163, 184, .26); background: rgba(248, 250, 252, .86); backdrop-filter: blur(14px); }
body[data-theme="aurora"] .metric-table-wrap,
body[data-theme="aurora"] .task-table-wrap,
body[data-theme="aurora"] .performance-table-wrap {
  overflow: auto;
  border: 1px solid var(--aurora-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .7);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}
body[data-theme="aurora"] table { border-collapse: separate; border-spacing: 0; }
body[data-theme="aurora"] th { border-bottom-color: rgba(148, 163, 184, .28); background: rgba(241, 245, 249, .82); color: #475569; font-size: 12px; }
body[data-theme="aurora"] td { border-bottom-color: rgba(226, 232, 240, .8); }
body[data-theme="aurora"] tbody tr:hover td { background: rgba(239, 246, 255, .68); }
body[data-theme="aurora"] .metric-table td { color: var(--aurora-blue-dark); }
body[data-theme="aurora"] .analytics-card,
body[data-theme="aurora"] .analytics-block,
body[data-theme="aurora"] .management-stat,
body[data-theme="aurora"] .management-filter-card,
body[data-theme="aurora"] .performance-score-card,
body[data-theme="aurora"] .performance-block,
body[data-theme="aurora"] .daily-task-card,
body[data-theme="aurora"] .daily-task-list-item,
body[data-theme="aurora"] .daily-report-view-item,
body[data-theme="aurora"] .task-key-facts > div,
body[data-theme="aurora"] .detail-stat,
body[data-theme="aurora"] .admin-settings-card {
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 12px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .055);
  backdrop-filter: blur(12px);
}
body[data-theme="aurora"] .analytics-card strong,
body[data-theme="aurora"] .management-stat strong,
body[data-theme="aurora"] .performance-score-card strong { color: var(--aurora-blue-dark); }
body[data-theme="aurora"] .analytics-card:nth-child(3n + 2) strong,
body[data-theme="aurora"] .management-stat:nth-child(3n + 2) strong { color: var(--aurora-teal); }
body[data-theme="aurora"] .management-stat:hover { border-color: rgba(13, 148, 136, .3); box-shadow: 0 11px 28px rgba(13, 148, 136, .1); transform: translateY(-1px); }
body[data-theme="aurora"] .management-filters,
body[data-theme="aurora"] .management-pagination {
  border-color: var(--aurora-line);
  border-radius: 12px;
  background: rgba(241, 245, 249, .74);
}
body[data-theme="aurora"] .pill-action,
body[data-theme="aurora"] .segment-button { border-color: rgba(148, 163, 184, .3); background: rgba(255, 255, 255, .76); color: #475569; box-shadow: none; }
body[data-theme="aurora"] .pill-action.active,
body[data-theme="aurora"] .segment-button.active { border-color: rgba(37, 99, 235, .28); background: var(--aurora-blue-soft); color: var(--aurora-blue-dark); box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .08); }
body[data-theme="aurora"] .tag-toggle,
body[data-theme="aurora"] .tag-toggle.on { border-color: rgba(148, 163, 184, .35); background: rgba(255, 255, 255, .78); color: var(--aurora-muted); }
body[data-theme="aurora"] .tag-toggle.on { border-color: rgba(13, 148, 136, .28); background: var(--aurora-teal-soft); color: var(--aurora-success); }
body[data-theme="aurora"] .daily-person-chip,
body[data-theme="aurora"] button.daily-person-chip { border-color: rgba(148, 163, 184, .26); background: rgba(255, 255, 255, .76); color: var(--aurora-ink); box-shadow: 0 5px 14px rgba(15, 23, 42, .04); }
body[data-theme="aurora"] .daily-person-chip.is-missing { border-left: 3px solid #ef4444; }
body[data-theme="aurora"] .daily-person-chip.is-partial { border-left: 3px solid #f59e0b; }
body[data-theme="aurora"] .daily-person-chip.is-complete { border-left: 3px solid var(--aurora-teal); }
body[data-theme="aurora"] button.daily-person-chip:hover { border-color: rgba(37, 99, 235, .28); background: #fff; transform: translateY(-1px); }
body[data-theme="aurora"] .operation-detail-button { border-color: var(--aurora-blue); background: var(--aurora-blue); color: #fff; }
body[data-theme="aurora"] .danger-link,
body[data-theme="aurora"] .admin-remove-button { border-color: rgba(220, 38, 38, .18); background: rgba(254, 242, 242, .78); color: var(--aurora-danger); box-shadow: none; }
body[data-theme="aurora"] .status-active { background: var(--aurora-blue-soft); color: var(--aurora-blue-dark); }
body[data-theme="aurora"] .status-paused,
body[data-theme="aurora"] .status-pending { background: #fff7ed; color: var(--aurora-warning); }
body[data-theme="aurora"] .status-handover { background: #f5f3ff; color: #6d28d9; }
body[data-theme="aurora"] .status-done { background: var(--aurora-teal-soft); color: var(--aurora-success); }
body[data-theme="aurora"] .task-progress-hero { border: 1px solid rgba(37, 99, 235, .15); border-radius: 12px; background: linear-gradient(120deg, rgba(239, 246, 255, .92), rgba(236, 253, 245, .8)); }
body[data-theme="aurora"] .task-progress-track i { background: linear-gradient(90deg, var(--aurora-blue), var(--aurora-teal)); }
body[data-theme="aurora"] .liquid-list,
body[data-theme="aurora"] .liquid-detail,
body[data-theme="aurora"] .liquid-work-panel {
  border-color: #e2e8f0;
  background: #fff;
  color: var(--aurora-ink);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}
body[data-theme="aurora"] .liquid-list.empty,
body[data-theme="aurora"] .liquid-detail.empty { color: var(--aurora-muted); }
body[data-theme="aurora"] .liquid-list-item,
body[data-theme="aurora"] button.liquid-list-item {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: var(--aurora-ink);
  box-shadow: none;
}
body[data-theme="aurora"] .liquid-list-item:hover,
body[data-theme="aurora"] .liquid-list-item.active {
  border-color: var(--aurora-blue);
  background: #eff6ff;
  color: var(--aurora-ink);
  box-shadow: 0 6px 16px rgba(37, 99, 235, .1);
  transform: none;
}
body[data-theme="aurora"] .liquid-list-item em { color: var(--aurora-blue-dark); }
body[data-theme="aurora"] .liquid-facts {
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  color: var(--aurora-ink);
}
body[data-theme="aurora"] .liquid-facts > div { background: #fff; color: var(--aurora-ink); }
body[data-theme="aurora"] .liquid-facts span { color: var(--aurora-muted); }
body[data-theme="aurora"] .liquid-facts strong { color: var(--aurora-ink); }
body[data-theme="aurora"] .modal-overlay,
body[data-theme="aurora"] .app-dialog-overlay { background: rgba(15, 23, 42, .32); backdrop-filter: blur(7px); }
body[data-theme="aurora"] .modal-overlay .task-detail-modal,
body[data-theme="aurora"] .modal-overlay .daily-missing-modal,
body[data-theme="aurora"] .modal-overlay .home-highlight-modal,
body[data-theme="aurora"] .app-dialog {
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 14px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 24px 72px rgba(15, 23, 42, .2);
  backdrop-filter: blur(22px);
}
body.daily-reply-page[data-theme="aurora"] { background: var(--aurora-canvas); color: var(--aurora-ink); }
body.daily-reply-page[data-theme="aurora"] main { max-width: 860px; }
body.daily-reply-page[data-theme="aurora"] .card {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  color: var(--aurora-ink);
  box-shadow: 0 12px 36px rgba(15, 23, 42, .08);
  backdrop-filter: blur(16px);
}
body.daily-reply-page[data-theme="aurora"] .metric,
body.daily-reply-page[data-theme="aurora"] .report,
body.daily-reply-page[data-theme="aurora"] .entry,
body.daily-reply-page[data-theme="aurora"] .history-item {
  border-color: #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  color: var(--aurora-ink);
}
body.daily-reply-page[data-theme="aurora"] .history-item.current { border-color: var(--aurora-blue); background: #eff6ff; color: var(--aurora-ink); }
body.daily-reply-page[data-theme="aurora"] .comment { border-left-color: var(--aurora-blue); background: #f8fafc; color: var(--aurora-ink); }
body.daily-reply-page[data-theme="aurora"] .attachment,
body.daily-reply-page[data-theme="aurora"] .attachments a { color: var(--aurora-blue-dark); }

@media (max-width: 900px) {
  .theme-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-theme="aurora"] .topbar { width: calc(100% - 16px); margin-top: 8px; }
  body[data-theme="aurora"] main { padding: 10px 8px 30px; }
  body[data-theme="aurora"] .analytics-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .theme-options { grid-template-columns: 1fr; }
  body[data-theme="aurora"] .topbar { min-height: 60px; padding: 10px 12px; border-radius: 12px; }
  body[data-theme="aurora"] .topbar h1 { font-size: 17px; }
  body[data-theme="aurora"] #entryHint { font-size: 10px; }
  body[data-theme="aurora"] .theme-settings-entry { min-width: 82px; padding: 0 7px; font-size: 11px; }
  body[data-theme="aurora"] .home-panel,
  body[data-theme="aurora"] .panel { padding: 13px; }
  body[data-theme="aurora"] .home-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-theme="aurora"] .analytics-cards,
  body[data-theme="aurora"] .status-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}