.theme-toggle{font-size:11px;min-height:36px}.auth-theme{position:absolute;right:24px;top:22px;z-index:5}
:root[data-theme=light]{color-scheme:light;--bg:#f5f6fb;--panel:#fff;--border:#dce1ec;--text:#20283b;--muted:#5d6880;--accent:#6751b9;--mint:#168368}
[data-theme=light] .sidebar,[data-theme=light] .topbar,[data-theme=light] .footer{background:#fff}
[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] .search-field{background:#fff;color:var(--text);border-color:#cdd4e2}
[data-theme=light] input::placeholder{color:#69758a}
[data-theme=light] label,[data-theme=light] .breadcrumbs strong,[data-theme=light] .person strong,[data-theme=light] .source-row strong,[data-theme=light] .empty strong{color:#303b51}
[data-theme=light] .brand-sub,[data-theme=light] .workspace-label,[data-theme=light] .nav-label,[data-theme=light] nav>a,[data-theme=light] .connection,[data-theme=light] .metric-top,[data-theme=light] .metric-bottom,[data-theme=light] .legend>a,[data-theme=light] .source-row small,[data-theme=light] .person small,[data-theme=light] .topbar-right,[data-theme=light] .breadcrumbs,[data-theme=light] .eyebrow,[data-theme=light] .footer,[data-theme=light] .icon-button{color:var(--muted)}
[data-theme=light] nav>a:hover{background:#f0edf9;color:#59449e}
[data-theme=light] nav>a[aria-current=page]{background:#eee8fc;color:#59449e;border-color:#d5c8f2;box-shadow:inset 3px 0 #8d6fce}
[data-theme=light] .metric{background:linear-gradient(120deg,#fff,#f7f7fd)}
[data-theme=light] .button{background:#fff;color:#36405a;border-color:#cdd3e1}
[data-theme=light] .button:hover{background:#f0ebfb;border-color:#9e8bc8;color:#49327e}
[data-theme=light] .button.primary{background:#7153bb;color:#fff;border-color:#7153bb}
[data-theme=light] .button.primary:hover{background:#6144a8}
[data-theme=light] .avatar{background:#eee8fb;color:#604797;border-color:#d7c9ee}
[data-theme=light] .avatar.subtle{background:#eff2f8;border-color:#dce1ec;color:#596580}
[data-theme=light] .hero-strip{background:linear-gradient(105deg,#eee7fd,#eef1fd);border-color:#d8cff0}
[data-theme=light] .hero-strip strong{color:#3e335b}
[data-theme=light] .hero-strip p{color:#675d80}
[data-theme=light] .hero-strip>a,[data-theme=light] .text-link,[data-theme=light] .source-row span{color:#6650a4}
[data-theme=light] .hero-symbol{background:#e3d7f9;color:#6f4cb3;border-color:#d1bdee}
[data-theme=light] th{background:#f2f4f9;color:#5c6880}
[data-theme=light] td{color:#49566e;border-color:var(--border)}
[data-theme=light] td:first-child,[data-theme=light] .legend strong{color:#28334a}
[data-theme=light] tbody tr:hover{background:#f7f8fc}
[data-theme=light] .assignment-bar{background:#f1eef9}
[data-theme=light] .badge,[data-theme=light] .violet{background:#ede7f8;color:#664991}
[data-theme=light] .badge.interested,[data-theme=light] .badge.completed,[data-theme=light] .mint{background:#def3ea;color:#206c54}
[data-theme=light] .badge.call_back,[data-theme=light] .badge.called,[data-theme=light] .blue{background:#e0f0f8;color:#246c8d}
[data-theme=light] .badge.busy,[data-theme=light] .badge.no_answer,[data-theme=light] .amber{background:#fff0d5;color:#886017}
[data-theme=light] .badge.not_interested,[data-theme=light] .badge.cancelled{background:#f8e3ec;color:#964662}
[data-theme=light] .date-tile,[data-theme=light] .calendar-day{background:#f3f5fb;border-color:#d6ddec}
[data-theme=light] .date-tile span{color:#626f86}
[data-theme=light] .calendar-day.today{border-color:var(--accent)}
[data-theme=light] .progress,[data-theme=light] .donut{background:#e5e8f1}
[data-theme=light] .activity-mark{background:#def1e9;color:#397960}
[data-theme=light] .notice{background:#e5f4ed;color:#276752;border-color:#b8dccb}
[data-theme=light] .notice.error,[data-theme=light] .errorlist{background:#fff0f1;color:#a22e47;border-color:#eabfc8}
[data-theme=light] code{background:#ede8f7;color:#624591}
[data-theme=light] .activity-chart svg text{fill:#59667e}
[data-theme=light] .activity-chart svg line{stroke:#dce1ec}
[data-theme=light] .activity-chart svg polyline{stroke:#7753ba}
[data-theme=light] .activity-chart svg circle{fill:#7753ba;stroke:#fff}
[data-theme=light] .login-story{background:radial-gradient(ellipse at 40% 60%,#e1d5f780,transparent 65%),#f0edf9;border-color:#dcd5ec}
[data-theme=light] .story-copy h1 em{color:#7654b7}
[data-theme=light] .story-copy>p,[data-theme=light] .login-help,[data-theme=light] .login-foot{color:var(--muted)}
[data-theme=light] .orbit-label{background:#fff;color:#695087;border-color:#d7c9e8;box-shadow:0 6px 20px #6c538512}
[data-theme=light] .orbit-ring{border-color:#c6b4e0}
[data-theme=light] .notif-item:hover{background:#f7f8fc}
[data-theme=light] .notif-badge{box-shadow:0 0 0 2px #fff}
[data-theme=light] .chat-channels{background:#f8f8fc}
[data-theme=light] .chat-channel-link{color:var(--muted)}
[data-theme=light] .chat-channel-link:hover{background:#f0edf9}
[data-theme=light] .chat-channel-link.active{background:#eee8fc;color:#59449e;border-color:#d5c8f2;box-shadow:inset 3px 0 #8d6fce}
[data-theme=light] .chat-avatar{background:#eee8fb;color:#604797;border-color:#d7c9ee}
[data-theme=light] .chat-msg-body{background:#f3f5fb;border-color:#dce1ec}
[data-theme=light] .chat-msg.mine .chat-msg-body{background:var(--accent);border-color:var(--accent)}
[data-theme=light] .chat-msg.mine p,[data-theme=light] .chat-msg.mine time{color:#fff}
@media(max-width:760px){.auth-theme{top:20px;right:18px}.login-story .brand{max-width:calc(100% - 120px)}.topbar-right{gap:10px}.theme-toggle{padding:7px 9px;font-size:10px}}

/* Project-wise work reports: shared list and detail presentation. */
.project-report-list { display: grid; gap: 12px; min-width: min(280px, 100%); }
.project-report-card { padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--panel); }
.project-report-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.project-report-meta { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 12px 0 0; }
.project-report-meta dt { color: var(--muted); font-size: .8rem; }
.project-report-meta dd { margin: 3px 0 0; }
.project-report-notes { margin: 12px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }

/* ==========================================================================
   Semantic Badges (Dark Mode Defaults)
   ========================================================================== */
.badge.rose, .badge.danger { background: #3a212b; color: #f87171; border: 1px solid rgba(248, 113, 113, 0.35); }
.badge.amber, .badge.warning { background: #3a3023; color: #fbbf24; border: 1px solid rgba(251, 191, 36, 0.35); }
.badge.orange { background: #3d271d; color: #fb923c; border: 1px solid rgba(251, 146, 60, 0.35); }
.badge.purple, .badge.violet { background: #2e1e4a; color: #c084fc; border: 1px solid rgba(192, 132, 252, 0.35); }
.badge.blue, .badge.info { background: #1e2c45; color: #60a5fa; border: 1px solid rgba(96, 165, 250, 0.35); }
.badge.mint, .badge.completed, .badge.success { background: #13332b; color: #34d399; border: 1px solid rgba(52, 211, 153, 0.35); }
.badge.slate, .badge.department { background: #1e293b; color: #cbd5e1; border: 1px solid #334155; }

/* ==========================================================================
   Semantic Badges (Light Mode Overrides)
   ========================================================================== */
[data-theme=light] .badge.rose, [data-theme=light] .badge.danger { background: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5; }
[data-theme=light] .badge.amber, [data-theme=light] .badge.warning { background: #fef3c7; color: #b45309; border: 1px solid #fcd34d; }
[data-theme=light] .badge.orange { background: #ffedd5; color: #c2410c; border: 1px solid #fdba74; }
[data-theme=light] .badge.purple, [data-theme=light] .badge.violet { background: #f3e8ff; color: #6b21a8; border: 1px solid #d8b4fe; }
[data-theme=light] .badge.blue, [data-theme=light] .badge.info { background: #dbeafe; color: #1d4ed8; border: 1px solid #93c5fd; }
[data-theme=light] .badge.mint, [data-theme=light] .badge.completed, [data-theme=light] .badge.success { background: #dcfce7; color: #15803d; border: 1px solid #86efac; }
[data-theme=light] .badge.slate, [data-theme=light] .badge.department { background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }

/* ==========================================================================
   Transparency / Workstation Notices (Dark & Light)
   ========================================================================== */
.notice-transparency {
  background: #141a29;
  border-left: 4px solid #3b82f6;
  color: #cbd5e1;
  padding: 14px 18px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 13px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.notice-transparency strong {
  color: #f8fafc;
  display: block;
  margin-bottom: 2px;
}
[data-theme=light] .notice-transparency {
  background: #eff6ff;
  border-left: 4px solid #2563eb;
  color: #1e3a8a;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
[data-theme=light] .notice-transparency strong {
  color: #1e3a8a;
}

/* ==========================================================================
   Lifecycle & Status Notices (Dark & Light)
   ========================================================================== */
.notice.notice-danger {
  border-left: 4px solid #ef4444;
  background: rgba(239, 68, 68, 0.12);
  color: #fca5a5;
  padding: 14px 18px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.notice.notice-danger strong { color: #fecaca; }
[data-theme=light] .notice.notice-danger {
  border-left: 4px solid #dc2626;
  background: #fee2e2;
  color: #991b1b;
}
[data-theme=light] .notice.notice-danger strong { color: #7f1d1d; }

.notice.notice-warning {
  border-left: 4px solid #f59e0b;
  background: rgba(245, 158, 11, 0.12);
  color: #fcd34d;
  padding: 14px 18px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.notice.notice-warning strong { color: #fde68a; }
[data-theme=light] .notice.notice-warning {
  border-left: 4px solid #d97706;
  background: #fef3c7;
  color: #92400e;
}
[data-theme=light] .notice.notice-warning strong { color: #78350f; }

.notice.notice-success {
  border-left: 4px solid #10b981;
  background: rgba(16, 185, 129, 0.12);
  color: #6ee7b7;
  padding: 14px 18px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.notice.notice-success strong { color: #a7f3d0; }
[data-theme=light] .notice.notice-success {
  border-left: 4px solid #16a34a;
  background: #dcfce7;
  color: #166534;
}
[data-theme=light] .notice.notice-success strong { color: #14532d; }

/* Table rows pending review */
tr.row-pending-review { background: rgba(245, 158, 11, 0.06); }
[data-theme=light] tr.row-pending-review { background: #fffbeb; }

/* PC tracking timelines & progress bars */
.timeline-distribution-track {
  display: flex;
  height: 24px;
  border-radius: 6px;
  overflow: hidden;
  background: #1e2230;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}
[data-theme=light] .timeline-distribution-track {
  background: #e2e8f0;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.08);
}

.app-progress-track {
  height: 6px;
  background: #1e293b;
  border-radius: 3px;
  overflow: hidden;
}
[data-theme=light] .app-progress-track {
  background: #e2e8f0;
}

.workstation-card {
  background: #1e2230;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 14px;
}
[data-theme=light] .workstation-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
[data-theme=light] .workstation-card strong {
  color: #1e293b;
}

/* Modals */
.revoke-modal-panel {
  background: #14171f;
  border: 1px solid #262b39;
  border-radius: 12px;
  padding: 24px;
  width: 100%;
  max-width: 440px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
}
[data-theme=light] .revoke-modal-panel {
  background: #ffffff;
  border-color: #dce1ec;
  color: #20283b;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Decision radio cards for review completion modal */
.decision-card {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.decision-card.approve {
  background: rgba(16, 185, 129, 0.06);
}
.decision-card.needs-changes {
  background: rgba(220, 38, 38, 0.06);
}
.decision-card.reject {
  background: rgba(59, 130, 246, 0.06);
}

[data-theme=light] .decision-card.approve {
  background: #f0fdf4;
  border-color: #86efac;
}
[data-theme=light] .decision-card.needs-changes {
  background: #fef2f2;
  border-color: #fca5a5;
}
[data-theme=light] .decision-card.reject {
  background: #eff6ff;
  border-color: #bfdbfe;
}