/* СР Девелопмент · общий вход, шапка пользователя, смена пароля, команда */
#sr-gate{position:fixed;inset:0;z-index:50;background:var(--bg,#eef1f3);display:flex;align-items:center;justify-content:center;padding:16px;font-family:"IBM Plex Sans",system-ui,sans-serif;color:var(--fg,#1d2529)}
#sr-gate[hidden]{display:none}
#sr-gate .card{width:100%;max-width:420px;background:var(--panel,#fbfcfc);border:1px solid var(--line,#d5dbdf);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}
#sr-gate .brand{font:600 12px "IBM Plex Mono",monospace;letter-spacing:.06em;color:var(--accent,#1f6f8b)}
#sr-gate h2{margin:0;font-size:20px;font-weight:600}
#sr-gate p{margin:0;color:var(--muted,#5f6b72);font-size:14px;line-height:1.45}
#sr-gate form{display:flex;flex-direction:column;gap:14px}
#sr-gate label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted,#5f6b72)}
#sr-gate input{font:16px "IBM Plex Sans",system-ui,sans-serif;padding:12px;border:1px solid var(--line,#d5dbdf);border-radius:8px;background:var(--bg,#eef1f3);color:var(--fg,#1d2529);min-height:44px}
#sr-gate button{font:600 15px "IBM Plex Sans",system-ui,sans-serif;min-height:46px;border:0;border-radius:8px;background:var(--accent,#1f6f8b);color:#fff;cursor:pointer}
#sr-gate button:disabled{opacity:.6}
#sr-gate .link{background:none;color:var(--accent,#1f6f8b);font-weight:500;font-size:14px;min-height:36px;text-decoration:underline}
#sr-gate .msg{font-size:14px;line-height:1.45;padding:10px 12px;border-radius:8px;background:var(--accent-weak,#d6e8ef)}
#sr-gate .msg.err{background:#f7dedb;color:#7a231a}
#sr-gate .foot{font-size:12px;color:var(--faint,#8a959b);line-height:1.45}
.sr-me{display:flex;align-items:center;gap:8px;font-size:13px;margin-right:10px;flex-wrap:wrap}
.sr-me b{font-weight:600}
.sr-me .r{font:600 11px "IBM Plex Mono",monospace;color:var(--accent,#1f6f8b);background:var(--accent-weak,#d6e8ef);border-radius:999px;padding:3px 8px}
.sr-me button,.sr-me a{font:inherit;font-size:13px;border:1px solid var(--line,#d5dbdf);background:var(--panel,#fbfcfc);color:var(--fg,#1d2529);border-radius:8px;padding:6px 10px;min-height:34px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;box-sizing:border-box}
.sr-dlg{border:1px solid var(--line,#d5dbdf);border-radius:12px;background:var(--panel,#fbfcfc);color:var(--fg,#1d2529);padding:0;font-family:"IBM Plex Sans",system-ui,sans-serif}
.sr-dlg::backdrop{background:rgba(10,14,16,.5)}
#sr-pw{width:min(420px,calc(100vw - 32px))}
#sr-pw form{padding:24px;display:flex;flex-direction:column;gap:12px}
#sr-pw h2{margin:0;font-size:18px}
#sr-pw p{margin:0;color:var(--muted,#5f6b72);font-size:14px;line-height:1.45}
#sr-pw label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted,#5f6b72)}
#sr-pw input{font:16px inherit;padding:11px;border:1px solid var(--line,#d5dbdf);border-radius:8px;background:var(--bg,#eef1f3);color:var(--fg,#1d2529);min-height:44px}
#sr-pw .row2{display:flex;gap:8px}
#sr-pw button{font:600 15px inherit;min-height:44px;border:0;border-radius:8px;background:var(--accent,#1f6f8b);color:#fff;padding:0 16px;cursor:pointer}
#sr-pw button.ghost{background:transparent;color:var(--fg,#1d2529);border:1px solid var(--line,#d5dbdf);font-weight:500}
#sr-pw .msg{font-size:14px;padding:10px 12px;border-radius:8px;background:var(--accent-weak,#d6e8ef)}
#sr-pw .msg.err{background:#f7dedb;color:#7a231a}
#sr-team{width:min(1000px,calc(100vw - 32px))}
#sr-team .th{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line,#d5dbdf);flex-wrap:wrap}
#sr-team .th .x{margin-left:auto;border:0;background:none;color:var(--muted,#5f6b72);font-size:22px;cursor:pointer;min-width:44px;min-height:44px}
#sr-team .th select{font:inherit;font-size:13px;padding:6px;border:1px solid var(--line,#d5dbdf);border-radius:6px;background:var(--bg,#eef1f3);color:var(--fg,#1d2529)}
#sr-team .tb{padding:12px 18px 18px;max-height:72vh;overflow:auto;display:flex;flex-direction:column;gap:10px}
#sr-team table{border-collapse:collapse;width:100%;font-size:13px}
#sr-team th{text-align:left;font-weight:500;color:var(--muted,#5f6b72);font-size:12px;padding:6px;border-bottom:1px solid var(--line,#d5dbdf);position:sticky;top:0;background:var(--panel,#fbfcfc)}
#sr-team td{padding:6px;border-bottom:1px solid var(--line,#d5dbdf);vertical-align:top}
#sr-team .chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;background:var(--accent-weak,#d6e8ef);border-radius:999px;padding:2px 4px 2px 8px;margin:1px 4px 1px 0}
#sr-team .chip button{border:0;background:none;color:var(--muted,#5f6b72);cursor:pointer;font-size:14px;min-width:22px}
#sr-team select,#sr-team .rst{font:inherit;font-size:12px;padding:4px 6px;border:1px solid var(--line,#d5dbdf);border-radius:6px;background:var(--bg,#eef1f3);color:var(--fg,#1d2529)}
#sr-team .rst{cursor:pointer;margin-top:4px;background:var(--panel,#fbfcfc)}
#sr-team .mut{color:var(--faint,#8a959b)}
#sr-deny{position:fixed;inset:0;z-index:49;background:var(--bg,#eef1f3);display:flex;align-items:center;justify-content:center;padding:16px;font-family:"IBM Plex Sans",system-ui,sans-serif}
#sr-deny[hidden]{display:none}
#sr-deny .card{max-width:440px;background:var(--panel,#fbfcfc);border:1px solid var(--line,#d5dbdf);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:12px}
#sr-deny a{color:var(--accent,#1f6f8b)}
#sr-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1d2529;color:#fff;padding:10px 16px;border-radius:8px;font:14px "IBM Plex Sans",system-ui,sans-serif;z-index:60;max-width:calc(100vw - 32px)}
#sr-toast[hidden]{display:none}