:root{color-scheme:light;--blue:#f0efed;--button-bg:#ad4d38;--ink:#292725;--muted:#706b66;--line:#e4e1dd;--surface:#faf9f7;--accent:#a34732;--panel:#fff;--subtle:#f6f4f1;--input-line:#d2cec8;--neutral:#eeece8;--neutral-ink:#5e5852;--hover:#f1eeea;--selected:#f8e9e2;--selected-line:#dcb9aa;--success-bg:#e6f2e9;--success-ink:#287547;--error:#a72e46;--timeline:#d2ccc5;--priority-normal-ink:#346aab}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--surface);font-size:14px}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}select,textarea{color-scheme:inherit}select option,select optgroup{background:var(--panel);color:var(--ink)}textarea{background:var(--panel);color:var(--ink)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}button{cursor:pointer;border:0;background:var(--button-bg);color:white;padding:10px 16px;border-radius:5px;font-weight:600}button:hover{filter:brightness(.95)}input,select{min-width:0;border:1px solid var(--input-line);border-radius:5px;padding:10px;background:var(--panel);color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail{position:fixed;inset:0 auto 0 0;width:56px;background:var(--blue);border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:24px;padding-top:16px;z-index:2}.rail a{color:var(--neutral-ink);font-size:24px}.rail .brand{font-size:29px}.rail-bottom{margin-top:auto;padding-bottom:18px}.rail-logout{background:transparent;color:var(--neutral-ink);font-size:24px;padding:6px}.workspace{margin-left:56px;display:flex;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--line);width:238px;flex-shrink:0;display:flex;flex-direction:column;min-height:100vh}.sidebar-title{font-size:17px;font-weight:700;padding:23px 22px;border-bottom:1px solid var(--line);height:67px}.workspace-picker{padding:22px 16px}.workspace-picker label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.workspace-picker select{width:100%;font-weight:600}.nav-heading{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.8px;margin:15px 22px 12px}.planning-nav{padding:0 12px}.planning-nav a{display:flex;gap:12px;align-items:center;color:var(--neutral-ink);padding:11px 12px;border-radius:4px;margin:3px 0}.planning-nav span{font-size:19px;width:22px}.planning-nav .selected{background:var(--selected);color:var(--accent)}.sidebar-user{margin-top:auto;padding:22px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.content{flex:1;min-width:0}.page-header{height:67px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px}.page-header h1{font-size:20px;letter-spacing:-.4px;margin:0}.page-header>span{font-size:12px;color:var(--muted)}.page-body{padding:28px;max-width:1200px}.quick-add{display:flex;gap:10px;margin-bottom:28px}.quick-add>input:not([type=hidden]){flex:1}.quick-add select{max-width:160px}.list-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.6px;padding:0 16px 10px;border-bottom:1px solid var(--line)}.task-row{background:var(--panel);border-bottom:1px solid var(--line);padding:18px 16px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.task-title{display:flex;align-items:center;gap:12px;flex:1;min-width:180px}.task-title strong{font-weight:500;color:var(--ink)}.task-mark{font-size:22px;color:var(--muted)}.task-meta{font-size:11px;color:var(--muted);margin-top:7px}.status{font-size:11px;background:var(--neutral);color:var(--neutral-ink);padding:4px 8px;border-radius:4px}.task-actions{display:flex;gap:8px}.text-button{background:transparent;color:var(--accent);font-size:11px;font-weight:400;padding:5px}.empty-state{padding:50px 16px;text-align:center;color:var(--muted)}.account-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:min(410px,calc(100% - 32px));margin:80px auto;padding:32px}.account-panel h1{font-size:25px;margin:10px 0 25px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}.account-panel label{display:block;margin:16px 0 7px}.account-panel input:not([type=hidden]){width:100%}.account-panel button{margin-top:24px}.secondary{background:var(--neutral);color:var(--ink)}.validation{color:var(--error);font-size:13px}.validation:empty,.validation-summary-valid{display:none}@media(max-width:800px){.sidebar{width:190px}.page-body{padding:18px}.task-actions{width:100%;padding-left:34px}}@media(max-width:600px){.rail{width:42px}.workspace{margin-left:42px;display:block}.sidebar{width:100%;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.sidebar-title,.sidebar-user,.nav-heading{display:none}.workspace-picker{padding:12px}.planning-nav{display:flex;flex-wrap:wrap;padding:0 8px 8px}.planning-nav a{padding:7px;font-size:12px;gap:5px}.planning-nav span{display:none}.page-header{height:58px;padding:0 16px}.quick-add{flex-wrap:wrap}.quick-add>input:not([type=hidden]){flex-basis:100%}.account-panel{margin-top:30px}}

/* Neutral surfaces and a warm action accent keep task content in focus. */
:root[data-theme="dark"]{color-scheme:dark;--blue:#242424;--button-bg:#ad4d38;--ink:#f1f0ee;--muted:#b6b2ac;--line:#393837;--surface:#1f1f1f;--accent:#e79b84;--panel:#262626;--subtle:#232323;--input-line:#504d49;--neutral:#30302f;--neutral-ink:#d0ccc6;--hover:#333130;--selected:#3a2b27;--selected-line:#865a4c;--success-bg:#28372d;--success-ink:#8bcc9f;--error:#f194a5;--timeline:#56514b;--priority-normal-ink:#8db9ee}
:root[data-theme="dark"] .type-epic{--type-ink:#ffc581;--type-bg:#4a3526}
:root[data-theme="dark"] .type-feature{--type-ink:#ff94b2;--type-bg:#4b2b3c}
:root[data-theme="dark"] .type-story{--type-ink:#86d9e1;--type-bg:#273f4b}
:root[data-theme="dark"] .type-task{--type-ink:#87dbb9;--type-bg:#28483f}
:root[data-theme="dark"] .type-custom{--type-ink:#d0ccc6;--type-bg:#343230;--type-line:#807970}
.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:12px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;color:var(--neutral-ink);border:1px solid var(--input-line);font-size:22px;border-radius:7px}.theme-toggle:hover{background:var(--hover);filter:none}.theme-toggle:focus-visible,.rail a:focus-visible,.rail-logout:focus-visible{outline-color:var(--accent)}.public-theme-toggle{position:absolute;right:20px;top:20px;color:var(--ink);background:var(--panel);border-color:var(--input-line)}.public-theme-toggle:hover{background:var(--hover)}.public-theme-toggle:focus-visible{outline-color:var(--accent)}.rail .brand{color:var(--accent)}.overview-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.overview-section{min-width:0}.overview-section h2{font-size:17px;margin:0 0 16px}.overview-section .task-row{padding:16px 12px;gap:14px}.overview-section .task-title{min-width:0;width:100%;margin-left:0}.overview-section .task-actions{width:100%;padding-left:0;justify-content:flex-start}.overview-section .empty-state{padding:32px 16px;border:1px dashed var(--line);border-radius:7px}.folder-nav a{overflow-wrap:anywhere}.folder-nav .folder-children{padding-left:16px}.folder-nav .folder-children a{font-size:13px}.folder-nav summary{cursor:pointer;color:var(--neutral-ink);padding:10px 12px}.folder-nav details[open]>summary{color:var(--ink)}
@media(max-width:1200px){.overview-grid{grid-template-columns:1fr}.overview-section .task-title{width:auto;min-width:180px}.overview-section .task-actions{width:auto;margin-left:auto}.overview-section .task-row{padding:18px 16px}}@media(max-width:600px){.overview-section .task-actions{width:100%;margin-left:0}.theme-toggle{width:30px;height:30px;font-size:20px}}
.completion-form{margin:0}.task-check{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--muted);font-size:24px;font-weight:400;border-radius:50%;flex-shrink:0}.task-check:hover{background:var(--selected);color:var(--accent)}.task-check.is-completed{background:var(--success-bg);color:var(--success-ink);font-size:17px}.completed-title{text-decoration:line-through;color:var(--muted)!important}.planning-button{border:1px solid transparent;border-radius:4px}.planning-button.is-selected{background:var(--selected);border-color:var(--selected-line);color:var(--accent);font-weight:600}



.project-nav small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.project-nav a{overflow-wrap:anywhere}.project-description{white-space:pre-wrap;margin:0 0 24px;color:var(--neutral-ink)}.account-panel textarea{display:block;background:var(--panel);width:100%;border:1px solid var(--input-line);border-radius:5px;padding:10px;font:inherit;resize:vertical;color:var(--ink)}.account-panel select{width:100%}.form-back{margin-left:15px;font-size:13px}@media(max-width:600px){.project-nav{border-top:1px solid var(--line);padding-top:8px}.project-nav small{display:none}}


.task-title{margin-left:calc(var(--item-depth,0)*22px)}.item-title-link{color:var(--ink);font-weight:500}.item-title-link:hover{text-decoration:underline}.task-actions>a{display:flex;align-items:center;white-space:nowrap}.task-actions{flex-wrap:wrap;justify-content:flex-end}.item-editor{width:min(800px,calc(100% - 48px));margin:28px auto;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.editor-header{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;margin-bottom:24px}.item-editor h1{font-size:23px;margin:0 0 25px}.item-editor label{display:block;margin:18px 0 7px;font-size:13px;font-weight:600}.item-editor input:not([type=hidden]),.item-editor select,.item-editor textarea{width:100%}.item-editor textarea{font:inherit;color:var(--ink);border:1px solid var(--input-line);border-radius:5px;padding:10px;resize:vertical}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.editor-actions{display:flex;align-items:center;gap:20px;margin-top:28px}@media(max-width:600px){.editor-grid{grid-template-columns:1fr}.item-editor{width:calc(100% - 24px);margin:12px auto;padding:18px}.task-title{margin-left:calc(var(--item-depth,0)*12px)}}


.type-epic{--type-ink:#a94f05;--type-bg:#fff0de;--type-line:#fb931c}.type-feature{--type-ink:#b20e40;--type-bg:#ffe8ee;--type-line:#f3154d}.type-story{--type-ink:#246892;--type-bg:#e4f5f7;--type-line:#5cc7d2}.type-task{--type-ink:#22765d;--type-bg:#e2f6ed;--type-line:#45ba9b}.type-custom{--type-ink:#645e57;--type-bg:#eeece8;--type-line:#a49a8f}.task-row{border-left:3px solid var(--type-line,var(--line))}.item-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.type-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px 8px;border-radius:4px;background:var(--type-bg);color:var(--type-ink);font-size:11px;font-weight:650;line-height:1.3;white-space:nowrap}.task-meta:empty{display:none}.task-title .item-title-link{font-size:14px}.row-button,.task-actions .text-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 11px;border:1px solid var(--input-line);border-radius:5px;background:var(--panel);color:var(--neutral-ink);font-size:12px;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap}.row-button:hover,.task-actions .text-button:hover{background:var(--hover);border-color:var(--selected-line);filter:none}.task-actions .planning-button.is-selected{background:var(--selected);border-color:var(--selected-line);color:var(--accent);font-weight:650}.task-actions form{display:flex;gap:5px;align-items:center}.task-actions{gap:6px}.item-detail{width:min(1440px,calc(100% - 48px));margin:26px auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0}.detail-header{padding:22px 28px;border-bottom:1px solid var(--line)}.detail-header>a{font-size:12px}.detail-heading{display:flex;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}.detail-heading h1{font-size:24px;line-height:1.3;margin:0;overflow-wrap:anywhere}.detail-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr)}.detail-edit-panel{padding:10px 28px 30px;min-width:0}.detail-edit-panel label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}.detail-edit-panel input:not([type=hidden]),.detail-edit-panel select,.detail-edit-panel textarea{width:100%}.detail-edit-panel textarea{font:inherit;color:var(--ink);border:1px solid var(--input-line);border-radius:5px;padding:12px;resize:vertical;min-height:190px}.detail-sidebar{border-left:1px solid var(--line);background:var(--subtle);padding:0 24px;min-width:0}.detail-section{padding:24px 0;border-bottom:1px solid var(--line)}.detail-section:last-child{border-bottom:0}.detail-section h2{font-size:14px;margin:0 0 16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{margin:0}.section-count{color:var(--muted);font-size:12px;font-weight:400;margin-left:5px}.related-item{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}.related-item:last-child{border-bottom:0}.related-item>a{color:var(--ink);flex:1;min-width:100px;overflow-wrap:anywhere}.related-item>a:hover{color:var(--accent)}.related-item .status{margin-left:auto}.detail-empty{color:var(--muted);font-size:12px}.history-list{list-style:none;margin:0;padding:0}.history-list li{padding:13px 0 13px 16px;border-left:2px solid var(--timeline);position:relative}.history-list li:before{content:"";position:absolute;width:7px;height:7px;background:var(--timeline);border:3px solid var(--subtle);border-radius:50%;left:-7px;top:17px;box-sizing:content-box}.history-summary{font-weight:600;font-size:12px}.history-meta{display:flex;flex-wrap:wrap;gap:5px 12px;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}.history-values{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--neutral-ink);margin-top:8px;overflow-wrap:anywhere;white-space:pre-wrap}.history-arrow{color:var(--muted)}.history-change{font-size:12px;color:var(--neutral-ink);margin-top:8px}.history-change summary{cursor:pointer}.history-change .history-values{display:block;max-height:180px;overflow:auto;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:4px}.history-limit{font-size:11px;color:var(--muted);margin-bottom:10px}@media(max-width:1000px){.detail-columns{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}.detail-edit-panel{padding:10px 20px 24px}.detail-sidebar{padding:0 18px}.detail-edit-panel .editor-grid{grid-template-columns:1fr}}@media(max-width:760px){.detail-columns{display:block}.detail-sidebar{border-left:0;border-top:1px solid var(--line)}.item-detail{width:calc(100% - 24px);margin:12px auto}.detail-header{padding:18px 20px}.detail-heading h1{font-size:20px}}

.overview-body{max-width:1600px}.overview-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.overview-section>header h2{margin:0}.overview-section>header>span{color:var(--muted);font-size:12px}.folder-nav a.folder-project{padding-left:30px;font-size:13px}.folder-actions{margin:0 0 20px}.folder-projects{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}

/* The overview keeps actions behind one keyboard-accessible disclosure per row. */
.administration-nav{margin-top:20px;border-top:1px solid var(--line);padding-top:10px}.priority-badge{display:inline-flex;align-items:center;flex-shrink:0;font-size:11px;font-weight:650;padding:4px 7px;border-radius:4px;background:var(--neutral);color:var(--neutral-ink)}.priority-critical{background:#ffe8ee;color:#b20e40}.priority-high{background:#fff0de;color:#a94f05}.priority-normal{background:var(--selected);color:var(--priority-normal-ink)}:root[data-theme="dark"] .priority-critical{background:#4b2b3c;color:#ff94b2}:root[data-theme="dark"] .priority-high{background:#4a3526;color:#ffc581}.item-actions:not(.compact-actions){display:contents}.item-actions:not(.compact-actions)>summary{display:none}.task-title-content{min-width:0}.overview-section .compact-task-row{flex-wrap:nowrap;gap:8px;padding:10px 12px;min-height:54px}.overview-section .compact-task-row .task-title{width:auto;min-width:0;gap:8px;margin-left:0}.compact-task-row .task-title-content{flex:1;min-width:0}.compact-task-row .item-heading{flex-wrap:nowrap;gap:7px;min-width:0}.compact-task-row .item-title-link,.compact-task-row .item-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.compact-task-row .type-badge{font-size:10px;padding:3px 5px}.compact-task-row .task-meta{display:none}.compact-task-row .task-check{width:24px;height:24px;font-size:22px}.compact-task-row .priority-badge{font-size:10px;padding:3px 5px}.compact-actions{position:relative;flex-shrink:0}.compact-actions>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--input-line);border-radius:5px;font-size:21px;line-height:1;color:var(--neutral-ink);background:var(--panel)}.compact-actions>summary::-webkit-details-marker{display:none}.compact-actions>summary:hover{background:var(--hover)}.compact-actions>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compact-actions[open]>summary{background:var(--selected);border-color:var(--selected-line);color:var(--accent)}.overview-section .compact-actions .task-actions{position:absolute;right:0;top:calc(100% + 6px);z-index:5;display:flex;gap:8px;padding:12px;background:var(--panel);border:1px solid var(--input-line);border-radius:7px;box-shadow:0 8px 24px #0003;width:max-content;max-width:280px;justify-content:flex-start;margin-left:0}.compact-actions .task-actions .status{width:100%}.compact-actions .task-actions form{flex-wrap:wrap}.compact-actions .task-actions .text-button{min-height:32px}.overview-section .empty-state{padding:22px 12px}
@media(max-width:600px){.overview-section .compact-task-row{padding:10px 8px;gap:6px}.compact-task-row .item-heading{gap:5px}.compact-task-row .priority-badge{max-width:46px;overflow:hidden}.compact-actions>summary{width:28px;height:28px}}.create-feedback{margin-bottom:16px;font-size:13px}.create-feedback a{display:inline-flex;padding:8px 12px;background:var(--success-bg);color:var(--success-ink);border-radius:5px}.create-feedback a:hover{text-decoration:underline}
.workitem-modal{width:min(1440px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);overflow:hidden}.workitem-modal::backdrop{background:#0009}.modal-toolbar{height:42px;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line)}.modal-toolbar [role=status]{font-size:12px;color:var(--muted)}.modal-toolbar button{font-size:25px;line-height:1;padding:4px 10px;background:transparent;color:var(--ink)}.workitem-modal iframe{display:block;width:100%;height:calc(100% - 42px);border:0}.modal-error{position:absolute;left:12px;right:12px;bottom:12px;padding:12px;background:var(--panel);border:1px solid var(--error);border-radius:6px;box-shadow:0 3px 12px #0003}.embedded-editor .item-detail{width:100%;margin:0;border:0;border-radius:0}.embedded-editor .detail-header{padding-top:8px}.embedded-editor .detail-heading{margin-top:10px}@media(max-width:600px){.workitem-modal{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}
.overview-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.overview-sort{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 18px}.overview-sort label{font-size:12px;color:var(--muted)}.overview-sort select{padding:7px 10px}.category-badge,.focus-badge{font-size:10px;white-space:nowrap;border-radius:4px;padding:3px 6px;flex-shrink:0;background:var(--neutral);color:var(--neutral-ink)}.category-badge{max-width:110px;overflow:hidden;text-overflow:ellipsis}.focus-badge{background:var(--selected);color:var(--accent);font-weight:650}.rail-bottom>a{display:flex;justify-content:center;align-items:center;width:36px;height:36px}@media(max-width:1200px){.overview-grid{grid-template-columns:1fr}}@media(max-width:600px){.category-badge{max-width:60px}.overview-sort{justify-content:flex-start}}

.planning-calendar{width:252px;max-width:100%;padding:12px;background:var(--panel);border:1px solid var(--input-line);border-radius:7px}.planning-calendar.has-calendar .calendar-fallback{display:none}.calendar-fallback label{display:block;font-size:12px;margin:0 0 8px}.calendar-fallback input{display:block;width:100%;margin-top:6px}.calendar-fallback button{width:100%}.calendar-controls[hidden]{display:none}.calendar-month-nav{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.calendar-month-nav span{font-size:12px;font-weight:650;text-transform:capitalize}.calendar-month-nav button{width:28px;height:28px;font-size:21px;padding:0;background:var(--hover);color:var(--ink);border:1px solid var(--input-line)}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.calendar-weekdays{font-size:10px;color:var(--muted);text-align:center;margin-bottom:5px}.calendar-days button{padding:0;height:28px;font-size:11px;font-weight:500;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:4px}.calendar-days button:hover{background:var(--hover);filter:none}.calendar-days .is-outside-month{color:var(--muted)}.calendar-days .is-today{border-color:var(--selected-line);font-weight:700}.calendar-days .is-selected{background:var(--selected);border-color:var(--accent);color:var(--accent);font-weight:700}.planning-calendar button:disabled{opacity:.4;cursor:default}.calendar-footer{display:flex;gap:8px;justify-content:space-between;padding-top:10px;margin-top:8px;border-top:1px solid var(--line)}.calendar-footer button{padding:6px 9px;font-size:11px;font-weight:500;background:var(--hover);color:var(--ink);border:1px solid var(--input-line)}.category-title-field{position:relative;min-width:0}.quick-add>.category-title-field{flex:1}.category-title-field>input{width:100%}.category-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;padding:5px;background:var(--panel);border:1px solid var(--input-line);border-radius:6px;box-shadow:0 5px 15px #0003;max-height:210px;overflow:auto}.category-suggestions button{display:block;width:100%;text-align:left;background:var(--panel);color:var(--ink);padding:8px}.category-suggestions button[hidden]{display:none}.category-suggestions button:hover,.category-suggestions button[aria-selected=true]{background:var(--selected);color:var(--accent)}.category-title-selection{font-size:11px;color:var(--accent);display:inline-flex;align-items:center;gap:4px;padding:3px 5px}.category-title-selection[hidden]{display:none}.category-title-selection button{font-size:15px;padding:1px 4px;background:transparent;color:var(--accent)}.popup-field{width:100%}.popup-field label{display:block;width:100%;font-size:11px;color:var(--muted)}.popup-field select{width:100%;padding:6px;margin-top:4px}.popup-calendar{width:100%}.overview-section .compact-actions .task-actions{max-height:70dvh;overflow:auto}.quick-add .category-title-field>input{min-height:42px}@media(max-width:600px){.quick-add>.category-title-field{flex-basis:100%}}
.compact-actions .task-actions{position:absolute;right:0;top:calc(100% + 6px);z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--panel);border:1px solid var(--input-line);border-radius:7px;box-shadow:0 8px 24px #0003;width:280px;max-width:calc(100vw - 40px);max-height:70dvh;overflow:auto;justify-content:flex-start}.compact-actions .popup-field,.compact-actions .popup-calendar{width:100%}

/* Enhanced action menus fit the visible viewport; native details remains the fallback. */
details.compact-actions .task-actions.viewport-popup{position:fixed;right:auto;bottom:auto;z-index:30;max-height:none;max-width:280px;overflow:visible;overscroll-behavior:contain}
.task-context{font-size:11px;line-height:1.35;margin-top:4px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-accordion>summary{cursor:pointer;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:12px;padding:8px 0}.date-accordion>summary span{font-size:12px;color:var(--muted);font-weight:400}.date-accordion[open]>summary{margin-bottom:10px}.embedded-editor .item-editor{width:100%;margin:0;border:0;border-radius:0}

.planning-view{min-width:0}.planning-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.planning-toolbar form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.planning-toolbar select,.planning-toolbar input{padding:7px 10px}.planning-toolbar h2{font-size:19px;margin:0}.planning-month{min-width:0;margin-bottom:28px}.planning-month>h2,.planning-month>header h2{font-size:16px;margin:0 0 12px}.planning-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--panel)}.planning-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;color:var(--muted);font-size:11px;font-weight:600;text-align:center;margin-bottom:8px}.planning-day{min-width:0;min-height:140px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.planning-day.is-today{background:var(--selected)}.planning-day.is-outside-month{background:var(--subtle);color:var(--muted)}.planning-day>header,.planning-day>.planning-date{font-size:11px;font-weight:650;margin-bottom:7px}.planning-day.is-drop-target{outline:2px solid var(--accent);outline-offset:-2px;background:var(--selected)}.planned-workitem{display:flex;align-items:flex-start;gap:5px;min-width:0;margin:5px 0;padding:7px 6px;border:1px solid var(--line);border-left:3px solid var(--type-line,var(--accent));border-radius:4px;background:var(--panel);touch-action:pan-y}.planned-workitem[draggable=true]{cursor:grab}.planned-workitem.is-dragging{opacity:.5}.planned-workitem a{color:var(--ink);font-size:12px;line-height:1.4;overflow-wrap:anywhere;min-width:0}.planned-workitem a:hover{color:var(--accent)}.planned-workitem>div{min-width:0;flex:1}.planned-workitem small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.planned-workitem .type-badge{font-size:9px;padding:2px 4px}.planning-drag-handle,[data-planning-drag-handle]{touch-action:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;min-height:28px;padding:0;background:transparent;color:var(--muted);font-size:16px;border-radius:4px;cursor:grab}.planning-drag-handle:hover,[data-planning-drag-handle]:hover{background:var(--hover);color:var(--accent)}.planning-view.is-saving .planned-workitem{cursor:wait}.planning-view.is-saving [data-planning-drag-handle]{opacity:.4;cursor:wait}.planning-error{padding:10px 12px;margin-bottom:16px;border:1px solid var(--error);border-radius:5px;background:var(--panel)}.planning-error[hidden]{display:none}.planning-months{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.planning-months .planning-day{min-height:90px;padding:4px}.planning-months .planned-workitem{padding:4px;margin:3px 0}.planning-months .planned-workitem a{font-size:10px}.planning-day-view .planning-grid{grid-template-columns:1fr}.planning-day-view .planning-day{min-height:320px}@media(max-width:1500px){.planning-months{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.planning-months{grid-template-columns:1fr}.planning-day{min-height:110px;padding:5px}.planned-workitem{padding:5px 4px}}@media(max-width:650px){.planning-grid{overflow:auto;grid-template-columns:repeat(7,minmax(110px,1fr))}.planning-day-view .planning-grid{grid-template-columns:1fr}.planning-day-view .planning-day{min-height:260px}.planning-drag-handle,[data-planning-drag-handle]{width:28px;min-height:32px}.planning-toolbar{align-items:flex-start}.planning-months .planning-grid{grid-template-columns:repeat(7,minmax(100px,1fr))}.planning-weekdays{display:none}}
.planning-layout{display:flex;align-items:stretch;min-width:0;min-height:calc(100vh - 67px)}.planning-projects{width:230px;flex-shrink:0;padding:18px;background:var(--panel);border-right:1px solid var(--line)}.planning-projects label:not(.project-checkbox){display:block;margin:14px 0 7px;font-size:12px;color:var(--muted)}.planning-projects select,.planning-projects input[type=date]{width:100%;padding:8px}.planning-projects h2{font-size:13px;margin:24px 0 12px}.planning-projects .project-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;margin:9px 0;overflow-wrap:anywhere}.planning-projects .project-checkbox input{flex-shrink:0;margin:3px 0 0}.planning-projects button{margin-top:16px;width:100%}.planning-content{flex:1;min-width:0;padding:22px}.planning-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.planning-navigation>span{font-size:14px;font-weight:650;margin:0 auto;text-transform:capitalize}.planning-weekday{display:flex;justify-content:center;align-items:center;min-height:32px;font-size:11px;font-weight:600;color:var(--muted);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--subtle)}.planning-day.outside-month{background:var(--subtle);color:var(--muted)}.planning-day>time{display:block;font-size:11px;font-weight:650;margin-bottom:7px}.planned-workitem{display:grid;grid-template-columns:24px minmax(0,1fr);gap:3px 5px}.planned-workitem>[data-planning-drag-handle]{grid-column:1;grid-row:1/span 3}.planned-workitem>a,.planned-workitem>span,.planned-workitem>small{grid-column:2;min-width:0;overflow-wrap:anywhere}.planned-workitem>span:not(.planning-type){font-size:12px;line-height:1.4}.planned-workitem .planning-type{font-size:9px;color:var(--muted);line-height:1.3}.planned-workitem>small{font-size:9px;line-height:1.3;margin-top:0}@media(max-width:900px){.planning-layout{display:block}.planning-projects{width:auto;border-right:0;border-bottom:1px solid var(--line);padding:14px 18px}.planning-projects form{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap}.planning-projects label:not(.project-checkbox){margin:0}.planning-projects select,.planning-projects input[type=date]{width:auto;max-width:160px}.planning-projects h2{width:100%;margin:10px 0 0}.planning-projects .project-checkbox{margin:0}.planning-projects button{width:auto;margin:0}.planning-content{padding:18px}.planning-navigation>span{width:100%;order:-1;text-align:center;margin-bottom:4px}}@media(max-width:650px){.planning-content{padding:12px}.planned-workitem{grid-template-columns:28px minmax(0,1fr)}.planning-weekday{font-size:10px}.planning-projects form>button{min-height:34px}}
/* Bootstrap Icons use local fonts in the full layout and modal editor. */
.bi { display:inline-block; line-height:1; flex-shrink:0; }
.rail .bi { font-size:22px; }
.rail .brand .bi { font-size:24px; }
.planning-nav .bi { font-size:18px; }
.task-check .bi { font-size:17px; }
.task-check.is-completed .bi { font-size:16px; }
.compact-actions > summary .bi { font-size:18px; }
.calendar-heading .bi, [data-calendar-previous] .bi, [data-calendar-next] .bi { font-size:14px; }
[data-modal-close] .bi { font-size:18px; }
.category-title-selection .bi { font-size:12px; }
[data-planning-drag-handle] .bi { font-size:18px; }
.overview-grid{align-items:start}.overview-section[data-planning-section="today"]{grid-column:1;grid-row:1}.overview-section[data-planning-section="tomorrow"]{grid-column:1;grid-row:2}.overview-section[data-planning-section="day-after-tomorrow"]{grid-column:1;grid-row:3}.overview-section[data-planning-section="radar"]{grid-column:2;grid-row:1 / span 3}.overview-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px;text-align:right}@media(max-width:1200px){.overview-section[data-planning-section]{grid-column:auto;grid-row:auto}}

.estimate-badge{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px;color:var(--muted)}
.overview-section[data-planning-section="tomorrow"] .focus-badge,.overview-section[data-planning-section="day-after-tomorrow"] .focus-badge{display:none}.planning-week{grid-column:1/-1;position:relative;min-width:0}.planning-week-days{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.planning-week-days .planning-day{min-height:0;height:100%;padding:7px}.planning-week-items{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(var(--planning-lanes),96px);gap:4px 0;padding:30px 0 8px;min-height:140px;pointer-events:none}.planning-week-items .planned-workitem{pointer-events:auto;align-self:stretch;margin:0 5px;overflow:hidden;grid-template-rows:auto auto auto;align-content:start}.planning-week-items .planned-workitem>a,.planning-week-items .planned-workitem>span:not(.planning-type){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planning-week-items .planned-workitem .estimate-badge{font-size:10px}.planning-week-items .planned-workitem [data-planning-drag-handle]{grid-row:1/span 4}

.planned-range-end{display:flex;flex-direction:column;gap:7px;margin-top:14px;width:100%}.planned-range-end input{width:100%}
:root{--workitem-card:#fff;--workitem-card-border:#ded9d2}
:root[data-theme="dark"]{--workitem-card:#30302f;--workitem-card-border:#484440}
.planning-week-items .planned-workitem{background:var(--workitem-card);border-color:var(--workitem-card-border);border-left-color:var(--type-ink)}
.board-layout{display:flex;min-width:0}
.board-filters{width:230px;flex-shrink:0;padding:18px;background:var(--panel);border-right:1px solid var(--line)}
.board-filters label[for]{display:block;font-size:12px;color:var(--muted);margin:0 0 8px}
.board-filters select{width:100%}
.board-filters h2{font-size:13px;margin:24px 0 12px}
.board-project{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:12px;overflow-wrap:anywhere}
.board-project input{flex-shrink:0;margin:2px 0 0}
.board-filters button{margin-top:16px;width:100%}
.board-content{flex:1;min-width:0;padding:22px}
.board-scroll{overflow:auto;max-height:calc(100dvh - 112px)}
.board-columns,.board-cells{display:grid;grid-template-columns:repeat(var(--board-columns),minmax(230px,1fr));min-width:max-content}
.board-columns{position:sticky;top:0;z-index:1}
.board-column-heading{padding:12px;background:var(--panel);border:1px solid var(--line);font-size:12px;font-weight:650}
.board-lane-heading{padding:14px 0 8px;position:sticky;left:0;width:fit-content;max-width:100%}
.board-lane-heading h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;margin:0}
.board-parent-separator{color:var(--muted)}
.board-cell{padding:8px;min-height:130px;background:var(--subtle);border:1px solid var(--line)}
.board-card{width:214px;max-width:100%;padding:10px;margin-bottom:8px;background:var(--workitem-card);border:1px solid var(--workitem-card-border);border-left:3px solid var(--type-ink);border-radius:5px}
.board-card-heading{display:flex;align-items:center;gap:5px;margin-bottom:8px}
.board-title{display:block;color:var(--ink);font-size:13px;font-weight:600;overflow-wrap:anywhere}
.board-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center}
.board-status-age{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-top:10px}
[data-board-drag-handle]{touch-action:none;background:transparent;color:var(--muted);padding:2px;cursor:grab}
.board-card.is-dragging{opacity:.5}.board-cell.is-drop-target{outline:2px solid var(--accent);outline-offset:-2px}
.board-view.is-saving .board-card{cursor:wait}
@media(max-width:900px){.board-layout{display:block}.board-filters{width:auto;border-right:0;border-bottom:1px solid var(--line)}.board-filters form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.board-filters select{width:auto}.board-filters h2{width:100%;margin:8px 0 0}.board-project{margin:0}.board-filters button{width:auto;margin:0}.board-content{padding:14px}.board-scroll{max-height:none}}
.board-layout{display:block}.board-filters{width:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px 22px}.board-filters form{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}.board-filters label[for]{margin:0}.board-filters select{width:auto}.board-filters h2{width:auto;margin:0}.board-project{margin:0}.board-filters button{width:auto;margin:0}.board-complete-form{margin-left:auto}.board-complete-form .task-check{padding:0;background:transparent;color:var(--muted)}.board-scroll{max-height:calc(100dvh - 178px)}
@media(max-width:900px){.board-filters{padding:14px}.board-scroll{max-height:none}}.board-card-heading>.type-badge{order:1}.board-complete-form{order:2}.list-filters{display:flex;justify-content:flex-end;margin:0 0 16px}.list-filters label{display:flex;gap:8px;align-items:center}.list-filters input{width:auto}.quick-child>summary{list-style:none;cursor:pointer;display:flex;align-items:center}.quick-child>summary::-webkit-details-marker{display:none}.quick-child[open]{position:relative}.quick-child-form{position:absolute;z-index:12;right:0;top:100%;display:flex;gap:8px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--panel);box-shadow:0 6px 16px #0003;min-width:460px}.quick-child-form input{min-width:180px;flex:1}.quick-child-form select{width:130px}@media(max-width:700px){.quick-child-form{position:fixed;left:12px;right:12px;top:30%;min-width:0;flex-wrap:wrap}.quick-child-form input{width:100%;flex-basis:100%}}

.delete-workitem{margin-top:28px}.danger{background:transparent;border:1px solid var(--error);color:var(--error)}
/* Account appearance values override the existing light/dark defaults only when configured. */
.task-row[data-type-id]{background:var(--item-background,var(--panel));border-color:var(--item-border,var(--line));border-left-color:var(--item-border,var(--type-ink));color:var(--item-color,var(--ink))}
.task-row[data-type-id] .item-title-link,.task-row[data-type-id] .task-title strong{color:var(--item-color,var(--ink));font-weight:400}
.board-card[data-type-id],.planning-week-items .planned-workitem[data-type-id]{background:var(--item-background,var(--workitem-card));border-color:var(--item-border,var(--workitem-card-border));border-left-color:var(--item-border,var(--type-ink));color:var(--item-color,var(--ink))}
.board-card[data-type-id] .board-title,.planned-workitem[data-type-id]>a{color:var(--item-color,var(--ink));font-weight:400}
.type-badge[data-type-id]{background:var(--item-background,var(--type-bg));color:var(--item-color,var(--type-ink));border:1px solid var(--item-border,transparent)}
.category-badge{display:inline-flex;align-items:center;gap:4px}
.planning-nav a.nav-create-button{font-size:12px;font-weight:500;min-height:32px;padding:6px 10px;margin-top:8px;border:1px solid var(--input-line);border-radius:5px;background:var(--neutral);color:var(--ink);justify-content:center;gap:7px}
.planning-nav a.nav-create-button:hover{background:var(--hover)}
.planning-nav .nav-create-button span{width:auto;font-size:14px}.planning-nav .nav-create-button .bi{font-size:14px}
.appearance-fields{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:12px 0}
.appearance-color{display:flex;flex-direction:column;gap:6px;font-size:12px}
.appearance-color input[type=color]{width:56px;height:36px;padding:3px}
.appearance-color label{display:flex;align-items:center;gap:5px}.appearance-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.appearance-icon{display:flex;align-items:center;gap:7px}.appearance-editor h2{font-size:17px;margin-top:28px}.appearance-editor h3{font-size:14px;margin:0 0 12px}.appearance-default{font-size:11px;color:var(--muted)}.derived-estimate{padding:10px 0;font-size:14px}
/* Mobile overview: title and project context get the available width. */
.task-badges{display:contents}.mobile-type-badge{display:none}
@media(max-width:900px){
    .overview-section .compact-task-row{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:8px;align-items:center;padding:10px 8px}
    .overview-section .compact-task-row .task-title{width:auto;min-width:0;gap:6px;margin:0}
    .compact-task-row .task-title-content{min-width:0;flex:1}
    .compact-task-row .item-heading{display:block}
    .compact-task-row .heading-type-badge{display:none}
    .compact-task-row .item-title-link,.compact-task-row .item-heading strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
    .compact-task-row .task-badges{display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:85px}
    .compact-task-row .mobile-type-badge{display:inline-block;order:0}
    .compact-task-row .task-badges .category-badge{order:1;max-width:85px}
    .compact-task-row .task-badges .priority-badge{order:2;max-width:85px}
    .compact-task-row .task-badges .focus-badge{order:3}
    .compact-task-row .task-badges .estimate-badge{order:4}
    .compact-task-row .compact-actions{margin:0;align-self:center}
    .compact-task-row .compact-actions>summary{width:28px;height:28px}
}

.board-cell{position:relative}
.delete-confirmation-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}
.delete-confirmation-dialog::backdrop{background:#0009}
.delete-confirmation-dialog h2{font-size:20px;margin:0 0 16px}
.delete-confirmation-dialog p{overflow-wrap:anywhere;margin:12px 0}
.delete-confirmation-dialog .editor-actions{justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}
.item-editor label.check,.delete-workitem label.check{display:flex;align-items:center;gap:8px;line-height:1.4}
.item-editor label.check input[type=checkbox],.delete-workitem label.check input[type=checkbox]{width:auto;flex:0 0 auto;margin:0}
.repeat-indicator{display:inline-flex;align-items:center;flex-shrink:0;color:var(--accent);font-size:13px;vertical-align:middle}
.workitem-modal.repeat-modal{width:min(520px,calc(100vw - 32px));height:min(560px,calc(100dvh - 32px))}
.board-cell:has(>.board-create){padding-top:42px}
.board-create>summary{position:absolute;top:7px;right:7px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer;list-style:none;border:1px solid var(--input-line);border-radius:5px;color:var(--neutral-ink);background:var(--panel)}
.board-create>summary::-webkit-details-marker{display:none}
.board-create>summary:hover,.board-create[open]>summary{color:var(--accent);background:var(--selected)}
.board-create>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.board-create form{display:flex;flex-direction:column;gap:8px;padding:10px;margin-bottom:8px;border:1px solid var(--input-line);border-radius:5px;background:var(--panel)}
.board-create input:not([type=hidden]),.board-create select{width:100%;padding:8px}

/* Shared reading hierarchy and touch controls across lists, cards and editors. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.task-row[data-type-id]{background:var(--item-background,var(--surface))}
.task-row .item-title-link,.task-row .task-title strong{font-size:15px;line-height:1.45;font-weight:400}
.task-context,.task-meta{font-size:12px;line-height:1.4}
.board-title,.planned-workitem a{font-size:15px;line-height:1.45}
.task-sheet-backdrop{position:fixed;inset:0;z-index:60;background:#0009}
.task-sheet-backdrop[hidden]{display:none}
.task-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding-bottom:12px;border-bottom:1px solid var(--line)}
.task-sheet-header[hidden]{display:none}
.task-sheet-title{font-size:18px;font-weight:600;line-height:1.4;overflow-wrap:break-word;min-width:0}
.task-sheet-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;background:var(--hover);color:var(--ink);font-size:20px}
body.task-sheet-open{overflow:hidden}
@media(max-width:600px){
    .page-header h1{font-size:24px}.overview-section h2{font-size:22px;margin-bottom:14px}
    .page-body{padding:20px 12px}.overview-grid{gap:28px}
    .task-list .task-row,.overview-section .compact-task-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:start;padding:14px 8px;border-left-width:2px}
    .task-list .task-row .task-title,.overview-section .compact-task-row .task-title{grid-column:1;grid-row:1;min-width:0;width:auto;gap:6px;margin-left:calc(var(--item-depth,0)*10px);align-items:flex-start}
    .task-row .task-title-content{flex:1;min-width:0}.task-row .item-heading{display:block}
    .task-row .heading-type-badge{display:none}.task-row .mobile-type-badge{display:inline-flex}
    .task-row .item-title-link,.task-row .item-heading strong,.compact-task-row .item-title-link{font-size:17px;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word}
    .task-row .task-context,.task-row .task-meta{font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:break-word;margin-top:5px}
    .task-row .task-check,.compact-task-row .task-check{width:36px;height:44px;font-size:24px}
    .task-row .task-badges,.compact-task-row .task-badges{grid-column:1 / -1;grid-row:auto;order:3;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px;max-width:none;padding-top:0;margin-left:calc(42px + var(--item-depth,0)*10px)}
    .task-row .task-badges>span{font-size:10px;line-height:1.3;padding:3px 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
    .task-row .task-badges .mobile-type-badge{order:0}.task-row .task-badges .category-badge{order:1;max-width:100%}.task-row .task-badges .priority-badge{order:2;max-width:100%}.task-row .task-badges .focus-badge{order:3}.task-row .task-badges .estimate-badge{order:4}
    .task-row .compact-actions{grid-column:2;grid-row:1;align-self:start;margin:0}
    .task-row .compact-actions>summary,.compact-task-row .compact-actions>summary{width:44px;height:44px;border:0;background:transparent;font-size:23px}
    .task-row>.status,.task-row>.quick-child{grid-column:1 / -1;justify-self:start;margin-left:42px;order:1}
    details.compact-actions .task-actions.mobile-sheet,.overview-section .compact-actions .task-actions.mobile-sheet{z-index:61;right:auto;bottom:auto;display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));max-width:none;border-radius:22px 22px 0 0;background:var(--panel);border:1px solid var(--input-line);box-shadow:0 -12px 40px #0004;overflow-y:auto;overscroll-behavior:contain}
    .mobile-sheet:before{content:"";width:36px;height:4px;min-height:4px;align-self:center;border-radius:4px;background:var(--muted)}
    .mobile-sheet .popup-field label{font-size:13px;color:var(--ink)}
    .mobile-sheet select,.mobile-sheet input{font-size:16px;min-height:44px;padding:10px}
    .mobile-sheet .planning-calendar{width:100%;padding:12px}.mobile-sheet .calendar-month-nav span{font-size:15px}
    .mobile-sheet .calendar-days button{height:36px;font-size:14px}.mobile-sheet .calendar-weekdays{font-size:12px}
    .mobile-sheet .calendar-month-nav button,.mobile-sheet .calendar-footer button,.mobile-sheet .text-button,.mobile-sheet .row-button{min-height:44px;font-size:14px}
    .mobile-sheet form:not(.popup-field):not(.popup-calendar){display:flex;gap:8px;flex-wrap:wrap}.mobile-sheet .planning-button{flex:1;padding:10px}
    .workitem-modal,.workitem-modal.repeat-modal{margin:auto 0 0;width:100%;height:calc(100dvh - 24px);border-radius:22px 22px 0 0}
    .workitem-modal.repeat-modal{height:min(560px,calc(100dvh - 24px))}
    .workitem-modal .modal-toolbar{height:52px}.workitem-modal iframe{height:calc(100% - 52px)}.modal-toolbar button{min-width:44px;min-height:44px}
    .detail-heading h1{font-size:24px}.detail-edit-panel label,.item-editor label{font-size:14px}
    .detail-edit-panel input:not([type=hidden]),.detail-edit-panel select,.detail-edit-panel textarea,.item-editor input:not([type=hidden]),.item-editor select,.item-editor textarea{font-size:16px}
    .board-title,.planned-workitem a{font-size:16px}.overview-sort select{min-height:44px;font-size:16px}
}

.workitem-modal.collection-modal{width:min(620px,calc(100vw - 32px));height:min(700px,calc(100dvh - 32px))}
@media(max-width:600px){.workitem-modal.collection-modal{width:100%;height:min(700px,calc(100dvh - 24px));margin:auto 0 0}}
/* Task titles lead; secondary information shares a quiet, consistent rhythm. */
.task-actions .row-button{gap:6px}
.task-actions .popup-planned{width:100%;min-width:0}
.task-actions .popup-planned>summary{align-items:center;font-size:13px}
.task-actions .popup-planned>summary>span:first-child{color:var(--ink);font-size:13px;font-weight:500}
.overview-body{max-width:1480px;padding-top:18px}
.overview-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px}
.overview-sort{margin-bottom:14px}
.overview-section>header{margin-bottom:10px}
.overview-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.overview-heading time{font-size:12px;font-weight:400;color:var(--muted)}
.overview-summary{white-space:nowrap;flex-wrap:nowrap}
.task-row[data-type-id]{border-left-color:var(--item-border,transparent)}
.task-list .task-row,.overview-section .compact-task-row{gap:10px;padding:12px 8px;flex-wrap:nowrap}
.task-list .task-title,.overview-section .compact-task-row .task-title{align-items:flex-start;min-width:0;gap:8px}
.task-title-content{flex:1}
.task-row .item-heading{gap:6px;flex-wrap:nowrap;min-width:0}
.task-row .item-title-link,.task-row .item-heading strong{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;overflow:visible}
.task-row .repeat-indicator{flex-shrink:0;margin-top:2px}
.task-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;margin-top:4px;color:var(--muted)}
.task-secondary .task-context{margin:0;min-width:0;overflow-wrap:anywhere}
.task-secondary .task-meta,.compact-task-row .task-meta{display:contents}
.task-secondary .heading-type-badge{display:inline-flex;font-size:10px;padding:2px 5px}
.task-row .task-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:35%;flex-shrink:0}
.task-row .mobile-type-badge{display:none}
.type-badge[data-type-id]{background:var(--item-background,transparent);font-weight:500}
.category-badge,.focus-badge,.priority-badge{background:transparent;font-weight:500;line-height:1.3}
.priority-high,:root[data-theme="dark"] .priority-high,.priority-critical,:root[data-theme="dark"] .priority-critical{background:transparent}
.task-row[data-priority="1"] .task-check:not(.is-completed),.board-card[data-priority="1"] .task-check{color:var(--priority-ink,var(--muted))}
.task-row[data-priority="2"] .task-check:not(.is-completed),.board-card[data-priority="2"] .task-check{color:var(--priority-ink,var(--priority-normal-ink))}
.task-row[data-priority="3"] .task-check:not(.is-completed),.board-card[data-priority="3"] .task-check{color:var(--priority-ink,#a94f05)}
.task-row[data-priority="4"] .task-check:not(.is-completed),.board-card[data-priority="4"] .task-check{color:var(--priority-ink,#b20e40)}
:root[data-theme="dark"] .task-row[data-priority="3"] .task-check:not(.is-completed),:root[data-theme="dark"] .board-card[data-priority="3"] .task-check{color:var(--priority-ink,#ffc581)}
:root[data-theme="dark"] .task-row[data-priority="4"] .task-check:not(.is-completed),:root[data-theme="dark"] .board-card[data-priority="4"] .task-check{color:var(--priority-ink,#ff94b2)}
.compact-actions>summary{background:transparent;border-color:transparent}
.compact-actions>summary:hover,.compact-actions>summary:focus-visible,.compact-actions[open]>summary{background:var(--hover);color:var(--accent);border-color:transparent}
.board-card[data-type-id],.planning-week-items .planned-workitem[data-type-id]{border-left-color:var(--item-border,var(--workitem-card-border))}
.board-card-heading{align-items:flex-start;gap:6px;margin-bottom:6px}
.board-complete-form{order:0;margin:0;flex-shrink:0}
.board-card-heading .board-title{flex:1;min-width:0;order:1;font-weight:400;overflow-wrap:anywhere}
.board-card-heading>[data-board-drag-handle]{order:2;flex-shrink:0}
.board-card-meta{margin-top:6px;gap:4px 6px}
.planning-week-items .planned-workitem{grid-template-rows:auto auto auto}
.planned-workitem>.planning-card-meta{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:3px 5px;min-width:0}
.planning-card-meta .type-badge,.planning-card-meta .category-badge{font-size:9px;padding:1px 3px;max-width:100%}
.planning-card-meta .repeat-indicator{font-size:10px}
.planning-card-meta .priority-badge{font-size:9px;padding:1px 3px}
@media(hover:hover) and (pointer:fine){
    .task-row .compact-actions>summary{opacity:0;transition:opacity .12s}
    .task-row:hover .compact-actions>summary,.task-row:focus-within .compact-actions>summary,.task-row .compact-actions[open]>summary{opacity:1}
}
@media(max-width:1200px){
    .overview-grid{grid-template-columns:1fr}
    .overview-section[data-planning-section]{grid-column:auto;grid-row:auto}
}
@media(max-width:600px){
    .task-list .task-row,.overview-section .compact-task-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;padding:14px 8px}
    .task-row .item-heading{display:flex}
    .task-row .task-secondary .heading-type-badge{display:none}
    .task-row .mobile-type-badge{display:inline-flex}
    .task-row .task-secondary:has(.task-meta:empty):not(:has(.task-context)){margin-top:0}
    .task-row .task-badges,.compact-task-row .task-badges{max-width:none;justify-content:flex-start;gap:5px}
    .task-row .compact-actions>summary{opacity:1;width:44px;height:44px}
    .overview-heading time{font-size:12px}
}

.detail-sidebar .detail-section > .row-button{display:inline-flex;align-items:center;gap:6px}

.board-scroll{overflow-anchor:none}