.team-view{gap:24px;min-width:0;display:grid}.team-page-heading,.team-panel-heading,.team-identity,.team-actions,.team-pagination,.team-search{align-items:center;gap:16px;display:flex}.team-page-heading,.team-panel-heading,.team-pagination{justify-content:space-between}.team-page-heading h1,.account-access-panel h1{margin:0}.team-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:24px;display:grid}.team-directory,.team-panel,.team-member-card{min-width:0}.team-panel,.team-member-card,.account-access-panel{border:1px solid var(--line);background:#fff;border-radius:6px}.team-panel,.account-access-panel{gap:24px;padding:24px;display:grid}.team-panel-heading{flex-wrap:wrap}.team-search{flex-wrap:wrap;align-items:end;gap:8px 16px}.team-search>.field{flex:240px;max-width:560px;margin-bottom:0}.team-search>.btn.team-refresh{flex:none;min-width:40px}.team-search>.btn.team-refresh.refresh-button-icon{padding:0 8px}.team-notes{flex-wrap:wrap;align-items:center;gap:0 16px;margin-top:4px;display:flex}.team-line{color:#475569;margin:0;font-size:14px;line-height:20px}.team-line-warning{color:#92400e}.team-details[open]{flex-basis:100%}.team-details>summary{color:#0369a1;cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.team-details>p{color:#475569;margin:0 0 8px;line-height:1.5}.team-member-list{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid;container:team-list/inline-size}.team-member-card{grid-template-columns:minmax(0,1fr);align-items:center;gap:4px 16px;padding:12px 16px;display:grid;position:relative}.team-member-card.selected{border-color:#0369a1;box-shadow:inset 4px 0 #0369a1}.team-member-card p{margin:0}.team-member-identity{align-items:center;gap:12px;min-width:0;display:flex}.team-member-identity>div{min-width:0}.team-member-identity h3{margin:0;font-size:18px;line-height:24px}.team-member-identity p,.team-member-role,.team-member-crews{color:#475569;font-size:14px;line-height:20px}.team-member-sub{overflow-wrap:anywhere}.team-member-badges{flex-wrap:wrap;gap:4px 8px;display:flex}.team-member-conflict{grid-column:1/-1;padding:8px 12px;font-size:14px}.team-member-open{color:#0f172a;font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-weight:600}.team-member-open:after{content:"";border-radius:6px;position:absolute;inset:0}.team-member-open:focus-visible{outline:none}.team-member-open:focus-visible:after{outline-offset:2px;outline:2px solid #0369a1}@media (hover:hover){.team-member-card:hover{background:#f8fafc}.team-member-card:hover .team-member-open{color:#0369a1;text-decoration:underline}}@container team-list (min-width:720px){.team-member-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.team-member-card{grid-template-columns:minmax(220px,1.4fr) minmax(140px,1fr) minmax(160px,1.2fr) auto}.team-member-badges{justify-content:flex-end}}@media screen and (pointer:fine) and (min-width:961px){.team-member-list{gap:4px}@container team-list (min-width:720px){.team-member-card{padding-top:8px;padding-bottom:8px}}}.team-view p,.team-view dd,.team-view h2,.team-view h3,.team-form p,.account-access-panel p{overflow-wrap:anywhere}.team-note,.team-member-email,.team-facts dt{color:var(--muted)}.team-actions,.team-pagination{flex-wrap:wrap}.team-identity>div{flex:auto;min-width:0}.team-identity>.team-detail-close{flex:none;align-self:flex-start}.team-facts{gap:16px;margin:0;display:grid}.team-member-detail{scroll-margin-top:96px}.team-facts>div{gap:8px;display:grid}.team-facts dd{white-space:pre-wrap;margin:0}.team-warning,.team-notice{border:1px solid var(--line);background:#f8fafc;border-left:4px solid #f59e0b;border-radius:6px;padding:16px}.team-notice{border-left-color:#0369a1}.team-form{gap:24px;min-width:0;display:grid}.team-form-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;display:grid}.team-form input,.team-form select,.team-form textarea,.team-search input{width:100%;min-height:40px;padding:8px 16px}.team-form input[type=file]{padding:8px}.team-checkbox-list{border:1px solid var(--line);border-radius:6px;gap:8px;min-width:0;margin:0;padding:16px;display:grid}.team-checkbox-list legend{padding:0 8px;font-weight:600}.team-checkbox-list label{align-items:center;gap:8px;min-height:48px;display:flex}.team-checkbox-list input[type=checkbox]{accent-color:#0369a1;flex:0 0 24px;width:24px;height:24px;min-height:24px;margin:0}.team-photo-editor{justify-items:start;gap:16px;min-width:0;display:grid}.team-photo-editor>.field{width:100%}.team-profile-photo{object-fit:cover;border:1px solid var(--line);border-radius:6px;flex-shrink:0}.account-access-page{min-height:100dvh;padding:calc(48px + env(safe-area-inset-top,0px)) max(48px, env(safe-area-inset-right,0px)) calc(48px + env(safe-area-inset-bottom,0px)) max(48px, env(safe-area-inset-left,0px));align-items:center;display:grid}@media (max-width:960px){.account-access-page{padding-right:max(24px, env(safe-area-inset-right,0px));padding-left:max(24px, env(safe-area-inset-left,0px))}}@media (max-width:480px){.account-access-page{padding-right:max(16px, env(safe-area-inset-right,0px));padding-left:max(16px, env(safe-area-inset-left,0px))}}.account-access-panel{width:min(100%,640px);margin:0 auto}.team-directory-layout{grid-template-columns:minmax(0,1fr)}@media (min-width:1101px){.team-directory-layout.has-detail{grid-template-columns:minmax(0,3fr) minmax(320px,2fr)}.team-member-detail{max-height:calc(100dvh - 32px);position:sticky;top:16px;overflow:auto}}@media (max-width:1100px){.team-layout{grid-template-columns:minmax(0,1fr)}}@media screen and (min-width:761px){.team-search>.field{flex-direction:row;align-items:center;gap:12px}.team-search>.field>span{white-space:nowrap;flex:none}.team-search>.field>input{flex:auto;min-width:0}.team-search{align-items:center}}@media screen and (pointer:coarse),screen and (max-width:760px){.team-search>.btn.team-refresh{min-width:48px}.team-form input:not([type=checkbox]):not([type=radio]),.team-form select,.team-form textarea,.team-search input{min-height:48px}}@media (max-width:760px){.team-panel,.account-access-panel{padding:24px 16px}.team-member-card{padding:16px}.team-member-identity p,.team-member-role,.team-member-crews,.team-line,.team-member-conflict{font-size:16px;line-height:24px}}@media (max-width:480px){.team-page-heading>.btn{width:100%}.team-view .team-search{flex-wrap:nowrap;gap:8px}.team-view .team-search>.field{flex:auto;min-width:0}}@media (max-width:640px){.team-page-heading,.team-panel-heading{flex-direction:column;align-items:start}.team-form-grid{grid-template-columns:minmax(0,1fr)}.team-identity{align-items:start}.team-pagination{gap:8px}}
