/* Team access: colours identify roles without changing their permissions. */
.team-access-card{display:flex;align-items:center;gap:22px;position:relative;margin-bottom:24px;padding:26px;border:1px solid #b9c9ee;border-left:6px solid #4d51b5;border-radius:15px;background:linear-gradient(115deg,#e9efff,#f3edff);color:#28376a;box-shadow:0 4px 15px #273d7910;text-decoration:none}
.team-access-card:hover{color:#28376a;text-decoration:none;border-color:#778fc7;box-shadow:0 5px 18px #273d791c}
.team-access-card:focus-visible{outline:3px solid #304fa0;outline-offset:4px}
.team-access-icon{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border-radius:16px;background:#4d51b5;color:#fff}
.team-access-icon svg{width:32px;height:32px}
.team-access-copy{flex:1;min-width:0;overflow-wrap:anywhere}
.team-access-eyebrow{display:block;margin-bottom:7px;color:#4946a0;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.team-access-card h2{margin:0 0 8px;color:#28376a;font-size:24px;font-weight:750;line-height:1.25}
.team-access-card p{max-width:650px;margin:0 0 14px;color:#425477;font-size:14px;line-height:1.55}
.team-access-cta{display:inline-flex;align-items:center;gap:12px;color:#344894;font-size:14px;font-weight:750}
.team-admin-label{align-self:flex-start;flex-shrink:0;padding:6px 10px;border:1px solid #c2c5e8;border-radius:20px;background:#fff;color:#4c458f;font-size:11px;font-weight:650}
.team-workspace{min-width:0}
.team-workspace .page-heading{border-left-color:#4d51b5;background:linear-gradient(110deg,#f0f3ff,#fff)}
.team-workspace .page-heading .btn.primary{background:#4d51b5;border-color:#4d51b5;color:#fff}
.team-workspace .page-heading .btn.primary:hover{background:#41459a;border-color:#41459a}
.team-workspace .page-heading .btn.primary:focus-visible{outline-color:#304fa0}
.team-access-note{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 20px;padding:14px 17px;border:1px solid #cad5ef;border-radius:11px;background:#eef3ff;color:#425477;font-size:13px;line-height:1.6}
.team-access-note strong{color:#383d89;font-weight:750}
.team-workspace .table-wrap td{overflow-wrap:anywhere}
.team-workspace .table-wrap td:first-child{font-weight:650}
.team-role,.team-account-state{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:5px 10px;border:1px solid;border-radius:20px;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}
.team-role-admin{color:#66348e;background:#f2eafb;border-color:#d7bee9}
.team-role-supervisor{color:#304f9f;background:#eaf0ff;border-color:#bfd0f3}
.team-role-office{color:#076c79;background:#e2f4f6;border-color:#a5d7df}
.team-role-technician{color:#12653f;background:#e6f5ec;border-color:#abd8be}
.team-role-storekeeper{color:#85510a;background:#fff3d9;border-color:#e8cb90}
.team-role-accountant{color:#9a345f;background:#fcebf3;border-color:#e6b7cb}
.team-role-unknown{color:#475569;background:#f1f5f9;border-color:#cbd5e1;white-space:normal}
.team-account-state.active{color:#12653f;background:#e6f5ec;border-color:#abd8be}
.team-account-state.inactive{color:#596575;background:#f0f2f5;border-color:#cbd2db}
@media(max-width:720px){
 .team-access-card{align-items:flex-start;gap:13px;padding:19px 16px;flex-wrap:wrap}
 .team-access-icon{flex-basis:44px;width:44px;height:44px;border-radius:12px}
 .team-access-icon svg{width:26px;height:26px}
 .team-access-copy{flex-basis:calc(100% - 57px)}
 .team-access-card h2{font-size:21px}
 .team-access-card p{font-size:13px}
 .team-admin-label{margin-left:57px}
 .team-workspace .page-heading .actions{width:100%}
 .team-workspace .page-heading .btn{white-space:normal;text-align:center;min-height:44px}
 .team-access-note{display:block}
 .team-access-note strong{display:block;margin-bottom:4px}
 .team-workspace .table-wrap table{min-width:570px}
}