/* v33: secure link invitations, compact and consistent with the rest of the PWA. */
.fleet-invite-panel{display:grid;gap:12px;padding:14px;margin-top:13px}
.fleet-invite-panel-head{display:flex;gap:10px;align-items:flex-start}
.fleet-invite-panel-head>svg{width:24px;height:24px;flex:0 0 24px;color:#bf2733}
.fleet-invite-panel-head h3{font-size:15px;margin:0 0 5px}
.fleet-invite-panel-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.4}
.fleet-invite-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:7px;max-height:220px;overflow-y:auto}
.fleet-invite-users button,.fleet-invite-edit-panel button{display:flex;align-items:center;gap:8px;text-align:left;font-size:11px;min-height:38px}
.fleet-invite-users svg,.fleet-invite-edit-panel svg{width:17px;height:17px;flex:0 0 17px;color:#bc2632}
.fleet-invite-edit-panel{margin-top:12px;display:grid;gap:7px;padding:13px}
.fleet-invite-edit-panel p{margin:0}
.fleet-invite-list{display:grid;gap:7px}
.fleet-invite-list-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:5px 0;font-size:12px}
.fleet-invite-list-head span{font-size:11px;color:var(--muted)}
.fleet-invite-row{border:1px solid var(--line);border-radius:12px;background:var(--shade);padding:10px;display:grid;gap:9px}
.fleet-invite-row>div:first-child{display:grid;gap:5px}
.fleet-invite-row strong{font-size:12px}
.fleet-invite-row small{font-size:11px;color:var(--muted)}
.fleet-invite-state{font-size:10px;font-weight:750;padding:4px 8px;border-radius:99px;border:1px solid var(--line);justify-self:start;background:var(--surface)}
.fleet-invite-state.is-active{color:#20714b;border-color:#a5d5ba;background:#e6f5e9}
.fleet-invite-state.is-revoked,.fleet-invite-state.is-expired{color:#a32d35;border-color:#e1b2bd;background:#fff0f2}
.fleet-invite-state.is-used{color:#245b91;border-color:#b5d1e8;background:#eef6ff}
.fleet-invite-actions{display:flex;flex-wrap:wrap;gap:7px}
.fleet-invite-actions button{display:inline-flex;gap:6px;align-items:center;font-size:11px;min-height:32px}
.fleet-invite-actions button svg{width:15px;height:15px}
.fleet-invite-warning{background:#fff4e7;border:1px solid #e5bf8e;color:#7c431a;padding:10px;border-radius:11px;font-size:12px;line-height:1.5}
.fleet-quick-sheet #fleetInviteResult33{font-size:11px;letter-spacing:0;white-space:nowrap;width:100%}
.fleet-quick-sheet .form-buttons{display:flex;flex-wrap:wrap;gap:7px}
.fleet-quick-sheet .form-buttons button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}
.fleet-quick-sheet .form-buttons svg{width:16px;height:16px}
@media(max-width:430px){.fleet-invite-users{grid-template-columns:1fr}.fleet-invite-panel{padding:11px}.fleet-invite-row{padding:9px}.fleet-quick-sheet .form-buttons button{flex:1}}