/* DRIFT_BETA_USERS_20260926_1 */
.beta-users-page [hidden] { display:none!important; }
.beta-users-page .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.beta-users-page .layout { grid-template-columns:240px minmax(0,1fr); }
.beta-users-page .content { padding:32px 36px; }
.users-muted { color:#9fb8ce; font-size:13px; line-height:1.7; }
.users-toolbar,.users-actions,.users-toolbar form,.users-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.users-toolbar { justify-content:space-between; margin:20px 0; }
.users-toolbar form { flex:1; }
#userSearch { width:min(360px,100%); }
.users-meta { justify-content:space-between; color:#9fb8ce; font-size:12px; margin-bottom:14px; }
.beta-users-page input:not([type=checkbox]),.beta-users-page select { box-sizing:border-box; min-height:44px; padding:11px 13px; color:#eaf5ff; background:#153451; border:1px solid #2c5b79; border-radius:8px; font:inherit; }
.beta-users-page input:disabled,.beta-users-page select:disabled { opacity:.6; }
.beta-users-page button { font:inherit; cursor:pointer; }
.beta-users-page button:disabled { opacity:.5; cursor:not-allowed; }
.beta-users-page :focus-visible { outline:2px solid #36dcf2; outline-offset:3px; }
.users-primary,.users-secondary { padding:11px 16px; min-height:42px; border-radius:8px; font-size:13px!important; }
.users-primary { color:#fff; background:#087eaf; border:1px solid #17b4d7; }
.users-secondary { color:#c7deef; background:#12324f; border:1px solid #2c5b79; }
.users-primary:hover { background:#089dc8; }.users-secondary:hover { background:#1b4666; }
.users-table-wrap { border:1px solid #1d4b6c; border-radius:14px; overflow:auto; background:#0b2645; }
.users-table { border-collapse:collapse; width:100%; min-width:720px; text-align:left; }
.users-table th { color:#94b4cd; font-size:12px; font-weight:600; background:#0b2b4b; padding:18px 20px; white-space:nowrap; }
.users-table td { padding:18px 20px; font-size:13px; border-top:1px solid #1b3b5b; line-height:1.6; }
.users-table td:nth-child(4) { max-width:340px; }
.users-badge { display:inline-block; font-size:11px; padding:4px 9px; background:#244561; color:#cae1f2; border-radius:16px; }
.users-badge.active { background:#124b41; color:#69e5b4; }
.users-empty { text-align:center; color:#9fb8ce; padding:42px!important; }
#usersNotice { font-size:13px; color:#8fdbed; line-height:1.7; }
#usersNotice:empty { display:none; }#usersNotice.error { color:#ffb4ac; }
.beta-users-page dialog { box-sizing:border-box; width:min(540px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); overflow:auto; color:#eaf5ff; background:#0d2a49; border:1px solid #286184; border-radius:16px; padding:24px; box-shadow:0 24px 100px #0008; }
.beta-users-page dialog::backdrop { background:#020b1ac9; }
.users-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.users-dialog-head h2 { margin:0; font-size:23px; }
.users-close { border:0; border-radius:8px; background:transparent; color:#b5cfe4; font-size:26px!important; width:40px; height:40px; }
.beta-users-page dialog label:not(.camera-option):not(.sr-only) { display:block; font-size:13px; margin:17px 0 8px; }
.beta-users-page dialog input:not([type=checkbox]),.beta-users-page dialog select { width:100%; }
.users-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.users-dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; }
.users-form-error { color:#ffb4ac; font-size:13px; line-height:1.6; white-space:pre-wrap; }
#cameraPicker { border:1px solid #2c5b79; border-radius:8px; background:#102f4b; }
#cameraPicker summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:11px 13px; font-size:14px; list-style:none; }
#cameraPicker summary::-webkit-details-marker { display:none; }
.camera-picker-body { border-top:1px solid #2c5b79; padding:12px; }
#cameraOptions { max-height:180px; overflow-y:auto; margin-top:9px; }
.camera-option { display:flex; align-items:center; gap:10px; padding:10px 7px; border-radius:6px; cursor:pointer; font-size:13px; }
.camera-option:hover { background:#1d4664; }.camera-option input { accent-color:#16c5e8; width:17px; height:17px; flex-shrink:0; }
#cameraPickerNotice { font-size:12px; color:#ffcc85; line-height:1.5; margin-top:8px; }
@media(max-width:900px) { .beta-users-page .layout { display:flex; flex-direction:column; }.beta-users-page .layout > aside { order:2; }.beta-users-page .content { padding:24px 18px; } }
@media(max-width:600px) { .users-toolbar form { flex-basis:100%; }#userSearch { flex:1; width:0; }.users-actions { width:100%; }.users-actions button { flex:1; }.beta-users-page dialog { padding:20px; } }

.users-danger {background:#a52d40;color:#fff;border:1px solid #f07889;border-radius:8px;padding:11px 16px;cursor:pointer;font:inherit;}
.users-danger:hover:not(:disabled) {background:#c3374d;}.users-danger:disabled {opacity:.4;cursor:not-allowed;}
#deleteUser {margin-right:auto;}#deleteUser[hidden] {display:none!important;}
#deleteUserDialog {width:min(590px,calc(100vw - 32px));box-sizing:border-box;max-height:90dvh;overflow:auto;padding:26px;background:#0d2a4d;color:#eaf5ff;border:2px solid #e76a7d;border-radius:14px;}
#deleteUserDialog::backdrop {background:#020c1ddd;}#deleteUserDialog h2 {color:#ffb6c1;font-size:22px;margin-top:0;}
#deleteTarget {font-size:18px;font-weight:bold;overflow-wrap:anywhere;}.delete-warning {background:#412333;border:1px solid #a9495c;border-radius:8px;padding:16px;color:#ffe3e7;font-size:14px;line-height:1.8;}.delete-warning ul {padding-left:20px;}
#deleteImpact {color:#bcd4e7;font-size:13px;}#deleteUsernameLabel {display:block;margin:18px 0 8px;overflow-wrap:anywhere;}
#deleteUsernameConfirm {width:100%;box-sizing:border-box;font:inherit;padding:11px;background:#183553;color:white;border:1px solid #547b98;border-radius:7px;}
.delete-ack {display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.6;margin:18px 0;}.delete-ack input {margin-top:4px;flex-shrink:0;}
#deleteUserDialog .users-dialog-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;}