/* Authenticated workspace: one surface, typography and motion system. */
@view-transition{navigation:none}
body.workspace-app {
  --studio-sidebar:204px;
  --studio-offset:224px;
  --studio-ink:#192f42;
  --studio-muted:#5e7383;
  --studio-accent:#1379ae;
  --studio-soft:#e8f4fc;
  --studio-shadow:0 2px 4px rgb(28 68 97 / .025),0 8px 30px rgb(28 68 97 / .045),0 28px 70px rgb(28 68 97 / .025);
  --studio-hover-shadow:0 3px 6px rgb(28 68 97 / .035),0 12px 32px rgb(28 68 97 / .075),0 32px 72px rgb(28 68 97 / .045);
  --workspace-ink:var(--studio-ink);
  --workspace-muted:var(--studio-muted);
  --workspace-blue:var(--studio-accent);
  --workspace-line:transparent;
  --header:0px;
  background:radial-gradient(ellipse at 78% 0%,#badff5cc,transparent 52%),radial-gradient(ellipse at 5% 85%,#caeeeb88,transparent 48%),#edf6fc;
  color:var(--studio-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.workspace-app>.site-header,.workspace-app>.site-footer{display:none}
.workspace-app [hidden]{display:none!important}
.workspace-app .portal-main{margin-left:var(--studio-offset);padding:20px 24px 32px 0;background:transparent;min-height:100svh}
.workspace-app #portal-layout.is-workspace,.workspace-app #portal-layout.is-organizer{display:block!important;max-width:none!important;margin:0!important;padding:0!important}
.workspace-app .portal-context{display:none!important}
.workspace-app .portal-frame{border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;max-width:none!important;min-height:calc(100svh - 52px)!important}
.workspace-app h1,.workspace-app h2,.workspace-app h3,.workspace-app h4{color:var(--studio-ink);font-weight:650;letter-spacing:-.045em;text-wrap:balance}
.workspace-app h1{font-size:clamp(36px,4vw,52px)!important;line-height:1.08}
.workspace-app h2{font-size:28px!important;line-height:1.2}
.workspace-app h3{font-size:19px;line-height:1.3}
.workspace-app p{color:var(--studio-muted)}
.workspace-app a{transition:color 180ms,background 180ms,transform 180ms}
.workspace-app a:hover{color:var(--studio-accent)}
.workspace-app :focus-visible{outline:2px solid #298bbd;outline-offset:4px}
.workspace-app .eyebrow,.workspace-app .workspace-section-label{font-size:10px;font-weight:600;letter-spacing:.14em;color:#566c7d;line-height:1.5;margin:0 0 16px}
.workspace-app .text-button,.workspace-app .inline-link{font-size:13px;font-weight:550;color:var(--studio-accent)}
.workspace-app .action,.workspace-app .member-preview-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 18px;border:0;border-radius:14px;font:550 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:transform 180ms,box-shadow 180ms,background 180ms,color 180ms;text-decoration:none}
.workspace-app .action-blue{color:#fff;background:linear-gradient(145deg,#278bc0,#146b9e);box-shadow:inset 0 1px 0 #ffffff25,0 2px 4px #15557313,0 6px 16px #2278a21e}
.workspace-app .action-blue:hover{color:#fff;background:linear-gradient(145deg,#3198cc,#1979ac);box-shadow:inset 0 1px 0 #ffffff25,0 5px 10px #15557316,0 12px 26px #2278a224;transform:translateY(-2px)}
.workspace-app .action-secondary,.workspace-app .member-preview-action{background:#ffffffd9;color:#566c7d;box-shadow:0 1px 3px #24546f0a,0 4px 12px #24546f08}
.workspace-app .action-secondary:hover,.workspace-app .member-preview-action:hover{color:#566c7d;background:#f2faff;box-shadow:0 2px 5px #24546f0d,0 7px 16px #24546f0c;transform:translateY(-2px)}
.workspace-app .action:active,.workspace-app .member-preview-action:active{transform:translateY(0) scale(.98)}
.workspace-app button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}
/* Integrated navigation shares the blue canvas with the page. */
.studio-sidebar{position:fixed;inset:0 auto 0 0;width:var(--studio-sidebar);z-index:45;display:flex;flex-direction:column;padding:32px 18px 0;overflow-y:auto;border:0;border-radius:0;background:linear-gradient(175deg,#d3eafaee,#e8f4fbe8 65%,#dceff7ee);color:#345b76;box-shadow:none}
.studio-brand-row{display:flex;align-items:center;justify-content:space-between}
.studio-brand{display:block;max-width:100%;padding:0}
.studio-wordmark{display:block;position:relative;width:168px;height:28px;overflow:hidden;mix-blend-mode:multiply}
.studio-wordmark img{position:absolute;width:239px;height:auto;max-width:none;left:-35px;top:-25px;clip-path:inset(0 0 38.8% 0)}
.studio-brand>span:last-child{display:block;font-size:8px;color:#557389;margin-top:7px;white-space:nowrap;letter-spacing:0}
.studio-workspace-label{font-size:10px!important;font-weight:500;color:#557389!important;margin:42px 12px 16px;letter-spacing:.025em}
.workspace-app .studio-nav,.organizer-dashboard .studio-nav{display:flex;flex-direction:column;gap:8px;border:0;overflow:visible;align-items:stretch;white-space:normal;padding:0;margin:0}
.workspace-app .studio-nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:46px;padding:12px 14px;border:0;border-radius:14px;color:#45677f;font-size:14px;font-weight:500;text-decoration:none!important;transition:background 200ms,color 200ms,transform 200ms,box-shadow 200ms}
.workspace-app .studio-nav a:hover{background:#ffffff70;color:#1c668f;transform:translateX(2px)}
.workspace-app .studio-nav a[aria-current=page]{background:linear-gradient(130deg,#ffffffec,#f4faffcc);color:#146f9f;box-shadow:inset 0 1px 0 #fff,0 2px 4px #295c7906,0 6px 18px #295c790c}
.workspace-app .studio-nav a:after{display:none}
.studio-nav svg{width:17px;height:17px;flex:none;color:inherit;transition:transform 200ms}
.workspace-app .studio-nav a:hover svg{transform:translateY(-1px)}
.workspace-app .studio-nav .studio-nav-text{background:none;color:inherit;font-size:14px;padding:0;height:auto;border:0;border-radius:0}
.workspace-app .studio-nav .studio-nav-count{display:grid;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:10px;background:#d2e8f5;color:#3c7090;border-radius:12px;padding:0 5px}
.studio-sidebar-bottom{margin-top:auto;padding-top:38px}
.studio-security-link,.studio-website-link{display:flex;align-items:center;gap:8px;padding:10px 10px;color:#56748a;font-size:10px;line-height:1.5}
.studio-sidebar .studio-security-link:hover,.studio-sidebar .studio-website-link:hover{color:#146f9f}
.studio-security-link svg,.studio-website-link svg{width:15px;height:15px;flex:none}
.studio-website-link{justify-content:space-between}
.studio-user{display:flex;align-items:center;justify-content:space-between;gap:6px;border:0;padding:26px 0;margin:12px 0 0}
.studio-user>a{display:flex;align-items:center;gap:10px;min-width:0}
.workspace-app .studio-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#dceffc,#cce6f6);color:#337ca4;font-size:11px;font-weight:600;letter-spacing:-.025em;margin:0;line-height:1;overflow-wrap:normal;box-shadow:inset 0 1px 0 #ffffffaa,0 2px 5px #5b476e09}
.workspace-app .studio-avatar.avatar-1{background:linear-gradient(135deg,#e7f0ed,#d9e8e3);color:#53786c}
.workspace-app .studio-avatar.avatar-2{background:linear-gradient(135deg,#f6eae4,#f0dfd8);color:#947267}
.studio-sidebar .studio-avatar{background:linear-gradient(135deg,#b9dff3,#a4cee7);color:#27688f;box-shadow:inset 0 1px 0 #ffffff80,0 2px 6px #24546f09;flex-basis:32px;width:32px;height:32px;border-radius:12px}
.studio-user strong,.studio-user small{display:block;line-height:1.5}
.studio-user strong{font-size:11px;font-weight:500;color:#264c66}
.studio-user small{font-size:9px;color:#5c7a8f;margin-top:2px}
.studio-icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#566c7d;background:none;border:0;padding:9px;cursor:pointer;transition:background 180ms,color 180ms,transform 180ms}
.studio-icon-button:hover{background:#e4f2fb;color:#566c7d;transform:translateY(-1px)}
.studio-sidebar .studio-icon-button:hover{background:#ffffff80;color:#27688f}
.studio-icon-button svg{width:17px;height:17px}
/* The toolbar belongs to the canvas; it has no floating frame. */
.studio-toolbar{height:56px;position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px;background:linear-gradient(90deg,#edf6fcf5,#d9ecf9f5);backdrop-filter:blur(16px);border:0;border-radius:0;box-shadow:none}
.studio-toolbar-location{display:flex;align-items:center;gap:12px;min-width:0;font-size:12px;font-weight:500;color:#566c7d}
#studio-section-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-toolbar-actions{display:flex;align-items:center;gap:20px;flex:none}
.studio-toolbar .toolbar-website,.member-toolbar-profile{font-size:11px;font-weight:500;color:#566c7d;padding:0}
.studio-toolbar .studio-new-project{min-height:36px;font-size:11px;padding:10px 14px;border-radius:12px}
.studio-new-project svg{width:14px;height:14px}
.studio-menu-toggle,.sidebar-close,.studio-backdrop{display:none}
.studio-content,.workspace-app .member-content{padding:48px 28px 44px;max-width:1260px;margin:auto}
.workspace-app .dashboard-feedback .feedback:empty{display:none}
.workspace-app .feedback{font-size:13px;line-height:1.6;border:0;background:#e9f5fc;border-radius:14px;padding:16px 20px;color:#566c7d;margin:0 0 24px}
.workspace-app .feedback[data-tone=error]{background:#f9eeed;color:#566c7d}
.workspace-app .dashboard-panel{padding:0;min-height:0}
.workspace-app .studio-welcome,.workspace-app .member-welcome{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0;margin:0 0 42px;border:0;background:none;box-shadow:none;min-height:0;border-radius:0}
.workspace-app .studio-welcome h1,.workspace-app .member-welcome h1{margin:0 0 16px;max-width:680px}
.workspace-app .studio-welcome p:last-child,.workspace-app .member-welcome p:last-child{font-size:14px;line-height:1.6;margin:0;max-width:46ch}
.workspace-app .studio-welcome>.action,.workspace-app .member-profile-link{flex:none;align-self:flex-end;margin-bottom:3px}
.workspace-app .member-profile-link{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#566c7d;background:#fff9;border-radius:14px;padding:12px 16px;box-shadow:0 1px 3px #24546f05,0 4px 12px #24546f05}
.member-profile-link svg{width:14px;height:14px}
.studio-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 16px}
.workspace-app .studio-overview-heading h2{font-size:12px!important;font-weight:550;margin:0;letter-spacing:0;color:var(--studio-ink)}
.workspace-app .live-indicator{font-size:10px;font-weight:400;color:#566c7d;white-space:normal}
.workspace-app .live-indicator>span{width:5px;height:5px;background:#91a59b;box-shadow:0 0 0 4px #91a59b12}
/* Shared metrics sit on a softly tinted surface. */
.workspace-app .dashboard-metrics,.workspace-app .member-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:32px;margin:0 0 32px;border:0;border-radius:24px;background:linear-gradient(130deg,#fff,#ffffffc9);box-shadow:var(--studio-shadow)}
.workspace-app .dashboard-metrics>div,.workspace-app .member-summary>div{display:block;min-width:0;padding:0;border:0;background:none;border-radius:0;box-shadow:none}
.workspace-app .dashboard-metrics dt,.workspace-app .member-summary dt{font-size:11px;font-weight:450;line-height:1.5;color:#566c7d;margin:0 0 12px}
.dashboard-metrics dt svg{display:none}
.workspace-app .dashboard-metrics dd,.workspace-app .member-summary dd{font-size:45px;font-weight:600;letter-spacing:-.06em;color:#224961;margin:0;line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:normal;white-space:nowrap}
.workspace-app .dashboard-metrics>div:last-child dd{color:#566c7d}
.workspace-app .dashboard-metrics>div>span,.workspace-app .dashboard-metrics>div>a,.workspace-app .member-summary dd>span{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#566c7d;line-height:1.6;margin-top:13px}
.workspace-app .dashboard-metrics>div>a{color:#566c7d}
.workspace-app .member-summary{grid-template-columns:1fr 1fr 1.5fr;gap:32px}
.workspace-app .member-summary .member-next-date{font-size:30px;font-weight:550;padding-top:7px;letter-spacing:-.04em}
.workspace-app .dashboard-overview{display:grid;grid-template-columns:1.12fr 1fr;gap:24px}
.workspace-app .dashboard-overview>section{padding:28px;border:0;border-radius:24px;background:linear-gradient(140deg,#fff,#ffffffb8);box-shadow:var(--studio-shadow)}
.workspace-app .dashboard-overview>section:nth-child(2){background:linear-gradient(130deg,#edf7fd,#ffffffda)}
.workspace-app .dashboard-overview h3{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:17px;letter-spacing:-.025em;margin:0 0 12px}
.workspace-app .dashboard-overview h3>span{font-size:11px;font-weight:550;color:var(--studio-ink);background:#dceffb80;min-width:26px;height:26px;display:grid;place-items:center;border-radius:12px;letter-spacing:0}
.workspace-app .dashboard-overview p{font-size:12px;line-height:1.65;margin:0 0 22px}
.workspace-app .dashboard-overview ul{padding:0;list-style:none;margin:0;display:grid;gap:6px}
.workspace-app .dashboard-overview li{border:0}
.workspace-app .dashboard-overview li a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;min-height:52px;border-radius:12px;font-size:12px;transition:transform 180ms}
.workspace-app .dashboard-overview li a:hover{transform:translateX(3px)}
.workspace-app .dashboard-overview li a>span:last-child{font-size:10px;color:#566c7d;white-space:nowrap}
.workspace-app .studio-list-person{display:flex;align-items:center;gap:12px;color:#566c7d;font-size:12px;font-weight:500;min-width:0}
.workspace-app .dashboard-overview .studio-avatar{flex-basis:32px;width:32px;height:32px;font-size:9px;border-radius:12px}
.workspace-app .dashboard-overview .text-button{display:inline-flex;margin-top:24px;font-size:12px;color:#566c7d}
.workspace-app .dashboard-next{display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;padding:0;margin:32px 0 24px;font-size:12px;color:#566c7d;background:none;border-radius:0}
.workspace-app .dashboard-security{font-size:10px;color:#566c7d;margin:0}
.workspace-app .dashboard-security a{color:#566c7d}
/* Directory: identity and status stay together; secondary tools stay quiet. */
/* Page identity sits directly on the blue canvas, without a separate banner. */
.workspace-app .members-page-heading{align-items:center;min-height:0;padding:0;border-radius:0;background:none;box-shadow:none;gap:32px}
.workspace-app .members-page-heading h2{color:#194b6b!important;font-size:50px!important;margin-bottom:14px}
.workspace-app .members-page-heading>div:first-child>p:not(.workspace-section-label){color:#4c6a80;font-size:14px;max-width:43ch;line-height:1.7}
.workspace-app .members-page-heading .member-directory-summary{grid-template-columns:auto auto;gap:14px 32px;text-align:left;padding:0;align-self:flex-end}
.workspace-app .members-page-heading .member-directory-summary>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.workspace-app .members-page-heading .member-directory-summary strong{color:#225e82;font-size:40px;font-weight:600;letter-spacing:-.045em}
.workspace-app .members-page-heading .member-directory-summary>div>span{color:#4f7086;font-size:11px;white-space:nowrap}
.workspace-app .members-page-heading .member-directory-summary>.live-indicator{color:#58798e;font-size:10px;margin:0;justify-content:flex-start}
.workspace-app .member-welcome{padding:0;min-height:0;border-radius:0;background:none;box-shadow:none;margin:0 0 32px}
.workspace-app .member-welcome h1{color:#194b6b}
.workspace-app .member-welcome .eyebrow{color:#46738f}
.workspace-app .member-welcome p:last-child{color:#4c6a80}
.workspace-app .member-welcome .member-profile-link{color:#276b94;background:#ffffff90;box-shadow:0 2px 4px #24546f05,0 6px 18px #24546f08}
.workspace-app .member-summary{position:relative;margin:0 0 36px;width:100%;background:linear-gradient(125deg,#ffffffde,#e4f2fccf);padding:30px 32px}
.workspace-app .member-summary dd>span{white-space:normal;overflow-wrap:anywhere}

.workspace-app .dashboard-section-heading,.workspace-app .member-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:0 0 32px}
.workspace-app .dashboard-section-heading h2,.workspace-app .member-mail-heading h2{font-size:48px!important;margin:0 0 14px;letter-spacing:-.055em}
.workspace-app .dashboard-section-heading p:not(.workspace-section-label),.workspace-app .member-mail-heading p{font-size:14px;color:var(--studio-muted);line-height:1.7;margin:0;max-width:52ch}
.workspace-app .member-directory-summary{display:grid;grid-template-columns:auto auto;gap:6px 26px;flex:none;text-align:right;padding-bottom:3px}
.member-directory-summary>div{display:flex;align-items:baseline;justify-content:flex-end;gap:8px}
.member-directory-summary strong{font-size:26px;font-weight:600;letter-spacing:-.04em;color:#566c7d;line-height:1.1}
.member-directory-summary>div>span{font-size:10px;color:#566c7d}
.member-directory-summary>.live-indicator{grid-column:1/-1;font-size:9px;margin:8px 0 0;justify-content:flex-end}
.workspace-app .dashboard-filters{display:grid;grid-template-columns:minmax(220px,1fr) 200px;gap:24px;max-width:680px;margin:0 0 16px;padding:0;background:none;border:0}
.workspace-app .dashboard-filters label{font-size:10px;font-weight:500;color:#566c7d;display:block;margin:0 0 9px}
.workspace-app input:not([type=checkbox]):not([type=radio]),.workspace-app select,.workspace-app textarea{font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:1px solid #cedfeb;background:#fff;color:#233c4f;border-radius:14px;padding:13px 16px;min-height:46px;box-shadow:0 2px 3px #24546f03,inset 0 1px 0 #ffffff;transition:box-shadow 180ms,border-color 180ms}
.workspace-app input:focus,.workspace-app select:focus,.workspace-app textarea:focus{border-color:#75afd0;outline:none;box-shadow:0 0 0 4px #75afd013,0 3px 8px #24546f08}
.workspace-app input[type=checkbox],.workspace-app input[type=radio]{accent-color:#1c82b6;width:18px!important;height:18px;min-height:0;flex:0 0 18px;margin:3px 0;box-shadow:none;padding:0}
.workspace-app .field label,.workspace-app .recipient-field legend{font-size:13px;font-weight:500;color:#36556a}
.workspace-app .field-help{font-size:12px;color:#566c7d;line-height:1.7}
.workspace-app .dashboard-result-count{font-size:10px;margin:0 0 18px;color:#566c7d}
.workspace-app .member-directory-surface{padding:24px;border:0;border-radius:24px;background:#ffffffdb;box-shadow:var(--studio-shadow)}
.workspace-app .dashboard-member-columns,.workspace-app .dashboard-member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.workspace-app .dashboard-member-columns{padding:0 16px 20px;margin:0;border:0;font-size:9px;font-weight:500;letter-spacing:.06em;color:#566c7d;text-transform:uppercase}
.workspace-app .dashboard-member-columns>span:last-child{text-align:right}
.workspace-app .dashboard-member-list{display:grid;gap:8px;background:none;padding:0;border:0;border-radius:0;box-shadow:none}
.workspace-app .dashboard-member-row{position:relative;min-height:78px;padding:16px;border:0;border-radius:16px;background:transparent;transition:background 200ms,transform 200ms,box-shadow 200ms}
.workspace-app .dashboard-member-row:hover{background:#fff;box-shadow:0 2px 5px #24546f05,0 7px 20px #24546f07;transform:translateY(-1px)}
.workspace-app .dashboard-member-row:has(.member-more[open]){z-index:8;background:#fff;box-shadow:0 2px 5px #24546f05,0 7px 20px #24546f07;transform:none}
.workspace-app .dashboard-member-identity{display:flex;align-items:center;gap:16px;min-width:0}
.dashboard-member-identity>div{min-width:0}
.workspace-app .dashboard-member-identity a{font-size:16px;color:#213f54;font-weight:550;line-height:1.5}
.workspace-app .member-name-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.workspace-app .dashboard-member-identity>div>span{display:block;font-size:12px;line-height:1.5;color:#566c7d;margin-top:4px;overflow-wrap:anywhere}
.workspace-app .dashboard-member-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:450;color:#566c7d;background:none;border:0;padding:0;line-height:1.5;white-space:nowrap;border-radius:0;max-width:none}
.workspace-app .dashboard-member-status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex:none;opacity:.7}
.workspace-app .dashboard-member-status[data-status=active]{color:#59786a;background:none}
.workspace-app .dashboard-member-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px}
.workspace-app .dashboard-member-actions .action,.workspace-app .member-preview-action{font-size:12px;min-height:38px;padding:10px 12px;border-radius:12px;background:#edf7fd;color:#566c7d;box-shadow:none}
.workspace-app .dashboard-member-actions .action:hover,.workspace-app .member-preview-action:hover{color:#566c7d;background:#e0f0fa;box-shadow:0 4px 10px #24546f08}
.workspace-app .member-more{position:relative;margin:0;border:0}
.workspace-app .member-more summary{display:grid;place-items:center;cursor:pointer;list-style:none;color:#566c7d;font-size:12px;letter-spacing:2px;width:32px;min-height:34px;padding:0;border:0;border-radius:12px;background:none;transition:background 180ms}
.member-more summary::-webkit-details-marker{display:none}
.workspace-app .member-more summary:hover,.workspace-app .member-more[open] summary{background:#e7f4fc}
.workspace-app .member-more[open] a,.workspace-app .member-more[open] button{position:absolute;right:0;z-index:5;display:block;width:190px;padding:14px 18px;min-height:46px;text-align:left;background:#fff;border:0;box-shadow:var(--studio-hover-shadow);font-size:11px;font-weight:450;color:#566c7d;margin:0;text-decoration:none}
.workspace-app .member-more[open] a{top:38px;border-radius:16px 16px 0 0}
.workspace-app .member-more[open] button{top:84px;border-radius:0 0 16px 16px;color:#566c7d}
.workspace-app .member-more[open] a:hover,.workspace-app .member-more[open] button:hover{background:#eff8fe}
.workspace-app .dashboard-empty{font-size:14px;color:#566c7d;line-height:1.7;padding:24px}
@media(min-width:901px) and (max-width:1200px){.workspace-app .members-page-heading{align-items:flex-start;flex-direction:row;padding:0}.workspace-app .members-page-heading h2{font-size:44px!important}.workspace-app .members-page-heading .member-directory-summary{gap:16px 22px;align-self:flex-end}.workspace-app .members-page-heading .member-directory-summary strong{font-size:34px}}
/* Projects are tactile surfaces with a restrained icon and a readable brief. */
.workspace-app .dashboard-project-editor{border:0;border-radius:24px;background:#ffffffb8;box-shadow:var(--studio-shadow);padding:24px 28px;margin:0 0 28px}
.workspace-app .dashboard-project-editor>summary{font-size:14px;color:#566c7d;padding:0;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.dashboard-project-editor>summary::-webkit-details-marker{display:none}
.workspace-app .dashboard-project-form{max-width:950px;padding:24px 0 4px}
.workspace-app .dashboard-project-form>p{font-size:13px;color:#566c7d}
.workspace-app .dashboard-project-form .portal-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.workspace-app .dashboard-project-form .field:has(#assignment-title){grid-column:1;grid-row:1}.workspace-app .dashboard-project-form .field:has(#assignment-due){grid-column:2;grid-row:1}
.workspace-app .dashboard-project-form .field:has(#assignment-description),.workspace-app .task-builder,.workspace-app .recipient-field{grid-column:1/-1}
.workspace-app .recipient-list,.workspace-app .edit-recipients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;max-height:280px;overflow:auto;padding:8px 0;background:none;border:0}
.workspace-app .recipient-field,.workspace-app .edit-fieldset{border:0;padding:0;margin:8px 0}
.workspace-app .check-label{font-size:12px;gap:12px;color:#566c7d}
.workspace-app .task-input-row{margin:0 0 14px;gap:14px}
.workspace-app .task-input-row input{width:100%}
.workspace-app .organizer-dashboard .project-grid,.workspace-app .member-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.workspace-app .organizer-dashboard .project-card,.workspace-app .member-project-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:290px;gap:0;padding:32px;background:linear-gradient(145deg,#fff,#f0f8fd);border:0;border-radius:24px;box-shadow:var(--studio-shadow);transition:transform 220ms,box-shadow 220ms,background 220ms}
.workspace-app .organizer-dashboard .project-card:hover,.workspace-app .member-project-tile:hover{transform:translateY(-5px);box-shadow:var(--studio-hover-shadow)}
.workspace-app .member-project-tile[data-project-group=complete]{background:linear-gradient(145deg,#fcfffe,#f6fbf8)}
.workspace-app .member-project-tile[data-project-group=new]{background:linear-gradient(145deg,#fffdfa,#fcf6f2)}
.workspace-app .organizer-dashboard .project-card h2,.workspace-app .member-project-tile h3{font-size:23px!important;letter-spacing:-.04em;line-height:1.25;margin:24px 0 14px;color:var(--studio-ink)}
.workspace-app .organizer-dashboard .project-card p,.workspace-app .member-project-tile>p{font-size:13px;line-height:1.75;color:#566c7d;margin:0 0 28px}
.workspace-app .status-pill,.workspace-app .member-project-status{font-size:10px;font-weight:500;padding:0;letter-spacing:0;background:none;border:0;border-radius:0;color:#566c7d;max-width:max-content}
.workspace-app .member-project-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0}
.workspace-app .member-project-number{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#dceffb,#c5e4f6);color:#566c7d;box-shadow:inset 0 1px 0 #fff,0 4px 10px #36789914}
.member-project-number svg{width:21px;height:21px}
.workspace-app .member-project-status:before{width:4px;height:4px;opacity:.7}
.workspace-app .member-project-status[data-state=progress]{color:#566c7d}
.workspace-app .member-project-status[data-state=complete]{color:#59786a}
.workspace-app .member-project-progress{font-size:10px;color:#566c7d;margin-top:auto;margin-bottom:24px}
.workspace-app .member-progress-track{height:4px;background:#dfedf6;margin-top:12px;overflow:hidden;border-radius:12px}
.workspace-app .member-progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#4c9bc6,#90c9e7);transition:width 280ms}
.workspace-app .member-project-bottom,.workspace-app .project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;padding:0;font-size:10px;color:#566c7d;width:100%;margin-top:auto}
.workspace-app .member-project-bottom>span:last-child{display:flex;align-items:center;gap:7px;color:#566c7d;font-weight:500}
.member-project-bottom svg{width:15px;height:15px;transition:transform 180ms}.member-project-tile:hover .member-project-bottom svg{transform:translate(2px,-2px)}
.workspace-app .member-section-heading h2{font-size:28px!important;margin:0;letter-spacing:-.04em}
.workspace-app .member-search input{width:230px;font-size:12px!important;min-height:44px!important}
.workspace-app .member-project-filters{display:flex;align-items:center;gap:8px;margin:0 0 24px;border:0;padding:0;overflow:auto}
.workspace-app .member-project-filters button{border:0;border-radius:12px;background:none;padding:10px 16px;font:500 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#566c7d;cursor:pointer;white-space:nowrap;transition:background 180ms,color 180ms,box-shadow 180ms}
.workspace-app .member-project-filters button[aria-pressed=true]{background:#fff;color:#566c7d;box-shadow:0 1px 3px #24546f05,0 5px 15px #24546f06}
.workspace-app .member-project-filters button:hover{background:#ffffff90;color:#566c7d}
.workspace-app .member-project-filters button span{font-size:9px;color:#566c7d}
.workspace-app .member-empty{padding:40px 32px;color:#566c7d;background:#ffffffb0;border-radius:24px;box-shadow:var(--studio-shadow)}
.workspace-app .member-empty h3{font-size:24px;color:var(--studio-ink)}.workspace-app .member-empty-icon{color:#566c7d}
.workspace-app .member-bottom-note{border:0;padding:0;margin-top:36px;font-size:11px;color:#566c7d}.workspace-app .member-bottom-note a{color:#566c7d}
/* Member record, project detail, attendance and email share the same depth. */
.workspace-subpage>.studio-toolbar{margin:20px 24px 0 var(--studio-offset)}
.workspace-subpage .studio-subpage-main{max-width:none;margin:0 24px 0 var(--studio-offset);padding:36px 28px 60px;background:none;min-height:calc(100svh - 76px)}
.workspace-subpage #profile-view,.workspace-subpage #attendance-view,.workspace-subpage #project-view{max-width:1180px;margin:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;animation:workspace-arrive 280ms cubic-bezier(.22,.8,.3,1)}
.workspace-subpage #profile-view{max-width:950px;padding:32px;border-radius:24px;background:linear-gradient(135deg,#fff,#ffffffb8);box-shadow:var(--studio-shadow)}
.workspace-subpage #profile-view>.eyebrow,.workspace-subpage #attendance-view>.eyebrow{display:none}
.workspace-subpage .portal-back{display:inline-flex;font-size:11px;color:#566c7d;margin:0 0 28px;line-height:1.5}
.workspace-subpage .profile-heading{display:flex;align-items:center;gap:24px;margin:0 0 40px;padding:0;border:0}
.workspace-subpage .profile-heading h1{font-size:38px!important;margin:0 0 8px;color:var(--studio-ink)}
.workspace-subpage .profile-initials{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border:0;background:linear-gradient(135deg,#d7edf9,#bbdff3);color:#3b82a7;border-radius:20px;font-size:24px;font-weight:500;box-shadow:inset 0 1px 0 #fff8,0 3px 6px #3a7d9d0a,0 8px 18px #3a7d9d0d}
.workspace-subpage .profile-status{font-size:12px;color:#566c7d;font-weight:400;margin:0}
.workspace-subpage .profile-status-dot{background:#9ab09f;width:4px;height:4px}
.workspace-subpage .profile-details h2,.workspace-subpage .member-record-section h2{font-size:20px!important;margin:0 0 24px;color:var(--studio-ink)}
.workspace-subpage .profile-details dl{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin:0}
.workspace-subpage .profile-details dl>div{display:block;padding:0;border:0}
.workspace-subpage .profile-details dt{font-size:10px;color:#566c7d;font-weight:450;margin:0 0 8px}
.workspace-subpage .profile-details dd{font-size:14px;font-weight:450;color:#566c7d;line-height:1.7;margin:0;overflow-wrap:anywhere}
.workspace-subpage .profile-help{font-size:11px;color:#566c7d;margin:32px 0 0;line-height:1.7}
.workspace-subpage .profile-help a{color:#566c7d;text-decoration:none}
.workspace-subpage .profile-actions{gap:16px;margin-top:32px}
.workspace-subpage .record-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 40px;padding:28px;border:0;border-radius:20px;background:#edf7fd;box-shadow:inset 0 1px 0 #fff,0 3px 10px #3a7d9d05}
.workspace-subpage .record-overview>div{padding:0;border:0}
.workspace-subpage .record-overview dt{font-size:10px;color:#566c7d;font-weight:400}
.workspace-subpage .record-overview dd{font-size:36px;font-weight:600;color:#566c7d;margin:12px 0 0;line-height:1.1;letter-spacing:-.05em}
.workspace-subpage .record-overview dd span{font-size:10px;font-weight:400;color:#566c7d;letter-spacing:0;margin-left:6px}
.workspace-subpage .record-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.workspace-subpage .record-section-heading h2{margin:0}
.workspace-subpage .member-record-section{margin:40px 0 0}
.workspace-subpage table{width:100%;border-collapse:separate;border-spacing:0 10px;text-align:left}
.workspace-subpage table th{font-size:10px!important;color:#607b8e!important;background:transparent!important;letter-spacing:.04em;font-weight:500;text-transform:none}
.workspace-subpage table td{font-size:12px;color:#566c7d;background:#f1f8fd}
.workspace-subpage table th,.workspace-subpage table td{padding:16px;border:0}
.workspace-subpage table td:first-child{border-radius:14px 0 0 14px}.workspace-subpage table td:last-child{border-radius:0 14px 14px 0}
.workspace-subpage table td small{font-size:10px;color:#566c7d}
.workspace-subpage table tr:hover td{background:#e7f3fc}
.workspace-subpage .record-status{font-size:11px;color:#566c7d}
.workspace-subpage .record-status[data-status=absent]{color:#976577}.workspace-subpage .record-status[data-status=present]{color:#59786a}
.workspace-subpage .member-project{border:0;padding:0;margin:0 0 24px}
.workspace-subpage .member-project h3 a{font-size:16px;color:var(--studio-ink)}.workspace-subpage .member-project p{font-size:12px;color:#566c7d}
.workspace-subpage .profile-security{margin:40px 0 0;padding:28px;border:0;border-radius:20px;background:#eff8fd;box-shadow:0 4px 16px #3a7d9d06}
.workspace-subpage .profile-security h2{font-size:23px!important;color:var(--studio-ink)}.workspace-subpage .security-status{color:#566c7d;font-size:13px}
.workspace-subpage .passkey-row,.workspace-subpage .security-recovery,.workspace-subpage #recovery-codes{border:0}
.workspace-subpage .project-heading{padding:0;margin:0 0 36px;background:none;border:0;border-radius:0}
.workspace-subpage .project-heading:after,.workspace-subpage .project-heading-mark{display:none}
.workspace-subpage .project-heading h1{font-size:48px!important;margin:12px 0 18px;color:var(--studio-ink)}
.workspace-subpage .project-summary{color:#566c7d;font-size:12px}
.workspace-subpage .project-content{display:grid;padding-top:0;gap:24px;align-items:start;grid-template-columns:minmax(0,1.55fr) minmax(230px,.75fr)}
.workspace-subpage .project-primary,.workspace-subpage .project-secondary{padding:32px;border-radius:24px;background:#ffffffc9;box-shadow:var(--studio-shadow)}
.workspace-subpage .project-secondary{align-self:start;background:linear-gradient(130deg,#def1fc,#fff)}
.workspace-subpage .project-section-title{display:flex;align-items:center;gap:14px;border:0;margin:0 0 24px}
.workspace-subpage .project-section-title>span{background:#d8edf9;color:#566c7d;font-size:10px;border-radius:12px;display:grid;place-items:center;width:30px;height:30px}
.workspace-subpage .project-section-title h2{font-size:20px!important;color:var(--studio-ink);margin:0}
.workspace-subpage .project-brief{font-size:14px;line-height:1.8;color:#566c7d;white-space:pre-line;margin:0 0 40px}
.workspace-subpage .read-only-steps{display:grid;gap:18px;padding-left:18px;font-size:14px;color:#566c7d}
.workspace-subpage .project-check{display:flex;gap:14px;align-items:flex-start;border:0;padding:16px 0;margin:0;color:#566c7d}
.workspace-subpage .project-check span{flex:1;min-width:0;font-size:15px;line-height:1.65;color:#304f66}.workspace-subpage .project-check input:checked+span{color:#657f8f}
.workspace-subpage .project-checklist .action{margin-top:20px}
.workspace-subpage .progress-list{display:grid;gap:16px;margin:0 0 28px}
.workspace-subpage .progress-person{font-size:14px;border:0;padding:0;gap:16px;color:#566c7d}
.workspace-subpage .project-editor{background:#fbfdff;border:0;border-radius:24px;margin-top:32px;padding:32px;box-shadow:var(--studio-shadow)}
.workspace-subpage .project-muted{font-size:12px;color:#566c7d}
.workspace-subpage .edit-task-row{border:0;gap:16px;margin-bottom:16px}.workspace-subpage .edit-core{gap:24px}.workspace-subpage .editor-actions{gap:20px}
.workspace-subpage #attendance-view h1{font-size:48px!important;color:var(--studio-ink);margin:0 0 18px}
.workspace-subpage .step-copy{font-size:14px;color:#566c7d;line-height:1.7}
.workspace-subpage .attendance-create{margin:32px 0;padding:28px;gap:24px;flex-wrap:wrap;border:0;border-radius:24px;background:#ffffffdc;box-shadow:var(--studio-shadow)}
.workspace-subpage .attendance-create label,.workspace-subpage .attendance-picker{font-size:11px;font-weight:500;color:#566c7d}
.workspace-subpage .attendance-heading{padding:0;margin:32px 0 24px;border:0;gap:24px}
.workspace-subpage .attendance-heading h2{font-size:24px!important;color:var(--studio-ink)}
.workspace-subpage .attendance-heading p{font-size:12px;color:#566c7d}
.workspace-subpage .attendance-heading-tools{gap:18px;flex-wrap:wrap;justify-content:flex-end}
.workspace-subpage .attendance-actions{margin:24px 0;gap:14px}
.workspace-subpage .attendance-actions button{font-size:12px;font-weight:500;color:#566c7d;border:0;background:#fff;border-radius:14px;min-height:42px;padding:12px 16px;box-shadow:var(--studio-shadow);transition:transform 180ms,box-shadow 180ms}
.workspace-subpage .attendance-actions button:hover:enabled{background:#fff;transform:translateY(-2px);box-shadow:var(--studio-hover-shadow)}
.workspace-subpage .attendance-email-note{background:#e8f4fc;border:0;border-radius:20px;padding:24px;font-size:12px;color:#566c7d;box-shadow:0 4px 20px #3a7d9d08}
.workspace-subpage .attendance-email-note p{color:#566c7d}
.workspace-subpage .attendance-summary{padding-top:32px;border:0}.workspace-subpage .attendance-summary p{font-size:12px;color:#566c7d}
.workspace-subpage .attendance-scroll{width:100%;overflow:auto;padding:20px;border-radius:24px;background:#ffffffdb;box-shadow:var(--studio-shadow)}
.workspace-subpage .member-record-section .attendance-scroll{padding:0;background:none;box-shadow:none;border-radius:0}
.workspace-app .remove-meeting,.workspace-app .danger-button,.workspace-app .remove-member{font-size:11px;color:#976577}
.workspace-app .attendance-discussions{background:none;border:0;border-radius:0;padding:0;margin:0}
.workspace-app .attendance-discussions h2{font-size:23px!important;color:var(--studio-ink)}
.workspace-app .discussion-list{display:grid;gap:24px;padding:0;margin:28px 0;list-style:none}
.workspace-app .discussion-list li{padding:28px;border:0;border-radius:24px;background:#ffffffd9;box-shadow:var(--studio-shadow);gap:24px}
.workspace-app .discussion-list h3{font-size:19px;color:var(--studio-ink)}.workspace-app .discussion-list p{font-size:13px!important;color:#566c7d}
.workspace-app .discussion-repeat{color:#8a556e!important}.workspace-app .discussion-count{font-size:10px;color:#566c7d;background:#dfeefa;border-radius:14px;padding:8px 12px}
.workspace-app .discussion-links{gap:20px;font-size:11px}.workspace-app .discussion-links a{color:#566c7d}
.workspace-app .discussion-note,.workspace-app .discussion-empty{font-size:12px;color:#566c7d}
.workspace-app .member-mail-form{padding:32px;margin:32px 0;background:#ffffffdc;border:0;border-radius:24px;box-shadow:var(--studio-shadow);gap:40px}
.workspace-app .member-mail-heading>#loops-status{font-size:12px!important;color:#566c7d;margin:16px 0 0;max-width:65ch}
.workspace-app .mail-audience label{font-size:13px;color:#566c7d}.workspace-app .mail-audience legend{font-size:14px;color:#566c7d;font-weight:550}
.workspace-app .mail-audience,.workspace-app .mail-member-options{border:0}.workspace-app .mail-member-options{gap:14px;padding:20px 0}
.workspace-app .mail-member-options label{padding:10px 0;border:0}.workspace-app .mail-member-options small{font-size:10px;color:#566c7d}
.workspace-app .mail-launch>p{font-size:12px;color:#566c7d}.workspace-app .mail-count{background:#dceef9;color:#566c7d;border-radius:12px}
.workspace-app .email-library{padding:32px;margin:28px 0 0;border:0;border-radius:24px;background:#ffffffb8;box-shadow:var(--studio-shadow)}
.workspace-app .email-library h2{font-size:26px!important;color:var(--studio-ink)}.workspace-app .email-library h3{font-size:17px!important;color:var(--studio-ink)}
.workspace-app .email-library li strong{font-size:13px;color:#566c7d}.workspace-app .email-library li small{font-size:10px;color:#566c7d}
.workspace-app .email-library-heading p{font-size:13px!important;color:#566c7d}.workspace-app .email-library-columns{gap:32px}.workspace-app .email-library li{border:0;padding:14px 0}
.workspace-app .email-library-columns>section{border:0}
.workspace-app .followup-dialog,.workspace-app .member-removal{color:#566c7d;background:#fff;border:0;border-radius:24px;padding:32px;max-width:min(560px,90vw);box-shadow:var(--studio-hover-shadow)}
.workspace-app .followup-dialog::backdrop,.workspace-app .member-removal::backdrop{background:#26465d66;backdrop-filter:blur(8px)}
.workspace-app .workspace-preview-banner{border:0;background:#e0f0faaa;border-radius:14px;padding:14px 20px;margin:0 0 28px;color:#566c7d;font-size:10px;gap:12px}
.workspace-app .workspace-preview-banner strong{color:#566c7d}.workspace-app .workspace-preview-banner>span{background:#ffffff80;border:0;border-radius:12px;color:#566c7d;padding:4px 8px;font-size:9px}
.workspace-app .workspace-preview-banner a{color:#566c7d}
.workspace-app #portal-view>.workspace-preview-banner{padding:14px 24px;margin:0 0 16px;background:#ffffffa8;border:0;border-radius:16px;box-shadow:0 4px 16px #3a7d9d05}
/* Loading preserves the destination chrome, with no sign-in form flash. */
html[data-workspace-pending] body{background:radial-gradient(ellipse at 92% 2%,#cfe9fa99,transparent 45%),#edf6fc}
#workspace-pending-shell{background:radial-gradient(ellipse at 92% 2%,#cfe9fa99,transparent 45%),#edf6fc;color:#566c7d}
html[data-workspace-pending] #workspace-pending-shell .pending-sidebar{inset:0 auto 0 0;width:204px;height:auto;padding:32px 24px;border:0;border-radius:0;background:linear-gradient(175deg,#d3eafa,#e8f4fb);box-shadow:none}
#workspace-pending-shell .pending-sidebar>span{font-size:13px;line-height:1.5;color:#566c7d;margin:0 0 52px;white-space:normal}
#workspace-pending-shell .pending-sidebar i{width:90%;height:10px;margin:28px 0;background:#b1d3e755;border-radius:12px}
#workspace-pending-shell .pending-sidebar i:last-child{width:68%}
#workspace-pending-shell .pending-toolbar{left:224px;right:24px;top:20px;height:56px;border:0;background:none;border-radius:0}
#workspace-pending-shell .pending-content{top:130px;left:252px}
#workspace-pending-shell .pending-line{height:30px;width:310px;background:#cde5f480;border-radius:12px;margin-bottom:20px}
#workspace-pending-shell .pending-line.short{height:12px;width:200px}
#workspace-pending-shell .pending-content p{font-size:12px;color:#566c7d}
/* Project progress responds to the member's checklist, without saving early. */
.workspace-subpage .project-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}
.workspace-subpage .project-heading>div:first-child{min-width:0;max-width:820px}
.workspace-subpage .project-heading h1{color:#194b6b}
.workspace-subpage .project-heading-progress{display:flex;align-items:center;gap:18px;flex:none;padding:0;color:#294f69}
.workspace-subpage .project-progress-ring{position:relative;width:84px;height:84px;flex:none}
.workspace-subpage .project-progress-ring svg{width:84px;height:84px;overflow:visible;transform:rotate(-90deg)}
.workspace-subpage .project-progress-track{fill:none;stroke:#bad8ea;stroke-width:5}
.workspace-subpage .project-progress-arc{fill:none;stroke:#288bc0;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 320ms cubic-bezier(.22,.8,.3,1)}
.workspace-subpage .project-progress-percentage{position:absolute;inset:0;display:grid;place-items:center;font-size:19px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.workspace-subpage .project-progress-copy{display:grid;gap:4px;max-width:140px;font-size:12px;line-height:1.6}
.workspace-subpage .project-progress-copy strong{font-size:14px;font-weight:550;color:#294f69}
.workspace-subpage [data-project-progress-note]{font-size:11px;color:#587589}
.workspace-subpage .project-check{padding:16px;gap:16px;border-radius:16px;margin:0 0 8px;background:#eef7fc66;cursor:pointer;transition:background 200ms,box-shadow 200ms,transform 200ms}
.workspace-subpage .project-check:hover{background:#e7f4fd;box-shadow:0 2px 5px #24546f04,0 6px 16px #24546f06;transform:translateX(3px)}
.workspace-subpage .project-check:has(input:checked){background:#daedf9b3}
.workspace-subpage .project-check input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:26px!important;height:26px;flex:0 0 26px;border:1px solid #a5c3d7;border-radius:9px;background:#fff;margin:0;box-shadow:0 2px 3px #24546f05,0 4px 10px #24546f05;cursor:inherit;transition:background 180ms,border-color 180ms,box-shadow 180ms,transform 180ms}
.workspace-subpage .project-check input[type=checkbox]::after{content:'';position:absolute;left:7px;top:7px;width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) scale(.4);opacity:0;transition:transform 200ms cubic-bezier(.2,1.8,.4,1),opacity 160ms}
.workspace-subpage .project-check input[type=checkbox]:checked{background:linear-gradient(145deg,#369acf,#1977ab);border-color:#2686b9;box-shadow:inset 0 1px 0 #ffffff30,0 3px 8px #2383b322}
.workspace-subpage .project-check input[type=checkbox]:checked::after{transform:rotate(-45deg) scale(1);opacity:1}
.workspace-subpage .project-check input[type=checkbox]:focus-visible{outline:2px solid #2187bb;outline-offset:4px}
.workspace-subpage .project-primary{animation:workspace-arrive 300ms cubic-bezier(.22,.8,.3,1) both}
.workspace-subpage .project-secondary{animation:workspace-arrive 320ms 50ms cubic-bezier(.22,.8,.3,1) both}
.workspace-subpage .project-check{animation:workspace-arrive 280ms cubic-bezier(.22,.8,.3,1) both}
.workspace-subpage .project-check:nth-child(2){animation-delay:35ms}.workspace-subpage .project-check:nth-child(n+3){animation-delay:70ms}
.workspace-subpage .project-checklist-progress{font-size:12px;line-height:1.6;color:#426a85;margin:18px 0 0;min-height:20px}
@media(max-width:900px){.workspace-subpage .project-heading{align-items:flex-start;flex-direction:column;gap:16px}.workspace-subpage .project-progress-ring,.workspace-subpage .project-progress-ring svg{width:64px;height:64px}.workspace-subpage .project-progress-percentage{font-size:16px}.workspace-subpage .project-progress-copy{max-width:none}}
/* Motion is functional: navigation, entering a view, feedback and object lift. */
.workspace-app .dashboard-panel.is-entering{animation:workspace-arrive 280ms cubic-bezier(.22,.8,.3,1) both}
.workspace-app .dashboard-panel.is-entering .studio-pulse{animation:workspace-arrive 300ms 35ms cubic-bezier(.22,.8,.3,1) both}
.workspace-app .dashboard-panel.is-entering .dashboard-overview{animation:workspace-arrive 320ms 65ms cubic-bezier(.22,.8,.3,1) both}
@keyframes workspace-arrive{from{opacity:.75;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){body.workspace-app{--studio-sidebar:190px;--studio-offset:210px}.workspace-app .members-page-heading .member-directory-summary{align-self:flex-start}#workspace-pending-shell .pending-sidebar{width:190px}#workspace-pending-shell .pending-toolbar{left:210px}#workspace-pending-shell .pending-content{left:234px}.studio-sidebar{left:0;top:0;bottom:0;padding-inline:16px}.studio-wordmark{width:158px;height:27px}.studio-wordmark img{width:226px;left:-34px;top:-24px}.studio-brand>span:last-child{font-size:7px}.studio-content,.workspace-app .member-content{padding:40px 24px}.workspace-app .studio-welcome h1,.workspace-app .member-welcome h1{font-size:44px!important}.workspace-app .studio-welcome,.workspace-app .member-welcome{gap:24px}.workspace-app .dashboard-overview{grid-template-columns:1fr 1fr}.workspace-app .dashboard-overview>section{padding:24px}.workspace-app .dashboard-metrics{padding:28px;gap:20px}.workspace-app .dashboard-metrics dd{font-size:38px}.workspace-app .dashboard-section-heading{align-items:flex-start;flex-direction:column;gap:22px}.workspace-app .member-directory-summary{text-align:left}.member-directory-summary>div{justify-content:flex-start}.member-directory-summary>.live-indicator{justify-content:flex-start}.workspace-subpage .studio-subpage-main{padding-inline:24px}.workspace-app .dashboard-member-columns,.workspace-app .dashboard-member-row{gap:16px}.workspace-app .dashboard-member-row{padding-inline:8px}.workspace-app .member-name-line{gap:8px}.workspace-app .dashboard-member-status{font-size:10px}.workspace-app .dashboard-member-actions{gap:4px}.workspace-app .dashboard-member-actions .action,.workspace-app .member-preview-action{font-size:11px;padding:10px}.workspace-app .dashboard-member-identity{gap:12px}.workspace-app .dashboard-member-identity a{font-size:15px}.workspace-app .dashboard-member-identity>div>span{font-size:12px}}
@media(max-width:900px){body.workspace-app{--studio-offset:0px;--studio-sidebar:230px}.workspace-app .portal-main{margin-left:0;padding:12px 16px 24px}.studio-sidebar{inset:0 auto 0 0;width:230px;padding:28px 24px 0;transform:translateX(calc(-100% - 24px));transition:transform 280ms cubic-bezier(.2,.75,.3,1);box-shadow:var(--studio-hover-shadow)}.workspace-menu-open .studio-sidebar{transform:none}.studio-menu-toggle,.sidebar-close{display:grid}.studio-brand-row{margin-right:-12px}.studio-backdrop{position:fixed;inset:0;z-index:40;border:0;border-radius:0;background:#26465d35;backdrop-filter:blur(5px);display:none}.workspace-menu-open .studio-backdrop{display:block}.workspace-menu-open{overflow:hidden}.studio-toolbar{top:0;padding:0 20px}.studio-content,.workspace-app .member-content{padding:36px 20px}.workspace-subpage>.studio-toolbar{margin:12px 16px 0}.workspace-subpage .studio-subpage-main{margin:0 16px;padding:32px 20px 48px}.workspace-subpage .project-content{grid-template-columns:1fr}.workspace-app .studio-nav .studio-nav-text{display:block}.workspace-app .studio-nav .studio-nav-count{display:grid}.workspace-app .studio-nav a{font-size:13px}.studio-wordmark{width:168px;height:28px}.studio-wordmark img{width:239px;left:-35px;top:-25px}.studio-brand>span:last-child{font-size:8px}#workspace-pending-shell .pending-sidebar{display:none}#workspace-pending-shell .pending-toolbar{left:16px;right:16px;top:12px}#workspace-pending-shell .pending-content{top:115px;left:36px}.workspace-app .dashboard-member-identity a{font-size:16px}}
@media(max-width:650px){.workspace-app .portal-main{padding:10px 12px 24px}.studio-toolbar{top:0;height:54px;padding:0 14px;gap:12px}.studio-toolbar-actions{gap:10px}.studio-toolbar .toolbar-website{display:none}.studio-toolbar .studio-new-project{font-size:10px;min-height:34px;padding:10px 12px}.studio-content,.workspace-app .member-content{padding:32px 12px 32px}.workspace-app .studio-welcome,.workspace-app .member-welcome{display:block;margin-bottom:32px}.workspace-app .studio-welcome h1,.workspace-app .member-welcome h1{font-size:38px!important;margin-bottom:16px}.workspace-app .studio-welcome>.action,.workspace-app .member-profile-link{margin-top:24px;width:max-content;font-size:12px}.workspace-app .studio-overview-heading{gap:16px}.workspace-app .dashboard-metrics{grid-template-columns:1fr 1fr;gap:28px 20px;padding:24px}.workspace-app .dashboard-metrics dd{font-size:36px}.workspace-app .dashboard-metrics dt{font-size:10px}.workspace-app .dashboard-metrics>div>a,.workspace-app .dashboard-metrics>div>span{font-size:9px}.workspace-app .dashboard-overview{grid-template-columns:1fr;gap:24px}.workspace-app .dashboard-overview>section{padding:24px}.workspace-app .dashboard-next{align-items:flex-start;flex-direction:column;gap:14px}.workspace-app .dashboard-section-heading h2,.workspace-app .member-mail-heading h2{font-size:38px!important}.workspace-app .dashboard-filters{grid-template-columns:1fr;gap:20px}.workspace-app input:not([type=checkbox]):not([type=radio]),.workspace-app select,.workspace-app textarea{font-size:16px}.workspace-app .member-directory-surface{padding:24px}.workspace-app .dashboard-member-columns{display:none}.workspace-app .dashboard-member-list{gap:24px}.workspace-app .dashboard-member-row{grid-template-columns:1fr;gap:16px;padding:0;min-height:0;border-radius:16px}.workspace-app .dashboard-member-row:hover{background:none;box-shadow:none;transform:none}.workspace-app .dashboard-member-identity{gap:14px}.workspace-app .dashboard-member-identity a{font-size:16px}.workspace-app .dashboard-member-status{font-size:11px}.workspace-app .dashboard-member-identity>div>span{font-size:12px}.workspace-app .dashboard-member-actions{padding-left:54px;justify-content:flex-start;flex-wrap:wrap;gap:10px}.workspace-app .dashboard-member-actions .action,.workspace-app .member-preview-action{font-size:12px;padding:10px}.workspace-app .dashboard-member-actions .member-more{margin-left:auto}.workspace-app .member-name-line{gap:8px}.workspace-app .organizer-dashboard .project-grid,.workspace-app .member-project-grid{grid-template-columns:1fr}.workspace-app .member-project-tile,.workspace-app .organizer-dashboard .project-card{padding:28px;min-height:290px}.workspace-app .dashboard-project-editor{padding:24px}.workspace-app .dashboard-project-form .portal-form,.workspace-app .member-mail-form{grid-template-columns:1fr;gap:28px}.workspace-app .dashboard-project-form .field:has(#assignment-title),.workspace-app .dashboard-project-form .field:has(#assignment-due){grid-column:1;grid-row:auto}.workspace-app .recipient-list,.workspace-app .edit-recipients{grid-template-columns:1fr}.workspace-app .member-summary{grid-template-columns:1fr 1fr;gap:28px;padding:24px}.workspace-app .member-summary>div{padding:0}.workspace-app .member-summary>div:last-child{grid-column:1/-1;padding:0;border:0}.workspace-app .member-summary dd{font-size:36px}.workspace-app .member-summary .member-next-date{font-size:27px;padding:0}.workspace-app .member-section-heading{display:block}.workspace-app .member-search{display:block;margin-top:24px}.workspace-app .member-search input{width:100%;font-size:16px!important}.workspace-app .member-project-filters{gap:6px}.workspace-app .member-project-filters button{font-size:10px;padding:10px 12px}.workspace-subpage>.studio-toolbar{margin:10px 12px 0}.workspace-subpage .studio-subpage-main{margin:0 12px;padding:28px 12px 40px}.workspace-subpage #profile-view{padding:24px}.workspace-subpage .profile-heading{gap:16px;align-items:flex-start}.workspace-subpage .profile-heading h1{font-size:29px!important}.workspace-subpage .profile-initials{flex-basis:52px;width:52px;height:52px;font-size:20px;border-radius:16px}.workspace-subpage .profile-details dl{grid-template-columns:1fr;gap:24px}.workspace-subpage .profile-details dt{font-size:11px}.workspace-subpage .profile-details dd{font-size:14px}.workspace-subpage .record-overview{padding:24px;gap:18px;grid-template-columns:1fr}.workspace-subpage .record-overview>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.workspace-subpage .record-overview dd{font-size:26px;margin:0}.workspace-subpage .record-overview dt{font-size:10px}.workspace-subpage .attendance-create{display:grid;padding:24px}.workspace-subpage .attendance-heading{align-items:flex-start;flex-direction:column}.workspace-subpage .attendance-heading-tools{justify-content:flex-start}.workspace-subpage .attendance-scroll{padding:24px}.workspace-subpage .attendance-scroll table{min-width:470px}.workspace-subpage .project-heading h1,.workspace-subpage #attendance-view h1{font-size:38px!important}.workspace-subpage .project-primary,.workspace-subpage .project-secondary,.workspace-subpage .project-editor{padding:24px}.workspace-subpage .member-edit-form,.workspace-subpage .edit-core{grid-template-columns:1fr}.workspace-subpage .member-edit-form>*{grid-column:1}.workspace-app .discussion-list li{padding:24px;flex-direction:column;align-items:flex-start}.workspace-app .discussion-links{flex-direction:column;gap:12px}.workspace-app .email-library,.workspace-app .member-mail-form{padding:24px}.workspace-app .email-library-columns{grid-template-columns:1fr}.workspace-app .workspace-preview-banner{padding:12px 16px}.workspace-app #portal-view>.workspace-preview-banner{padding:14px 20px}#workspace-pending-shell .pending-content{left:24px}.workspace-subpage .record-section-heading{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:650px){.workspace-app .members-page-heading{padding:0;gap:26px;min-height:0;display:block;border-radius:0}.workspace-app .members-page-heading h2{font-size:38px!important;margin-bottom:14px}.workspace-app .members-page-heading .member-directory-summary{grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:28px}.workspace-app .members-page-heading .member-directory-summary strong{font-size:32px}.workspace-app .members-page-heading .member-directory-summary>div>span{font-size:9px;white-space:normal}.workspace-app .member-welcome{padding:0;min-height:0;margin-bottom:32px;border-radius:0}.workspace-app .member-summary{width:100%;margin-top:0;margin-bottom:32px;padding:24px}.workspace-app .member-welcome>.member-profile-link{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.workspace-app *,.workspace-app *::before,.workspace-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.workspace-app a:hover,.workspace-app button:hover,.workspace-app .dashboard-member-row:hover,.workspace-app .project-card:hover,.workspace-app .project-check:hover{transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}