/* «Доступы» */
.vt-center{display:flex;justify-content:center;padding:24px 0}
.vt-box{max-width:460px;width:100%;text-align:center;display:flex;flex-direction:column;gap:10px;padding:24px}
.vt-box h2{margin:0}.vt-ico{font-size:40px}
.vt-form{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.vt-rec{font:600 19px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px;padding:14px;border:2px dashed var(--accent);border-radius:12px;user-select:all;word-break:keep-all}
.vt-box .chk-row{justify-content:flex-start;text-align:left}
.vt-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}
.vt-side{padding:10px;display:flex;flex-direction:column;gap:8px;position:sticky;top:calc(var(--top-h,60px) + 10px)}
.vt-clients{display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow:auto}
.vt-c{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:none;border:none;border-radius:8px;padding:8px 10px;color:var(--text);cursor:pointer;min-height:0;font:inherit}
.vt-c:hover{background:rgba(127,127,127,.1)}.vt-c.on{background:color-mix(in srgb,var(--accent) 14%,transparent)}.vt-c small{color:var(--muted);font-size:12px}
.vt-note{margin:4px 0;white-space:normal;word-break:break-word}
.vt-items{display:flex;flex-direction:column;gap:10px}
.vt-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.vt-ih{display:flex;align-items:center;gap:8px}.vt-ti{font-size:18px}
.vt-f{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.vt-f>span:first-child{width:80px;color:var(--muted);font-size:12px;flex:none}
.vt-f code{font-size:13px;padding:2px 6px;border-radius:6px;background:rgba(127,127,127,.12);word-break:break-all}
.vt-f a{word-break:break-all}
.vt-fn{align-items:flex-start}.vt-fn div{flex:1;min-width:0;word-break:break-word}
.vt-totp{font-weight:700;letter-spacing:2px}
.vt-acc{display:flex;flex-direction:column;gap:6px}
.vt-acc-r{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;border:1px solid var(--line)}
.vt-acc-r>span{flex:1}.vt-acc-r.off{opacity:.6}.vt-acc-r select{width:auto}
.vt-acc-r input[type=checkbox]{width:16px;height:16px;min-height:0;flex:none}
.vt-audit{display:flex;flex-direction:column;max-height:70vh;overflow:auto}
.vt-a{display:grid;grid-template-columns:130px 150px minmax(0,1fr) 120px;gap:10px;padding:7px 4px;border-bottom:1px solid var(--line);font-size:13px;align-items:baseline}
.vt-a.bad>span:nth-child(3){color:#e5484d}
@media (max-width:720px){ .vt-grid{grid-template-columns:minmax(0,1fr)}.vt-side{position:static}.vt-clients{max-height:240px}.vt-a{grid-template-columns:1fr;gap:2px} }