.team-room .room-main{align-items:start;min-height:100svh}
.team-room .room-main:has(#team-space:not([hidden])){background:#f6f6f6;padding:0;display:block}
.team-room .room-shell:has(#team-space:not([hidden])){max-width:none}
.team-room #team-space{padding:0;border:0;border-radius:0;box-shadow:none;background:#f6f6f6;backdrop-filter:none;-webkit-backdrop-filter:none;display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:'sidebar topbar' 'sidebar content';min-height:100svh}
.team-room:has(#team-space:not([hidden])) .hq-footer{display:none}
.team-sidebar{grid-area:sidebar;position:sticky;top:0;height:100svh;background:#fff;border-right:1px solid #d8d8d8;padding:38px 20px 24px;display:flex;flex-direction:column;overflow:auto}
.team-brand{display:block;margin:0 14px 32px}.team-brand img{display:block;width:150px;max-width:100%;height:auto}
.sidebar-label{margin:0 14px 16px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3f3f3f}
.team-navigation{display:flex;flex-direction:column;gap:5px}
.team-navigation button{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#333333;font-size:13px;text-align:left}
.team-navigation button:hover{background:#f8f8f5;color:#171717}
.team-navigation button[aria-current=page]{background:#fff1ed;color:#171717;border-color:#ffe5dc;font-weight:600}
.team-navigation button>span{width:20px;display:inline-flex;justify-content:center;font-family:Arial,sans-serif;font-size:20px;line-height:1;color:#3f3f3f}
.team-navigation button>span svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;fill:none}.team-navigation button[aria-current=page]>span{color:#da5d4a}.sidebar-group{margin-top:28px;margin-bottom:10px}
.sidebar-footer{margin-top:auto;padding:48px 14px 0}.sidebar-footer p{font-size:12px;line-height:1.8;color:#3f3f3f;margin:0 0 18px}.sidebar-footer .text-button{font-size:12px;color:#303030}
.sidebar-draft{font-size:12px;line-height:1.7;text-align:left;background:#fff4ef;color:#9f4234;border:1px solid #f7dfd7;border-radius:6px;padding:10px;margin:0 0 20px}
.team-topbar{grid-area:topbar;background:#fff;border-bottom:1px solid #d8d8d8;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px}
.team-breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:#3f3f3f}.team-breadcrumb span:last-child{color:#45443f}.team-topbar>p{font-size:12px;color:#454545;margin:0;overflow-wrap:anywhere}
.team-main{grid-area:content;padding:38px 40px 60px;min-width:0;max-width:1660px;width:100%;margin:0 auto}
.team-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.team-heading h1{font-size:34px;margin-bottom:12px;line-height:1.2}.team-heading h1 em:before{animation:none}.team-heading .eyebrow{font-size:11px;margin-bottom:12px;color:#3f3f3f}.team-heading .helper{margin:0;font-size:13px;color:#454545}.team-heading>.button{flex:none;font-size:12px;min-height:42px;padding:11px 16px;border-color:#dcdad4;background:#fff}
.team-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.team-stats>div{background:#fff;border:1px solid #d8d8d8;border-radius:10px;padding:20px 22px;box-shadow:0 2px 4px rgba(23,23,23,.015)}.team-stats strong,.team-stats span,.team-stats small{display:block}.team-stats strong{font-family:Georgia,'Times New Roman',serif;font-size:36px;line-height:1.2;font-weight:400;margin:12px 0 9px}.team-stats span{font-size:12px;color:#303030}.team-stats small{font-size:11px;color:#3f3f3f}
.team-filters{display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:14px;align-items:end;padding:20px;background:#fff;border:1px solid #d8d8d8;border-radius:10px;margin-bottom:4px}.team-filters label{margin:0;font-size:12px;color:#454545}.team-filters input,.team-filters select{font-size:12px!important;padding:11px 12px!important;min-height:42px;margin-top:7px!important;border-color:#e1dfd9!important}.team-filters .button{min-height:42px;padding:11px 16px;font-size:12px}
#team-status{font-size:12px;min-height:18px;margin-top:12px;color:#3f3f3f}
.team-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;margin-top:26px;align-items:start}.team-client-column{background:#fff;border:1px solid #d8d8d8;border-radius:10px;overflow:hidden;min-width:0}.directory-heading{padding:20px 20px 14px;border-bottom:1px solid #e3e3e3}.directory-heading h2{font-size:13px;font-weight:600;margin:0 0 5px}.directory-heading .helper{font-size:11px;margin:0;color:#3f3f3f}
.team-client-list{list-style:none;padding:8px;margin:0}.team-client-list li{margin:0 0 4px;min-width:0}.team-client-list button{display:block;text-align:left;width:100%;padding:16px 12px;background:#fff;border:1px solid transparent;border-radius:7px;color:#171717}.team-client-list button:hover{background:#fafaf7}.team-client-list button[aria-current=true]{border-color:#f2d8ce;background:#fff8f5;box-shadow:inset 2px 0 var(--coral)}.team-client-list strong,.team-client-list span{display:block;overflow-wrap:anywhere}.team-client-list strong{font-size:13px;font-weight:600;margin-bottom:6px}.team-client-list span{font-size:11px;line-height:1.9;color:#3f3f3f}.team-client-list .client-list-status{display:inline-block;border:1px solid #e7e5de;border-radius:100px;font-size:11px;line-height:1.5;padding:4px 8px;margin-top:9px;color:#333333;background:#fff}
.team-pagination{display:flex;justify-content:space-between;gap:16px;padding:10px 20px 14px;border-top:1px solid #e3e3e3}.team-pagination button{font-size:11px}
.team-project{min-width:0;border:1px solid #d8d8d8;border-radius:10px;background:#fff;padding:28px 30px;min-height:390px}.team-empty{padding:48px 18px;text-align:center;max-width:360px;margin:auto}.team-empty-mark{display:inline-flex;width:46px;height:46px;border:1px solid #eaded5;border-radius:12px;align-items:center;justify-content:center;color:#c96c56;font-size:26px;background:#fff9f4;margin-bottom:24px}.team-empty h2{font-family:Georgia,'Times New Roman',serif;font-size:26px;line-height:1.3;margin-bottom:14px}.team-empty p{font-size:13px;color:#3f3f3f;line-height:1.8}
.team-detail-heading{border-bottom:1px solid #dedede;padding-bottom:22px;margin-bottom:24px}.team-detail-heading .eyebrow{font-size:11px;margin:0 0 12px;color:#3f3f3f}.team-detail-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.3;margin:0 0 12px;overflow-wrap:anywhere}.team-detail-heading p:not(.eyebrow){font-size:12px;margin:5px 0;color:#3f3f3f;overflow-wrap:anywhere}.detail-tools{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.detail-tools button{font-size:11px}
.team-section h3{font-size:14px;font-weight:600;margin:0 0 14px}.team-section>.helper{font-size:12px;margin:0 0 24px;color:#3f3f3f;line-height:1.9}.team-section form{margin-top:24px}.client-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 28px}.client-summary-grid>div{border:1px solid #e9e7e0;background:#fcfcfa;border-radius:8px;padding:18px}.client-summary-grid .eyebrow{font-size:11px;margin-bottom:12px;color:#3f3f3f}.client-summary-grid strong{font-size:13px;font-weight:500}.team-copy{font-size:13px;line-height:1.9;color:#454545;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 26px}.team-quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.team-quick-actions .button{font-size:12px;min-height:42px;padding:11px 16px}
#project-update-fields{border:0;margin:0;padding:0;min-width:0}#project-update-fields label{font-size:12px;margin-bottom:20px;color:#303030}#project-update-fields input,#project-update-fields textarea,#project-update-fields select{font-size:13px;padding:12px;background:#fff;border-color:#dddcd6}#project-update-fields textarea{min-height:112px}#project-update-fields .button{font-size:12px}
.team-brief{margin:24px 0 0}.team-brief dt{font-size:12px;font-weight:600;margin-top:22px}.team-brief dd{font-size:13px;line-height:1.9;color:#454545;white-space:pre-line;margin:8px 0 0;overflow-wrap:anywhere}.team-history{list-style:none;padding:0;margin:24px 0 0}.team-history li{border-left:1px solid #e9e4dc;padding:0 0 28px 20px;position:relative;font-size:12px;overflow-wrap:anywhere}.team-history li:before{content:'';width:7px;height:7px;position:absolute;left:-4px;top:6px;border-radius:50%;background:#e6a28f;border:1px solid #fff}.team-history strong,.team-history span{display:block}.team-history span{font-size:11px;color:#3f3f3f;margin:6px 0}.team-history p{white-space:pre-line;margin:12px 0 0;line-height:1.9;color:#454545}
.billing-summary{margin:0 0 24px}.billing-summary>div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid #dedede;font-size:12px}.billing-summary dt{color:#3f3f3f}.billing-summary dd{margin:0;text-align:right}
#team-space[data-section=overview] .team-workspace{grid-template-columns:1fr}#team-space[data-section=overview] .team-project{display:none}#team-space[data-section=overview] .team-client-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}#team-space[data-section=overview] .team-client-list li{margin:0;border-right:1px solid #e3e3e3}#team-space[data-section=overview] .team-client-list button{padding:24px;border-radius:0;min-height:155px}#team-space[data-section=overview] .team-client-list strong{font-size:14px}
.team-members-panel{padding:28px 30px;background:#fff;border:1px solid #d8d8d8;border-radius:10px;max-width:1000px}.member-intro h2{font-family:Georgia,'Times New Roman',serif;font-size:25px;margin-bottom:12px}.member-intro p{font-size:13px;color:#3f3f3f;line-height:1.9;margin:0 0 28px}.invite-member-form{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:end}.invite-member-form label{margin:0;font-size:12px}.invite-member-form input,.invite-member-form select{font-size:13px!important;padding:12px!important}.invite-member-form .button{font-size:12px}.team-member-list{list-style:none;padding:0;margin:28px 0 0}.team-member-list li{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #dedede;padding:20px 0}.member-name{flex:1;min-width:190px;overflow-wrap:anywhere}.member-name strong{display:block;font-size:13px;font-weight:600}.member-name span{font-size:12px;color:#3f3f3f}.team-member-list select{width:120px;font-size:13px;padding:8px;margin:0}.member-active{display:flex;align-items:center;gap:7px;font-size:12px;margin:0}.member-active input{accent-color:#171717}.team-member-list button{font-size:12px}.team-member-list .member-save{border:1px solid #dedcd5;border-radius:6px;background:#fff;padding:8px 12px}
.design-preview-notice{position:sticky;top:0;z-index:30;padding:10px 24px;background:#fff0e9;border-bottom:1px solid #efd7cc;text-align:center;font-size:12px;color:#754c3e}body[data-design-preview=true] .team-sidebar{top:41px;height:calc(100svh - 41px)}
@media(max-width:1200px){.team-main{padding:32px 28px 48px}.team-topbar{padding:20px 28px}.team-stats{gap:10px}.team-stats>div{padding:18px}.team-stats small{font-size:11px}.team-workspace{grid-template-columns:230px minmax(0,1fr);gap:18px}.team-project{padding:26px 24px}.team-filters{gap:10px;grid-template-columns:1.4fr 1fr 1fr}.team-filters .button{grid-column:3}}
@media(max-width:960px){.team-room #team-space{grid-template-columns:1fr;grid-template-areas:'topbar' 'sidebar' 'content'}.team-topbar .menu-toggle{display:inline-flex}.team-topbar{padding:16px 22px}.team-sidebar{display:none;position:static;height:auto!important;top:auto!important;border-right:0;border-bottom:1px solid #d8d8d8;padding:24px}.team-room #team-space[data-menu-open=true] .team-sidebar{display:flex}.team-brand,.team-sidebar>.sidebar-label,.sidebar-footer p{display:none}.team-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-group{grid-column:1/-1;margin-top:16px}.sidebar-footer{padding:20px 14px 0;margin-top:0}.sidebar-footer .text-button{padding:0}.team-topbar>p{max-width:160px;text-align:right;font-size:11px}.team-main{padding:28px 22px 48px}.team-workspace{grid-template-columns:210px minmax(0,1fr)}#team-space[data-section=overview] .team-client-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.team-heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.team-heading h1{font-size:31px}.team-heading .helper{font-size:12px}.team-heading>.button{font-size:11px;min-height:38px}.team-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-stats strong{font-size:30px}.team-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.team-filters label:first-child{grid-column:1/-1}.team-filters .button{grid-column:1/-1}.team-workspace{grid-template-columns:1fr}.team-client-list{display:flex;overflow:auto;gap:8px;max-height:190px}.team-client-list li{flex:0 0 210px}.team-client-list button{height:100%}.team-project{padding:24px 20px}.team-detail-heading h2{font-size:27px}#team-space[data-section=overview] .team-client-list{display:grid;grid-template-columns:1fr;max-height:none}#team-space[data-section=overview] .team-client-list li{border-bottom:1px solid #e3e3e3;border-right:0}#team-space[data-section=overview] .team-client-list button{min-height:0;padding:22px}.team-topbar .team-breadcrumb>span{display:none}.client-summary-grid{gap:10px}.client-summary-grid>div{padding:14px}.billing-summary>div{font-size:12px}.design-preview-notice{font-size:11px;line-height:1.7}.team-members-panel{padding:24px 20px}.invite-member-form{grid-template-columns:1fr}.team-member-list li{gap:12px}.member-name{flex-basis:100%}body[data-design-preview=true] .team-sidebar{height:auto}}

@media(max-width:700px){.team-room input,.team-room select,.team-room textarea{font-size:16px!important}}

.sidebar-footer>a{display:block;width:fit-content;margin-bottom:8px}
/* Operations workspace */
.work-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border-radius:999px;padding:6px 10px;background:#f0f0ed;color:#303030;font-size:10px;line-height:1.4;font-weight:600}.work-pill:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}
.work-pill[data-status=design],.work-pill[data-status=in_progress]{background:#eeeafd;color:#665394}.work-pill[data-status=development]{background:#e7effc;color:#3b6193}.work-pill[data-status=review],.work-pill[data-status=kickoff]{background:#fff2d7;color:#85652a}.work-pill[data-status=live],.work-pill[data-status=done]{background:#e8f3e8;color:#39734b}.work-pill[data-status=blocked]{background:#fbe9e5;color:#9d4137}.work-pill[data-status=internal]{background:#eef0f2;color:#596575}
.work-stats{margin-bottom:24px}.overview-work-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px}.work-card{border:1px solid #d8d8d8;background:#fff;border-radius:12px;padding:28px;min-width:0}.work-card .eyebrow{font-size:10px;color:#454545;letter-spacing:.12em;margin-bottom:14px}.work-card h2{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;margin:0 0 14px}.work-card .helper,.ops-form .helper,.identity-card .helper,#project-coordination>.helper{font-size:11px;line-height:1.8;color:#454545}.work-tabs{display:flex;gap:8px;margin:22px 0 12px;flex-wrap:wrap}.work-tabs button{padding:7px 12px;border:1px solid #e8e6e0;border-radius:7px;font-size:11px;background:#fff;color:#3f3f3f}.work-tabs button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}
.ops-list{list-style:none;padding:0;margin:18px 0;max-height:480px;overflow:auto}.ops-list>li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #e3e3e3;font-size:12px;min-width:0}.ops-list>li>div{min-width:0}.ops-list strong,.ops-list small{display:block;overflow-wrap:anywhere}.ops-list small{font-size:10px;color:#454545;line-height:1.7;margin-top:6px}.ops-list button{font-size:12px;text-align:left;line-height:1.6;text-decoration:none}.ops-list p{font-size:12px;color:#3f3f3f;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere;margin:10px 0 0}.ops-empty{font-size:12px;color:#454545;line-height:1.8;padding:20px 0!important}.ops-list .work-pill{flex:none}.ops-list .text-button{padding:0}.progress-board>.helper{font-size:12px;color:#454545;margin:0 0 20px}.board-columns{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:16px;overflow:auto;padding-bottom:20px}.board-column{padding:16px 14px;border:1px solid #e8e7e1;border-radius:12px;background:#f3f3f0;min-height:360px}.board-column-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}.board-column-heading>span:last-child{font-size:11px;color:#454545}.board-card{display:block;text-align:left;width:100%;border:1px solid #e4e2db;background:#fff;border-radius:9px;padding:20px 18px;margin-bottom:12px;color:#171717;box-shadow:0 2px 4px #00000003}.board-card:hover{border-color:#dc9c89}.board-card strong,.board-card small,.board-card>span{display:block;line-height:1.8}.board-card strong{font-size:13px;margin:9px 0 12px}.board-card small{font-size:10px;color:#454545}.board-card>span{font-size:11px;color:#454545}.member-id{letter-spacing:.07em;font-size:9px!important;color:#9c6454!important}.identity-card{padding:22px;border:1px solid #e8e6df;background:#fcfcfa;border-radius:10px;margin-top:24px}.identity-card .eyebrow{font-size:10px;margin-bottom:12px}.identity-card .billing-summary{margin-bottom:10px}.identity-card .billing-summary>div{padding:11px 0}.identity-card .billing-summary dd{max-width:65%;overflow-wrap:anywhere}.identity-card .helper{margin:16px 0 0}.ops-form{padding:22px 0;margin:20px 0;border-top:1px solid #dedede}.ops-form label{font-size:12px;line-height:1.7;margin-bottom:18px;color:#303030}.ops-form input,.ops-form select,.ops-form textarea{font-size:13px!important;padding:12px!important;background:#fff;border-color:#dedcd5}.ops-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.ops-form .button{font-size:12px;min-height:42px;padding:12px 18px}.ops-form .status{font-size:12px;line-height:1.7}.discard-work{font-size:12px;margin-left:16px}.conversation{list-style:none;padding:0;margin:24px 0;max-height:600px;overflow:auto}.conversation>li:not(.ops-empty){padding:20px;background:#f7f7f4;border:1px solid #e8e7e0;border-radius:10px;margin-bottom:14px}.conversation>li[data-sender=studio]{background:#fff5ef;border-color:#f2dfd3}.conversation>li[data-sender=internal]{background:#f5f6f8;border-color:#e2e5e9}.conversation small{display:block;font-size:10px;line-height:1.8;color:#454545;margin:8px 0}.conversation p,.reply-context{font-size:13px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;margin:8px 0}.conversation button{font-size:11px;margin-top:10px}.reply-context{padding:16px;border-left:2px solid #c3b5db;background:#faf8fe;font-size:12px}progress{display:block;width:100%;height:6px;border:0;border-radius:9px;background:#eeeae5;accent-color:#cf7862;margin:16px 0 24px}progress::-webkit-progress-bar{background:#eeeae5;border-radius:9px}progress::-webkit-progress-value{background:#cf7862;border-radius:9px}
#project-coordination{margin-top:28px}.team-stats[hidden],.progress-board[hidden],#operations-overview[hidden]{display:none!important}.invite-member-form{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-member-form>label:first-child{grid-column:1/-1}.invite-member-form .button{justify-self:start}.team-member-list select{width:auto;max-width:180px}.team-room #team-space[data-section=board] .team-workspace{display:none}
@media(max-width:1100px){.overview-work-grid{grid-template-columns:1fr}.work-card{padding:24px}.team-navigation button{font-size:12px}}
@media(max-width:700px){.work-card{padding:22px 18px}.ops-fields,.invite-member-form{grid-template-columns:1fr}.ops-form{padding-top:20px}.ops-list>li{gap:12px;flex-wrap:wrap}.ops-list .work-pill{font-size:9px}.conversation>li:not(.ops-empty){padding:18px}.board-columns{grid-template-columns:repeat(6,250px)}.identity-card{padding:18px}.ops-form input,.ops-form select,.ops-form textarea{font-size:16px!important}}

.ops-fieldset{border:0;padding:0;margin:0;min-width:0}.ops-fieldset:disabled{opacity:.55}

/* A legible black, white and gray workspace with a compact desktop rail. */
.team-room{--team-offset:0px;color:#151515}
body[data-design-preview=true]{--team-offset:40px}
.design-preview-notice{position:fixed;inset:0 0 auto;height:40px;padding:8px 16px;display:flex;align-items:center;justify-content:center;background:#f1f1f1;border-bottom:1px solid #d1d1d1;color:#222;font-size:12px;z-index:40}
.team-navigation button{color:#222;font-weight:500;line-height:1.4}
.team-navigation button[aria-current=page]{background:#171717;color:#fff;border-color:#171717;font-weight:600}
.team-navigation button[aria-current=page]>span{color:#fff}
.team-navigation button:hover:not([aria-current=page]){background:#ededed;color:#111}
.team-client-list button[aria-current=true]{border-color:#bdbdbd;background:#f0f0f0;box-shadow:inset 3px 0 #171717}
.team-client-list .member-id{color:#353535!important;font-size:11px!important;font-weight:600}
.team-main :is(.helper,.eyebrow,small,.team-copy){color:#404040}
.team-heading .helper,.team-section>.helper,.member-intro p{color:#303030;font-size:13px}
.team-main :is(.ops-list small,.conversation small,.team-history span,.board-card small,.board-card>span,.directory-heading .helper,.team-detail-heading p:not(.eyebrow)){color:#414141;font-size:12px}
.team-main :is(.team-copy,.team-brief dd,.ops-list p,.conversation p){color:#292929;font-size:14px;line-height:1.85}
.team-main :is(input,textarea,select){color:#151515;border-color:#bdbdbd}
.team-main ::placeholder{color:#555;opacity:1}
.team-breadcrumb,.team-topbar>p,.billing-summary dt,.member-name span{color:#353535}
.team-stats :is(span,small){color:#303030;font-size:12px}
.work-card .eyebrow,.work-card .helper,.identity-card .helper,.ops-form .helper{color:#404040;font-size:12px}
.work-card,.team-project,.team-client-column,.team-members-panel{border-color:#d5d5d5;background:#fff}
.work-pill{border:1px solid #bbb;background:#f2f2f2;color:#242424;font-size:11px}
.work-pill:is([data-status=design],[data-status=development],[data-status=kickoff],[data-status=in_progress]){border-color:#78a68c;background:#e2f1e7;color:#185338}
.work-pill:is([data-status=brief],[data-status=review],[data-status=todo]){border-color:#c6a342;background:#fff1b8;color:#5c4505}
.work-pill:is([data-status=done],[data-status=live]){border-color:#c87560;background:#f5baa8;color:#4e2418}
.work-pill[data-status=blocked]{border-color:#9a79bc;background:#eee4f8;color:#553076}
.work-pill[data-status=unread]{border-color:#6f9bcd;background:#e1edfc;color:#174b85}
.work-pill[data-status=internal]{border-color:#aaa;background:#eee;color:#222}
.work-stats>div[data-attention=true]{border-top:3px solid #bd951d;background:#fff9e3}
.work-stats>div[data-attention=true][data-metric=blocked]{border-color:#8056a4;background:#f6effc}
.work-stats>div[data-attention=true][data-metric=unread]{border-color:#427fbf;background:#edf4ff}
.work-stats>div[data-attention=true][data-metric=unread] strong{color:#174b85}
.ops-list>li[data-attention=unread]{border-left:3px solid #427fbf;background:#f3f7ff;padding:16px 14px;margin:8px 0;border-radius:6px}
.board-column{background:#f1f1f1;border-color:#d5d5d5}.board-card{border-color:#cecece}.board-card:hover{border-color:#333}
.conversation>li:not(.ops-empty),.conversation>li[data-sender=internal]{background:#f3f3f3;border-color:#ccc}.conversation>li[data-sender=studio]{background:#fff;border-color:#666}
.identity-card,.client-summary-grid>div{background:#f7f7f7;border-color:#d5d5d5}.reply-context{background:#f4f4f4;border-color:#222}
progress{background:#e7e7e7;accent-color:#cf7862}progress::-webkit-progress-bar{background:#e7e7e7}progress::-webkit-progress-value{background:#cf7862}progress::-moz-progress-bar{background:#cf7862}
.team-empty-mark{color:#333;background:#f3f3f3;border-color:#ccc}.team-history li:before{background:#333}.sidebar-draft{background:#eee;color:#111;border-color:#bbb}
@media(min-width:961px){
 .team-room #team-space{grid-template-columns:232px minmax(0,1fr);grid-template-rows:70px minmax(0,1fr);grid-template-areas:'. topbar' '. content';height:calc(100dvh - var(--team-offset));min-height:0;margin-top:var(--team-offset);overflow:hidden}
 .team-room .team-sidebar{position:fixed;inset:var(--team-offset) auto 0 0;width:232px;height:calc(100dvh - var(--team-offset));padding:20px 16px 14px;overflow:hidden;z-index:20;grid-area:auto;border-right:1px solid #cfcfcf}
 .team-brand{margin:0 8px 24px;flex:none}.team-brand img{width:144px}
 .team-sidebar>.sidebar-label{display:none}
 .team-navigation{gap:2px;min-height:0;overflow-y:auto;scrollbar-width:thin;flex:0 1 auto}
 .team-navigation button{gap:10px;min-height:36px;padding:8px 10px;font-size:13px;border-radius:6px;white-space:nowrap}
 .team-navigation button>span{width:18px;font-size:18px}.team-navigation button>span svg{width:18px;height:18px}
 .sidebar-group{margin:16px 10px 6px;font-size:10px;color:#444}
 .sidebar-footer{margin-top:auto;padding:16px 8px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #ddd;flex:none}
 .sidebar-footer p{display:none}.sidebar-footer>a,.sidebar-footer>.text-button{margin:0;font-size:12px;line-height:1.4;padding:6px 0;color:#222;width:fit-content}
 .sidebar-footer .sidebar-draft{grid-column:1/-1;margin:0;font-size:11px}
 .team-topbar{padding:18px 36px;min-height:70px;border-color:#d5d5d5}.team-topbar>p{font-size:12px}
 .team-main{min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:32px 36px 48px;scrollbar-gutter:stable}
 body[data-design-preview=true] .team-sidebar{top:var(--team-offset);height:calc(100dvh - var(--team-offset))}
}
@media(max-width:960px){body[data-design-preview=true] #team-space{margin-top:40px}.team-navigation{gap:4px}.team-navigation button{padding:10px 12px}.team-main{overflow:visible}.team-room .team-sidebar{overflow:visible}.design-preview-notice{font-size:11px}}

/* Daily overview: five compact indicators and a low-noise arrival queue. */
#operations-overview .work-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#operations-overview .work-stats>div{padding:17px 15px}
#operations-overview .team-arrivals-card{margin-bottom:24px}
#operations-overview .team-arrivals-card .ops-list{max-height:none;margin:6px 0 0}
@media(max-width:1200px){#operations-overview .work-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#operations-overview .work-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Quiet visual priorities for the team's daily command center. */
#operations-overview .work-stats>div[role="button"]{cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
#operations-overview .work-stats>div[role="button"]:hover,#operations-overview .work-stats>div[role="button"]:focus-visible{border-color:#498365;box-shadow:0 0 0 2px #cbe7d5;outline:none}
#operations-overview .work-stats>div[data-metric="new-members"]{border-top:4px solid #4c9870;background:#f5faf6}
#operations-overview .work-stats>div[data-attention="true"][data-metric="overdue"],#operations-overview .work-stats>div[data-attention="true"][data-metric="blocked"]{border-top:4px solid #c77852;background:#fff9f4}
#operations-overview .work-stats>div[data-attention="true"][data-metric="unread"]{border-top:4px solid #4c9870;background:#f5faf6}
#operations-overview .team-arrivals-card{border-left:4px solid #4c9870}
#operations-overview .team-working-list>li{border-left:3px solid #8ebd9a;padding-left:13px;margin:4px 0;background:linear-gradient(90deg,#f5faf6,transparent 65%)}
#operations-overview .team-working-list>li:has(small){min-height:56px}
#operations-overview .work-tabs button[data-view="blocked"][aria-pressed="true"]{background:#855b35;border-color:#855b35}

/* Onboarding is an outstanding action, independent of the seven-day New Members window. */
#operations-overview .work-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
#operations-overview .work-stats>div[data-metric="needs-onboarding"]{border-top:4px solid #4c9870;background:#f5faf6}
#operations-overview .team-onboarding-card{border-left:4px solid #4c9870;margin-bottom:24px}
@media(max-width:720px){#operations-overview .work-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}