/* Flat five-item bottom bar with one persistent Quick Capture action. */
.bottom-nav{position:fixed!important;box-sizing:border-box!important;left:0!important;right:0!important;inset-inline:0!important;bottom:0!important;width:100%!important;max-width:none!important;min-height:calc(64px + env(safe-area-inset-bottom))!important;margin:0!important;padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;border-radius:0!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--text) 10%,transparent)!important;background:var(--panel)!important}
:root.light .bottom-nav{background:#fff!important;box-shadow:0 -1px 0 rgba(42,48,64,.10)!important}
.bottom-nav .nav-item,.bottom-nav .nav-capture{min-width:0;min-height:52px!important;border-radius:12px!important;touch-action:manipulation}
.bottom-nav .nav-capture{display:grid;place-items:center;align-content:center;gap:2px;padding:4px 2px;border:0;background:transparent;color:var(--text);font:inherit;cursor:pointer}
.bottom-nav .nav-capture svg{width:28px;height:28px;padding:5px;box-sizing:content-box;border-radius:13px;background:var(--accent2);color:#10392f;fill:none!important;stroke:#10392f!important;stroke-width:2.5!important;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav .nav-capture small{font-size:calc(10.5px * var(--font-small-scale));font-weight:650;line-height:1.15}
.bottom-nav .nav-capture:focus-visible{outline:2px solid var(--accent2-ink)!important;outline-offset:-2px}
#newTaskLegacy{display:none!important}
@media(max-width:360px){.bottom-nav .nav-item small,.bottom-nav .nav-capture small{font-size:calc(10px * var(--font-small-scale))!important}}
:root[data-text-size="largest"] .bottom-nav .nav-item small,:root[data-text-size="largest"] .bottom-nav .nav-capture small{font-size:clamp(12px,3.7vw,15px)!important;white-space:normal!important;overflow-wrap:anywhere}
@media(forced-colors:active){.bottom-nav{border-top:1px solid CanvasText!important}.bottom-nav .nav-capture svg{border:1px solid CanvasText}}

.bottom-nav .nav-capture svg path{fill:none!important;stroke:currentColor!important;stroke-width:2.5!important}
@media(forced-colors:active){.bottom-nav .nav-capture svg,.bottom-nav .nav-capture svg path{color:ButtonText!important;stroke:ButtonText!important}}

/* Active route is indicated by the highlighted icon and label, not a decorative underline. */
.bottom-nav .nav-item.active::after{content:none!important;display:none!important}

/* Icon-only navigation: route names remain accessible through aria-labels. */
.bottom-nav{min-height:calc(64px + env(safe-area-inset-bottom))!important}
.bottom-nav .nav-item,.bottom-nav .nav-capture{display:grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;gap:0!important;min-height:52px!important;padding:4px!important}
.bottom-nav .nav-item .nav-icon{margin:0!important}
.bottom-nav .nav-capture svg{margin:0!important}
.bottom-nav .nav-item.active::after{display:none!important}
.bottom-nav .nav-item:focus-visible,.bottom-nav .nav-capture:focus-visible{outline:2px solid var(--accent2)!important;outline-offset:-2px}
@media(forced-colors:active){.bottom-nav .nav-item.active .nav-icon{color:Highlight!important;opacity:1!important}.bottom-nav .nav-item:focus-visible,.bottom-nav .nav-capture:focus-visible{outline:2px solid Highlight!important}}


/* Page heading remains semantic and focusable; visual title shares the logo row
   and inherits the header's existing scroll fade. */
.topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:12px!important}
.topbar .brand-wrap{flex:0 1 auto!important;min-width:0!important}
.topbar .topbar-route-name{display:block!important;flex:0 0 auto!important;position:static!important;transform:none!important;margin:0 0 0 auto!important;max-width:calc(100% - 125px);white-space:nowrap;text-align:right;color:var(--text);font-size:calc(clamp(23px,5.75vw,28px) * var(--font-support-scale))!important;font-weight:730;letter-spacing:-.047em;line-height:1}
#app .route-title-head h1{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important}
#app .route-title-head{height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important}
#app .route-title-head>div{height:0!important;min-height:0!important;padding:0!important;margin:0!important}

/* Plan day header and contextual actions: compact, consistent rhythm. */
#app .proposal-plan .timeline-day-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:8px!important;row-gap:0!important;margin:0!important;padding:0 2px!important}
#app .proposal-plan .timeline-day-heading>div:first-child{min-width:0!important}
#app .proposal-plan .timeline-day-heading h2{font-size:clamp(25px,5.7vw,36px)!important;line-height:1.12!important;word-break:normal!important;overflow-wrap:normal!important;margin-top:5px!important}
#app .proposal-plan .timeline-day-heading .plan-day-head-actions{grid-column:2!important;align-self:end!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;min-width:0!important;margin:0!important;transform:translateY(9px)!important}
#app .proposal-plan #todayPlanJump{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:4px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;white-space:nowrap!important;font-size:calc(12px * var(--font-support-scale))!important;font-weight:650!important}
#app .proposal-plan>.timeline-day{gap:0!important}
#app .proposal-plan .timeline-day-heading + .plan-day-context{margin:0 2px 0!important;min-height:44px!important;padding:0!important}
#app .proposal-plan .plan-day-context{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important}
#app .proposal-plan .plan-day-context .plan-context-pair{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:25px!important;max-width:100%!important}
#app .proposal-plan .plan-context-pair .plan-work-context{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:44px!important;height:44px!important;flex:0 0 auto!important}
#app .proposal-plan .plan-context-pair #arrangePlan{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:44px!important;height:44px!important;flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important;font-size:inherit!important;font-weight:650!important;line-height:1.2!important;cursor:pointer}
#app .proposal-plan .plan-context-pair #arrangePlan svg{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important;stroke:currentColor!important;fill:none!important}
#app .proposal-plan .plan-context-pair #arrangePlan:focus-visible{outline:2px solid var(--accent2)!important;outline-offset:3px!important}
#app .proposal-calendar.collapsed{padding-bottom:0!important}
#app .proposal-calendar.collapsed .week-situation-strip{margin-bottom:0!important}
#app .proposal-calendar.collapsed .plan-calendar-grip{min-height:44px!important;height:44px!important;margin:-10px 0 -13px!important}
#app .plan-surface.proposal-plan>.proposal-calendar.collapsed+.day-plan.timeline-day{margin-top:-8px!important;padding-top:0!important}
@media(max-width:355px){#app .proposal-plan .timeline-day-heading{column-gap:4px!important}#app .proposal-plan .timeline-day-heading h2{font-size:25px!important}#app .proposal-plan #todayPlanJump{font-size:11px!important}}

/* The day timeline should follow the controls without a spare grid track. */
#app .proposal-plan>.timeline-day>.plan-timeline{margin-top:0!important}
#app .proposal-plan>.timeline-day>.plan-day-context{margin-bottom:0!important}
@media(prefers-reduced-motion:reduce){#app .proposal-plan .timeline-day-heading .plan-day-head-actions{transition:none!important}}

/* Allow a little more evidenced context in Now without losing a stable card. */
#app .attention-card[data-suggestion-carousel]:not(.window-hold-card) .next-move-reason{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;max-height:4.5em!important;overflow:hidden!important}
:root[data-text-size="largest"] #app .attention-card[data-suggestion-carousel]:not(.window-hold-card) .next-move-reason{display:block!important;max-height:none!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important}

/* Light-mode surface hierarchy: richer solid tints without gradients or borders.
   Dark mode and interactions are deliberately unchanged. */
:root.light #app .attention-card[data-suggestion-carousel]:not(.rest-card):not(.snoozed){
  background:#e3dff9!important;
  background-image:none!important;
}
:root.light #app .attention-card[data-suggestion-carousel].window-hold-card{
  background:#e6ebf5!important;
}
:root.light #app .proposal-plan .plan-task-card>.plan-item,
:root.light #app .proposal-plan .swipe-task-card>.plan-item,
:root.light #app .proposal-plan .temporary-plan-item{
  background:#e8edf3!important;
  background-image:none!important;
}
:root.light #app .proposal-calendar{
  background:#f9fafc!important;
}
:root.light #app .insight-editorial-primary:has(.insight-green){
  background:#dcefe9!important;
}
:root.light #app .insight-editorial-primary:has(.insight-purple){
  background:#e7e1f6!important;
}
:root.light #app .insight-editorial-primary:has(.insight-warm){
  background:#f4ead6!important;
}
:root.light #app .insight-editorial-primary:has(.insight-blue){
  background:#dfeafa!important;
}
:root.light #app .quiet-insights-supporting .insight,
:root.light #app .quiet-insights-feature .insight{
  background:#e3eeeb!important;
  background-image:none!important;
}
:root.light #app .quiet-insights-supporting .insight.insight-purple,
:root.light #app .quiet-insights-feature .insight.insight-purple{
  background:#e9e3f7!important;
}
:root.light #app .quiet-insights-supporting .insight.insight-warm{
  background:#f4eadb!important;
}

/* Light mode: Worth tending is mint, distinct from purple next-move cards. */
:root.light #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]:not(.rest-card):not(.snoozed){background:#dcefe6!important;background-image:none!important}

/* Carousel transforms stay inside the content plane, never the viewport/nav. */
html,body{overflow-x:clip!important}
#app > .now-focus-zone{
  overflow:clip;
  overflow-clip-margin:32px;
  isolation:isolate;
}
.bottom-nav{
  z-index:40!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

/* A dragged card lifts above the stack; light mode uses a softer shadow. */
#app > .now-focus-zone > .suggestion-stack.swiping > .attention-card:not(.suggestion-card-under){
  box-shadow:0 16px 28px -8px rgba(0,0,0,.38),0 34px 58px -14px rgba(0,0,0,.50)!important;
}
:root.light #app > .now-focus-zone > .suggestion-stack.swiping > .attention-card:not(.suggestion-card-under){
  box-shadow:0 12px 24px -6px rgba(26,32,45,.16),0 30px 50px -12px rgba(26,32,45,.24)!important;
}

/* Raise the complete Now action group without translating the swipeable card.
   The fixed-height grid gives the freed space to the central content row. */
#app > .now-focus-zone > .suggestion-stack > .attention-card[data-suggestion-carousel]:not(.window-hold-card){
  padding-bottom:47px!important;
}
@media (max-height:680px){
  #app > .now-focus-zone > .suggestion-stack > .attention-card[data-suggestion-carousel]:not(.window-hold-card){
    padding-bottom:26px!important;
  }
}
:root[data-text-size="largest"] #app > .now-focus-zone > .suggestion-stack > .attention-card[data-suggestion-carousel]:not(.window-hold-card){
  padding-bottom:14px!important;
}

/* Start is text-only; remove legacy play glyphs across carousel and stacked cards. */
#app .attention-card[data-suggestion-carousel] :is(#startSuggested,[data-stack-id="startSuggested"])::before{content:none!important;display:none!important}

/* Start is a clear text action; remove the decorative play triangle. */
#app .attention-card[data-suggestion-carousel] :is(#startSuggested,[data-stack-id="startSuggested"])::before{content:none!important;display:none!important}

/* Colour-led Now kicker: no status dot, 20px at 80% opacity. */
#app .attention-card[data-suggestion-carousel]:not(.window-hold-card) .attention-kicker{
  gap:0!important;
  font-size:calc(20px * var(--font-support-scale))!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:lowercase!important;
  opacity:.8!important;
}
#app .attention-card[data-suggestion-carousel]:not(.window-hold-card) .attention-kicker::before{
  display:none!important;content:none!important;
}
#app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"] .attention-kicker{
  color:#b7a1ff!important;
}
#app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] .attention-kicker{
  color:#65dfb5!important;
}
:root.light #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"] .attention-kicker{
  color:#6749ac!important;
}
:root.light #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] .attention-kicker{
  color:#176c53!important;
}

/* Quiet semantic tint for Now supporting copy; preserve title and actions. */
#app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"]{
  --now-context-tint:#bcb0e5;
  --now-detail-tint:#b5b1ca;
}
#app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{
  --now-context-tint:#a0d7c5;
  --now-detail-tint:#aabfbd;
}
#app .attention-card[data-suggestion-carousel]:is([data-suggestion-kind="next-move"],[data-suggestion-kind="worth-tending"]) .suggested-copy small{
  color:var(--now-context-tint)!important;
}
#app .attention-card[data-suggestion-carousel]:is([data-suggestion-kind="next-move"],[data-suggestion-kind="worth-tending"]) .next-move-reason{
  color:var(--now-detail-tint)!important;
}
:root.light #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"]{
  --now-context-tint:#665791;
  --now-detail-tint:#69657d;
}
:root.light #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{
  --now-context-tint:#236e5c;
  --now-detail-tint:#536f68;
}
@media(forced-colors:active){
  #app .attention-card[data-suggestion-carousel] .suggested-copy small,
  #app .attention-card[data-suggestion-carousel] .next-move-reason{color:CanvasText!important}
}

/* Colour-safe Now palette: preserve category distinction without relying on green. */
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{
  --now-context-tint:#b9cef5;
  --now-detail-tint:#b5c2d8;
}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] .attention-kicker{
  color:#8bc4ff!important;
}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{
  --now-context-tint:#345d8f;
  --now-detail-tint:#536983;
}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] .attention-kicker{
  color:#235b9d!important;
}
@media(forced-colors:active){
  #app .attention-card[data-suggestion-carousel] .attention-kicker{color:CanvasText!important;opacity:1!important}
}

/* Colour-safe semantics: mint/ready -> warm amber, violet/planned -> clear blue.
   Keep distinction in hue and value, and keep normal themes untouched. */
:root[data-color-vision="red-green"]{
  --magic-mint:#f1bd66;
  --accent2:#f1bd66;
  --reference-mint:#f1bd66;
  --tendit-primary-green:#f1bd66;
  --tendit-primary-green-fg:#32240d;
  --accent:#81b6fa;
  --reference-purple:#81b6fa;
  --status-ready:#f1bd66;
  --status-complete:#e0a44c;
  --status-planned:#81b6fa;
  --status-selected:#81b6fa;
  --status-selected-alt:#f1bd66;
  --accent-ink:#81b6fa;
  --accent2-ink:#32240d;
  --tonal-bg:rgba(241,189,102,.17);
  --tonal-fg:#f1bd66;
  --button-selected-mint:color-mix(in srgb,var(--panel2) 70%,#f1bd66 30%);
  --date-sel-bg:rgba(129,182,250,.22);
  --date-today-ink:#81b6fa;
}
:root.light[data-color-vision="red-green"]{
  --magic-mint:#f1bd66;
  --accent2:#99600a;
  --reference-mint:#99600a;
  --tendit-primary-green:#99600a;
  --tendit-primary-green-fg:#fff8ea;
  --accent:#255da8;
  --reference-purple:#255da8;
  --status-ready:#99600a;
  --status-complete:#80500b;
  --status-planned:#255da8;
  --status-selected:#255da8;
  --status-selected-alt:#99600a;
  --accent-ink:#255da8;
  --accent2-ink:#fff8ea;
  --tonal-bg:rgba(153,96,10,.12);
  --tonal-fg:#80500b;
  --button-selected-mint:color-mix(in srgb,#eef2f3 70%,#f1bd66 30%);
  --date-sel-bg:rgba(37,93,168,.15);
  --date-today-ink:#255da8;
}
/* Now's colour-coded copy used literal colours; explicitly wire both variants. */
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{
  --now-context-tint:#e3c794;
  --now-detail-tint:#c9c0af;
}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"]{
  --now-context-tint:#adcbf5;
  --now-detail-tint:#b0bfd2;
}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] .attention-kicker{color:#f1bd66!important}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"] .attention-kicker{color:#81b6fa!important}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{
  --now-context-tint:#87570f;
  --now-detail-tint:#756950;
}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"]{
  --now-context-tint:#345e94;
  --now-detail-tint:#566a82;
}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] .attention-kicker{color:#87570f!important}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"] .attention-kicker{color:#255da8!important}

/* Preserve matching card surfaces and core actions in colour-safe mode. */
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{background:#302b25!important}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"]{background:#242d42!important}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{background:#f3e9d7!important}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"]{background:#e0e9f7!important}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] :is(#startSuggested,[data-stack-id="startSuggested"]){background:#f1bd66!important;color:#32240d!important}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"] :is(#startSuggested,[data-stack-id="startSuggested"]){background:#81b6fa!important;color:#122641!important}

/* Colour-safe contrast correction: amber text must be bright on dark surfaces;
   dark brown is reserved for text INSIDE filled amber buttons. */
:root:not(.light)[data-color-vision="red-green"]{
  --accent2-ink:#ffd18a;
  --tonal-fg:#ffd18a;
  --flat-mint:rgba(241,189,102,.12);
  --flat-mint-strong:rgba(241,189,102,.20);
  --flat-violet:rgba(129,182,250,.12);
  --flat-violet-strong:rgba(129,182,250,.19);
}
:root.light[data-color-vision="red-green"]{
  --accent2-ink:#87550b;
  --flat-mint:rgba(153,96,10,.11);
  --flat-mint-strong:rgba(153,96,10,.17);
  --flat-violet:rgba(37,93,168,.10);
  --flat-violet-strong:rgba(37,93,168,.16);
}
/* Insights: status surfaces and semantic accents follow amber/blue. */
:root:not(.light)[data-color-vision="red-green"] #app :is(.insight-green,.quiet-insights-feature .insight-green,.quiet-insights-supporting .insight-green){
  --insight-tone:#ffd18a;
  background:#28261f!important;
}
:root:not(.light)[data-color-vision="red-green"] #app :is(.insight-purple,.quiet-insights-feature .insight-purple,.quiet-insights-supporting .insight-purple){
  --insight-tone:#81b6fa;
  background:#202b3c!important;
}
:root:not(.light)[data-color-vision="red-green"] #app .insight-editorial-primary:has(.insight-green){background:#28261f!important}
:root:not(.light)[data-color-vision="red-green"] #app .insight-editorial-primary:has(.insight-purple){background:#202b3c!important}
:root.light[data-color-vision="red-green"] #app :is(.insight-green,.quiet-insights-feature .insight-green,.quiet-insights-supporting .insight-green){--insight-tone:#87550b;background:#f3e9d7!important}
:root.light[data-color-vision="red-green"] #app :is(.insight-purple,.quiet-insights-feature .insight-purple,.quiet-insights-supporting .insight-purple){--insight-tone:#255da8;background:#e0e9f7!important}
:root.light[data-color-vision="red-green"] #app .insight-editorial-primary:has(.insight-green){background:#f3e9d7!important}
:root.light[data-color-vision="red-green"] #app .insight-editorial-primary:has(.insight-purple){background:#e0e9f7!important}
/* Patterns explanation and selected navigation require legible foreground ink. */
:root:not(.light)[data-color-vision="red-green"] #app .quiet-pattern-details summary{color:#ffd18a!important}
:root.light[data-color-vision="red-green"] #app .quiet-pattern-details summary{color:#87550b!important}
:root:not(.light)[data-color-vision="red-green"] .bottom-nav .nav-item.active{color:#ffd18a!important}
:root.light[data-color-vision="red-green"] .bottom-nav .nav-item.active{color:#87550b!important}
@media(forced-colors:active){
  #app .quiet-pattern-details summary{color:LinkText!important}
  #app .insight-green,#app .insight-purple{background:Canvas!important;color:CanvasText!important}
}

/* Colour-safe final mapping: original GREEN -> blue; original PURPLE -> amber.
   Keep amber text bright in dark mode and dark only on filled amber controls. */
:root[data-color-vision="red-green"]{
  --magic-mint:#81b6fa;--accent2:#81b6fa;--reference-mint:#81b6fa;
  --tendit-primary-green:#81b6fa;--tendit-primary-green-fg:#122641;
  --status-ready:#81b6fa;--status-complete:#81b6fa;--status-selected-alt:#81b6fa;
  --accent:#f1bd66;--reference-purple:#f1bd66;--status-planned:#f1bd66;
  --status-selected:#f1bd66;--accent-ink:#ffd18a;--accent2-ink:#a9d0ff;
  --date-sel-bg:rgba(241,189,102,.22);--date-today-ink:#ffd18a;
  --tonal-bg:rgba(129,182,250,.15);--tonal-fg:#a9d0ff;
  --button-selected-mint:color-mix(in srgb,var(--panel2) 70%,#81b6fa 30%);
  --flat-mint:rgba(129,182,250,.12);--flat-mint-strong:rgba(129,182,250,.20);
  --flat-violet:rgba(241,189,102,.12);--flat-violet-strong:rgba(241,189,102,.20);
}
:root.light[data-color-vision="red-green"]{
  --magic-mint:#81b6fa;--accent2:#255da8;--reference-mint:#255da8;
  --tendit-primary-green:#255da8;--tendit-primary-green-fg:#ffffff;
  --status-ready:#255da8;--status-complete:#255da8;--status-selected-alt:#255da8;
  --accent:#99600a;--reference-purple:#99600a;--status-planned:#99600a;
  --status-selected:#99600a;--accent-ink:#87550b;--accent2-ink:#255da8;
  --date-sel-bg:rgba(153,96,10,.15);--date-today-ink:#87550b;
  --tonal-bg:rgba(37,93,168,.12);--tonal-fg:#255da8;
  --button-selected-mint:color-mix(in srgb,#eef2f3 70%,#81b6fa 30%);
  --flat-mint:rgba(37,93,168,.10);--flat-mint-strong:rgba(37,93,168,.16);
  --flat-violet:rgba(153,96,10,.11);--flat-violet-strong:rgba(153,96,10,.17);
}
:root:not(.light)[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{background:#242d42!important;--now-context-tint:#adcbf5;--now-detail-tint:#b0bfd2}
:root:not(.light)[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"]{background:#302b25!important;--now-context-tint:#e3c794;--now-detail-tint:#c9c0af}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"]{background:#e0e9f7!important;--now-context-tint:#345e94;--now-detail-tint:#566a82}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"]{background:#f3e9d7!important;--now-context-tint:#87570f;--now-detail-tint:#756950}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] .attention-kicker{color:#81b6fa!important}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"] .attention-kicker{color:#ffd18a!important}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] .attention-kicker{color:#255da8!important}
:root.light[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"] .attention-kicker{color:#87550b!important}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="worth-tending"] :is(#startSuggested,[data-stack-id="startSuggested"]){background:#81b6fa!important;color:#122641!important}
:root[data-color-vision="red-green"] #app .attention-card[data-suggestion-carousel][data-suggestion-kind="next-move"] :is(#startSuggested,[data-stack-id="startSuggested"]){background:#f1bd66!important;color:#32240d!important}
:root:not(.light)[data-color-vision="red-green"] #app :is(.insight-green,.quiet-insights-feature .insight-green,.quiet-insights-supporting .insight-green){--insight-tone:#a9d0ff;background:#202b3c!important}
:root:not(.light)[data-color-vision="red-green"] #app :is(.insight-purple,.quiet-insights-feature .insight-purple,.quiet-insights-supporting .insight-purple){--insight-tone:#ffd18a;background:#28261f!important}
:root:not(.light)[data-color-vision="red-green"] #app .insight-editorial-primary:has(.insight-green){background:#202b3c!important}
:root:not(.light)[data-color-vision="red-green"] #app .insight-editorial-primary:has(.insight-purple){background:#28261f!important}
:root.light[data-color-vision="red-green"] #app :is(.insight-green,.quiet-insights-feature .insight-green,.quiet-insights-supporting .insight-green){--insight-tone:#255da8;background:#e0e9f7!important}
:root.light[data-color-vision="red-green"] #app :is(.insight-purple,.quiet-insights-feature .insight-purple,.quiet-insights-supporting .insight-purple){--insight-tone:#87550b;background:#f3e9d7!important}
:root.light[data-color-vision="red-green"] #app .insight-editorial-primary:has(.insight-green){background:#e0e9f7!important}
:root.light[data-color-vision="red-green"] #app .insight-editorial-primary:has(.insight-purple){background:#f3e9d7!important}
:root:not(.light)[data-color-vision="red-green"] #app .quiet-pattern-details summary,
:root:not(.light)[data-color-vision="red-green"] .bottom-nav .nav-item.active{color:#a9d0ff!important}
:root.light[data-color-vision="red-green"] #app .quiet-pattern-details summary,
:root.light[data-color-vision="red-green"] .bottom-nav .nav-item.active{color:#255da8!important}

/* Insights accents echo Now's softened semantic colour without colouring
   headlines, descriptions, or actions. All variants use their semantic tone. */
#app .insight:where(.insight-green,.insight-purple,.insight-blue,.insight-warm) :is(.insight-accent,.insight-kicker),
#app .insight-editorial-primary :is(.insight-accent,.insight-kicker){
  color:color-mix(in srgb,var(--insight-tone,var(--featured-insight-tone,var(--text))) 80%,var(--muted) 20%)!important;
}
:root[data-color-vision="red-green"] #app .insight-green :is(.insight-accent,.insight-kicker){color:#a9d0ff!important}
:root[data-color-vision="red-green"] #app .insight-purple :is(.insight-accent,.insight-kicker){color:#ffd18a!important}
:root.light[data-color-vision="red-green"] #app .insight-green :is(.insight-accent,.insight-kicker){color:#255da8!important}
:root.light[data-color-vision="red-green"] #app .insight-purple :is(.insight-accent,.insight-kicker){color:#87550b!important}
@media(forced-colors:active){
  #app .insight :is(.insight-accent,.insight-kicker){color:CanvasText!important}
}