/* The weekly ring intentionally keeps a light center and dark figures in both themes. */
html .portal-ring,html[data-theme="dark"] .portal-ring{background:linear-gradient(135deg,#64d2ff 5%,#5e5ce6 60%,#bf5af2 100%)}
html .portal-ring:before,html[data-theme="dark"] .portal-ring:before{background:#f5f5f7}
html .portal-ring b,html[data-theme="dark"] .portal-ring b{color:#48484a}
html .portal-ring b small,html .portal-ring em,html[data-theme="dark"] .portal-ring b small,html[data-theme="dark"] .portal-ring em{color:#636366}
.modal-shell.centered:has(.engagement-workspace){padding:16px}
.drawer.dialog.engagement-workspace{width:min(1480px,100%);max-width:none;height:calc(100dvh - 32px);max-height:none;display:flex;flex-direction:column}
.engagement-workspace>.drawer-head{padding:22px 28px;flex-shrink:0}
.engagement-workspace>.drawer-foot{flex-shrink:0;gap:20px;padding:16px 28px}
.engagement-workspace-tabs{display:flex;gap:8px;flex-shrink:0;padding:12px 28px;overflow:auto;border-bottom:1px solid var(--line);background:var(--paper)}
.engagement-workspace-tabs button{border:1px solid var(--line);background:var(--canvas);color:var(--ink);border-radius:10px;padding:10px 16px;white-space:nowrap;cursor:pointer;font-weight:600}
.engagement-workspace-tabs button[aria-current="page"]{color:var(--ink);background:color-mix(in srgb,var(--blue) 18%,var(--paper));border-color:var(--blue)}
.engagement-workspace-tabs button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.engagement-workspace .engagement-workspace-content{display:block;flex:1;min-height:0;overflow:auto;padding:28px;scroll-padding:24px;background:var(--canvas)}
.engagement-workspace-content>section,.engagement-workspace-content form>section,.engagement-workspace-summary>section,.engagement-time-layout>section{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper);min-width:0;margin-bottom:20px}
.engagement-workspace-summary,.engagement-time-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.engagement-workspace-content h3{margin:0 0 12px}
.engagement-workspace-content p{line-height:1.6}
.engagement-workspace-content .field{display:grid;gap:8px}
.engagement-workspace-content textarea{width:100%;min-height:120px;resize:vertical}
.engagement-workspace-content .onboarding-phase-grid{gap:16px}
.engagement-workspace-content .onboarding-phase{margin:0;padding:18px}
.engagement-workspace-content .onboarding-phases{margin-top:20px}
.engagement-shared-notes p,.engagement-work-entry p{white-space:pre-wrap;overflow-wrap:anywhere}
.engagement-work-entry{display:flex;gap:12px;justify-content:space-between;align-items:start;border-top:1px solid var(--line);padding:18px 0}
.engagement-work-entry small{display:block;margin-top:6px;color:var(--muted)}
.engagement-work-entry .button{flex-shrink:0}
.engagement-phase-editor{border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:14px}
.engagement-phase-editor summary{cursor:pointer;padding:4px 0;line-height:1.5}
.engagement-phase-editor summary span{float:right;color:var(--muted);font-size:13px}
.engagement-phase-editor .form-grid{margin-top:20px}
.engagement-workspace [role="alert"]{color:var(--red);white-space:pre-wrap}
@media(max-width:800px){.engagement-workspace-summary,.engagement-time-layout{grid-template-columns:1fr;gap:0}.modal-shell.centered:has(.engagement-workspace){padding:0}.drawer.dialog.engagement-workspace{height:100dvh;border-radius:0}.engagement-workspace .engagement-workspace-content{padding:16px}.engagement-workspace>.drawer-head,.engagement-workspace-tabs{padding:16px}.engagement-workspace>.drawer-foot .muted{display:none}.engagement-workspace-content .onboarding-phase-grid{grid-template-columns:1fr}.engagement-phase-editor summary span{float:none;display:block}}