/* Calm, compact look: white work area, neutral greys, one purple accent for primary actions and the current item.
   Loaded after the page styles; dark-theme.css still wins for its own colours. */
:root {
  --ink: #1e1f21;
  --ink-2: #6d6e6f;
  --line-soft: #e8e8eb;
  --surface-soft: #f6f6f7;
}

/* Sidebar */
.app .sidebar { background: var(--surface-soft) !important; border-right: 1px solid var(--line-soft) !important; }
.app .brand h1 { color: var(--ink) !important; }
.app .side-section-title, .app .nav-group-title { color: var(--ink-2) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .04em; }
.app .sidebar .app-nav button { color: #2f3033 !important; }
.app .sidebar .app-nav button:hover:not(.active) { background: #ececee !important; }
.app .sidebar .app-nav button.active { background: #ebe6f8 !important; color: #5b3fb8 !important; }
.app .sidebar .app-nav button::before { color: #6d6e6f !important; }
.app .sidebar .app-nav button.active::before { color: #5b3fb8 !important; }
.app .sidebar .project-row.active .project { background: #ebe6f8 !important; }
.app .sidebar .project strong { color: #2f3033; }

@media (min-width: 761px) {
  .app .sidebar { padding-top: 18px !important; }
  .app .brand { min-height: 0 !important; padding: 0 10px 18px !important; }
  .app .brand h1 { font-size: 20px !important; letter-spacing: -.3px !important; }
  .app .brand-logo { width: 26px !important; height: 26px !important; }
  .app .app-nav { gap: 2px !important; }
  .app .sidebar .app-nav button { height: 34px !important; min-height: 34px !important; padding: 0 10px 0 38px !important; font-size: 14px !important; font-weight: 450 !important; border-radius: 6px !important; }
  .app .sidebar .app-nav button::before { left: 12px !important; width: 18px !important; height: 18px !important; }
  .app .nav-group { margin-top: 18px; }
  .app .projects-section { margin-top: 18px !important; }
  .app .side-section-head { min-height: 26px !important; padding: 0 10px 4px !important; }
  .app .project-list { gap: 2px !important; }
  .app .project { min-height: 34px !important; padding: 6px 10px !important; gap: 10px !important; }
  .app .project strong { font-size: 14px !important; font-weight: 450 !important; }
  .app .sidebar .project-mini-icon::before { width: 18px !important; height: 18px !important; }
  .app .sidebar-profile-avatar, .app .sidebar-profile-avatar .avatar { width: 32px !important; height: 32px !important; flex-basis: 32px !important; font-size: 13px !important; }
  .app .board-profile-copy strong { font-size: 14px !important; }

  /* Project header: small icon, 20px title, tabs right under it */
  .workspace .topbar { min-height: 0 !important; padding-top: 16px !important; padding-bottom: 10px !important; }
  .workspace .project-heading { gap: 12px !important; }
  .workspace #projectIcon { width: 36px !important; min-width: 36px !important; height: 36px !important; flex-basis: 36px !important; border-radius: 8px !important; }
  .workspace #projectIcon::before { width: 20px !important; height: 20px !important; }
  .workspace #projectTitle { font-size: 20px !important; font-weight: 600 !important; letter-spacing: -.2px !important; }
  .workspace #projectMeta { font-size: 13px !important; color: var(--ink-2) !important; }
  .workspace .view-tabs { min-height: 40px !important; gap: 24px !important; padding-left: 24px !important; }
  .workspace .view-tabs button { font-size: 14px !important; padding: 10px 0 !important; }
  .workspace #filters { padding-block: 12px !important; }
  .workspace #newTask { min-height: 34px !important; height: 34px !important; font-size: 14px !important; }
}

/* Neutral cards and tiles on Home and other pages */
.workspace :is(.home-card, .dash-panel, .team-directory, .team-access-guide) { border-color: var(--line-soft) !important; }
.workspace .home-stats article:not(.alert) { background: var(--surface-soft) !important; }
.workspace .home-onboarding { background: #fff !important; }

/* Board: neutral columns, calmer cards */
.workspace .board-view .column { background: var(--surface-soft) !important; border-color: var(--line-soft) !important; }
.workspace .board-view .task-card { border-color: #e4e4e7 !important; }
.workspace .board-view .task-card:hover, .workspace .board-view .task-card:focus-within, .workspace .board-view .task-card.active { border-color: #c9bdf0 !important; }
.workspace .board-view .task-card-title { font-size: 14px !important; font-weight: 500 !important; color: var(--ink) !important; }
.workspace .board-view .task-card-description { font-size: 12.5px !important; color: var(--ink-2) !important; }
.workspace .board-view .column > header strong, .workspace .board-view .column-title { color: var(--ink) !important; }
.workspace .board-view .board-add-column { border-color: #dcdce0 !important; color: var(--ink-2) !important; }
.workspace .board-view .board-add-column:hover { border-color: #a282ee !important; color: #6a45cc !important; }

/* Calendar: neutral weekday header and borders */
.workspace .calendar-view .calendar-weekday { background: var(--surface-soft) !important; border-color: var(--line-soft) !important; color: var(--ink-2) !important; }
.workspace .calendar-view .calendar-day { border-color: #eeeef0 !important; }
.workspace .calendar-view .calendar-day.weekend { background: #fbfbfb !important; }
.workspace .calendar-view .calendar-day.outside { background: #f8f8f9 !important; }
.workspace .calendar-view .calendar-day.outside .calendar-day-number { color: #b9b9bf !important; }

/* Board grouping switch and grouped columns */
.workspace #boardGroup { width: 170px !important; padding: 8px 30px 8px 12px !important; }
.workspace #boardGroup[hidden] { display: none !important; }
.workspace .board-view .grouped-column .board-section-title .avatar { width: 22px !important; min-width: 22px !important; height: 22px !important; font-size: 10px !important; }
.workspace .board-view .grouped-column .board-section-title .board-unassigned { width: 22px; height: 22px; }
.workspace .board-view .grouped-column > header { min-height: 36px; }
@media (max-width: 760px) {
  .workspace #filters #boardGroup { grid-column: 1 / -1 !important; grid-row: auto !important; width: 100% !important; }
}
.workspace .filter-row { flex-wrap: wrap !important; }

/* Counter tiles on Reports, Participants and Settings: neutral like the rest */
.workspace :is(.report-overview, .team-overview) > *, .workspace .settings-view .settings-overview article { background: var(--surface-soft) !important; }
.workspace :is(.report-overview, .team-overview, .settings-overview) span { color: var(--ink-2) !important; }
.workspace :is(.report-overview, .team-overview, .settings-overview) strong { color: var(--ink) !important; }
/* The files gallery has nothing to search or sort */
.workspace:has(> .files-view) #filters { display: none !important; }
.bar-row i { background: linear-gradient(90deg, var(--bar-color, var(--accent)) var(--w), var(--surface-3) 0) !important; }
.project-health-row small { grid-column: 1 / -1; color: var(--ink-2); font-size: 12px; }
.project-health-row small em { color: #c0392b; font-style: normal; }
.workspace > .settings-view > .automation-settings-card { grid-column: 1 / -1 !important; }