#view-team{padding-bottom:40px}.team-page-head{align-items:flex-end}.team-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--layout-gap);margin-top:var(--layout-gap)}.team-kpi{min-height:96px;display:grid;align-content:center;gap:5px;padding:var(--card-padding)}.team-kpi>span{color:var(--cc-text-secondary);font-size:9px;font-weight:700}.team-kpi strong{font-size:22px;line-height:1}.team-kpi small{color:var(--cc-text-secondary);font-size:8px}.team-kpi .is-success{color:var(--cc-color-success)}.team-kpi .is-warning{color:var(--cc-color-warning)}
.team-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:var(--layout-gap);margin-top:var(--layout-gap)}.team-workspace{min-width:0;padding:0!important;overflow:hidden}.team-tabs{min-height:52px;padding:0 14px;align-items:end;border-bottom:1px solid var(--cc-border-subtle);background:rgba(255,255,255,.45)}.team-tabs .cc-tab{min-height:51px;display:flex;align-items:center;gap:6px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--cc-text-secondary);font-size:10px;font-weight:700;cursor:pointer}.team-tabs .cc-tab[aria-selected="true"]{border-bottom-color:var(--cc-color-brand-500);color:var(--cc-color-brand-600)}.team-tabs .cc-tab span{min-width:19px;padding:2px 5px;border-radius:99px;background:var(--cc-color-neutral-100);font-size:8px;text-align:center}.team-panel{padding:14px}.team-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.team-panel-head h2{margin:0;font-size:15px}.team-panel-head p{margin:3px 0 0;color:var(--cc-text-secondary);font-size:9px}.team-member-filters{display:flex;align-items:end;gap:7px}.team-member-filters .cc-field{width:135px}.team-member-filters .team-search{width:190px}.team-member-filters .cc-input,.team-member-filters .cc-select{min-height:var(--cc-control-height-sm)}
.team-table-wrap{margin-top:12px;overflow:hidden;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-lg);background:var(--cc-bg-surface)}.team-table{width:100%;border-collapse:collapse;font-size:9px}.team-table th{padding:9px 10px;background:var(--cc-bg-surface-subtle);color:var(--cc-text-tertiary);font-size:7px;text-align:left;text-transform:uppercase;white-space:nowrap}.team-table td{padding:10px;border-top:1px solid var(--cc-border-subtle);color:var(--cc-text-secondary);white-space:nowrap}.team-table tbody tr:hover{background:var(--cc-color-brand-50)}.team-table td:last-child{text-align:right}.team-person{display:flex;align-items:center;gap:8px}.team-person>i{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--cc-color-brand-600);color:#fff;font-size:8px;font-style:normal;font-weight:800}.team-person>i.is-dark{background:#101828}.team-person>i.is-light{background:#6b93e8}.team-person>i.is-orange{background:#dc6803}.team-person>i.is-purple{background:#7f56d9}.team-person>i.is-cyan{background:#0e7090}.team-person>i.is-green{background:#079455}.team-person>span{display:grid;gap:2px}.team-person b{color:var(--cc-text-primary);font-size:9px}.team-person small{color:var(--cc-text-tertiary);font-size:7px}.team-presence{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.team-presence::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cc-color-neutral-400)}.team-presence.is-present{color:var(--cc-color-success)}.team-presence.is-present::before{background:var(--cc-color-success)}.team-presence.is-away{color:var(--cc-color-warning)}.team-presence.is-away::before{background:var(--cc-color-warning)}.team-load-cell{min-width:95px;display:flex;align-items:center;gap:7px}.team-load-cell>i{width:64px;height:6px;overflow:hidden;border-radius:99px;background:var(--cc-color-neutral-200)}.team-load-cell>i b{display:block;height:100%;border-radius:99px;background:var(--cc-color-brand-500)}.team-load-cell em{font-size:8px;font-style:normal;font-weight:700}.team-load-cell.is-high>i b{background:var(--cc-color-warning)}.team-empty{padding:40px;color:var(--cc-text-secondary);font-size:9px;text-align:center}
.team-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.team-role-grid article{display:grid;align-content:start;gap:6px;min-height:120px;padding:13px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-lg);background:var(--cc-bg-surface)}.team-role-grid b{font-size:11px}.team-role-grid p{margin:0;color:var(--cc-text-secondary);font-size:8px;line-height:1.5}.team-role-grid span{align-self:end;width:fit-content;padding:3px 7px;border-radius:99px;background:var(--cc-color-brand-50);color:var(--cc-color-brand-600);font-size:7px;font-weight:700}.team-workload-list{display:grid;gap:10px;margin-top:15px}.team-workload-list article{display:grid;grid-template-columns:220px 1fr 42px;align-items:center;gap:14px;padding:11px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-md);background:var(--cc-bg-surface)}.team-workload-list span{display:grid;gap:3px}.team-workload-list b{font-size:9px}.team-workload-list small{color:var(--cc-text-secondary);font-size:7px}.team-workload-list>article>i{height:8px;overflow:hidden;border-radius:99px;background:var(--cc-color-neutral-200)}.team-workload-list>article>i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cc-color-brand-500),#78a5ff)}.team-workload-list>article>i.is-warning b{background:linear-gradient(90deg,var(--cc-color-warning),#fdb022)}.team-workload-list strong{font-size:9px;text-align:right}.team-invite-row{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto auto;align-items:center;gap:9px;margin-top:13px;padding:11px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-lg);background:var(--cc-bg-surface)}.team-invite-row>span:nth-child(2){display:grid;gap:2px}.team-invite-row>span:nth-child(2) b{font-size:8px}.team-invite-row>span:nth-child(2) small{color:var(--cc-text-secondary);font-size:7px}
.team-side{display:grid;align-content:start;gap:var(--layout-gap)}.team-side-card{padding:12px!important}.team-side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.team-side-head h2{margin:3px 0 0;font-size:12px}.team-availability{display:grid;margin-top:9px}.team-availability p{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:8px;margin:0;padding:9px 0;border-bottom:1px solid var(--cc-border-subtle)}.team-availability p:last-child{border-bottom:0}.team-availability>p>i{width:7px;height:7px;border-radius:50%;background:var(--cc-color-neutral-400)}.team-availability>p>i.is-present{background:var(--cc-color-success)}.team-availability>p>i.is-away{background:var(--cc-color-warning)}.team-availability span{display:grid;gap:2px}.team-availability b{font-size:8px}.team-availability small{color:var(--cc-text-secondary);font-size:7px}.team-availability em{color:var(--cc-text-secondary);font-size:7px;font-style:normal;text-align:right}.team-absence{display:grid;margin:9px 0}.team-absence p{display:grid;grid-template-columns:54px 1fr;gap:8px;margin:0;padding:9px 0;border-bottom:1px solid var(--cc-border-subtle)}.team-absence time{color:var(--cc-color-brand-600);font-size:7px;font-weight:700}.team-absence span{display:grid;gap:2px}.team-absence b{font-size:8px}.team-absence small{color:var(--cc-text-secondary);font-size:7px}.team-side-card>.cc-button{width:100%;justify-content:center}.team-alert{border-color:var(--cc-color-warning-border)!important;background:linear-gradient(135deg,var(--cc-color-warning-bg),rgba(255,255,255,.8))!important}.team-alert>p{color:var(--cc-text-secondary);font-size:8px;line-height:1.5}
.team-modal{width:min(100%,620px);display:grid;gap:14px}.team-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.team-modal-head h2{margin:4px 0 0;font-size:18px}.team-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-form-full{grid-column:1/-1}.team-invite-note{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--cc-color-warning-border);border-radius:var(--cc-radius-md);background:var(--cc-color-warning-bg)}.team-invite-note .ico{width:18px;height:18px;color:var(--cc-color-warning)}.team-invite-note p{display:grid;gap:2px;margin:0}.team-invite-note b{font-size:8px}.team-invite-note small{color:var(--cc-text-secondary);font-size:7px}.team-modal-actions{display:flex;justify-content:flex-end;gap:8px}.team-drawer{width:min(100%,400px);display:flex;flex-direction:column;gap:14px}.team-drawer-profile{display:flex;align-items:center;gap:10px;padding:11px;border-radius:var(--cc-radius-lg);background:var(--cc-color-brand-50)}.team-drawer-profile>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--cc-color-brand-600);color:#fff;font-size:11px;font-style:normal;font-weight:800}.team-drawer-profile>div{display:grid;gap:5px}.team-drawer-profile b{font-size:11px}.team-drawer-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.team-drawer-stats div{padding:10px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-md);background:var(--cc-bg-surface-subtle)}.team-drawer-stats dt{color:var(--cc-text-secondary);font-size:7px}.team-drawer-stats dd{margin:4px 0 0;font-size:12px;font-weight:800}.team-drawer-actions{display:grid;gap:7px}.team-drawer-actions .cc-button{width:100%;justify-content:center}.team-account-control{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-md)}.team-account-control>span{display:grid;gap:2px}.team-account-control b{font-size:9px}.team-account-control small{color:var(--cc-text-secondary);font-size:7px}.team-permission-note{margin:0;padding:10px;border-radius:var(--cc-radius-md);background:var(--cc-color-warning-bg);color:var(--cc-text-secondary);font-size:7px;line-height:1.5}