.plan-page{--plan-line:#d7dfe6;--plan-ink:#26394b;--plan-muted:#607182;--plan-blue:#eaf0f6;--plan-red:#fdeaea;--plan-yellow:#fff4d8;--plan-green:#e6f2ea;display:grid;gap:16px;padding:12px 4px 30px;color:var(--plan-ink)}
.plan-page *{box-sizing:border-box}
.plan-header,.plan-editor-head,.plan-toolbar,.plan-row,.plan-add-workspace,.plan-form-actions,.plan-ai-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}
.plan-header h2,.plan-editor h2,.plan-settings h2{margin:0 0 4px;font-size:20px}.plan-header p,.plan-scope-note{margin:0;color:var(--plan-muted)}
.plan-spaces,.plan-periods,.plan-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.plan-spaces{border-bottom:1px solid var(--plan-line);padding-bottom:10px}.plan-space{border:1px solid var(--plan-line);background:#fff;border-radius:8px;padding:9px 14px;color:var(--plan-ink);font-weight:600;cursor:pointer}.plan-space.active{background:var(--plan-blue);border-color:#aebfce;color:#234d72}.plan-space span{display:inline-block;min-width:20px;text-align:center;background:#f1f4f7;border-radius:12px;padding:1px 5px;margin-left:4px;font-size:11px}
.plan-space-group{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:5px 0}.plan-space-group.custom{padding-left:14px;margin-left:7px;border-left:2px solid #b7c8d6;background:#f8fafc;border-radius:0 8px 8px 0;padding-right:9px}.plan-space-group-label{font-size:11px;color:var(--plan-muted);margin-right:3px;white-space:nowrap}.plan-space-done{display:inline-block;margin-left:6px;color:#3f6a50;font-size:11px;font-weight:600}.plan-space.active .plan-space-done{color:#315d43}.plan-workspace-hint{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:9px 0;padding:9px 12px;border:1px solid #dfd2a3;border-radius:7px;background:#fff9e8;color:#725a1c;font-size:12px}.plan-workspace-hint .btn{flex:none}
.plan-toolbar{flex-wrap:wrap;justify-content:flex-start;background:#f6f9fb;border:1px solid var(--plan-line);border-radius:9px;padding:10px}.plan-toolbar>label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px}.plan-toolbar-actions{margin-left:auto}.plan-toolbar select{padding:6px 8px;border:1px solid var(--plan-line);border-radius:6px;background:#fff}.plan-assigned-filter input{accent-color:#315b80}.plan-periods .btn[aria-pressed=true]{background:#315b80;color:#fff;border-color:#315b80}.plan-periods .btn{min-height:30px}.plan-count{opacity:.8}
.plan-scope-note{font-size:12px}.plan-list{display:grid;gap:8px}.plan-list-group{font-size:14px;margin:13px 0 2px;padding-bottom:5px;border-bottom:1px solid var(--plan-line);color:#36556f}.plan-row{align-items:flex-start;background:#fff;border:1px solid var(--plan-line);border-left:4px solid #bbc8d3;border-radius:7px;padding:12px}.plan-row.overdue{border-left-color:#bf5860}.plan-row.done{border-left-color:#73a684;background:#fbfdfb}.plan-row.archived{background:var(--status-gray-bg,#d4d4d4);color:var(--status-gray-text,#3f3f3f)}.plan-row-main{min-width:0;flex:1}.plan-item-title{padding:0;margin:0;border:0;background:transparent;color:#234d72;font-size:14px;font-weight:700;text-align:left;cursor:pointer}.plan-item-title:hover{text-decoration:underline}.plan-row-main p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.plan-row-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:12px;color:var(--plan-muted)}.plan-row-meta>span{border:1px solid var(--plan-line);border-radius:5px;background:#f4f6f8;padding:2px 6px}.plan-row-meta .plan-priority.urgent,.plan-row-meta .plan-overdue{background:var(--plan-red);border-color:#ebc0c3;color:#9f343c}.plan-row-meta .plan-priority.high,.plan-row-meta .plan-deferred{background:var(--plan-yellow);border-color:#e8d69c;color:#745d17}.plan-row-meta .plan-priority.normal{background:var(--plan-blue);border-color:#c9d7e2;color:#315b80}.plan-row-meta .plan-priority.low{background:#f1f2f3;color:#636c74}.plan-row-meta .plan-done{background:var(--plan-green);border-color:#bcdcc7;color:#246642}.plan-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.plan-row-actions .btn{min-height:28px}.plan-empty{border:1px dashed #bfccd7;border-radius:8px;background:#f8fafb;padding:28px;text-align:center;color:var(--plan-muted)}
.plan-editor,.plan-settings,.plan-add-workspace{border:1px solid var(--plan-line);border-radius:9px;background:#fff;padding:16px;box-shadow:0 2px 12px #18314a0d}.plan-editor,.plan-settings{display:grid;gap:12px}.plan-editor-head{align-items:flex-start}.plan-editor form,.plan-settings form{display:grid;gap:12px}.plan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.plan-form-grid .wide{grid-column:1/-1}.plan-editor label,.plan-settings label,.plan-add-workspace label,.plan-comments label{display:grid;gap:4px;font-size:13px;font-weight:600}.plan-editor input:not([type=checkbox]),.plan-editor textarea,.plan-editor select,.plan-settings input:not([type=checkbox]),.plan-settings select,.plan-add-workspace input,.plan-comments textarea{width:100%;padding:8px 10px;border:1px solid #bbc9d5;border-radius:6px;background:#fff;color:var(--plan-ink);font:inherit}.plan-editor textarea,.plan-comments textarea{resize:vertical}.plan-assignees,.plan-dictation{border:1px solid var(--plan-line);border-radius:7px;padding:10px}.plan-assignees summary,.plan-dictation summary{cursor:pointer;font-weight:600}.plan-people-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:8px;margin-top:8px}.plan-people-list label{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:6px;align-items:center;border:1px solid var(--plan-line);border-radius:6px;padding:8px;font-weight:500}.plan-people-list small{grid-column:2;overflow-wrap:anywhere;color:var(--plan-muted)}.plan-people-list select{grid-column:1/-1;margin-top:4px}.plan-settings fieldset{border:1px solid var(--plan-line);border-radius:7px}.plan-settings legend{font-weight:700}.plan-add-workspace{justify-content:flex-start}.plan-add-workspace label{min-width:min(300px,100%)}.plan-comments ol{padding-left:20px}.plan-comments li{padding:8px 0;border-bottom:1px solid var(--plan-line)}.plan-comments li p{margin:4px 0;white-space:pre-wrap}.plan-comments time{margin-left:8px;color:var(--plan-muted);font-size:12px}.plan-ai-preview{display:grid;gap:5px;margin-top:10px;padding:12px;background:var(--plan-blue);border:1px solid #c6d5e0;border-radius:7px}.plan-ai-preview .btn{justify-self:start}.plan-page [data-plan-status][data-kind=error]{color:#9f343c}.plan-page [data-plan-status][data-kind=success]{color:#246642}.plan-page .btn.danger{color:#9f343c}
@media(max-width:760px){.plan-page{padding:8px 0}.plan-header,.plan-row,.plan-add-workspace{align-items:stretch;flex-direction:column}.plan-row-actions{justify-content:flex-start}.plan-form-grid{grid-template-columns:1fr}.plan-form-grid .wide{grid-column:auto}.plan-toolbar-actions{margin-left:0}.plan-people-list{grid-template-columns:1fr}}

.plan-inline-assignment{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:10px}.plan-inline-assignment label{display:grid;gap:4px;font-size:12px}.plan-inline-assignment select{min-width:220px;max-width:100%;padding:6px;border:1px solid #c7d2dc;border-radius:5px;background:#fff}.plan-assignee-chips{display:flex;gap:6px;flex-wrap:wrap}.plan-assignee-chips>span{display:inline-flex;align-items:center;gap:4px;background:#eaf1f6;border-radius:5px;padding:2px 4px 2px 8px}
.plan-task-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-top:10px;font-size:12px}.plan-task-controls>label,.plan-task-controls form>label{display:flex;flex-direction:column;gap:4px}.plan-task-controls details{max-width:600px}.plan-task-controls summary{cursor:pointer;padding:6px 0;color:var(--brand,#315879)}.plan-task-controls form{padding:10px;border:1px solid #d6e0e8;border-radius:7px;background:var(--surface,#fff)}.plan-task-controls form>label{margin-bottom:8px}.plan-audience{border:1px solid #d6e0e8;border-radius:7px;margin:12px 0;padding:10px}.plan-audience>label{display:flex;gap:8px;align-items:center}.plan-audience [hidden]{display:none}.plan-audience select,.plan-task-controls select{max-width:100%;padding:5px}.plan-task-controls .plan-people-list{max-height:220px;overflow:auto}.plan-archive-grants{margin:10px 0}

/* A task is one compact record. Field editors and its conversation open below it. */
.plan-list{gap:5px}.plan-row{display:block;padding:5px 8px;border-radius:5px;min-width:0}.plan-row-line{display:flex;align-items:center;gap:8px;min-height:31px;overflow-x:auto}.plan-row-line .plan-item-title{flex:1 0 150px;min-width:150px;max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.plan-row-line .plan-row-meta{margin:0;flex-wrap:nowrap;align-items:center;gap:4px}.plan-row-line .plan-row-actions{flex-wrap:nowrap;align-items:center;gap:4px;margin-left:auto}.plan-row-line .plan-row-actions>.btn{min-height:26px;padding:3px 6px;white-space:nowrap}.plan-chip{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;border:1px solid var(--status-gray-border,#8b8b8b);border-radius:4px;background:var(--status-gray-bg,#d4d4d4);color:var(--status-gray-text,#3f3f3f);padding:3px 6px;font:inherit;font-size:12px;line-height:1.4;flex-shrink:0}.plan-chip[data-plan-field]{cursor:pointer}.plan-chip:focus-visible,.plan-item-title:focus-visible{outline:2px solid #315b80;outline-offset:2px}.plan-row-meta .plan-priority.low{background:var(--status-green-bg,#ecf7ee);border-color:var(--status-green-border,#57a56b);color:var(--status-green-text,#276639)}.plan-row-meta .plan-priority.normal{background:var(--status-yellow-bg,#fff8e5);border-color:var(--status-yellow-border,#d2a249);color:var(--status-yellow-text,#674b1b)}.plan-row-meta .plan-priority.high{background:var(--status-red-bg,#fff0f0);border-color:var(--status-red-border,#cd6873);color:var(--status-red-text,#932d3a)}.plan-row-meta .plan-priority.urgent{background:#c62828;border-color:#a41d1d;color:#fff;font-weight:700}.plan-row-meta .plan-done{background:var(--status-green-bg,#ecf7ee);border-color:var(--status-green-border,#57a56b);color:var(--status-green-text,#276639)}.plan-thread-toggle{cursor:pointer;max-width:none}.plan-thread-toggle.unread{color:#8a2a35;background:var(--status-red-bg,#fff0f0);border-color:var(--status-red-border,#cd6873);font-weight:700}.plan-row .plan-comments,.plan-quick-editor{border-top:1px solid var(--plan-line);padding:12px 4px 6px;margin-top:5px}.plan-quick-editor{background:#f8fafc}.plan-quick-editor>button{float:right}.plan-quick-editor>form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:3px 8px}.plan-quick-editor label{display:grid;gap:4px;font-size:12px}.plan-quick-editor input:not([type=checkbox]),.plan-quick-editor select{padding:6px;border:1px solid var(--plan-line);border-radius:5px;background:#fff;font:inherit}.plan-quick-editor .plan-people-list{flex-basis:100%;max-height:220px;overflow:auto}.plan-quick-editor .plan-audience{flex-basis:100%;margin:0}.plan-row .plan-comments h3{margin:0;font-size:14px}.plan-comments ol{list-style:none;padding:0;margin:8px 0;max-height:360px;overflow:auto}.plan-comments li{font-size:13px;overflow-wrap:anywhere}.plan-comments form{display:flex;align-items:end;gap:8px}.plan-comments form>label{flex:1}.plan-comments textarea{min-height:50px;max-height:180px}.plan-comments form>.btn{flex-shrink:0}.plan-notifications{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.plan-notifications:empty{display:none}.plan-description summary{cursor:pointer;font-size:13px;color:var(--plan-muted)}.plan-description label{margin-top:7px}.plan-editor .plan-comments{display:none}.plan-editor-head h2{font-size:17px}
@media(max-width:760px){.plan-row{display:block}.plan-row-line{gap:5px}.plan-row-line .plan-item-title{flex-basis:150px}.plan-row .plan-row-actions{justify-content:flex-end}.plan-comments form{align-items:stretch;flex-direction:column}.plan-quick-editor>form{display:grid;grid-template-columns:1fr}.plan-comments .plan-editor-head{gap:5px}}
.plan-page{grid-template-columns:minmax(0,1fr);min-width:0}.plan-list{min-width:0}
.plan-row-description{margin:5px 0 2px;padding:5px 0 0;border-top:1px solid var(--plan-line);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;width:100%}
.plan-unsaved-dialog{width:min(520px,calc(100vw - 32px));border:1px solid #bccbd8;border-radius:9px;color:#26394b;padding:16px}.plan-unsaved-dialog::backdrop{background:#152b4266}.plan-unsaved-dialog h2{font-size:18px;margin:0}.plan-unsaved-dialog .plan-form-actions{flex-wrap:wrap;justify-content:flex-start}.plan-unsaved-dialog [role=alert]{color:#932d3a}
.plan-thread-toggle[aria-expanded="true"]{background:var(--status-blue-bg,#e8f0f8);border-color:var(--status-blue-border,#7599b9);color:var(--status-blue-text,#315b80);box-shadow:inset 0 0 0 1px currentColor}.plan-thread-toggle>span[aria-hidden]{display:inline-block;width:10px;text-align:center;font-weight:700}

.plan-space[data-plan-reorder]{cursor:grab}.plan-space[data-plan-reorder]:active{cursor:grabbing}
.plan-shared-origin{margin:2px 0 5px;font-size:12px;color:var(--plan-muted)}
.plan-author{font-size:12px;color:var(--plan-muted);white-space:normal;overflow-wrap:anywhere}dialog.plan-departure-dialog[open]{box-sizing:border-box;width:min(540px,calc(100vw - 24px))!important;height:auto!important;max-height:calc(100dvh - 24px);left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0;padding:14px;border:1px solid #bccbd8;border-radius:8px;color:#26394b;background:#fff;overflow:auto}.plan-departure-dialog::backdrop{background:#152b4266}.plan-departure-dialog .dialog-head{display:flex;align-items:center;gap:6px}.plan-departure-dialog h2{margin:0 auto 0 0;font-size:17px}.plan-departure-dialog .dialog-content{font-size:13px;line-height:1.45}.plan-departure-dialog label{display:grid;gap:5px}.plan-departure-dialog select{width:100%;max-width:100%;padding:6px}.plan-departure-dialog .plan-form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.plan-departure-dialog [role=alert]{color:#932d3a}

.plan-comments form{flex-wrap:wrap}.plan-comments form>label{flex:1 1 100%}.plan-comment-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.plan-comment-controls>[type=submit]{margin-left:auto}.plan-comment-controls>[role=status]{font-size:12px;font-weight:400}.plan-comment-controls .voice-text-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.plan-comment-controls .voice-meter{flex-basis:100%}

.plan-comments form>.plan-dictation{flex:1 1 100%;min-width:0;width:100%}
.plan-dictation>label{margin-top:12px}.plan-dictation summary{margin-bottom:8px}
.plan-page .plan-ai-controls{align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin:10px 0}
.plan-page .plan-ai-controls .voice-text-tools{display:contents}
.plan-page .plan-ai-controls label{display:grid;gap:4px;margin:0;font-size:13px;font-weight:600}
.plan-page .plan-ai-controls .btn,.plan-page .plan-ai-controls select,.plan-page .plan-comment-controls .btn{box-sizing:border-box;height:38px;min-height:38px;margin:0;padding:8px 12px;font-size:13px;line-height:20px;border:1px solid #bbc9d5;border-radius:6px}
.plan-page .plan-ai-controls select{min-width:130px;background:#fff;color:var(--plan-ink)}
.plan-page .plan-ai-controls [role=status],.plan-page .plan-ai-controls .voice-meter{flex-basis:100%;font-size:12px;font-weight:400}
.plan-page .plan-ai-preview{min-width:0}.plan-page .plan-ai-preview textarea{min-height:100px;max-height:none;width:100%}.plan-page .plan-ai-preview p{margin:0;white-space:pre-wrap}.plan-page .plan-ai-preview [role=status]:empty{display:none}
@media(max-width:560px){.plan-page .plan-ai-controls .btn{height:auto;min-height:38px;white-space:normal}.plan-page .plan-ai-preview .btn{max-width:100%;white-space:normal}}

.plan-mail-panel{margin:8px 0;font-size:13px;color:var(--muted,#526579)}.plan-mail-panel summary{cursor:pointer}.plan-mail-panel[open]{padding:12px;border:1px solid var(--line,#d4dfe6);border-radius:8px}.plan-mail-panel p{margin:8px 0}.plan-mail-panel select{max-width:100%}

.plan-files-dialog{width:min(1000px,94vw);max-height:92dvh;padding:0;overflow:hidden}.plan-files-dialog[open]{display:flex;flex-direction:column}.plan-files-dialog>.dialog-header{display:flex;align-items:center;gap:12px;padding:20px;flex:none;border-bottom:1px solid #bfd0df}.plan-files-dialog>.dialog-header>div:first-child{flex:1;min-width:0}.plan-files-dialog>.dialog-content{padding:20px;overflow:auto;min-height:0}.plan-files-dialog h2{margin:0}.plan-files-dialog .dialog-close{font-size:24px;border:0;background:none}
.plan-mail-recipients-trigger{float:right;margin:0 0 4px 8px}.plan-mail-recipients-dialog{width:min(480px,92vw);max-height:85vh;overflow:auto;border:1px solid #cbd9e6;border-radius:10px;padding:18px;color:#18354c;font:14px Arial,sans-serif}.plan-mail-recipients-dialog::backdrop{background:#18354c55}.plan-mail-recipients-dialog header,.plan-mail-recipients-dialog footer{display:flex;align-items:center;gap:10px;justify-content:space-between}.plan-mail-recipients-dialog h3{margin:0;font-size:17px}.plan-mail-recipients-dialog p{font-size:13px}.plan-mail-recipients-dialog button,.plan-mail-recipients-dialog input[type=email]{border:1px solid #cbd9e6;border-radius:4px;background:white;font:inherit;color:inherit;padding:6px 9px}.plan-mail-recipients-dialog input[type=checkbox]{width:17px;height:17px;accent-color:#315b80}.plan-recipient-work,.plan-recipient-row{display:flex;align-items:center;gap:8px;margin:10px 0}.plan-recipient-work strong{display:block;margin-top:3px;overflow-wrap:anywhere}.plan-recipient-row input[type=email]{flex:1;min-width:0}.plan-mail-recipients-dialog footer{justify-content:flex-end;margin-top:14px}.plan-mail-recipients-dialog [data-recipient-status]{min-height:18px;color:#965618}.plan-mail-recipients-dialog [data-recipient-add]{font-size:13px}
.plan-mail-recipients-dialog{margin:auto}
.plan-page .plan-row .plan-has-files{background:#d7f1e0;border-color:#29834c;color:#14532d;font-weight:700;box-shadow:inset 0 0 0 1px #29834c22}.plan-page .plan-row .plan-has-comments{background:#ffe5a3;border-color:#ae7300;color:#634100;font-weight:700}.plan-page .plan-row .plan-has-comments.unread{background:#b5323d;border-color:#94242d;color:#fff}.plan-page .plan-row .plan-has-files:hover{background:#bce5ca}.plan-page .plan-row .plan-has-comments:hover{background:#ffdb80}.plan-page .plan-row .plan-has-comments.unread:hover{background:#94242d}
.plan-archive-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border:1px solid #bccddd;border-radius:7px;background:#edf3f8;font-size:13px}.plan-archive-toolbar label{display:inline-flex;align-items:center;gap:6px}.plan-archive-toolbar select{max-width:100%;padding:5px 7px;border:1px solid #bccddd;border-radius:5px;background:#fff}.plan-archive-selection{display:inline-flex;align-items:center;flex:none;gap:5px}.plan-page .plan-archive-selection input[type=checkbox],.plan-archive-toolbar input[type=checkbox]{width:17px;height:17px;min-width:17px;margin:0;accent-color:#315b80}.plan-page .plan-row.plan-selected{background:#e8f2fb;outline:2px solid #3578ad;outline-offset:-2px}.plan-page [data-plan-archive-report]{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#315b80}.plan-page [data-plan-archive-report]:empty{display:none}
