:root{
 --surface:#ffffff;--canvas:#f6f5f0;--ink:#203329;--muted:#637468;--line:#e1e7de;
 --green:#28654b;--green-light:#e8f2eb;--orange:#c87435;--danger:#b44b40;
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-nav{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line);margin:28px 0 24px;padding:0 2px}
.nav-item,.tab-button{padding:13px 17px;background:transparent;border-radius:10px 10px 0 0;color:#55695e;white-space:nowrap;font-weight:650;box-shadow:none}
.nav-item.active,.tab-button.active{color:#175b40;background:#e8f2eb;box-shadow:inset 0 -3px 0 #338665}
.work-panel{min-height:250px}
.section-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}
.section-heading .eyebrow{font-size:.73rem;margin:0 0 5px}
.section-heading h2{font-size:clamp(1.55rem,3vw,2rem);line-height:1.15;letter-spacing:-.02em;margin:0}
.add-row{display:flex;gap:10px;margin-bottom:24px}
.add-row input{flex:1;min-width:90px}
input:not([type="checkbox"]),textarea,select{font:inherit;color:var(--ink);border:1px solid #ced8ce;background:white;border-radius:10px;padding:11px 12px;min-height:44px}
input:focus,textarea:focus,select:focus{outline:2px solid #72b795;outline-offset:1px}
select{max-width:100%}
.project-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.project-card{text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:165px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:17px;padding:18px 18px 15px;box-shadow:0 2px 16px #192f2206;transition:border-color .15s,transform .15s}
.project-card:hover{border-color:#88ae96;transform:translateY(-1px)}
.project-card-top{display:flex;align-items:center;justify-content:space-between}
.project-icon{display:grid;place-items:center;background:#e6f0e9;border-radius:11px;width:43px;height:43px;font-size:26px;color:#276a51}
.role-chip{font-size:.7rem;border-radius:999px;background:#ecf0eb;padding:5px 9px;color:#51695c}
.project-card-title{font-size:1.08rem;line-height:1.2;flex:1;overflow-wrap:anywhere}
.project-card-info{font-size:.78rem;color:var(--muted)}
.empty-state{background:#fff;border:1px dashed #c3d1c4;border-radius:16px;padding:32px;text-align:center;color:var(--muted)}
.empty-state h3{margin-top:0;color:var(--ink)}
.subtle-button{border:0;background:none;color:#376c52;padding:8px 6px;cursor:pointer;text-align:left;font-weight:600}
.subtle-button:hover{text-decoration:underline}
.project-heading{margin-top:13px}
.project-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:18px}
.tab-panel{padding:8px 0 30px}
.tab-panel h3{font-size:1.16rem}
.task-form{border-radius:15px;border:1px solid var(--line);background:white;padding:14px;margin-bottom:18px;display:flex;flex-direction:column;gap:12px}
.task-form>input{width:100%;border-color:transparent!important;font-weight:600;font-size:1.05rem}
.task-form-options{display:flex;align-items:flex-end;flex-wrap:wrap;gap:9px}
.task-form-options label{display:flex;flex-direction:column;gap:4px;font-size:.73rem;color:#65756b}
.task-form-options select,.task-form-options input{font-size:.83rem;min-height:37px;padding:6px 9px}
.task-form-options button{min-height:37px;padding:9px 13px;margin-left:auto;font-size:.85rem}
.task-controls{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#647368;font-size:.8rem;margin:12px 0}
.task-controls label{display:flex;gap:5px;align-items:center}
.task-controls select{padding:4px 7px;min-height:31px;font-size:.8rem}
.task-tree{border:1px solid var(--line);border-radius:15px;background:white;overflow:hidden}
.task-row{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 13px 8px calc(10px + var(--depth,0)*19px);border-bottom:1px solid #edf0ec;flex-wrap:wrap}
.task-row:last-child{border-bottom:0}
.task-row.completed .task-title{text-decoration:line-through;color:#859187}
.task-row:hover{background:#fbfcfa}
.expander{background:transparent;color:#50715e;border-radius:6px;padding:5px;min-width:22px;min-height:25px;flex-shrink:0}
.expander:disabled{opacity:.3;cursor:default}
.task-check{width:19px;height:19px;flex:0 0 19px;accent-color:#378568;cursor:pointer}
.task-check:disabled{cursor:default;opacity:.6}
.task-title{background:transparent;color:#283c30;padding:2px;min-height:28px;flex:1 1 145px;text-align:left;border-radius:4px;font-weight:520;overflow-wrap:anywhere}
.task-title:hover{text-decoration:underline}
.task-priority{padding:4px 7px;border-radius:7px;font-size:.7rem;font-weight:700;white-space:nowrap}
.p-urgent{background:#fee7e3;color:#a74231}
.p-high{background:#fff0dc;color:#ab601c}
.p-normal{background:#edf1e9;color:#486e54}
.p-low{background:#f0f1f2;color:#73777d}
.task-meta{font-size:.73rem;color:#65786a;white-space:nowrap}
.task-assignee{font-size:.71rem;background:#eaf3ef;border-radius:999px;padding:4px 8px;color:#2e7659;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-add-child{background:#ecf2ed;color:#2e6950;padding:4px 8px;border-radius:8px;font-size:1.1rem;line-height:1;min-height:27px}
.empty-task-message{padding:26px;color:#7b8981;text-align:center;font-size:.9rem}
.note-explainer{font-size:.87rem;color:#637369;max-width:72ch}
.note-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 10px}
.note-toolbar button{padding:9px 12px;font-size:.82rem}
#note-status{font-size:.76rem;color:#6c8373;margin-left:auto}
#note-status[data-state="error"]{color:#a64034}
#note-status[data-state="saved"]{color:#25734f}
.note-editor{width:100%;min-height:380px;line-height:1.7;resize:vertical;padding:23px;background:#fff;border:1px solid var(--line);border-radius:13px;font-size:.98rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.note-preview{min-height:380px;padding:22px 26px;background:white;border:1px solid var(--line);border-radius:13px;line-height:1.7;word-break:break-word}
.note-preview h1{font-size:1.55rem;margin:12px 0 16px;max-width:unset}
.note-preview h2{font-size:1.28rem;margin:12px 0}
.note-preview h3{font-size:1.1rem;margin:12px 0}
.note-preview p{margin:6px 0;color:var(--ink)}
.note-bullet::before{content:"•";margin-right:10px;color:#7aa48a}
.note-space{height:13px}
.note-check-row{display:flex;align-items:baseline;gap:9px;margin:7px 0}
.note-check-row input{accent-color:#39886b}
.inline-task{display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:3px 8px;background:#e9f2ea;border:1px solid #d6e5d9;color:#225840;font-size:.88em}
.inline-task.completed span{text-decoration:line-through;opacity:.66}
.inline-task input{accent-color:#2f8062;cursor:pointer}
.invalid-reference{color:#ae5038;font-size:.8rem}
.note-link{color:#216f9b;text-decoration:underline}
.note-conflict{border-radius:10px;background:#fff3df;border:1px solid #eacb9e;padding:10px 16px;margin-top:10px;font-size:.86rem}
.member-row{display:flex;gap:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 5px;border-bottom:1px solid var(--line)}
.member-info{flex:1;min-width:140px;display:flex;flex-direction:column;gap:3px}
.member-info small{color:#708176;font-size:.77rem}
.member-role{font-size:.82rem;min-height:37px;padding:6px 8px}
.member-invite{background:#fff;border:1px solid var(--line);padding:16px;border-radius:13px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:22px}
.member-invite label{font-size:.76rem;color:var(--muted)}
.member-invite button{padding:11px 15px}
.inline-message{min-height:20px;color:#347555;font-size:.86rem}
.inline-message[data-alert="true"]{color:#a13e36}
.task-dialog{border:1px solid var(--line);border-radius:17px;width:min(96vw,570px);padding:23px;background:white;box-shadow:0 20px 80px #17291f30;color:var(--ink)}
.task-dialog::backdrop{background:#10261b85}
.task-dialog h3{margin:0 0 18px}
.task-dialog form>label{display:flex;flex-direction:column;gap:5px;font-size:.8rem;color:var(--muted)}
.task-dialog form>label input{font-size:1rem;font-weight:600}
.task-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}
.task-edit-grid label{display:flex;flex-direction:column;font-size:.77rem;color:var(--muted);gap:5px}
.task-edit-grid input,.task-edit-grid select{font-size:.85rem}
.dialog-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;margin-top:20px}
.dialog-actions button{font-size:.82rem;padding:10px}
@media(min-width:1000px){.page{max-width:1120px}.panel{max-width:800px}.project-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .work-nav{margin-top:18px}
 .add-row{flex-direction:column}
 .project-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .task-form-options{align-items:stretch}
 .task-form-options label{flex:1}
 .task-form-options button{width:100%;margin:2px 0 0}
 .task-row{gap:6px;padding:8px 6px 8px calc(4px + var(--depth,0)*11px)}
 .task-meta,.task-assignee{font-size:.68rem}
 .task-priority{font-size:.67rem}
 .task-edit-grid{grid-template-columns:1fr}
 .note-preview{padding:18px}
}
@media(max-width:370px){.project-cards{grid-template-columns:1fr}}