/* Pane-inspired workspace theme. The rooftop editor deliberately keeps its light theme. */
body:is([data-planner-view="today"],[data-planner-view="planner"]),
body[data-planner-view="today"] .main,
body[data-planner-view="planner"] .main,
#todayView,#plannerView{background:#191b1f;color:#f1f2f4;color-scheme:dark;--rooftop-frame:#191b1f;--panel-line:#383c44;--text:#f1f2f4;--muted:#9ba2af;--accent:#348df4}
body[data-planner-view="today"] #todayView,body[data-planner-view="planner"] #plannerView{background:#191b1f;--rooftop-frame:#191b1f;color:#f1f2f4;color-scheme:dark}
:is(#todayView,#plannerView) .dashboard-content{width:min(1540px,calc(100% - 48px));margin:20px auto 48px;border:1px solid #383c44;border-radius:20px;background:#202226;box-shadow:0 22px 65px #0005;overflow:hidden}
:is(#todayView,#plannerView) .analytics-sidebar{padding:20px 12px;border-right:1px solid #383c44;background:linear-gradient(165deg,#303239,#24262c 45%,#212329)}
:is(#todayView,#plannerView) .analytics-side-brand{margin:4px 9px 31px;color:#f6f7f9;font-size:18px}
:is(#todayView,#plannerView) .analytics-side-brand span{color:#78b7ff}
:is(#todayView,#plannerView) .analytics-side-label{color:#858d9b}
:is(#todayView,#plannerView) .analytics-side-link{min-height:39px;border:1px solid transparent;border-radius:11px;color:#c6cad3;font-size:12px}
:is(#todayView,#plannerView) .analytics-side-link:hover,:is(#todayView,#plannerView) .analytics-side-link.is-current{border-color:#5b606b;background:linear-gradient(180deg,#595e69,#3d414b);color:#fff;box-shadow:inset 0 1px #ffffff20,0 3px 10px #0003}
:is(#todayView,#plannerView) .analytics-side-link.is-current span{font-weight:700}
:is(#todayView,#plannerView) .analytics-main{padding:20px 22px 30px;background:#202226}
:is(#todayView,#plannerView) .dashboard-tabs{margin-bottom:21px;padding-bottom:14px;border-bottom:1px solid #383c44}
:is(#todayView,#plannerView) .dashboard-tabs .dashboard-tab-list{border-color:#454951;background:#2b2d32;box-shadow:inset 0 1px #ffffff0b}
:is(#todayView,#plannerView) .dashboard-tabs .dashboard-tab-list>:is(button,a){color:#aeb5c2}
:is(#todayView,#plannerView) .dashboard-tabs .dashboard-tab-list>:is(button,a):is(:hover,.is-current){background:#444954;color:#fff;box-shadow:0 2px 7px #0004}
:is(#todayView,#plannerView) .dashboard-logout,:is(#todayView,#plannerView) .dashboard-profile{border-color:#474b54;background:#30333a;color:#f5f6f8}
:is(#todayView,#plannerView) .dashboard-profile small,:is(#todayView,#plannerView) .dashboard-profile b{color:#a4adba}
:is(#todayView,#plannerView) .dashboard-profile>span:first-child{background:#3a79cf}
:is(#todayView,#plannerView) .eyebrow,:is(#todayView,#plannerView) .analytics-heading span{color:#86baff}
:is(#todayView,#plannerView) .muted,:is(#todayView,#plannerView) .rhythm-caption{color:#9ba3b0}
:is(#todayView,#plannerView) .button.primary{border-color:#348df4;background:linear-gradient(180deg,#429dff,#2277df);color:white;box-shadow:0 4px 15px #1679e447}
:is(#todayView,#plannerView) .button.primary:hover{background:linear-gradient(180deg,#63afff,#348df4)}
:is(#todayView,#plannerView) .button.secondary{border-color:#4b5059;background:#2a2d33;color:#e0e5ed}
:is(#todayView,#plannerView) .text-link,:is(#todayView,#plannerView) .icon-link{color:#84bcff}
:is(#todayView,#plannerView) button:focus-visible,:is(#todayView,#plannerView) a:focus-visible,:is(#todayView,#plannerView) input:focus-visible,:is(#todayView,#plannerView) select:focus-visible{outline:2px solid #69aeff;outline-offset:2px}

/* Overview / Today */
#todayView .analytics-heading{margin-bottom:18px}
#todayView .analytics-heading h1{color:#f4f6fa;font-size:clamp(26px,2.5vw,36px);font-weight:680}
#todayView .analytics-period{border-color:#494d56;background:#30333a}
#todayView .analytics-period button{color:#b5becb}
#todayView .analytics-period button.selected{background:#4a505c;color:#fff;box-shadow:0 2px 6px #0004}
#todayView .dashboard-hero-row .summary-card,#todayView .dashboard-hero-row .summary-card:nth-child(2),#todayView .dashboard-hero-row .reward-summary,#todayView .surface,#todayView .focus-card{border:1px solid #3d4149;border-radius:13px;background:linear-gradient(160deg,#2b2d32,#26282d);box-shadow:inset 0 1px #ffffff0a,0 7px 20px #0002}
#todayView .dashboard-hero-row .summary-card{min-height:110px}
#todayView .dashboard-hero-row .summary-label{color:#aeb6c2}
#todayView .dashboard-hero-row .summary-card>strong,#todayView .surface-heading h2,#todayView .task-title,#todayView .timer{color:#f2f4f8}
#todayView .dashboard-hero-row .summary-card>strong small,#todayView .dashboard-hero-row .summary-foot,#todayView .task-meta{color:#a4acb9}
#todayView .dashboard-hero-row .progress-track{background:#454952}
#todayView .dashboard-hero-row .progress-track span{background:#348df4}
#todayView .dashboard-hero-row .text-link{color:#84bcff}
#todayView .dashboard-statusbar{border:1px solid #41454e;border-radius:12px;background:#2b2d32}
#todayView .dashboard-statusbar strong{color:#f2f4f8}
#todayView .dashboard-statusbar small,#todayView .statusbar-pending{color:#b8c0cc}
#todayView .statusbar-icon{border-color:#4b75a5;background:#29405d;color:#a9d0ff}
#todayView .dashboard-statusbar .button.primary{border-radius:9px;background:#348df4;color:#fff}
#todayView .dashboard-statusbar .button.primary:hover{background:#57a5ff}
#todayView .today-grid{grid-template-areas:"tasks rail" "rhythm rhythm";grid-template-columns:minmax(0,1.5fr) minmax(255px,.8fr)}
#todayView .task-surface{min-height:300px}
#todayView .task-surface .task-list{max-height:320px}
#todayView .right-rail{grid-template-columns:1fr 1fr;min-height:300px}
#todayView .quick-add{border-color:#454b55;background:#202328}
#todayView .quick-add input{color:#f2f4f8}
#todayView .quick-add input::placeholder{color:#8993a2}
#todayView .quick-add button{background:#348df4;color:#fff}
#todayView .task-surface .task-row{border-bottom-color:#3c414a}
#todayView .task-surface .task-row:hover{background:#333741}
#todayView .task-time,#todayView .recent-row{color:#aeb6c3}
#todayView .focus-card .button.primary{background:#348df4;border-color:#348df4}
#todayView .focus-card .button.secondary{border-color:#4a4f58;background:#24272d;color:#d9e0ea}
#todayView .recent-table-head{background:#30343b;color:#b6bfcc}
#todayView .recent-row{border-bottom-color:#3b4048}
#todayView .recent-title{color:#f1f3f7}
#todayView .recent-status{background:#1e4b42;color:#83e1ba}
#todayView .recent-empty{color:#a7afbc}
#todayView .trend-key{color:#b5beca}
#todayView .trend-key i{background:#4b9fff}
#todayView .trend-chart text{fill:#a9b2bf}
#todayView .trend-chart .grid-line{stroke:#3b4149}
#todayView .trend-chart .axis-line{stroke:#535b66}
#todayView .trend-chart .complete-line{stroke:#4b9fff}
#todayView .trend-chart .created-line{stroke:#4ac3af}
#todayView .trend-chart .complete-dot{fill:#4b9fff}
#todayView .trend-chart .created-dot{fill:#4ac3af}

/* Planner / task board */
#plannerView .planner-heading{margin-bottom:15px}
#plannerView .planner-heading h1{color:#f4f6fa;font-size:clamp(27px,2.6vw,38px);font-weight:700}
#plannerView .planner-heading .eyebrow{color:#86baff}
#plannerView .planner-heading .muted{color:#aeb5c1}
#plannerView .planner-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
#plannerView .planner-stats>div{min-height:73px;padding:13px 16px;border:1px solid #41454d;border-radius:13px;background:linear-gradient(160deg,#2c2e34,#25272c);box-shadow:inset 0 1px #ffffff0b}
#plannerView .planner-stats span{display:block;color:#aeb6c1;font-size:10px}
#plannerView .planner-stats strong{display:block;margin-top:5px;color:#f4f6f9;font-size:24px;line-height:1.1;font-weight:650}
#plannerView .planner-stats>div:last-child strong{color:#83baff}
#plannerView .planner-surface{border:1px solid #42464e;border-radius:14px;background:#24262b;box-shadow:inset 0 1px #ffffff0b}
#plannerView .planner-toolbar,#plannerView .planner-filter{border-bottom-color:#3e424b}
#plannerView .range-title{color:#e8ecf3}
#plannerView .icon-button{border-color:#4d525d;background:#30333a;color:#d4dbe6}
#plannerView .icon-button:hover{border-color:#348df4;color:#9cccff}
#plannerView .segmented{border-color:#4b505a;background:#30333b}
#plannerView .segmented button{color:#b4bdca}
#plannerView .segmented button.selected{background:#505662;color:#fff;box-shadow:0 2px 6px #0005}
#plannerView .search-box{border-color:#484d56;background:#30333a;color:#aeb8c5}
#plannerView .search-box input{color:#f4f6fa}
#plannerView .search-box input::placeholder{color:#a3adbb}
#plannerView .filter-select,#plannerView .range-summary{color:#bbc2cc}
#plannerView .filter-select select,#plannerView .task-status-select{border-color:#4e535d;background:#30343b;color:#e2e7ef}
#plannerView .day-group,#plannerView .task-row{border-bottom-color:#3d424b}
#plannerView .day-heading{color:#afb8c4}
#plannerView .day-heading strong,#plannerView .task-title{color:#f0f2f6}
#plannerView .day-heading.today strong{color:#89bfff}
#plannerView .task-meta,#plannerView .task-time{color:#a8b1be}
#plannerView .task-row:hover{background:#30343d}
#plannerView .task-check{border-color:#8b9aaa}
#plannerView .task-tool{color:#b5bfcb}
#plannerView .task-tool:hover{background:#414955;color:#8fc3ff}
#plannerView .muted,#plannerView .empty-state{color:#a9b3c0}
#plannerView .empty-state strong{color:#eff2f7}
#plannerView .empty-state .button.secondary{border-color:#4b5059;background:#30343c;color:#9bcaff}
#plannerView .board{gap:12px;padding:14px;min-height:385px}
#plannerView .board-column{border:1px solid #444952;border-radius:13px;background:#2b2d33;box-shadow:inset 0 1px #ffffff0b}
#plannerView .board-head{padding-bottom:10px;color:#f3f4f7;font-weight:650}
#plannerView .board-column:first-child .board-head:before,#plannerView .board-column:nth-child(2) .board-head:before,#plannerView .board-column:nth-child(3) .board-head:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#70aaff;box-shadow:0 0 8px #4d8ffb77}
#plannerView .board-column:nth-child(2) .board-head:before{background:#f0aa73;box-shadow:0 0 8px #f0aa7377}
#plannerView .board-column:nth-child(3) .board-head:before{background:#55ca9d;box-shadow:0 0 8px #55ca9d77}
#plannerView .board-head span,#plannerView .board-card small{color:#aeb7c3}
#plannerView .board-card{position:relative;padding:13px;border:1px solid #454a54;border-radius:11px;background:#202227;color:#f0f2f7;box-shadow:0 4px 11px #0003}
#plannerView .board-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#348df4}
#plannerView .board-column:nth-child(2) .board-card:before{background:#ef9d68}
#plannerView .board-column:nth-child(3) .board-card:before{background:#4dc796}
#plannerView .board-column.drag-over{border-color:#5ca6ff;background:#263a50}
#plannerView .calendar-day{border-right-color:#3e444d}
#plannerView .calendar-day-head{border-bottom-color:#434851;color:#b5bfca}
#plannerView .calendar-day-head b{color:#f2f4f7}
#plannerView .calendar-day.today .calendar-day-head b{color:#7db8ff}
#plannerView .calendar-item{border-left-color:#4b9eff;background:#293a53;color:#e5edf9}
#plannerView .calendar-item.done{border-left-color:#47c397;color:#aab8b3}
#plannerView .calendar-add{border-color:#505762;color:#aeb9c8}
@media(max-width:1100px){#todayView .today-grid{grid-template-columns:1fr;grid-template-areas:"tasks" "rail" "rhythm"}#todayView .right-rail{min-height:0}}
@media(max-width:780px){:is(#todayView,#plannerView) .dashboard-content{width:calc(100% - 20px)}:is(#todayView,#plannerView) .dashboard-tabs:before{color:#f5f7fa}#plannerView .planner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){:is(#todayView,#plannerView) .dashboard-content{width:calc(100% - 14px);margin-top:10px;border-radius:13px}:is(#todayView,#plannerView) .analytics-main{padding:13px 10px 19px}#todayView .right-rail{grid-template-columns:1fr}#plannerView .planner-stats{gap:7px}#plannerView .planner-stats>div{min-height:66px;padding:10px 12px}#plannerView .planner-stats strong{font-size:21px}#plannerView .board{min-height:0}}