/* Bounded-list controls and self-service onboarding. */
:root{--client-accent:#356756;--client-accent-soft:#e8f1ec;--client-red:#df5554;--client-surface:#fff;--client-line:#dedfda;--client-muted:#767b79}
.requestLoading{display:grid;min-height:240px;place-items:center;padding:30px;color:var(--client-muted);font-size:10px}
.requestReviewCenter .reqHead,.opsReview>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.requestReviewCenter .reqHead>div,.opsReview>header>div{min-width:0}
.clientRangeSelect{display:grid;flex:0 0 auto;gap:4px;color:var(--client-muted);font-size:7px;font-weight:800;text-align:right}
.clientRangeSelect select{height:36px;max-width:132px;padding:0 28px 0 10px;border:1px solid var(--client-line);border-radius:11px;background:var(--client-surface);color:inherit;font-size:8px;font-weight:800;outline:0}
.customRange{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:7px;align-items:center;margin:0 0 13px;padding:10px;border:1px solid var(--client-line);border-radius:14px;background:var(--client-surface)}
.customRange[hidden]{display:none}.customRange input{min-width:0;height:38px;padding:0 8px;border:1px solid var(--client-line);border-radius:10px;background:transparent;color:inherit;font-size:8px}.customRange span{color:var(--client-muted)}.customRange button{height:38px;padding:0 12px;border:0;border-radius:10px;background:var(--client-accent);color:#fff;font-size:8px;font-weight:850}
.clientLoadMore,.requestSeeAll{width:100%;height:46px;margin-top:12px;border:1px solid var(--client-line);border-radius:13px;background:var(--client-surface);color:#343836;font-size:9px;font-weight:820}.requestSeeAll{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:var(--client-accent)}.requestSeeAll span{font-size:15px;font-weight:400}
.peopleActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.peopleActions button{min-height:48px;padding:8px 10px;border-radius:14px;font-size:9px;font-weight:850}.peopleInvite{margin:0;border:0;background:#171a1b;color:#fff}.peopleJoinCode{border:1px solid #bad0c4;background:var(--client-accent-soft);color:var(--client-accent)}
.peopleSectionTitle{display:flex;align-items:center;justify-content:space-between;margin:20px 1px 9px}.peopleSectionTitle h2{margin:0;font-size:12px}.peopleSectionTitle span{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--client-accent-soft);color:var(--client-accent);font-size:8px;font-weight:850}
.joinQueue{margin-bottom:20px}.joinApplicationRow{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 12px;gap:12px;align-items:center;padding:13px;border:1px solid var(--client-line);border-bottom:0;background:var(--client-surface);text-align:left}.joinApplicationRow:first-of-type{border-radius:16px 16px 0 0}.joinApplicationRow:last-child{border-bottom:1px solid var(--client-line);border-radius:0 0 16px 16px}.joinApplicationRow:only-of-type{border-bottom:1px solid var(--client-line);border-radius:16px}.joinApplicationRow>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--client-accent-soft);color:var(--client-accent);font-size:8px;font-weight:900}.joinApplicationRow strong,.joinApplicationRow small{display:block}.joinApplicationRow strong{font-size:10px}.joinApplicationRow small{margin-top:4px;color:var(--client-muted);font-size:7.5px}.joinApplicationRow i{color:#9ca19f;font-style:normal;font-size:16px}
.peopleList>div{grid-template-columns:38px minmax(0,1fr)}.peopleList small{display:block;margin-top:3px;color:var(--client-muted);font-size:7px}
.joinCodeView,.joinApplicationDetail{padding:28px 16px 42px}.joinCodeView>small,.joinApplicationDetail header small{color:var(--client-muted);font-size:8px;font-weight:850;letter-spacing:.06em}.joinCodeView h1,.joinApplicationDetail h1{margin:7px 0;font-size:28px;letter-spacing:-.045em}.joinCodeView p,.joinApplicationDetail header p{margin:0;color:var(--client-muted);font-size:9px;line-height:1.55}.joinCodeValue{width:100%;height:70px;margin:24px 0 10px;border:1px dashed #9bb7a8;border-radius:17px;background:var(--client-accent-soft);color:var(--client-accent);font:900 22px/1 system-ui;letter-spacing:.08em}.joinCodeView>span{display:block;color:var(--client-muted);font-size:8px;text-align:center}
.joinApplicationDetail header{margin-bottom:20px}.joinApplicationDetail dl{margin:0}.joinApplicationDetail dl>div{display:flex;justify-content:space-between;gap:18px;padding:13px 1px;border-top:1px solid var(--client-line);font-size:9px}.joinApplicationDetail dt{color:var(--client-muted)}.joinApplicationDetail dd{max-width:66%;margin:0;font-weight:800;text-align:right}.joinPermissions{margin-top:18px;padding:16px;border:1px solid var(--client-line);border-radius:18px;background:var(--client-surface)}.joinPermissions>label{display:grid;gap:7px;margin-bottom:14px}.joinPermissions>label span,.joinPermissions legend{color:var(--client-muted);font-size:8px;font-weight:780}.joinPermissions select,.joinPermissions textarea{width:100%;box-sizing:border-box;border:1px solid var(--client-line);border-radius:12px;background:transparent;color:inherit;padding:10px;font:inherit}.joinPermissions select{height:44px}.joinPermissions fieldset{display:grid;gap:5px;margin:0 0 14px;padding:11px;border:1px solid var(--client-line);border-radius:13px}.joinPermissions fieldset label{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:9px}.joinDecision{display:grid;grid-template-columns:1fr 1.35fr;gap:9px}.joinDecision button{height:46px;border:1px solid var(--client-line);border-radius:12px;background:transparent;color:#9b5652;font-size:9px;font-weight:850}.joinDecision .primary{border-color:var(--client-accent);background:var(--client-accent);color:#fff}
.authGate:has(#onboardingContent:not([hidden])){align-items:start;overflow:auto;padding-block:24px}.authGate:has(#onboardingContent:not([hidden])) .authPanel{width:min(100%,460px)}
.onboardingForm header small,.onboardingStatus>small{color:var(--client-accent);font-size:8px;font-weight:900;letter-spacing:.1em}.onboardingForm header h1,.onboardingStatus h1{margin:6px 0;font-size:28px;letter-spacing:-.045em}.onboardingForm header p,.onboardingStatus p{margin:0 0 20px;color:var(--client-muted);font-size:10px;line-height:1.6}.onboardingForm form{display:grid;gap:13px}.onboardingForm label{display:grid;gap:6px}.onboardingForm label span{color:#5c625f;font-size:9px;font-weight:800}.onboardingForm input,.onboardingForm select{width:100%;height:48px;box-sizing:border-box;padding:0 13px;border:1px solid #d6dad5;border-radius:13px;background:#fff;color:#171a1b;font:600 13px system-ui;outline:0}.onboardingForm input:focus,.onboardingForm select:focus{border-color:var(--client-accent);box-shadow:0 0 0 3px rgba(53,103,86,.09)}.onboardingDivider{display:flex;align-items:center;gap:10px;margin-top:6px;color:var(--client-muted);font-size:8px;font-weight:850}.onboardingDivider:after{content:"";height:1px;flex:1;background:#dfe2dd}.onboardingForm button,.onboardingStatus button{height:50px;border:0;border-radius:13px;background:var(--client-accent);color:#fff;font-size:10px;font-weight:900}.onboardingForm button.quiet,.onboardingStatus button.quiet{background:transparent;color:var(--client-muted)}
.onboardingStatus{text-align:center}.onboardingStatusIcon{width:58px;height:58px;display:grid;place-items:center;margin:4px auto 18px;border-radius:50%;background:var(--client-accent-soft);color:var(--client-accent);font-size:21px;font-weight:900}.onboardingStatus dl{margin:20px 0;text-align:left}.onboardingStatus dl>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #dfe2dd;font-size:9px}.onboardingStatus dd{margin:0;font-weight:850}.onboardingStatus button{width:100%;margin-top:8px}
/* Normal mobile notification badges: familiar red, compact and calm. */
.msgNavBadge,.navBtn[data-page="workbench"][data-alert]:after{background:var(--client-red)!important;color:#fff!important;box-shadow:0 0 0 2px var(--msg-paper)!important}.tabCount.hot,.moduleBadge.danger{background:var(--client-red)!important;color:#fff!important}
@media (prefers-color-scheme:dark){:root{--client-accent:#76b298;--client-accent-soft:#21382f;--client-red:#ef6966;--client-surface:#1b1e1f;--client-line:#303432;--client-muted:#9ca19f}.clientRangeSelect select,.customRange,.customRange input,.clientLoadMore,.joinApplicationRow,.joinPermissions{background:var(--client-surface);color:#f1f3ef}.peopleInvite{background:#e8ebe7;color:#151718}.peopleJoinCode{border-color:#365548}.joinCodeValue{border-color:#456c5c}.onboardingForm label span{color:#b5bab7}.onboardingForm input,.onboardingForm select{border-color:#3a3e3c;background:#1b1e1f;color:#f3f4f1}.onboardingDivider:after,.onboardingStatus dl>div{border-color:#303432}.msgNavBadge,.navBtn[data-page="workbench"][data-alert]:after{box-shadow:0 0 0 2px #151718!important}}
.onboardingError{margin:0;padding:11px 12px;border:1px solid #e3c4bf;border-radius:11px;background:#f6e8e5;color:#722f2b;font-size:9px;line-height:1.45}.onboardingError[hidden]{display:none}
@media (max-width:370px){.requestReviewCenter .reqHead,.opsReview>header{align-items:flex-start;flex-direction:column}.clientRangeSelect{text-align:left}.clientRangeSelect select{max-width:none}.customRange{grid-template-columns:1fr 1fr}.customRange span{display:none}.customRange button{grid-column:1/-1}.peopleActions{grid-template-columns:1fr}}