/* Pathquay's approved visual design. Domain state and graph colours stay unchanged. */
:root{--ink:#25272c;--muted:#626873;--faint:#777e88;--paper:#fff;--line:#e6e8ec;--green:#2865ba;--green-dark:#204f92;--soft:#edf2f9;--radius:10px;font-size:14px}
body{background:#fff}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}h1,h2,h3,.stat-value,.group-card h2,.project-card h3,.dialog-header h2,.empty-state h2,.mini-card h3,.project-page .map-header h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.025em}
h1{font-size:28px;line-height:1.25;font-weight:650}h2{font-weight:600}.primary{background:#303640;border-radius:7px;box-shadow:none;min-height:36px;padding:8px 14px}.primary:hover{background:#1d222a}.secondary{border-color:#dce0e6;border-radius:7px;min-height:36px;padding:7px 12px}.secondary:hover{background:#f3f5f8}input,select,textarea{border-color:#dce0e6;border-radius:7px}input:focus,textarea:focus,select:focus{border-color:#2865ba}input::placeholder,textarea::placeholder{color:#757b85}.text-button{color:#5e6672}.text-button:hover{color:#245da9}summary{color:#4c5665}kbd{color:#626873}.status{font-size:11px}
.app-shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{height:100dvh;padding:24px 14px 12px;gap:22px;background:#f2f3f5;border-right:1px solid #e5e7eb;overflow:hidden}.brand{gap:10px;padding:0 8px;font-size:17px;letter-spacing:-.5px}.brand-icon{width:32px;height:32px}.sidebar-content{display:flex;flex-direction:column;gap:16px;min-height:0;flex:1;overflow:auto}.capture-button{font-size:13px;flex-shrink:0}.capture-button kbd{color:#d7dce4;border-color:#646c78}.sidebar nav{gap:2px;flex:none}.nav-section-label{font-size:13px;font-weight:650;letter-spacing:0;text-transform:none;color:#505865;margin:12px 10px 6px}.nav-item{min-height:38px;padding:8px 10px;gap:10px;font-size:13px;color:#515966;border-radius:7px}.nav-item.active{background:#e2e8f1;color:#245da9;font-weight:600}.nav-item:hover,.project-nav:hover{background:#e8ebef}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#697381}.nav-icon svg{width:18px;height:18px}.nav-item.active .nav-icon{color:inherit}.nav-count{background:transparent;color:inherit;font-size:11px;font-variant-numeric:tabular-nums;padding:1px 4px}.sidebar-projects{flex:1;min-height:52px;overflow:visible}.sidebar-groups{padding:0;border:0}.sidebar-groups summary{font-size:13px;font-weight:650;color:#505865;padding:9px 10px}.project-nav{font-size:12px;min-height:34px;padding:7px 10px;color:#535c69}.project-nav.selected{background:#e2e8f1;color:#245da9}.group-add{font-size:12px;color:#596574}.sidebar-bottom{padding-top:9px;border-color:#dde1e7}.sidebar-bottom .nav-item{font-size:12px;min-height:34px}.backup-indicator{margin:9px 10px 0;font-size:11px;color:#69717d}.account-bar{padding:0 10px;flex:none}.account-bar .text-button{font-size:12px;min-height:32px}#account-email{display:none}.file-icon{border-color:#81918a;color:#536e5d}.menu-scrim{display:none}
.topbar{min-height:58px;padding:9px 32px;gap:20px;background:#fff;border-color:var(--line)}.search{margin-left:0;max-width:440px;width:360px;flex:1}.search input{font-size:13px;min-height:34px}.breadcrumb:not([hidden])+.search{margin-left:auto;max-width:300px}.topbar #reminders-button{margin-left:auto;white-space:nowrap;text-decoration:none;font-size:12px}.breadcrumb{font-size:12px;flex-direction:row;flex-wrap:wrap;gap:5px}main{max-width:1500px;padding:25px 32px 40px}.page-heading{margin-bottom:16px;gap:16px}.page-description{font-size:13px;line-height:1.5;margin-top:7px}.eyebrow{font-size:11px;letter-spacing:.07em;margin-bottom:8px}.page-tools{gap:8px}.page-tools button{font-size:12px}.quick-capture{border:1px solid #e2e5ea;border-radius:8px;padding:3px 8px 3px 12px;margin-bottom:18px;box-shadow:none}.quick-capture input{font-size:13px;min-height:34px;padding:6px 4px}.quick-capture>span{color:#78828f;font-size:19px}.quick-capture button{background:#f1f3f6;color:#505b6b;font-size:12px;min-height:30px}
/* Compact, aligned action rows retain every existing date, status and control. */
.next-actions-page .page-heading{margin-bottom:14px}.next-actions-page h1{font-size:28px}.next-actions-page .next-dropdown-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px 14px;padding:0;margin:0 0 10px}.next-filter-field{font-size:11px;color:#626b78;gap:4px;min-width:0}.next-filter-field select{font-size:12px;min-height:32px;padding:5px 24px 5px 9px;background-color:#fff;border-color:#dde1e7;border-radius:6px;max-width:205px}.next-controls .extra-filters{border:0;padding:0}.extra-filters summary{min-height:32px;padding:8px 0;font-size:12px}.next-view-summary{margin:0 0 10px;font-size:11px;color:#68717e;gap:12px}.next-view-summary p{font-size:11px;margin:0}.next-flat-list{display:block;gap:0;border-top:1px solid var(--line)}.next-columns{display:grid;grid-template-columns:36px minmax(180px,1fr) 90px 135px 78px;gap:12px;padding:8px 8px;color:#6c7480;font-size:11px;font-weight:500}.next-project.compact-next{display:grid;grid-template-columns:36px minmax(180px,1fr) 90px 135px 78px;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:10px 8px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none;min-height:65px}.next-project.compact-next:hover{background:#f8f9fb}.compact-next .next-compact-top,.compact-next .next-compact-controls{display:contents}.compact-next .next-compact-top h2{grid-column:2;grid-row:1;margin:0;font-size:13px;line-height:1.45}.compact-next .compact-action-name{font-size:13px;font-weight:550;line-height:1.45;min-height:22px;color:#2e3540;padding:0;text-align:left}.compact-next .next-compact-meta{grid-column:2;grid-row:2;display:flex;align-items:center;gap:4px 9px;font-size:11px;margin:0;padding:0;min-width:0;flex-wrap:wrap}.compact-next .compact-project-link{font-size:12px;color:#505b6d;font-weight:500;min-height:23px;padding:0}.compact-next .group-badge{font-size:11px;background:none;border:0;padding:0;min-height:23px;color:#69717d;gap:5px}.compact-next .group-dot{width:6px;height:6px}.compact-next .next-priority{grid-column:3;grid-row:1 / span 2;align-self:center;background:none;border:0;padding:0 0 0 7px;border-left:3px solid #c9cdd4;border-radius:0;min-width:0}.compact-next .next-priority.high{border-left-color:#b96963}.compact-next .next-priority.medium{border-left-color:#bd9b4d}.compact-next .next-priority.low{border-left-color:#7292b3}.compact-next .next-priority select{font-size:12px;min-height:32px;background:transparent;border:0;color:#535e6d;width:100%;padding:4px 0}.compact-next .next-compact-date{grid-column:4;grid-row:1 / span 2;font-size:11px;color:#626c7a;white-space:normal;line-height:1.5}.compact-next .plan-today-button{grid-column:5;grid-row:1 / span 2;font-size:11px;min-height:30px;padding:4px 7px;white-space:normal;border:1px solid #e0e4ea;border-radius:6px;color:#58677c;background:#fff}.compact-next .complete-action{grid-column:1;grid-row:1 / span 2;width:30px;height:32px;min-height:32px;padding:0;border:0;background:none;font-size:0;color:#798694;border-radius:6px;display:flex;align-items:center;justify-content:center}.compact-next .complete-action span{width:19px;height:19px;border:1.3px solid #adb6c2;border-radius:5px;display:grid;place-items:center;font-size:12px;color:#6a788a;background:#fff}.compact-next .complete-action:hover span{background:#e8f2e9;border-color:#608366;color:#32603d}.compact-next .start-by,.compact-next .compact-prerequisites{font-size:11px;line-height:1.5}.compact-next .status{font-size:10px;padding:2px 5px}
.group-card,.project-card,.review-card,.mini-card,.project-summary,.project-overview,.planning-panel,.dependency-map,.today-summary{background:#fff;border-color:#e2e6ec;border-radius:10px;box-shadow:none}.group-card,.project-card{padding:19px}.group-card h2,.project-card h3{font-size:20px;font-weight:600;line-height:1.3}.group-card .group-symbol{border-radius:8px}.group-card>p,.project-card p{color:#67717e;font-size:13px}.project-card:hover,.group-card:hover{border-color:#c6ceda}.project-page .project-overview{padding:18px}.project-page .map-header h2{font-size:20px;font-weight:600}.project-page .project-actions h2{font-size:19px}.project-page .map-header,.dialog-header,.dialog-footer{background:#fafbfc}.dependency-map{overflow:hidden}.project-next-strip{background:#f3f6fa}.project-action-row{border-color:var(--line)}.group-card-footer,.project-footer{font-size:12px}.review-card h2{font-size:17px}.review-card{border-radius:9px;padding:16px}.review-availability{background:#f5f7fa}.today-summary{padding:16px}.today-action{border-color:var(--line)}.calendar-toolbar{background:white}.calendar-day{border-color:var(--line)}.calendar-day header{background:#f7f8fa}.empty-state{background:#fafbfc;border-color:#dce2eb;border-radius:10px}.empty-state h2{font-size:24px;font-weight:600}.empty-symbol{background:#edf1f7;color:#61758f}.segmented button.selected{background:#e8eef7;color:#285c9e}.filterbar{margin-bottom:16px}.stat-value{font-weight:600}.mini-card h3{font-size:19px}.mini-card .secondary{background:#fff}.progress-track progress::-webkit-progress-bar{background:#e9edf2}.progress-track progress::-webkit-progress-value{background:#7e93ae}.progress-track progress::-moz-progress-bar{background:#7e93ae}
dialog{box-shadow:0 20px 80px #1722362e}dialog::backdrop{background:#17223638;backdrop-filter:blur(2px)}.dialog-header{padding:20px 24px}.dialog-header h2{font-size:23px;font-weight:600}.dialog-body{padding:22px 24px}.dialog-footer{padding:15px 24px}.field{font-size:12px;gap:7px;margin-bottom:18px}.field input,.field select,.field textarea{font-size:14px}.required-fields{background:#f5f8fc;border-color:#d8e2f0}.required-fields legend{color:#4b607b}.action-context{font-size:16px;color:#525e6e}.optional-heading h3{font-size:14px;color:#4b5565}.icon-button:hover{background:#e9edf3}.auth-panel{max-width:420px;margin:12vh auto;padding:30px}.auth-panel h1{font-size:26px;font-weight:650}.auth-panel p{line-height:1.6;font-size:13px}.auth-panel form>.primary{min-height:42px}.auth-options{gap:20px}.auth-options .text-button{font-size:12px}.notice{border-radius:8px}.toast{border-radius:8px;background:#303640}.deferred-work summary{color:#596574}
@media(max-width:1100px) and (min-width:741px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}main{padding:22px}.topbar{padding-left:22px;padding-right:22px}.next-columns,.next-project.compact-next{grid-template-columns:30px minmax(120px,1fr) 80px 100px 68px;column-gap:8px}}
@media(max-width:740px){
 .app-shell{display:block}.sidebar{position:sticky;top:0;z-index:40;height:60px;padding:12px 16px;overflow:visible;background:#f2f3f5;border-bottom:1px solid var(--line);border-right:0;display:block}.sidebar .brand{padding:0;gap:9px;height:36px}.brand-icon{width:29px;height:29px}.sidebar #mobile-menu{display:inline-flex;margin-left:auto;min-height:36px;padding:6px 11px;background:#fff;border-color:#d9dee6}.sidebar-content{position:fixed;z-index:42;top:60px;bottom:0;left:0;width:min(320px,86vw);padding:18px 16px;gap:16px;background:#f2f3f5;overflow:auto;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease-out,visibility .22s;box-shadow:15px 0 40px #1c2a3918;display:flex}.sidebar.menu-open .sidebar-content{transform:translateX(0);visibility:visible}.sidebar .capture-button{position:static;width:100%;font-size:13px;min-height:40px}.sidebar .capture-button kbd{display:block}.sidebar .nav-item{width:100%;font-size:14px;min-height:42px;padding:9px 10px}.sidebar nav{display:flex;flex-direction:column;overflow:visible;gap:2px}.sidebar .nav-section-label{font-size:14px;margin-top:10px}.sidebar-projects{display:block;flex:1;min-height:52px}.sidebar-bottom{display:block;border-top:1px solid #dde1e7;padding-top:8px}.sidebar-bottom .nav-item{font-size:13px;min-height:40px}.sidebar:not(.menu-open) #navigation,.sidebar:not(.menu-open) .sidebar-projects,.sidebar:not(.menu-open) .sidebar-bottom{display:revert}.sidebar:not(.menu-open) #navigation{display:flex}.sidebar .backup-indicator{margin:8px 10px;font-size:11px;justify-content:flex-start}.account-bar{padding:0 10px}.menu-scrim{display:block;position:fixed;inset:60px 0 0;z-index:35;background:#1c293b35;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.menu-scrim.is-open{opacity:1;visibility:visible}body.menu-visible{overflow:hidden}
 .topbar{padding:7px 16px;gap:10px;min-height:48px;flex-wrap:wrap}.search{max-width:none;width:auto;flex:1;min-width:0}.search input{font-size:14px}.breadcrumb:not([hidden])+.search{max-width:none;margin-left:0}.breadcrumb{width:100%}.topbar #reminders-button{font-size:12px}.topbar .breadcrumb{font-size:12px}main{padding:20px 16px 36px}.page-heading,.next-actions-page .page-heading{gap:12px;margin-bottom:14px;flex-wrap:wrap}h1,.next-actions-page h1{font-size:26px}.page-tools button{min-height:36px}.quick-capture{margin-bottom:16px}.quick-capture input{font-size:14px}.quick-capture button{font-size:11px;min-height:36px}.next-actions-page .next-dropdown-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.next-filter-field select{max-width:none;width:100%;min-height:36px;font-size:12px}.next-filter-field{font-size:11px}.next-controls .extra-filters{align-self:center}.next-view-summary{align-items:flex-start;flex-direction:column;gap:3px}.next-columns{display:none}.next-project.compact-next{grid-template-columns:30px minmax(0,1fr) 82px;grid-template-rows:auto auto auto;gap:5px 9px;padding:12px 0;min-height:96px}.compact-next .next-compact-top h2{grid-column:2 / span 2;grid-row:1}.compact-next .compact-action-name{font-size:14px;min-height:26px}.compact-next .next-compact-meta{grid-column:2 / span 2;grid-row:2;font-size:11px;gap:3px 8px}.compact-next .complete-action{grid-row:1 / span 2;align-self:start;min-height:40px;width:30px}.compact-next .complete-action span{width:21px;height:21px}.compact-next .next-priority{grid-column:2;grid-row:3;width:90px;margin:3px 0;align-self:start}.compact-next .next-priority select{min-height:34px}.compact-next .next-compact-date{grid-column:2;grid-row:4;font-size:11px}.compact-next .next-compact-date:empty{display:none}.compact-next .plan-today-button{grid-column:3;grid-row:3;min-height:36px;font-size:11px}.compact-next .compact-project-link{min-height:26px}.compact-next .group-badge{min-height:26px}.dialog-header{padding:18px 20px}.dialog-body{padding:20px}.dialog-footer{padding:14px 20px}.dialog-header h2{font-size:22px}.field input,.field select,.field textarea{font-size:16px}.auth-panel{margin:7vh auto;padding:26px}.auth-panel input{font-size:16px}.sidebar-content .project-nav{min-height:40px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.sidebar-content,.menu-scrim{transition:none}}
/* Override the earlier compact-layout selectors as a single consistent row system. */
.next-actions-page .next-flat-list .compact-next{padding:10px 8px;border-radius:0;overflow:visible}
.next-actions-page .next-compact-controls .complete-action{font-size:0;padding:0;min-height:32px;margin:0;line-height:1}
.next-actions-page .next-compact-controls .next-priority select{min-width:0;min-height:32px;font-size:12px;padding:4px 0;font-weight:500}
.next-actions-page .next-compact-meta .group-badge{padding:0;background:none}
.next-actions-page .next-controls{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.next-actions-page .next-filter-field select{font-size:12px;min-height:32px}
.sidebar-content{gap:8px}.sidebar{gap:18px;padding-top:20px;padding-bottom:8px}.sidebar nav .nav-item{min-height:35px}.nav-section-label{margin-top:8px;margin-bottom:5px}.sidebar-projects{min-height:40px}.backup-indicator{margin-top:5px}.sidebar-bottom{padding-top:6px}
@media(max-width:740px){.sidebar{padding:12px 16px}.sidebar-content{gap:12px}.sidebar nav .nav-item{min-height:42px}.next-actions-page .next-flat-list .compact-next{padding:12px 0}.next-actions-page .next-compact-controls .complete-action{min-height:40px}.next-actions-page .next-filter-field select{min-height:36px}.next-actions-page .next-compact-controls .plan-today-button{min-height:36px}.next-actions-page .compact-action-name{font-size:14px}.next-actions-page .next-compact-controls .next-priority select{min-height:34px}}
.compact-next .complete-action span{color:transparent}.compact-next .complete-action:hover span,.compact-next .complete-action:focus-visible span{color:#32603d}
.project-view-switch [aria-pressed=true]{background:#303640;color:white}
@media(max-width:740px){.compact-next .next-compact-date{grid-row:3;align-self:center;justify-self:end;max-width:calc(100% - 94px);text-align:right;margin-right:3px}}

/* More prominent app identity, with room for the phone menu. */
.sidebar .brand{font-size:23px;gap:8px;letter-spacing:-.6px;flex-shrink:0}
.sidebar .brand-icon{width:52px;height:52px;flex:none}
@media(max-width:740px){
 .sidebar{height:76px}
 .sidebar .brand{height:52px;font-size:22px}
 .sidebar .brand-icon{width:48px;height:48px}
 .sidebar-content{top:76px}
 .menu-scrim{top:76px}
}
#page-eyebrow{font-size:15px;line-height:1.4;font-weight:550;letter-spacing:0;text-transform:none;color:#535e6e;margin-bottom:8px}