.mg-layout{display:grid;grid-template-columns:minmax(0,1fr) calc((100% - 48px)/4);gap:16px;align-items:start}.mg-layout>*{min-width:0}.mg-screen{gap:16px}.mg-controls{padding:0!important}.mg-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mg-actions .catalog-add{padding-inline:16px}.mg-list-group+.mg-list-group{margin-top:16px}.mg-row{display:grid;grid-template-columns:24px minmax(130px,1fr) 80px 100px 102px 72px 108px 108px 32px;gap:12px;align-items:center;padding:0 12px;height:40px;min-height:40px;box-sizing:border-box;background:var(--surface-content);border-radius:12px;margin-top:8px;font-size:13px}.mg-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mg-row .td-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-row:hover{background:var(--surface-hover)}.mg-row.is-selected,.mg-card.is-selected{background:var(--selection)}.mg-columns{background:none!important;min-height:24px;color:var(--muted);font-size:12px;padding-block:0}.mg-late{color:var(--action-danger)}.mg-detail{position:sticky;top:0;max-height:calc(100dvh - 230px);overflow:auto;scrollbar-gutter:stable}.mg-task-title{font-size:20px!important;line-height:28px!important;font-weight:500;overflow-wrap:anywhere;margin:8px 0 16px!important}.mg-complete{width:100%;margin-bottom:16px}.mg-panel-tabs{padding:0;margin:0 0 24px;gap:8px;flex-wrap:wrap}.mg-panel-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:8px;flex:1 0 auto;background:var(--surface-content);white-space:nowrap}.mg-panel-tabs button[aria-pressed=true]{background:var(--selection);color:var(--text)}.mg-panel-tabs button[aria-pressed=true]:hover{background:var(--surface-selected-hover,var(--selection))}.mg-tab-count{font-size:12px;color:inherit;font-variant-numeric:tabular-nums}.mg-attach-action{display:grid;gap:8px;margin:-8px 0 16px}.mg-attach-action .cta{width:100%}.mg-section{margin-top:24px}.mg-section>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.mg-section h3,.mg-unscheduled h3{font-size:14px;line-height:20px;font-weight:500;margin:0}.mg-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:14px}.mg-detail-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--surface-content)}.mg-checkitem{display:grid;grid-template-columns:24px 1fr 24px;gap:8px;align-items:center}.mg-checkitem>span{overflow-wrap:anywhere}.mg-checkitem:has(input:checked)>span{text-decoration:line-through;color:var(--muted)}.mg-checkitem input:disabled{opacity:.5}.mg-material{margin-top:12px;padding:12px;background:var(--surface-content);border-radius:12px}.mg-material>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.mg-material a{color:var(--text);overflow-wrap:anywhere;min-width:0}.mg-photo{width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.mg-photo img{width:100%;max-height:240px;object-fit:contain;border-radius:8px}.mg-preview{width:100%;max-height:65vh;object-fit:contain}.mg-comment{padding:12px;background:var(--surface-content);border-radius:12px;margin:12px 0}.mg-comment small,.mg-history small{display:block;color:var(--muted);font-size:12px}.mg-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.mg-history{border-top:1px solid var(--surface-content);margin-top:24px;color:var(--muted);font-size:12px}.mg-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mg-form-pair>*{min-width:0}.mg-advanced{margin-top:8px}.mg-advanced summary{cursor:pointer;font-weight:500;padding-block:12px}.mg-advanced[open]{display:grid;gap:16px}.mg-advanced .mg-form-pair{margin-bottom:16px}.mg-dialog .catalog-control{max-width:100%;white-space:normal;text-align:left}.mg-expanded-dialog{width:min(960px,calc(100vw - 32px))!important;max-width:960px!important}.mg-expanded{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mg-expanded>.td-detail-fields{grid-column:1/-1;grid-template-columns:1fr 1fr}.mg-expanded .mg-section{margin-top:0}.mg-board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px;overflow:auto;padding-bottom:12px}.mg-lane{background:var(--surface-work);border-radius:14px;padding:12px;min-height:360px;transition:background 180ms}.mg-lane>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mg-lane h2{font-size:14px;font-weight:500}.mg-lane.is-dragover{background:color-mix(in srgb,var(--action-blue) 16%,var(--surface-work));outline:2px solid var(--action-blue);outline-offset:-2px}.mg-card{background:var(--surface-content);padding:12px;border-radius:12px;margin-bottom:8px;cursor:grab;transition:background 180ms,transform 180ms}.mg-card:hover{background:var(--surface-hover)}.mg-card:active{cursor:grabbing}.mg-card .td-title{width:100%;line-height:20px}.mg-card p{font-size:12px;color:var(--muted);margin:12px 0}.mg-card footer,.mg-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;align-items:center}.mg-card-meta{color:var(--muted);margin-top:8px}.mg-lane-add{width:100%;margin-top:8px}.mg-gantt{overflow:hidden}.mg-timeline-scroll{overflow:auto;max-height:60vh}.mg-timeline{min-width:100%;font-size:12px}.mg-timeline-head,.mg-timeline-row{display:grid;grid-template-columns:220px 1fr;min-height:48px}.mg-timeline-head{position:sticky;top:0;background:var(--surface-work);z-index:2;min-height:36px}.mg-timeline-head>span,.mg-timeline-row>.td-title{position:sticky;left:0;background:var(--surface-work);z-index:1;padding:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--surface-content)}.mg-timeline-head>div{display:grid;grid-template-columns:repeat(var(--days),36px);align-items:center;text-align:center}.mg-timeline-head .is-today{background:var(--action-blue);color:var(--on-action-hover);border-radius:8px;padding-block:8px}.mg-track{position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent 35px,var(--surface-content) 35px,var(--surface-content) 36px);border-bottom:1px solid var(--surface-content)}.mg-bar{position:absolute;top:8px;height:32px;border:0;border-radius:8px;background:var(--action-blue);color:var(--on-action-hover,#fff);padding:0 8px;font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:ew-resize;text-align:left;touch-action:none}.mg-unscheduled{margin-top:24px}.mg-unscheduled .cta{margin:4px}.mg-wide .mg-detail{max-height:calc(100dvh - 230px)}.mg-screen #mg-active-filters:empty,.mg-screen #mg-bulk:empty{display:none}.mg-dialog input[type=file]{height:auto;min-height:40px;padding:10px;max-width:100%}.mg-dialog input[type=file]::file-selector-button{border:0;border-radius:8px;padding:8px 12px;margin-right:12px;background:var(--surface-raised);color:var(--text);cursor:pointer}.mg-screen button:focus-visible{outline:2px solid var(--action-blue);outline-offset:2px}.mg-detail .td-detail-fields dd{font-size:13px}.mg-detail .pi-panel-head{gap:8px}.mg-detail .pi-panel-head .td-detail-kind{margin:0}.mg-detail .projects-more{flex-shrink:0}
.mg-timeline-body{position:relative}.mg-dependencies{position:absolute;left:220px;top:0;pointer-events:none;overflow:visible}.mg-dependencies path{fill:none;stroke:var(--muted);stroke-width:1.2;opacity:.65}.mg-bar{z-index:1}.mg-bar.is-done{background:var(--project-green)}.mg-screen .projects-status-label[data-status-tone]{background:color-mix(in srgb,var(--status-colour) 14%,var(--surface-work));color:var(--status-ink)}.mg-screen .mg-card.is-selected{box-shadow:inset 0 0 0 1px var(--muted)}.mg-reminders{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}.mg-reminders:empty{display:none}
@media(min-width:1700px){.mg-row{grid-template-columns:24px minmax(180px,1fr) 100px 120px 102px 80px 108px 108px 32px}}
@media(max-width:1700px){.mg-row{grid-template-columns:24px minmax(120px,1fr) 96px 72px 108px 108px 32px}.mg-row>.mg-person,.mg-row>.mg-space{display:none}.mg-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:1000px){.mg-layout{grid-template-columns:minmax(0,1fr) 260px}.mg-row{grid-template-columns:24px minmax(80px,1fr) 32px}.mg-row>.mg-status,.mg-row>.mg-priority,.mg-row>.mg-start,.mg-row>.mg-due,.mg-columns>span:nth-child(6){display:none}.mg-board{grid-template-columns:repeat(4,210px)}}
@media(max-width:700px){.mg-layout{grid-template-columns:1fr}.mg-detail{position:static;max-height:none}.mg-wide .mg-detail{max-height:none}.mg-controls{gap:16px}.mg-controls>.mg-actions{width:100%}.mg-form-pair,.mg-expanded{grid-template-columns:1fr}.mg-expanded>.td-detail-fields{grid-template-columns:1fr}.mg-timeline-head,.mg-timeline-row{grid-template-columns:160px 1fr}}
@media(prefers-reduced-motion:reduce){.mg-card,.mg-lane{transition:none}}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .mg-bar{background:var(--hc-fg);color:var(--hc-bg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .mg-screen .projects-status-label[data-status-tone]{background:var(--hc-bg);color:var(--hc-fg);outline:1px solid var(--hc-fg)}
@media(max-width:700px){.mg-dependencies{left:160px}}
.mg-detail .mg-complete.cta--secondary{background:var(--surface-raised);color:var(--project-completed-ink)}
.mg-detail .mg-complete.cta--secondary:hover{background:color-mix(in srgb,var(--project-green) 14%,var(--surface-work));color:var(--project-completed-ink);box-shadow:inset 0 0 0 1px currentColor}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .mg-detail .mg-complete.cta--secondary{background:var(--hc-bg);color:var(--hc-fg);outline:1px solid var(--hc-fg)}
.mg-toolbar-slot{position:relative;flex:0 0 auto;min-width:0;width:max-content;max-width:100%;height:40px;overflow:hidden}
.mg-toolbar-slot .mg-filter-tabs,.mg-bulk-actions{display:flex;flex-wrap:nowrap!important;align-items:center;gap:8px;height:40px;overflow-x:auto;overscroll-behavior-x:contain}
.mg-toolbar-slot .mg-filter-tabs[hidden]{display:flex!important;visibility:hidden}
.mg-toolbar-slot #mg-bulk{position:absolute;inset:0}
.mg-toolbar-slot #mg-bulk[hidden]{display:none!important}
.mg-toolbar-slot button,.mg-bulk-actions>span{flex-shrink:0;white-space:nowrap}
.mg-bulk-actions>.cta{height:40px;min-height:40px;padding-block:0}
.mg-bulk-actions>span{font-size:13px;color:var(--muted)}
.mg-bulk-actions [data-mg=deselect].cta{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}
.mg-bulk-actions [data-mg=deselect].cta:hover{background:transparent;color:var(--text);text-decoration:underline;text-underline-offset:3px}
.mg-controls>.mg-actions{flex-shrink:0}
.mg-view-controls{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;max-width:100%;margin-left:auto}
.mg-view-controls.is-wrapped{margin-left:0;justify-content:flex-start}
.mg-filter-button.catalog-control{width:40px;height:40px;min-width:40px;padding:0}
.mg-filter-button[data-active=true]{background:var(--selection)}
.mg-filter-button[aria-expanded=true]{background:var(--selection)}
.mg-screen>.mg-layout.is-panel-hidden{grid-template-columns:minmax(0,1fr)}
.mg-layout>.mg-detail[hidden]{display:none!important}
.mg-filter-button.catalog-control>svg{width:18px;height:18px;color:var(--text)}
.mg-filter-dialog .mg-filter-section{margin-top:8px;padding-top:16px;border-top:1px solid var(--surface-content)}
.mg-labeled-control{display:flex;align-items:center;gap:8px;min-width:0}
.mg-labeled-control>span{font-size:13px;color:var(--muted);white-space:nowrap}
.mg-controls.td-controls{justify-content:flex-start;gap:var(--space-2)}
.mg-labeled-control>.catalog-control{width:160px;min-width:160px;max-width:160px;justify-content:space-between}
.mg-labeled-control>.catalog-control>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mg-labeled-control>.catalog-control>svg{flex-shrink:0}
.mg-subgroup{padding:16px 12px 0;color:var(--muted)}
.mg-attach-action>.catalog-control{width:100%}
.po-navigation-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.po-navigation-row>.po-management-tabs{flex:1;min-width:0}
.po-navigation-row>.catalog-add{flex-shrink:0;margin-left:auto;padding-inline:16px}
@media(max-width:500px){.mg-navigation-row{flex-wrap:wrap}.mg-navigation-row>.po-management-tabs{flex-basis:100%}}
.mg-layout>#mg-content,.mg-layout>.mg-detail,.mg-board,.mg-timeline-scroll{overscroll-behavior:contain}
@media(min-width:701px){
 main:has(>.mg-screen){display:flex;min-height:0;overflow:hidden;scrollbar-gutter:auto;padding-right:12px}
 main>.mg-screen{flex:1;min-height:0;min-width:0;padding-bottom:0;overflow:hidden}
 .mg-screen>.mg-layout{flex:1;min-height:0;overflow:hidden;align-items:stretch}
 .mg-screen>.mg-layout>#mg-content{min-height:0;overflow:auto;scrollbar-gutter:stable}
 .mg-screen>.mg-layout>.mg-detail{position:static;min-height:0;height:100%;max-height:none;overflow:auto}
 .mg-screen>.pi-page-head,.mg-screen>.mg-controls,.mg-screen>.mg-reminders,.mg-screen>#mg-active-filters,.mg-screen>#mg-bulk{flex-shrink:0}
}
.td-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;flex-wrap:wrap}
.td-toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.td-toolbar-actions>[data-td-add]{padding-inline:16px}
.td-controls .library-tabs{gap:8px;flex-wrap:wrap}
.td-controls .library-tabs button{background:var(--surface-content);color:var(--text)}
.td-controls .library-tabs button:hover{background:var(--surface-hover)}
.td-controls .library-tabs button[aria-pressed=true]{background:var(--selection)}
.td-controls .library-tabs button[aria-pressed=true]:hover{background:var(--surface-selected-hover,var(--selection))}
.td-controls [data-td-filter=open]{--td-tone:var(--project-blue);--td-ink:var(--project-progress-ink)}
.td-controls [data-td-filter=today]{--td-tone:var(--project-amber);--td-ink:var(--project-planning-ink)}
.td-controls [data-td-filter=overdue]{--td-tone:var(--action-danger);--td-ink:var(--action-danger)}
.td-controls [data-td-filter=done]{--td-tone:var(--project-green);--td-ink:var(--project-completed-ink)}
.td-controls .library-tabs [data-td-filter]:not([data-td-filter=all]){border-radius:8px;background:color-mix(in srgb,var(--td-tone) 14%,var(--surface-work));color:var(--td-ink)}
.td-controls .library-tabs [data-td-filter]:not([data-td-filter=all]):hover{background:color-mix(in srgb,var(--td-tone) 22%,var(--surface-work))}
.td-controls .library-tabs [data-td-filter]:not([data-td-filter=all])[aria-pressed=true]{background:color-mix(in srgb,var(--td-tone) 24%,var(--surface-work));box-shadow:inset 0 0 0 1px currentColor}
:is([data-theme=light],[data-theme=dark]) .td-controls .library-tabs [data-td-filter]:not([data-td-filter=all]){background:var(--surface-content)}
:is([data-theme=light],[data-theme=dark]) .td-controls .library-tabs [data-td-filter]:not([data-td-filter=all]):hover{background:var(--surface-hover)}
:is([data-theme=light],[data-theme=dark]) .td-controls .library-tabs [data-td-filter]:not([data-td-filter=all])[aria-pressed=true]{background:color-mix(in srgb,var(--td-tone) 14%,var(--surface-work));box-shadow:inset 0 0 0 1px currentColor}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .td-controls .library-tabs [data-td-filter]:not([data-td-filter=all]){background:var(--hc-bg);color:var(--hc-fg);outline:1px solid var(--hc-fg)}
:is([data-theme=yellow-black],[data-theme=black-yellow]) .td-controls .library-tabs [data-td-filter]:not([data-td-filter=all])[aria-pressed=true]{background:var(--hc-fg);color:var(--hc-bg)}
#td-lists{display:grid;gap:16px}
.td-count{font-size:13px;font-weight:400;color:var(--muted)}
.td-row,.td-columns{display:grid;grid-template-columns:24px minmax(0,1fr) 96px 116px 32px;gap:12px;align-items:center;padding:8px 12px}
.td-columns{font-size:12px;color:var(--muted);padding-block:0 8px}
.td-row{min-height:56px;background:var(--surface-content);border-radius:var(--radius-content);margin-top:8px;cursor:pointer}
.td-row:hover{background:var(--surface-hover)}.td-row.is-selected{background:var(--selection)}.td-row.is-selected:hover{background:var(--surface-selected-hover,var(--selection))}
.td-row .td-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-due,.td-priority{white-space:nowrap}
.td-layout{display:grid;grid-template-columns:minmax(0,1fr) calc((100% - 48px)/4);gap:16px;align-items:start}
.td-layout>#td-lists{min-width:0}.td-detail{min-width:0;position:sticky;top:0;max-height:calc(100dvh - 260px);overflow:auto}
.td-detail-kind{font-size:12px;color:var(--muted);margin:0 0 8px}.td-screen .td-detail-title{font-size:20px;line-height:28px;font-weight:500;overflow-wrap:anywhere;margin:0 0 24px}
.td-detail-fields{display:grid;gap:12px;margin:0}.td-detail-fields>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px}.td-detail-fields dt{font-size:12px;color:var(--muted)}.td-detail-fields dd{margin:0;font-size:13px;overflow-wrap:anywhere}
.td-detail-notes{margin:24px 0}.td-detail-notes p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:14px}.td-detail-history{padding-top:16px;border-top:1px solid var(--surface-content)}
.td-title{min-width:0;text-align:left;border:0;background:transparent;color:var(--text);padding:0;font:inherit;cursor:pointer}.td-title strong{display:block;font-weight:500;overflow-wrap:anywhere}.td-title small,.td-due small{display:block;font-size:12px;line-height:20px;color:var(--muted);margin-top:4px}
.td-priority{font-size:12px;color:var(--muted)}.td-due{font-variant-numeric:tabular-nums}.td-due.is-overdue span,.td-due.is-overdue small{color:var(--action-pink)}.td-row.is-done .td-title strong{text-decoration:line-through;color:var(--muted)}
.td-check{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;cursor:pointer}.td-check input{position:absolute;opacity:0;width:24px;height:40px;margin:0}.td-check input:checked+.catalog-check{background:var(--text);color:var(--surface-work)}.td-check input:checked+.catalog-check svg{opacity:1}.td-check:has(input:focus-visible){outline:2px solid var(--text);outline-offset:2px;border-radius:4px}
.td-empty{padding:24px 12px;color:var(--muted)}.td-empty h3{color:var(--text);font-size:16px;font-weight:500;margin:0 0 4px}.td-empty p{margin:0}
.td-check .catalog-check{pointer-events:none}.td-check input:disabled{cursor:not-allowed}.td-check:has(input:disabled){opacity:.5;cursor:not-allowed}
@media(max-width:1100px){.td-layout{grid-template-columns:minmax(0,1fr) minmax(240px,1fr)}.td-row,.td-columns{grid-template-columns:24px minmax(0,1fr) 32px}.td-priority,.td-due,.td-columns>span:nth-child(3),.td-columns>span:nth-child(4){display:none}}
@media(max-width:700px){.td-layout{grid-template-columns:1fr}.td-detail{position:static;max-height:none}}
.mg-sort-heading{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-1);min-width:0;min-height:24px;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer;white-space:nowrap}
.mg-sort-heading svg{width:12px;height:12px;flex-shrink:0}
.mg-sort-heading:hover,.mg-sort-heading[data-active=true]{color:var(--text)}
.mg-group-toggle{display:flex;align-items:center;gap:var(--space-2);max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.mg-group-toggle>svg{width:16px;height:16px;flex-shrink:0;color:var(--muted)}
.mg-group-toggle[aria-expanded=false]>svg{transform:rotate(-90deg)}
.mg-group-toggle:hover>svg{color:var(--text)}
.mg-list-group.is-collapsed>.pi-panel-head{margin-bottom:0}
.mg-person-avatar{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:28px;height:28px;border-radius:var(--radius-control)}
.mg-person-avatar>.ct-avatar{width:28px;height:28px;min-width:28px;font-size:11px}
.mg-person-unassigned{background:var(--surface-raised);color:var(--muted)}
.mg-person-avatar:focus-visible{outline:2px solid var(--action-blue);outline-offset:2px}
.mg-row>span.mg-person{overflow:visible}
.mg-avatar-stack{display:inline-flex;align-items:center;padding-inline:2px;vertical-align:middle}
.mg-avatar-stack>.mg-person-avatar{position:relative;width:28px;height:28px;box-shadow:0 0 0 2px var(--surface-content)}
.mg-avatar-stack>.mg-person-avatar+.mg-person-avatar{margin-left:-8px}
.mg-avatar-stack>.mg-person-avatar>.ct-avatar{width:28px;height:28px;min-width:28px;font-size:11px}
.mg-avatar-stack>.mg-person-avatar:hover,.mg-avatar-stack>.mg-person-avatar:focus-visible{z-index:1}
.mg-inline-value{display:block;max-width:100%;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:inherit;font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.mg-inline-value:hover{background:var(--surface-hover);box-shadow:0 0 0 4px var(--surface-hover)}