/* A near-white gray canvas, white cards and controls without a header band. */
:root{--workspace-canvas:#f7f7f8}
body.studio-room[data-client-active=true],body.studio-room[data-client-active=true] .room-main:has(#sign-in[hidden]),
.team-room .room-main:has(#team-space:not([hidden])),.team-room #team-space,.team-main{background:var(--workspace-canvas)}
.client-topbar,.team-topbar{background:transparent;border:0;box-shadow:none;justify-content:flex-end;min-height:64px;padding:10px 36px;z-index:55}
.client-topbar{pointer-events:none}.client-topbar>*{pointer-events:auto}
.client-topbar .menu-toggle,#team-menu-button{margin-right:auto}
.workspace-tools{display:flex;align-items:center;gap:18px}
.workspace-tool-button,.client-topbar .workspace-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 10px;border:0;border-radius:7px;background:#fff;color:#242424;font-size:13px;line-height:1.5;font-weight:500;cursor:pointer}
.workspace-tool-button:hover,.client-topbar .workspace-tool-button:hover{background:#fff3ef}
.workspace-tool-button svg{width:20px;height:20px;flex:none}
.workspace-notifications{position:relative}
.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#174b85;color:#fff;font-size:11px;font-weight:600;flex:none}
.workspace-notification-panel{position:absolute;right:0;top:calc(100% + 12px);width:350px;max-width:calc(100vw - 36px);padding:26px;background:#fff;border:1px solid #e2e2e2;border-radius:14px;box-shadow:0 12px 40px #00000012;z-index:65}
.workspace-notification-panel .eyebrow{font-size:10px;color:#404040;margin:0 0 12px;letter-spacing:.12em}
.workspace-notification-panel h2{font-family:Georgia,serif;font-size:25px;line-height:1.4;font-weight:400;margin:0 0 14px}
.workspace-notification-panel p{font-size:14px;line-height:1.8;color:#303030;margin:0 0 14px}
.workspace-notification-panel .text-button{font-size:13px;min-height:44px}
.workspace-notification-panel .status{margin:12px 0 0;min-height:0}.workspace-notification-panel .status:empty{display:none}
.notification-list{list-style:none;padding:0;margin:18px 0 8px;max-height:330px;overflow-y:auto;overscroll-behavior:contain}
.notification-list li+li{margin-top:10px}
.notification-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #d5e3f5;border-radius:9px;background:#f6faff;color:#171717;text-align:left;font-size:14px;line-height:1.7}
.notification-list button:hover{border-color:#7194be;background:#edf5ff}.notification-list button>span:first-child{min-width:0;overflow-wrap:anywhere}
.notification-list small{display:block;font-size:12px;color:#254e7a;margin-top:3px}
.client-sidebar,.team-room .team-sidebar{border-right-color:#e7e7e7}
.client-next-action{background:#fcfcfc;border:1px solid #eee}
.project-progress li,.phase-screen,.resource-link,.client-service-card,#workspace-brief{border-color:#e5e5e5}
.phase-screen,.resource-link,.client-service-card{box-shadow:0 3px 20px #00000002}
.team-client-list button[aria-current=true]{background:#fff9f6;border-color:#dfcfc8;box-shadow:inset 3px 0 #cf7862}
.work-card,.team-project,.team-client-column,.team-members-panel,.team-stats>div,.team-filters{border-color:#e5e5e5}
.board-column,.identity-card,.client-summary-grid>div,.reply-context,.team-empty-mark{background:#fcfcfc}
.conversation>li:not(.ops-empty),.conversation>li[data-sender=internal],.client-conversation li{background:#fff;border-color:#e0e0e0}
.team-room .sidebar-footer .sidebar-staff{display:block;grid-column:1/-1;font-size:11px;line-height:1.8;color:#333;margin:0;overflow-wrap:anywhere}
.team-room .team-main .room-test{position:static;display:table;width:fit-content;padding:6px 10px;margin:0 0 18px;border-color:#e4dccb;background:#fffdf8;font-size:10px;color:#444}
body.studio-room[data-client-active=true] .room-test{background:#fffdf8;border-color:#e4dccb}
/* Keep the original dark studio entry separate from the light workspaces. */
body.studio-room:has(#sign-in:not([hidden])),body.studio-room[data-page=password]{min-height:100svh;background:#18221f}
.room-main:has(#sign-in:not([hidden])),.room-main:has(#password-space){flex:1;min-height:0}
.team-room .room-main:has(#sign-in:not([hidden])){align-items:center}
.room-sign-in :is(.intro,label){font-size:16px}.room-sign-in .status,.room-sign-in .helper{font-size:14px}
.room-sign-in .button:hover{background:#eee;border-color:#eee;color:#171717}
.room-sign-in :is(a,button):focus-visible{outline-color:#fff}
.auth-footer{width:100%;max-width:none;min-height:44px;margin:0;padding:10px 24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 20px;background:#fff;color:#444;font-size:12px;line-height:1.7;border-top:1px solid #e7e7e7;flex-shrink:0}
.auth-footer p{margin:0}.auth-footer nav{display:flex;align-items:center;gap:18px}
.auth-footer a{color:inherit;text-underline-offset:4px}.auth-footer .auth-hq-link{color:inherit;font-weight:600;text-decoration:underline}
.auth-footer a:hover{color:#171717}.auth-footer a:focus-visible{outline-color:#444}
body.studio-room[data-client-active=true] .auth-footer,.team-room:has(#team-space:not([hidden])) .auth-footer{display:none}
@media(min-width:961px){.team-room #team-space{grid-template-rows:64px minmax(0,1fr)}.team-main{padding-top:26px}}
@media(max-width:960px){.team-topbar{padding:10px 22px;min-height:64px}.team-topbar .menu-toggle{min-height:44px}.team-room .sidebar-footer .sidebar-staff{margin-bottom:14px}.team-main{padding-top:24px}}
@media(max-width:800px){.client-topbar{padding:10px 24px;min-height:66px;justify-content:space-between}.workspace-tool-button .tool-label{display:none}.workspace-tools{gap:16px}.workspace-tool-button{position:relative}.workspace-tool-button .notification-count{position:absolute;top:0;right:-5px}.workspace-notification-panel{right:0}}
@media(max-width:520px){.client-topbar,.team-topbar{padding-left:18px;padding-right:18px}.workspace-tools{gap:12px}.workspace-notification-panel{padding:24px 20px}.workspace-notification-panel h2{font-size:23px}.room-sign-in :is(.intro,label){font-size:15px}}

/* Shared status colors: vivid signals on a white canvas, with readable labels. */
:root{--status-complete:#ff595c;--status-in-progress:#171717;--status-todo:#ffd348;--status-unread:#2b64dd;--status-blocked:#f59a23}
.work-pill:is([data-status=design],[data-status=development],[data-status=kickoff],[data-status=in_progress]){background:var(--status-in-progress);border-color:var(--status-in-progress);color:#fff}
.work-pill:is([data-status=brief],[data-status=review],[data-status=todo]){background:var(--status-todo);border-color:var(--status-todo);color:#3d2a00}
.work-pill:is([data-status=done],[data-status=live]){background:var(--status-complete);border-color:var(--status-complete);color:#171717}
.work-pill[data-status=unread],.notification-count{background:var(--status-unread);border-color:var(--status-unread);color:#fff}
.work-pill[data-status=blocked]{background:var(--status-blocked);border-color:var(--status-blocked);color:#3d2600}
.work-stats>div[data-attention=true]{border-top-color:var(--status-todo);background:#fffdf5}
.work-stats>div[data-attention=true][data-metric=blocked]{border-color:var(--status-blocked);background:#fffaf2}
.work-stats>div[data-attention=true][data-metric=unread]{border-color:var(--status-unread);background:#fafcff}
.work-stats>div[data-attention=true][data-metric=unread] strong{color:var(--status-unread)}
.ops-list>li[data-attention=unread]{border-left-color:var(--status-unread);background:#fafcff}
.notification-list button{background:#fff;border-color:#d8e4fb;border-left:3px solid var(--status-unread)}
.notification-list button:hover{background:#f7faff;border-color:var(--status-unread)}
.project-progress li[data-state=complete]{background:var(--status-complete);border-color:var(--status-complete);color:#171717}
.project-progress li[data-state=complete] .step-number{background:#fff;border-color:#171717;color:#171717}
.project-progress li[data-state=current]{background:var(--status-in-progress);border-color:var(--status-in-progress);color:#fff}
.project-progress li[data-state=current] .step-number{background:#fff;border-color:#fff;color:#171717}
.project-progress li:is([data-state=complete],[data-state=current]) .step-state{color:inherit}
.stage-label{background:var(--status-in-progress);border-color:var(--status-in-progress);color:#fff}
.phase-screen:is([data-phase=brief],[data-phase=review]) .stage-label{background:var(--status-todo);border-color:var(--status-todo);color:#3d2a00}
.phase-screen[data-phase=live] .stage-label{background:var(--status-complete);border-color:var(--status-complete);color:#171717}
.care-history .care-status-pill{background:var(--status-todo);border-color:var(--status-todo);color:#3d2a00}
.care-history .care-status-pill[data-status=in_progress]{background:var(--status-in-progress);border-color:var(--status-in-progress);color:#fff}
.care-history .care-status-pill[data-status=blocked]{background:var(--status-blocked);border-color:var(--status-blocked);color:#3d2600}
.care-history .care-status-pill[data-status=done]{background:var(--status-complete);border-color:var(--status-complete);color:#171717}
.team-client-list button[aria-current=true]{box-shadow:inset 3px 0 var(--status-complete);border-color:var(--status-complete)}
.client-conversation li[data-sender=studio]{border-left-color:var(--status-complete)}
progress{accent-color:var(--status-complete)}progress::-webkit-progress-value{background:var(--status-complete)}progress::-moz-progress-bar{background:var(--status-complete)}
.launch-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 32px;align-items:start;border:1px solid #e5e5e5;border-radius:14px;background:#fff;padding:28px}
.launch-summary-copy{display:flex;align-items:start;gap:18px}.launch-summary-copy>div{min-width:0}
.launch-complete-mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--status-complete);color:#171717;flex:none;font-size:19px}
.launch-summary h2{font-family:Georgia,serif;font-size:27px;line-height:1.4;font-weight:400;margin:0 0 12px}
.launch-summary-copy>div>p:last-child{font-size:15px;line-height:1.85;color:#303030;margin:0}
.launch-actions{display:flex;align-items:stretch;flex-direction:column;gap:12px}.launch-actions .text-button{text-align:center}
#completed-project-timeline{grid-column:1/-1}#completed-project-timeline>summary{font-size:13px;line-height:1.7;color:#303030;cursor:pointer;min-height:36px;padding:6px 0}
#completed-timeline-content .progress-heading{margin-top:22px}#completed-timeline-content .project-progress{margin-bottom:0}
.phase-workspace[data-launched=true]{display:block;margin-top:24px}.phase-workspace[data-launched=true] .studio-update-panel{padding:26px 28px;border:1px solid #e5e5e5;border-radius:14px;background:#fff}
@media(max-width:1050px){.launch-summary{grid-template-columns:1fr}.launch-actions{flex-direction:row;flex-wrap:wrap;align-items:center}}
@media(max-width:520px){.launch-summary{padding:24px 20px}.launch-summary-copy{gap:12px}.launch-summary h2{font-size:24px}.launch-complete-mark{width:32px;height:32px;font-size:16px}.launch-actions{align-items:stretch;flex-direction:column}.phase-workspace[data-launched=true] .studio-update-panel{padding:24px 20px}}


/* Calm green current-phase indicator. This is client Overview only; team
   statuses, progress semantics, and real project phase values stay as-is. */
#workspace-overview .phase-screen .stage-label{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid #b8ddc4;border-radius:999px;
  background:#e9f7ed;color:#1c633d;
  padding:7px 13px;font-size:12px;line-height:1.4;font-weight:700;
}
#workspace-overview .phase-screen[data-brief-submitted="true"] .stage-label::before{
  content:"✓";display:inline-grid;place-items:center;
  width:17px;height:17px;border-radius:50%;background:#266d46;color:#fff;
  font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1;
}
/* The overview's native <details> disclosure now looks like an invitation
   to explore, not a secondary paragraph that could be missed. */
#workspace-overview .phase-scope{
  margin:22px 0 28px;border:1px solid #d0e6d8;border-radius:12px;
  background:#f7fcf8;overflow:hidden;
}
#workspace-overview .phase-scope summary{
  display:flex;align-items:center;gap:13px;
  padding:16px 18px;min-height:64px;list-style:none;
  color:#194b32;font-size:15px;font-weight:700;line-height:1.4;cursor:pointer;
}
#workspace-overview .phase-scope summary::-webkit-details-marker{display:none}
#workspace-overview .phase-scope summary::after{
  content:"View details +";margin-left:auto;flex:none;
  font-size:12px;font-weight:700;white-space:nowrap;color:#276847;
}
#workspace-overview .phase-scope[open] summary::after{content:"Hide details −"}
#workspace-overview .phase-scope summary:hover{background:#eef8f0}
#workspace-overview .phase-scope summary:focus-visible{outline:2px solid #276847;outline-offset:-4px}
#workspace-overview .phase-scope-icon{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:34px;height:34px;border-radius:50%;
  color:#21663d;background:#e2f3e7;border:1px solid #b8dcc5;
}
#workspace-overview .phase-scope-icon svg{display:block;width:21px;height:21px}
#workspace-overview .phase-scope-title{min-width:0;flex:1}
#workspace-overview .phase-scope[open] summary{border-bottom:1px solid #d7e9dd}
#workspace-overview .phase-scope ul{
  list-style:none;display:grid;gap:13px;
  margin:0;padding:18px 24px 22px 28px;
}
#workspace-overview .phase-scope li{font-size:14px;line-height:1.75;color:#284734;gap:12px}
#workspace-overview .phase-scope li::before{background:#3d8d5c;width:6px;height:6px;margin-top:10px}
@media(max-width:520px){
  #workspace-overview .phase-scope summary{padding:14px;gap:10px;font-size:13px;min-height:64px}
  #workspace-overview .phase-scope-icon{width:30px;height:30px}
  #workspace-overview .phase-scope summary::after{font-size:11px}
  #workspace-overview .phase-scope ul{padding:16px 18px 21px}
}


/* Team clients: focused search and full-width profile, without a permanent
   directory taking up a quarter of every client screen. */
.team-room #team-workspace{
  grid-template-columns:minmax(0,1fr);
  gap:0;
  max-width:none;
  width:100%;
}
.team-room #team-workspace .team-project{
  min-width:0;
  width:100%;
  border:1px solid #e3e5e5;
  border-radius:15px;
  padding:clamp(25px,3vw,42px);
  box-shadow:0 3px 18px rgba(12,19,16,.022);
}
.team-room #team-workspace .team-empty{
  max-width:440px;
  padding:58px 20px;
}
.team-room #team-workspace .team-empty-mark{
  background:#e9f7ed;
  color:#1c633d;
  border-color:#b8ddc4;
}
.team-room .team-directory-anchor{position:relative;z-index:30}
.team-room .team-client-results{
  position:absolute;top:calc(100% + 8px);left:0;right:0;
  width:100%;max-width:980px;
  background:#fff;border:1px solid #d9e6dc;border-radius:14px;
  box-shadow:0 18px 42px rgba(17,39,27,.14);
  overflow:hidden;z-index:45;
}
.team-room .team-results-heading{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;border-bottom:1px solid #e8efea;
}
.team-room .team-results-heading h2{
  font-family:Raleway,Arial,sans-serif;
  font-weight:700;font-size:15px;line-height:1.4;margin:0 0 5px;color:#173d2b;
}
.team-room .team-results-heading .helper{
  color:#52645a;font-size:12px;line-height:1.65;margin:0;
  max-width:660px;
}
.team-room .team-results-close{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  gap:9px;min-height:42px;border:0;border-radius:7px;
  padding:8px 10px;background:#f0f7f2;color:#265b3c;
  font-size:12px;font-weight:700;cursor:pointer;
}
.team-room .team-results-close span{font-size:21px;line-height:1}
.team-room .team-results-close:hover{background:#e2f1e7}
.team-room .team-client-results .team-client-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;padding:12px;margin:0;
  max-height:360px;overflow-y:auto;overscroll-behavior:contain;
  list-style:none;
}
.team-room .team-client-results .team-client-list li{min-width:0;margin:0}
.team-room .team-client-results .team-client-list li button{
  display:block;width:100%;min-height:126px;padding:14px 16px;
  text-align:left;border:1px solid #e4e9e5;border-radius:10px;
  background:#fbfcfb;color:#202725;
}
.team-room .team-client-results .team-client-list li button:hover,
.team-room .team-client-results .team-client-list li button:focus-visible{
  border-color:#84b79a;background:#f2faf5;
}
.team-room .team-client-results .team-client-list li button strong{
  color:#18261d;font-size:14px;line-height:1.55;
}
.team-room .team-client-results .team-client-list li button .member-id{
  color:#3e684d!important;
  font-variant-numeric:tabular-nums;
  font-size:11px!important;
}
.team-room .team-client-results .client-list-status[data-brief=received],
.team-room .team-client-results .client-list-status[data-brief=received]{
  background:#e9f7ed;border-color:#b8ddc4;color:#1c633d;
}
.team-room .team-client-results .team-results-empty{
  grid-column:1/-1;color:#515d55;font-size:13px;line-height:1.7;
  padding:18px 16px;
}
.team-room .team-client-results .team-pagination{
  padding:9px 20px 13px;
  border-color:#e5eee6;
}
.team-room .team-client-shortcuts{
  display:flex;align-items:stretch;justify-content:flex-end;
  gap:12px;flex-wrap:wrap;max-width:540px;
}
.team-room .team-shortcut{
  display:flex;align-items:center;gap:12px;text-align:left;
  min-width:194px;min-height:67px;
  border:1px solid #d7e8dc;border-radius:12px;
  background:#f1faf4;color:#184a2d;
  padding:12px 16px;cursor:pointer;
}
.team-room .team-shortcut:hover,.team-room .team-shortcut:focus-visible{
  border-color:#86ba99;background:#e5f5e9;
}
.team-room .team-shortcut:disabled{opacity:.6;cursor:wait}
.team-room .team-shortcut-icon{
  flex:none;display:inline-grid;place-items:center;
  width:32px;height:32px;border-radius:50%;
  background:#e0f1e5;color:#266d46;font-size:18px;line-height:1;
}
.team-room .team-shortcut strong,.team-room .team-shortcut small{display:block}
.team-room .team-shortcut strong{font-size:13px;line-height:1.45;font-weight:700}
.team-room .team-shortcut small{font-size:11px;line-height:1.5;color:#477155;margin-top:3px}
.team-room .team-heading:has(#team-client-shortcuts:not([hidden])){align-items:center}
/* Keep membership IDs high in the open full-width client record. */
.team-room .team-member-pill{
  display:inline-block;margin:0 0 13px!important;
  padding:6px 11px;border-radius:999px;border:1px solid #b8ddc4;
  color:#1c633d!important;background:#e9f7ed;
  font-size:12px!important;font-weight:700;letter-spacing:.03em;
  font-variant-numeric:tabular-nums;
}
/* Transfer the client's gentle green success language to positive team
   signals only. Overdue/blocked/attention states keep their alert colours. */
/* Navigation keeps the approved black/white active state. Green is
   reserved for project progress and clearly positive client outcomes. */
.team-room .team-navigation button[aria-current=page]{
  background:#171717;color:#fff;border-color:#171717;
}
.team-room .team-navigation button[aria-current=page]>span{color:#fff}
.team-room .work-pill:is([data-status=done],[data-status=live]){
  background:#e9f7ed;color:#1c633d;border-color:#b8ddc4;
}
.team-room #summary-brief[data-status=received],
.team-room #summary-stage[data-status=live]{
  display:inline-flex;width:max-content;max-width:100%;
  background:#e9f7ed;color:#1c633d;border:1px solid #b8ddc4;
  padding:6px 12px;border-radius:999px;
  font-size:13px;font-weight:700;line-height:1.4;
}
.team-room .work-stats>div[data-attention=false]{border-top-color:#d8ebde}
@media(max-width:1070px){
  .team-room .team-heading:has(#team-client-shortcuts:not([hidden])){align-items:flex-start}
  .team-room .team-client-shortcuts{max-width:440px}
  .team-room .team-shortcut{min-width:180px}
}
@media(max-width:760px){
  .team-room .team-heading:has(#team-client-shortcuts:not([hidden])){flex-direction:column;align-items:stretch}
  .team-room .team-client-shortcuts{justify-content:flex-start;max-width:none}
  .team-room .team-shortcut{flex:1;min-width:170px}
  .team-room .team-client-results{position:static;margin-top:12px;max-width:none}
  .team-room .team-results-heading{padding:16px 16px}
  .team-room .team-client-results .team-client-list{grid-template-columns:1fr;max-height:320px}
  .team-room #team-workspace .team-project{padding:26px 20px}
}
@media(max-width:480px){
  .team-room .team-client-shortcuts{gap:9px}
  .team-room .team-shortcut{min-width:0;flex:1 1 145px;padding:11px 12px;gap:8px}
  .team-room .team-shortcut-icon{width:28px;height:28px;font-size:16px}
  .team-room .team-shortcut strong{font-size:12px}
  .team-room .team-shortcut small{font-size:10px}
  .team-room .team-results-close{font-size:0;padding:9px}
  .team-room .team-results-close span{font-size:23px}
}


/* Progress Board: stage snapshot + 7-day schedule instead of endless columns.
   Dates and tasks are sourced from the existing scoped team APIs. */
.team-room .progress-board{min-width:0;display:grid;gap:24px}
.team-room .board-introduction{display:flex;justify-content:space-between;align-items:flex-start}
.team-room .board-introduction .eyebrow{color:#3b6650;font-size:11px;letter-spacing:.12em;margin:0 0 10px}
.team-room .board-introduction h2,
.team-room .board-week h3,.team-room .board-focused h3{
  margin:0 0 8px;font-size:clamp(21px,2vw,29px);
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;line-height:1.35;color:#1d2722;
}
.team-room .board-introduction .helper,.team-room .board-week>.helper{margin:0;font-size:13px;line-height:1.8;color:#4f5a53}
.team-room .board-stage-summary{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;min-width:0;
}
.team-room .board-stage-card{
  min-width:0;min-height:111px;text-align:left;
  display:flex;flex-direction:column;align-items:flex-start;
  gap:7px;padding:18px 20px;
  border:1px solid #dfe4df;border-radius:12px;
  background:#fff;color:#252b27;cursor:pointer;
}
.team-room .board-stage-card:hover{border-color:#90aa99;background:#fafdfa}
.team-room .board-stage-card[aria-pressed=true]{
  background:#e9f7ed;border-color:#92c29f;box-shadow:inset 0 0 0 1px #a7d3b2;color:#1c633d;
}
.team-room .board-stage-name{font-size:12px;font-weight:700;line-height:1.45;min-width:0}
.team-room .board-stage-card strong{
  font-family:Georgia,'Times New Roman',serif;
  font-size:31px;line-height:1.13;font-weight:400;
}
.team-room .board-stage-card small{font-size:11px;color:#656e66;line-height:1.45}
.team-room .board-week,.team-room .board-focused{
  background:#fff;border:1px solid #e2e6e3;border-radius:16px;
  padding:clamp(22px,2.8vw,34px);min-width:0;
}
.team-room .board-week .eyebrow{font-size:11px;letter-spacing:.12em;color:#34684a;margin:0 0 8px}
.team-room .board-week-content{margin-top:24px}
.team-room .board-day-strip{
  display:grid;grid-template-columns:minmax(92px,1.12fr) repeat(7,minmax(0,1fr));
  gap:8px;min-width:0;
}
.team-room .board-day{
  min-width:0;min-height:66px;display:flex;flex-direction:column;
  gap:5px;justify-content:center;align-items:center;
  text-align:center;padding:10px 6px;
  border:1px solid #e2e6e4;border-radius:10px;
  background:#fafbfa;color:#38483d;cursor:pointer;
  font-size:11px;line-height:1.35;font-weight:700;
}
.team-room .board-day strong{font-size:12px;line-height:1.3;font-weight:700}
.team-room .board-day small{font-size:10px;color:#667269;font-weight:500}
.team-room .board-day[aria-pressed=true]{border-color:#9dcbaa;background:#e9f7ed;color:#1c633d}
.team-room .board-day[aria-pressed=true] small{color:#2d764b}
.team-room .board-week-summary{color:#4b5d51;font-size:12px;line-height:1.65;margin:21px 0 8px}
.team-room .board-week-alerts{display:flex;flex-wrap:wrap;gap:10px}
.team-room .board-overdue{
  display:inline-flex;align-items:center;padding:7px 12px;
  background:#fff3da;border:1px solid #e7c879;border-radius:999px;
  font-size:11px;font-weight:700;color:#7b5217;
}
.team-room .board-agenda-list{
  list-style:none;padding:0;margin:10px 0 0;
  display:grid;gap:0;max-height:500px;overflow:auto;
}
.team-room .board-agenda-list li{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  border-bottom:1px solid #edf0ed;padding:14px 2px;min-width:0;
}
.team-room .board-agenda-list li>div{min-width:0}
.team-room .board-agenda-list button{
  padding:0;text-decoration:none;font-size:13px;line-height:1.55;
  color:#1d3225;font-weight:700;text-align:left;
}
.team-room .board-agenda-list button:hover{text-decoration:underline}
.team-room .board-agenda-list small{
  display:block;margin-top:4px;color:#546058;font-size:12px;line-height:1.6;
}
.team-room .board-agenda-list .work-pill{flex:none}
.team-room .board-show-more{margin-top:13px;font-size:12px;font-weight:700;color:#275e3d}
.team-room .board-focus-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px}
.team-room .board-focus-heading h3{font-size:25px;margin:0}
.team-room .board-focus-heading .helper{margin:0;color:#5a675e;font-size:12px}
.team-room .board-focused-projects{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;
}
.team-room .board-focus-card{
  display:block;width:100%;min-width:0;
  background:#fbfcfb;border:1px solid #dce6dd;border-radius:10px;
  padding:18px 20px;color:#202a23;text-align:left;cursor:pointer;
}
.team-room .board-focus-card:hover{border-color:#8fb99e;background:#f2faf5}
.team-room .board-focus-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.team-room .board-member-id{font-size:11px;font-weight:700;color:#326347;letter-spacing:.035em;overflow-wrap:anywhere}
.team-room .board-focus-card strong{display:block;margin:13px 0 5px;font-size:16px;font-weight:700;overflow-wrap:anywhere}
.team-room .board-focus-card small{font-size:12px;line-height:1.6;color:#617066}
.team-room .work-pill[data-status=scheduled]{
  background:#e9f7ed;border-color:#b8ddc4;color:#1c633d;
}
/* Task status help belongs in the team manual, not in a dashboard callout. */
.team-room .team-working-card{grid-column:1/-1}
.team-room .team-working-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:26px;margin-bottom:0;
}
.team-room .team-working-list>li{min-width:0}
/* Notes: all responses live under their parent question, not as loose
   unrelated comments. Only an unanswered first response gets a needs-reply cue. */
.team-room .note-view-filters{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 23px}
.team-room .note-view-button{
  padding:10px 15px;border:1px solid #d9e0db;border-radius:9px;
  background:#fff;color:#314b3a;font-size:12px;font-weight:700;cursor:pointer;
}
.team-room .note-view-button[aria-pressed=true]{
  background:#e9f7ed;border-color:#b8ddc4;color:#1c633d;
}
.team-room .team-note-threads,.team-room .team-note-replies{
  list-style:none;padding:0;margin:0;
}
.team-room .team-note-threads{display:grid;gap:18px}
.team-room .team-note-thread{
  padding:20px;border:1px solid #dfe6e1;background:#fff;
  border-radius:13px;min-width:0;
}
.team-room .team-note-meta{display:flex;align-items:center;gap:9px 13px;flex-wrap:wrap}
.team-room .team-note-meta small{
  font-size:11px;line-height:1.6;color:#58615a;overflow-wrap:anywhere;
}
.team-room .team-note-original p,.team-room .team-note-reply p{
  white-space:pre-line;line-height:1.8;font-size:13px;color:#29382e;
  margin:13px 0 0;overflow-wrap:anywhere;
}
.team-room .team-note-thread-status{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0 10px;
}
.team-room .team-note-thread-status small{color:#5c675f;font-size:11px;line-height:1.65}
.team-room .team-note-replies{
  display:grid;gap:12px;padding:14px 0 3px;margin:10px 0 10px;
  border-top:1px solid #e5eae5;
}
.team-room .team-note-replies li{
  padding:14px 17px;margin:0 0 0 20px;
  border-left:3px solid #b5d8c1;background:#f5faf6;
  border-radius:0 9px 9px 0;
}
.team-room .team-note-reply-button{padding:7px 0!important;font-size:12px!important;font-weight:700;color:#215a3b}
.team-room .team-note-reply-context{
  background:#f0f7f2;border-left:3px solid #9cccad;
  padding:16px 19px;border-radius:0 9px 9px 0;margin:22px 0 14px;
}
.team-room .team-note-reply-context strong{display:block;font-size:12px;color:#235637}
.team-room .team-note-reply-context p{font-size:12px;line-height:1.7;color:#395542;white-space:pre-line}
@media(max-width:1100px){
  .team-room .board-stage-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
  .team-room .board-day-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
  .team-room .board-stage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-room .board-day-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .team-room .board-stage-card{padding:15px;min-height:98px}
  .team-room .board-stage-card strong{font-size:28px}
  .team-room .board-focused-projects,.team-room .team-working-list{grid-template-columns:1fr}
  .team-room .board-week,.team-room .board-focused{padding:22px 18px}
  .team-room .board-agenda-list li{align-items:flex-start}
  .team-room .team-note-thread{padding:17px 15px}
  .team-room .team-note-replies li{margin-left:10px;padding:12px}
}


/* Submitted brief: visibly separate each customer's QUESTION from the ANSWER.
   The cards work in both the staff reader and private client review; the
   stored response stays read-only in these views and is text-rendered. */
.team-room #client-brief.team-brief,
#client-space .brief-review-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding:0;
  margin:23px 0 0;
  align-items:stretch;
}
.team-room #client-brief .brief-qa-card,
#client-space .brief-review-grid .brief-qa-card{
  display:flex;flex-direction:column;min-width:0;min-height:180px;
  border:1px solid #dfe4e8;border-radius:13px;overflow:hidden;
  background:#fff;
  box-shadow:0 3px 12px rgba(18,27,34,.025);
}
.team-room #client-brief .brief-qa-question,
#client-space .brief-review-grid .brief-qa-question{
  display:flex;flex-direction:column;gap:8px;
  margin:0;padding:19px 22px 17px;
  background:#eef1f4;color:#1d2b32;
  border-bottom:1px solid #dce2e7;
  flex:none;
}
.team-room #client-brief .brief-qa-prompt,
#client-space .brief-review-grid .brief-qa-prompt{
  display:block;font-size:15px;font-weight:700;
  line-height:1.55;overflow-wrap:anywhere;letter-spacing:-.012em;
}
.team-room #client-brief .brief-qa-tag,
#client-space .brief-review-grid .brief-qa-tag{
  display:inline-flex;width:max-content;
  font-family:Raleway,Arial,sans-serif;
  font-size:10px;font-weight:800;
  line-height:1.3;letter-spacing:.1em;color:#51616b;
}
.team-room #client-brief .brief-qa-answer,
#client-space .brief-review-grid .brief-qa-answer{
  display:block;flex:1;margin:0;
  padding:19px 22px 22px;
  border-left:4px solid #427fbf;
  background:#fff;
}
.team-room #client-brief .brief-qa-answer-tag,
#client-space .brief-review-grid .brief-qa-answer-tag{
  color:#235885;
}
.team-room #client-brief .brief-qa-response,
#client-space .brief-review-grid .brief-qa-response{
  margin:9px 0 0;color:#242b30;
  font-size:15px;font-weight:500;
  line-height:1.8;white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.team-room #client-brief .brief-qa-card[data-empty=true] .brief-qa-response,
#client-space .brief-review-grid .brief-qa-card[data-empty=true] .brief-qa-response{
  font-weight:400;font-style:italic;color:#767b7e;
}
#client-space .brief-submission-review{
  margin:0 0 32px;
  background:#fff;border:1px solid #dce2e4;
  border-radius:14px;padding:24px 26px;
}
#client-space .brief-submission-review summary{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;min-height:40px;cursor:pointer;list-style:none;
  color:#1e292f;
}
#client-space .brief-submission-review summary::-webkit-details-marker{display:none}
#client-space .brief-submission-review summary>span:first-child{display:grid;gap:5px}
#client-space .brief-submission-review summary strong{
  font-size:18px;line-height:1.5;font-weight:700;
}
#client-space .brief-submission-review summary small{
  font-size:13px;font-weight:400;line-height:1.6;color:#4f5a62;
}
#client-space .brief-review-disclosure::after{
  content:"+";font-size:24px;line-height:1;
  color:#235885;
}
#client-space .brief-submission-review[open] .brief-review-disclosure::after{content:"−"}
#client-space .brief-submission-review summary:focus-visible{
  outline:2px solid #427fbf;outline-offset:5px;border-radius:5px;
}
#client-space .brief-review-note{
  margin:20px 0 0;padding:15px 17px;
  border-radius:8px;background:#f5f9fc;
  color:#33506a;border-left:3px solid #427fbf;
  font-size:13px;line-height:1.75;
}
@media(max-width:790px){
  .team-room #client-brief.team-brief,
  #client-space .brief-review-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  #client-space .brief-submission-review{padding:18px 16px}
  .team-room #client-brief .brief-qa-question,
  #client-space .brief-review-grid .brief-qa-question{padding:16px 17px}
  .team-room #client-brief .brief-qa-answer,
  #client-space .brief-review-grid .brief-qa-answer{padding:16px 17px 19px}
}

/* Studio-wide notices and the private team board. */
.studio-notices-feed{display:grid;gap:12px;margin:14px 0 24px}
.studio-notices-feed[hidden]{display:none}
.studio-notice{background:#fff;border:1px solid #dedee0;border-left:4px solid #ff595c;border-radius:11px;padding:16px 20px;color:#1c1c1c;overflow-wrap:anywhere}
.studio-notice h3{font-size:16px;font-weight:700;margin:0 0 7px}
.studio-notice p{font-size:14px;line-height:1.7;white-space:pre-wrap;margin:0 0 9px}
.studio-notice small{font-size:11px;color:#696969}
#studio-board-panel{background:transparent;border:0;padding:12px 0 40px}
#studio-notice-form{max-width:740px;margin:24px 0;display:grid;gap:16px}
#studio-notice-form[hidden]{display:none}
#studio-notice-form label{display:grid;gap:7px}
#studio-notice-form input:not([type=checkbox]),#studio-notice-form select,#studio-notice-form textarea{width:100%;border:1px solid #d0d0d0;background:white;padding:12px;border-radius:8px;color:#171717}
#studio-notice-form textarea{min-height:130px}
#care-seo-fields:not([hidden]){display:grid;gap:12px}

/* Desktop-only expandable workspaces: team is the primary power-user rail. */
.sidebar-collapse-toggle{display:none}
@media(min-width:961px){
 .sidebar-collapse-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 0 12px auto;border:1px solid #d9d9d9;border-radius:7px;background:#fff;color:#222;font-size:23px;line-height:1;cursor:pointer}
 .sidebar-collapse-toggle:hover{background:#f3f3f3}
 .team-room #team-space[data-sidebar-collapsed=true]{grid-template-columns:76px minmax(0,1fr)}
 .team-room #team-space[data-sidebar-collapsed=true] .team-sidebar{padding:22px 8px;overflow-x:hidden}
 .team-room #team-space[data-sidebar-collapsed=true] .team-brand,.team-room #team-space[data-sidebar-collapsed=true] .team-sidebar>.sidebar-label,.team-room #team-space[data-sidebar-collapsed=true] .sidebar-group,.team-room #team-space[data-sidebar-collapsed=true] .sidebar-footer{display:none}
 .team-room #team-space[data-sidebar-collapsed=true] .team-navigation button{width:54px;min-width:54px;justify-content:center;padding:12px 4px;font-size:0;gap:0}
 .team-room #team-space[data-sidebar-collapsed=true] .team-navigation button>span{font-size:19px;flex:0}
 .team-room #team-space[data-sidebar-collapsed=true] .team-navigation button svg{width:20px;height:20px}
 .team-room #team-space[data-sidebar-collapsed=true] .sidebar-collapse-toggle{margin:0 auto 14px}
 body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .client-sidebar{width:76px;padding-left:8px;padding-right:8px;overflow-x:hidden}
 body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .room-main:has(#sign-in[hidden]){margin-left:76px}
 body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .client-topbar{left:76px}
 body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .client-sidebar-brand,body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .client-sidebar-label,body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .client-sidebar-bottom{display:none}
 body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .client-navigation button{width:54px;justify-content:center;padding:11px 3px;gap:0}
 body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .client-navigation button>span{display:none}
 body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .client-navigation button svg{width:20px;height:20px}
 body.studio-room[data-client-active=true][data-sidebar-collapsed=true] .sidebar-collapse-toggle{margin:4px auto 18px}
}

.member-account-menu{border:1px solid #e4e4e4;border-radius:10px;min-width:0}
.member-account-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:10px 8px}
.member-account-menu summary::-webkit-details-marker{display:none}
.account-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#ffeded;color:#aa3f42;font-size:22px}
.account-identity{flex:1;min-width:0;display:grid;gap:3px}.account-identity strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity small{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777}
.member-account-actions{display:grid;padding:6px;border-top:1px solid #ededed}
.member-account-actions button,.member-account-actions a{display:block;width:100%;padding:10px 8px;text-align:left;background:transparent;border:0;border-radius:6px;text-decoration:none;font:inherit;font-size:12px;color:#252525;cursor:pointer}
.member-account-actions button:hover,.member-account-actions a:hover{background:#f2f2f2}
#care-draft-summary{margin:16px 0}#care-draft-summary h3{font-size:17px;margin:0 0 9px}

/* Personal dismiss control for individual announcement banners.
   Dismissal never deletes or edits the studio's published notice. */
.studio-notice[data-notice-id]{position:relative;padding-right:58px}
.studio-notice-dismiss{position:absolute;right:12px;top:10px;display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid transparent;background:transparent;border-radius:8px;color:#4b4b4b;font-size:25px;line-height:1;cursor:pointer}
.studio-notice-dismiss:hover{background:#f2f2f3;color:#131313}
.studio-notice-dismiss:focus-visible{outline:2px solid #bd494b;outline-offset:2px}

/* October workspace readability pass: clear, comfortably sized type in both secured rooms. */
:root{--alms-readable-ink:#202329;--alms-readable-muted:#414851}
.team-room #team-space,body.studio-room[data-client-active=true] #client-space{
  color:var(--alms-readable-ink);font-size:16px;line-height:1.58;
  -webkit-font-smoothing:antialiased;
}
.team-room #team-space :is(p,li,dd,dt,label,td,th),
body.studio-room[data-client-active=true] #client-space :is(p,li,dd,dt,label){
  color:var(--alms-readable-ink);
}
.team-room #team-space :is(.helper,.team-page-intro,.team-history small,.team-copy,.ops-list p,.team-card-meta,.team-muted,.notification-list small),
body.studio-room[data-client-active=true] #client-space :is(.helper,.intro,.phase-description,.care-explainer li span,.client-target,.brief-review-note,.studio-update-panel p,.client-service-card .helper),
.team-room #team-space .studio-notice small,body.studio-room[data-client-active=true] #client-space .studio-notice small{
  color:var(--alms-readable-muted);opacity:1;font-size:14px;line-height:1.65;
}
.team-room #team-space :is(button,input,select,textarea),
body.studio-room[data-client-active=true] #client-space :is(button,input,select,textarea){
  font-size:15px;line-height:1.45;
}
.team-room #team-space :is(label,dt),body.studio-room[data-client-active=true] #client-space :is(label,dt){
  font-size:14px;font-weight:550;
}
.team-room #team-space :is(h2,h3),body.studio-room[data-client-active=true] #client-space :is(h2,h3){
  color:#1e2125;line-height:1.26;
}
.team-room .team-navigation button,body.studio-room[data-client-active=true] .client-navigation button{
  color:#24282d;font-size:15px;line-height:1.4;min-height:44px;
}
.team-room .sidebar-label,body.studio-room[data-client-active=true] .client-sidebar-label,
.team-room #team-space .eyebrow,body.studio-room[data-client-active=true] #client-space .eyebrow{
  font-size:12px;color:#434a54;letter-spacing:.07em;
}
.team-room .sidebar-footer :is(p,a,button),body.studio-room[data-client-active=true] .client-sidebar-bottom :is(p,a,button){
  color:#282c33;font-size:14px;
}
body.studio-room[data-client-active=true] .member-account-menu{width:100%;background:#fff}
body.studio-room[data-client-active=true] .member-account-menu summary{gap:8px;min-height:58px;padding:11px 8px}
body.studio-room[data-client-active=true] .account-identity strong{color:#202329;font-size:15px;font-weight:650}
body.studio-room[data-client-active=true] .account-identity small{color:#4b515a;font-size:13px}
body.studio-room[data-client-active=true] .account-chevron{color:#353c44;font-size:18px}
body.studio-room[data-client-active=true] .member-account-actions button,
body.studio-room[data-client-active=true] .member-account-actions a{min-height:42px;display:flex;align-items:center;color:#232830;font-size:14px;line-height:1.45}
body.studio-room[data-client-active=true] .member-account-actions #sign-out{color:#8c2f2f;border-top:1px solid #e7e7ea;border-radius:0;margin-top:4px}
.member-plan-details{display:grid;gap:0;margin:12px 0 24px}
.member-plan-details>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;padding:14px 0;border-bottom:1px solid #e1e3e6}
.member-plan-details dt{color:#4b5057!important}
.member-plan-details dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}
.member-plan-includes{padding-left:22px;margin:10px 0 20px}
.member-plan-includes li{margin-bottom:11px;line-height:1.6}
#care-form:not([hidden]){display:block}
#care-form .form-actions{display:flex;flex-wrap:wrap;gap:12px}
#care-form #care-window-message{font-size:14px;font-weight:500;color:#343b44;margin-top:20px}
#care-meeting-link{display:inline-flex;align-items:center;margin:12px 0 10px;min-height:44px;text-decoration:none}
.team-room #team-space .studio-notice p,body.studio-room[data-client-active=true] #client-space .studio-notice p{
  font-size:15px;color:#303640;line-height:1.6
}
@media(max-width:600px){
 .team-room #team-space,body.studio-room[data-client-active=true] #client-space{font-size:16px}
 .team-room #team-space :is(.helper,.team-page-intro),body.studio-room[data-client-active=true] #client-space .helper{font-size:14px}
 .member-plan-details>div{grid-template-columns:minmax(0,1fr);gap:4px}
 .member-plan-details dd{text-align:left}
 .team-room .team-navigation button,body.studio-room[data-client-active=true] .client-navigation button{font-size:15px;min-height:44px}
}

/* The selected Members item needs readable white text and icons on black. */
body.studio-room[data-client-active=true] .client-navigation button[aria-current="page"],
body.studio-room[data-client-active=true] .client-navigation button[aria-current="page"] span,
body.studio-room[data-client-active=true] .client-navigation button[aria-current="page"] svg{
  background-color:#171717;color:#fff;stroke:currentColor;
}
body.studio-room[data-client-active=true] .client-navigation button[aria-current="page"] svg{background:transparent}

/* Manageable studio notices with legible controls and obvious action hierarchy. */
#studio-board-panel .member-intro{margin-bottom:16px}
#studio-board-panel #studio-notice-form{background:#fff;border:1px solid #d7d9dd;border-radius:14px;padding:24px;max-width:820px;margin:0 0 26px;box-shadow:0 4px 20px #00000006}
#studio-board-panel #studio-notice-form h3{font-size:22px;margin:0}
#studio-board-panel #studio-notice-form label{font-size:15px;color:#252b31;font-weight:600;line-height:1.45}
#studio-board-panel #studio-notice-form :is(select,input,textarea){color:#20252c;font-size:16px;line-height:1.5;min-height:44px}
#studio-board-panel #studio-notice-form textarea{min-height:155px}
#studio-board-panel #studio-notice-form .notice-pin{display:flex;align-items:center;gap:10px}
#studio-board-panel #studio-notice-form .notice-pin input{width:18px;height:18px;min-height:0}
#studio-board-panel #studio-notice-form .form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.studio-message-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #e5e6e8}
.studio-message-action{min-height:42px;padding:8px 12px;border:1px solid #d6d7db;border-radius:8px;background:#fff;color:#252b31;font-size:14px;font-weight:600;cursor:pointer}
.studio-message-action:hover{background:#f4f4f5;border-color:#afb2b8}
.studio-message-action:focus-visible{outline:2px solid #171717;outline-offset:2px}
.studio-member-permissions{border:1px solid #e0e2e5;border-radius:10px;padding:14px;display:grid;gap:12px;grid-column:1/-1}
.studio-member-permissions legend{font-weight:650;font-size:15px;color:#222;padding:0 8px}
.studio-member-permissions label,.member-notice-option{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#262c33;line-height:1.5}
.studio-member-permissions input,.member-notice-option input{width:18px;height:18px;flex:none;accent-color:#202329}
@media(max-width:600px){
 #studio-board-panel #studio-notice-form{padding:20px 16px}
 .studio-message-actions{flex-direction:column;align-items:stretch}
 .studio-message-action{width:100%;text-align:left}
}

/* Release QA: active project stage is dark with legible white labels. */
body.studio-room[data-client-active=true] #client-space .project-progress li[data-state="current"] {
  background:#171717;border-color:#171717;color:#fff;
}
body.studio-room[data-client-active=true] #client-space .project-progress li[data-state="current"] :is(.step-name,.step-state){
  color:#fff!important;opacity:1;
}
body.studio-room[data-client-active=true] #client-space .project-progress li[data-state="current"] .step-number{
  background:#fff;border-color:#fff;color:#171717;
}
/* The saved request is always visible above the editable check-in form. */
#workspace-checkins .care-draft-panel{margin:18px 0 24px;padding:24px;background:#fff;border:1px solid #dcdfe2}
#workspace-checkins .care-draft-header{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:10px}
#workspace-checkins .care-draft-header h3{margin:4px 0 6px;font-size:23px;line-height:1.3}
#workspace-checkins .care-draft-header .eyebrow{margin:0}
#workspace-checkins .care-draft-state{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #d1d5db;border-radius:999px;color:#343b45;font-size:13px;font-weight:700;line-height:1.3}
#workspace-checkins .care-draft-state[data-state="saved"]{color:#175338;background:#edf8f1;border-color:#b0dcc0}
#workspace-checkins .care-draft-state[data-state="editing"]{color:#633e07;background:#fff6e2;border-color:#e8d6a9}
#workspace-checkins .care-draft-state[data-state="submitted"]{color:#174e34;background:#e5f5e9;border-color:#a4d3b6}
#workspace-checkins .care-draft-month{color:#272d35;font-size:15px;font-weight:600}
#workspace-checkins #care-draft-updated,#workspace-checkins #care-draft-explanation{color:#434a54;font-size:15px;line-height:1.5}
#workspace-checkins #care-draft-edit{margin-top:8px;min-height:44px}
#workspace-checkins #care-save-draft{min-height:44px}
@media(max-width:650px){#workspace-checkins .care-draft-panel{padding:21px 18px}}