/* Coordinate supporting views with the original plan palette; plan styles stay in styles.css. */
:root {
  --ui-blue: #116acb;
  --ui-cyan: #138ca5;
  --ui-green: #168567;
  --ui-purple: #5f63cc;
  --ui-ink: #173654;
  --ui-muted: #657d96;
  --ui-border: #cfe1f4;
  --ui-risk: #c74454;
  --ui-wait: #a47721;
}

.personal-workbench { color: var(--ui-ink); font-family: var(--body-font); letter-spacing: 0; }
.personal-workbench :is(h2, h3, strong, button) { letter-spacing: 0; }
.personal-workbench-head { padding: 3px 0 22px; }
.personal-workbench .personal-eyebrow { display: block; color: #087fea; font-size: 11px; font-weight: 850; }
.personal-workbench h2 { margin: 6px 0 0; color: #142b48; font-family: var(--display-font); font-size: 28px; font-weight: 800; line-height: 1.4; }
.personal-workbench .personal-scope-label { color: var(--ui-muted); font-weight: 500; }
.personal-calendar { color: var(--ui-blue); }
.personal-calendar strong { font-weight: 700; }
.personal-metrics { border-color: var(--ui-border); background: #fff; }
.personal-metric { position: relative; padding-top: 23px; border-color: #e0ecf8; --metric-accent: var(--ui-blue); }
.personal-metric::before { content: ""; position: absolute; top: 0; left: 24px; width: 28px; height: 3px; background: var(--metric-accent); border-radius: 0 0 3px 3px; }
.personal-metric-week { --metric-accent: var(--ui-cyan); }
.personal-metric-nextWeek { --metric-accent: var(--ui-purple); }
.personal-metric-overdue { --metric-accent: var(--ui-risk); }
.personal-metric-waiting { --metric-accent: var(--ui-wait); }
.personal-metric-label { color: #557290; font-weight: 650; }
.personal-workbench .personal-metric > div strong { color: var(--metric-accent); font-size: 30px; font-weight: 800; font-family: var(--display-font); }
.personal-workbench .personal-metric small { color: var(--ui-muted); font-size: 12px; }
.personal-filters { background: #f9fcff; border-color: var(--ui-border); }
.personal-tabs { background: #edf5ff; }
.personal-filters button { color: #57728c; font-weight: 650; }
.personal-filters button[aria-pressed="true"] { color: var(--ui-blue); background: #fff; border-color: #bdd9f6; box-shadow: 0 2px 5px #116acb0a; }
.personal-filters :is(select, input) { border-color: #cddff0; background-color: #fff; color: var(--ui-ink); }
.personal-list-heading h3 { font-size: 18px; color: var(--ui-ink); font-weight: 750; }
.personal-table-head { background: #edf5ff; border-color: var(--ui-border); color: #426c94; font-weight: 650; }
.personal-list { border-color: var(--ui-border); }
.personal-task-row { border-color: #e2edf7; }
.personal-task-row:hover { background: #f3f9ff; }
.personal-task-row:focus-visible { outline: 2px solid var(--ui-blue); outline-offset: -3px; background: #f3f9ff; }
.personal-task-row .personal-task-name, .personal-task-row.overdue .personal-task-name { border-left: 3px solid var(--personal-phase-accent); padding-left: 12px; }
.personal-task-title { display: flex; align-items: center; gap: 9px; min-width: 0; }
.personal-task-title strong { color: #1b3853; font-weight: 650; }
.personal-stage-badge { display: inline-grid; flex: 0 0 28px; place-items: center; height: 28px; border-radius: 5px; background: color-mix(in srgb, var(--personal-phase-accent) 10%, #fff); color: color-mix(in srgb, var(--personal-phase-accent) 55%, #173654); font-size: 11px; font-weight: 800; }
.personal-task-row .personal-task-name .personal-task-stage { margin-top: 5px; color: color-mix(in srgb, var(--personal-phase-accent) 55%, #173654); font-size: 12px; }
.personal-workbench .personal-next-action { color: var(--ui-muted); font-size: 12px; margin-top: 3px; }
.personal-task-project strong { color: #365c7f; font-weight: 650; }
.personal-task-project small { color: var(--ui-muted); }
.personal-task-row.overdue .personal-due { color: var(--ui-risk); }
.personal-task-row .personal-overdue-label { color: #b26372; }
.personal-status.is-active { background: #eaf5ff; color: #096fae; }
.personal-status.is-waiting { background: #fff5df; color: #916915; }
.personal-status.is-pending { background: #f0f5fa; color: #63788f; }
.personal-empty-mark { color: var(--ui-green); background: #ebf7f3; }

/* The project hub and execution views share table and control colors. */
.project-hub-summary, .project-hub-projects { border-color: var(--ui-border); background: #fff; }
.project-hub-summary > div { border-color: #dfebf6; }
.project-hub-summary > div:nth-child(1) strong { color: var(--ui-blue); }
.project-hub-summary > div:nth-child(2) strong { color: var(--ui-cyan); }
.project-hub-summary > div:nth-child(3) strong { color: var(--ui-risk); }
.project-hub-summary > div:nth-child(4) strong { color: var(--ui-purple); }
.project-hub-table-head { background: #edf5ff; color: #426c94; }
.project-hub-row:hover { background: #f3f9ff; }
.project-hub-open-btn, .project-hub-backup-btn { border-color: #bdd8f2; color: var(--ui-blue); background: #f8fcff; }
.project-hub-create-btn { background: #087fee; border-color: #0879e8; box-shadow: 0 5px 14px #116acb14; }
:is(.tasklist-page-panel, .members-page-panel) { border-color: var(--ui-border); background-color: #fff; }
:is(.tasklist-page-head, .members-page-head) { border-color: #dce9f5; }
:is(.tasklist-page-head, .members-page-head) h1 { color: #173654; }
.members-toolbar, .tasklist-page-toolbar { border-color: #cddff0; background: #f6faff; }
.members-table-head { background: #edf5ff; color: #426c94; }
.project-settings-section { border-color: var(--ui-border); }
.project-settings-section-head h2 { color: #173654; }
.project-basic-settings { --settings-section-accent: var(--ui-blue); }
.project-calendar-settings { --settings-section-accent: var(--ui-cyan); }
.project-health-settings { --settings-section-accent: var(--ui-green); }
.project-settings-section::before { color: var(--settings-section-accent); border-color: color-mix(in srgb, var(--settings-section-accent) 25%, #fff); background: color-mix(in srgb, var(--settings-section-accent) 7%, #fff); }

/* Keep history and follow-up dialogs in the same blue/white family. */
.personal-dialog { color: var(--ui-ink); border-color: #c6dbf0; background: #fff; }
.personal-dialog header { border-color: #dce9f6; }
.personal-dialog h2 { color: #183756; font-family: var(--display-font); font-weight: 750; }
.personal-dialog .personal-muted { color: #637b94; }
.personal-dialog :is(textarea, input:not([type="checkbox"])) { border-color: #cbdff1; background: #fcfdff; color: #24435c; }
.personal-dialog input[type="checkbox"] { accent-color: var(--ui-blue); }
.personal-dialog button { color: #275d8a; border-color: #cbdff1; }
.personal-dialog button:hover { background: #eff7ff; border-color: #a7ccef; }
.personal-dialog button.primary-action-btn { background: #087fee; color: #fff; border-color: #0879e8; }
.personal-dialog button.primary-action-btn:hover { background: #086fd2; }
.personal-dialog button:disabled { opacity: .55; cursor: wait; }
.personal-log { border-color: #b7d5f2; }
.personal-version { border-color: #dfebf6; }
.personal-version > div { min-width: 0; overflow-wrap: anywhere; }
.personal-version > button { flex: 0 0 auto; white-space: nowrap; }
.personal-links a { color: #096bc3; text-underline-offset: 3px; }
:is(.member-dialog, .account-dialog, .workspace-backup-dialog, .workspace-restore-dialog) { border-color: #c6dbf0; color: var(--ui-ink); }
:is(.member-dialog-head, .account-dialog-head, .workspace-backup-dialog-head) { border-color: #dce9f6; }
:is(.member-dialog, .account-dialog, .workspace-backup-dialog) :is(h2, h3) { color: #183756; }
.personal-dialog :is(button, input, textarea):focus-visible,
.personal-workbench :is(button, input, select):focus-visible,
.project-hub-heading-actions button:focus-visible { outline: 2px solid var(--ui-blue); outline-offset: 2px; }
@media (max-width: 700px) {
  .personal-workbench h2 { font-size: 24px; }
  .personal-workbench .personal-metric > div strong { font-size: 26px; }
  .personal-metric::before { left: 16px; }
  .personal-dialog h2 { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .personal-workbench *, .personal-dialog * { transition: none; animation: none; }
}