.team-banner{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;border:1px solid #ead49c;border-radius:10px;color:#704d0b;background:#fffaf0;font-size:11px}.team-banner strong{padding:4px 7px;border-radius:999px;background:#ffe6a0;font-size:9px}.team-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.team-summary article,.team-panel{border:1px solid var(--provider-line);border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(19,42,76,.035)}.team-summary article{padding:16px}.team-summary span,.team-summary small,.team-summary b{display:block}.team-summary span{color:#5f6f85;font-size:10px;font-weight:750}.team-summary b{margin:5px 0 2px;font-size:25px}.team-summary small{color:#7b889a;font-size:9.5px}.team-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-bottom:1px solid #e5ebf3}.team-tabs{display:flex;gap:4px;padding:3px;border:1px solid #dbe4ef;border-radius:9px;background:#f7f9fc}.team-tabs button{min-height:34px;padding:0 16px;border:0;border-radius:7px;color:#53657c;background:transparent;font-weight:760}.team-tabs button.active{color:#fff;background:#1261d8}.team-filters{display:flex;align-items:center;gap:8px}.team-filters input,.team-filters select{min-height:40px;padding:0 11px;border:1px solid #d3deeb;border-radius:8px;background:#fff}.team-filters input{width:230px}.team-table-wrap{overflow:auto}.team-panel table{width:100%;border-collapse:collapse}.team-panel th,.team-panel td{padding:11px 14px;border-bottom:1px solid #e8edf4;text-align:left;font-size:10.5px}.team-panel th{color:#6c7b90;background:#f8faff;font-size:9px;text-transform:uppercase}.member-name{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 9px;min-width:220px;padding:0;border:0;color:#112846;background:transparent;text-align:left}.member-name>span{display:grid;grid-row:1/3;width:34px;height:34px;place-items:center;border-radius:50%;color:#155bbb;background:#e8f1ff;font-size:10px;font-weight:850}.member-name b{font-size:11px}.member-name small,.invite-email small{color:#758399;font-size:9px}.invite-email b,.invite-email small{display:block}.team-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800}.team-status.active{color:#126a49;background:#e5f6ee}.team-status.suspended{color:#8e5708;background:#fff0d6}.team-status.revoked{color:#a52634;background:#ffe5e7}.team-status.pending{color:#175bb8;background:#e7f0ff}.until{display:block;margin-top:3px;color:#7a8798;font-size:8.5px}.row-menu{min-width:38px;min-height:38px;border:1px solid #d6e0ec;border-radius:8px;background:#fff}.pending-invites summary{padding:13px 14px;color:#174b8d;font-size:10.5px;font-weight:800;cursor:pointer}.team-empty,.team-error{padding:45px!important;text-align:center}.team-overlay{position:fixed;z-index:190;inset:0;display:flex;justify-content:flex-end;background:rgba(7,22,44,.42);backdrop-filter:blur(2px)}.team-drawer{display:flex;width:min(520px,100vw);height:100%;flex-direction:column;background:#fff;box-shadow:-18px 0 55px rgba(9,28,58,.2)}.team-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid #dfe6ef}.team-drawer h2{margin:0;font-size:20px}.team-drawer header p{margin:4px 0 0;color:#6f7d91;font-size:10px}.team-drawer header button{width:40px;height:40px;border:1px solid #d4deea;border-radius:9px;background:#fff;font-size:20px}.team-drawer form{display:grid;align-content:start;gap:14px;flex:1;overflow:auto;padding:17px}.team-drawer form>label,.team-drawer fieldset{display:grid;gap:6px;font-size:10px;font-weight:760}.team-drawer input,.team-drawer select,.team-drawer textarea{width:100%;min-height:42px;padding:9px 10px;border:1px solid #d3deeb;border-radius:8px;font:inherit}.team-drawer textarea{min-height:80px}.team-drawer fieldset{padding:13px;border:1px solid #dce5ef;border-radius:10px}.team-drawer legend{padding:0 5px;font-size:11px}.team-drawer .check,.team-drawer fieldset>label:has(input[type=radio]){display:flex;align-items:center;gap:8px;font-weight:600}.team-drawer input[type=checkbox],.team-drawer input[type=radio]{width:18px;min-height:18px}.team-drawer small{color:#718096;font-weight:500}.mail-note{padding:12px;border:1px solid #cadef8;border-radius:10px;color:#2f5279;background:#f4f9ff;font-size:10px;line-height:1.5}.mail-note b,.mail-note span{display:block}.team-drawer footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 17px;border-top:1px solid #dfe6ef}.team-toasts{position:fixed;z-index:250;right:18px;bottom:18px;display:grid;gap:8px}.team-toast{max-width:390px;padding:12px 14px;border-radius:9px;color:#fff;background:#102a4e;box-shadow:0 10px 32px rgba(5,23,47,.25);font-size:11px}
.invite-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.button.compact{min-height:34px;padding:0 10px;font-size:9.5px}.button.danger{border-color:#f0b5bc;color:#ad2133;background:#fff}.button.danger:hover{border-color:#dc5c6b;background:#fff5f6}.team-overlay-center{align-items:center;justify-content:center;padding:20px}.team-result{width:min(560px,calc(100vw - 32px));overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(5,22,48,.28)}.team-result>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e0e7f0}.team-result>header>div{display:flex;align-items:center;gap:11px}.team-result h2{margin:0;font-size:18px}.team-result header>button{width:40px;height:40px;border:1px solid #d4deea;border-radius:9px;background:#fff;font-size:20px}.result-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;font-size:15px;font-weight:900}.result-icon.success{color:#0a704a;background:#e1f6ec}.result-icon.info{color:#125dca;background:#e4efff}.result-icon.error{color:#aa2435;background:#ffe4e7}.result-body{display:grid;gap:12px;padding:20px;color:#263c58;font-size:11px;line-height:1.55}.result-body p{margin:0}.result-message{color:#69798e}.result-body>label{display:grid;gap:7px;font-weight:750}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.copy-field input{min-width:0;min-height:42px;padding:9px 10px;border:1px solid #d3deeb;border-radius:8px;color:#44576f;background:#f8faff;font:inherit}.team-result>footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #e0e7f0}
@media(max-width:1000px){.team-summary{grid-template-columns:repeat(2,1fr)}.team-panel-head{align-items:stretch;flex-direction:column}.team-filters{flex-wrap:wrap}.team-filters input{flex:1}}
@media(max-width:760px){.team-summary{grid-template-columns:1fr 1fr}.team-filters>*{width:100%!important}.team-panel th:nth-child(2),.team-panel td:nth-child(2),.team-panel th:nth-child(4),.team-panel td:nth-child(4){display:none}.team-panel th,.team-panel td{padding:10px}.member-name{min-width:175px}.team-drawer{width:100vw}.top-actions .secondary{display:inline-flex}.invite-actions{align-items:stretch;flex-direction:column}.copy-field{grid-template-columns:1fr}.team-overlay-center{padding:10px}}

/* VR-UI-PHASE-B-2026-08-26-01: production typography, density and interaction polish. */
.team-banner { min-height: 42px; padding: 9px 12px; font-size: 13px; line-height: 1.45; }
.team-banner strong { font-size: 11px; font-weight: 600; }
.team-summary { gap: 14px; margin-bottom: 16px; }
.team-summary article { min-height: 116px; padding: 18px; }
.team-summary span { font-size: 14px; font-weight: 600; }
.team-summary b { margin-block: 5px 2px; font-size: 24px; font-weight: 700; }
.team-summary small { font-size: 12px; line-height: 1.4; }
.team-panel-head { padding: 14px 16px; }
.team-tabs button { min-height: 38px; padding-inline: 17px; font-size: 14px; font-weight: 600; }
.team-filters input,.team-filters select { min-height: 42px; font-size: 14px; font-weight: 500; }
.team-panel th { padding: 12px 16px; font-size: 12px; font-weight: 600; letter-spacing: .01em; }
.team-panel td { padding: 13px 16px; font-size: 14px; font-weight: 500; }
.member-name { grid-template-columns: 38px minmax(0,1fr); min-width: 240px; gap: 2px 10px; }
.member-name > span { width: 38px; height: 38px; font-size: 12px; font-weight: 700; }
.member-name b { font-size: 14px; font-weight: 600; }
.member-name small,.invite-email small,.until { font-size: 12px; line-height: 1.35; }
.invite-email b { font-size: 14px; font-weight: 600; }
.team-status { min-height: 26px; align-items: center; padding-inline: 9px; font-size: 12px; font-weight: 600; }
.row-menu { min-width: 40px; min-height: 40px; font-size: 14px; font-weight: 700; }
.row-menu .ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pending-invites summary { padding: 14px 16px; font-size: 14px; font-weight: 600; }
.button.compact { min-height: 38px; padding-inline: 11px; font-size: 13px; font-weight: 600; }
.team-drawer > header { padding: 18px 20px; }
.team-drawer h2 { font-size: 21px; line-height: 1.25; font-weight: 700; }
.team-drawer header p { font-size: 13px; line-height: 1.45; }
.team-drawer form { gap: 16px; padding: 20px; }
.team-drawer form > label,.team-drawer fieldset { gap: 7px; font-size: 13px; font-weight: 600; }
.team-drawer legend { font-size: 13px; font-weight: 600; }
.team-drawer input,.team-drawer select,.team-drawer textarea { min-height: 44px; padding: 10px 12px; font-size: 14px; font-weight: 500; }
.team-drawer small,.mail-note { font-size: 12px; line-height: 1.5; }
.team-drawer footer { padding: 14px 20px; }
.team-toast { font-size: 13px; line-height: 1.45; }
.team-result h2 { font-size: 20px; font-weight: 700; }
.result-body { font-size: 14px; line-height: 1.55; }
.result-body > label { font-size: 13px; font-weight: 600; }
.copy-field input { min-height: 44px; font-size: 14px; }

@media(max-width:760px) {
  .team-summary article { min-height: 104px; padding: 14px; }
  .team-summary span { font-size: 13px; }
  .team-summary b { font-size: 22px; }
  .team-panel td { font-size: 14px; }
  .member-name { min-width: 190px; }
  .team-drawer > header,.team-drawer form,.team-drawer footer { padding-inline: 16px; }
}

.invite-name-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.invite-name-grid > label { display: grid; gap: 7px; font-size: 13px; font-weight: 600; }
.driver-profile-note { border-color: #bcd5fb; background: #f3f7ff; }
@media(max-width:760px) { .invite-name-grid { grid-template-columns: 1fr; } }

.team-member-drawer{width:min(700px,100vw)}
.member-loading{display:grid;min-height:240px;place-items:center;padding:24px;color:#5f6f85;font-size:14px}
.member-drawer-body{display:grid;align-content:start;gap:16px;flex:1;overflow:auto;padding:20px}
.team-member-drawer .member-drawer-body form{display:grid;gap:16px;flex:initial;overflow:visible;padding:0}
.member-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.member-identity>div{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid #dce5ef;border-radius:10px;background:#f8faff}
.member-identity span{color:#6d7d91;font-size:12px;font-weight:600}
.member-identity strong{overflow-wrap:anywhere;color:#173250;font-size:14px}
.member-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.member-form-grid>label{display:grid;gap:7px;min-width:0;font-size:13px;font-weight:600}
.member-form-wide{grid-column:1/-1}
.member-documents{display:grid;gap:8px}
.member-documents article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #dfe7f0;border-radius:9px;background:#f9fbfd}
.member-documents article div{display:grid;gap:2px;min-width:0}
.member-documents article strong,.member-documents article span{overflow-wrap:anywhere;font-size:13px}
.member-documents article span,.member-documents article small{color:#6f7d91;font-weight:500}
@media(max-width:760px){.member-identity,.member-form-grid{grid-template-columns:1fr}.member-form-wide{grid-column:auto}.team-member-drawer footer{flex-wrap:wrap}.team-member-drawer footer .button{width:100%}.member-documents article{align-items:flex-start;flex-direction:column}}