/* Страницы системы в рабочем виде (день X, решение 0021): окна «Аккаунтов», выбор зама и директора, «Раздача прав»,
   ✕ «Разжаловать» в попапе сообщества, «Настройки → Прокси». Цвета и радиусы — токены vkhub.css. */
.ds-btn--danger.q-btn{ background:var(--neg); color:#fff; }
.ds-row{ display:flex; align-items:center; gap:8px 10px; flex-wrap:wrap; }
.ds-row .sp{ flex:1 1 auto; }
.ds-row.end{ justify-content:flex-end; margin-top:12px; }
.ds-mono textarea, .ds-mono input{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12.5px; }
.ds-mono textarea{ min-height:150px; }

/* окна */
.q-dialog .q-card.ds-accdlg{ width:440px; max-width:96vw; }
.q-dialog .q-card.ds-accdlg.wide{ width:640px; }
.ds-accdlgbody{ padding:16px 24px 6px; display:flex; flex-direction:column; gap:10px; max-height:64vh; overflow-y:auto; }
.ds-accdlgfoot{ display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; padding:14px 24px 20px; }
.ds-accdlgfoot.split{ justify-content:space-between; padding:14px 0 6px; }
.ds-demote{ padding:20px; min-width:300px; }
.ds-demote .t{ font-weight:700; font-size:15px; color:var(--ink); }

/* строки аккаунтов: голова — HTML компонента, значки — кнопки */
.ds-acchead{ display:contents; }
.ds-accdep.pick{ padding:8px 4px 10px 16px; }
.ds-depsel{ width:320px; max-width:100%; }
.ds-dir.nest{ margin-left:30px; }
.ds-dirsel{ flex:0 1 230px; min-width:180px; }
.ds-dir .fn .t{ font-weight:600; font-size:13.5px; color:var(--ink); }

/* группы аккаунта */
.ds-grplist{ display:flex; flex-direction:column; gap:4px; max-height:320px; overflow-y:auto; }
.ds-grp{ display:flex; align-items:center; gap:10px; background:var(--panel); border-radius:10px; padding:6px 10px; }
.ds-grphead{ display:flex; align-items:center; gap:10px; flex:1 1 auto; min-width:0; }
.ds-grphead .tx{ display:flex; flex-direction:column; flex:1 1 auto; min-width:0; }
.ds-grphead .tx b{ font-size:13px; font-weight:650; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ds-grphead .tx span{ font-size:10.5px; color:var(--faint); }
.ds-grphead .ds-chip.ok{ color:var(--pos); background:#E4F4EC; }
.ds-grphead .ds-chip.new{ color:#C8811E; background:#FBF1DD; }

/* раздача прав */
.ds-rights{ display:flex; flex-direction:column; gap:14px; }
.ds-rights .head{ justify-content:flex-end; }
.ds-pickcols{ display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start; }
.dspickgroup{ flex:1 1 290px; min-width:0; border:1px solid var(--hair); border-radius:16px; overflow:hidden;
  display:flex; flex-direction:column; }
.dspickgroup .ph{ padding:11px 16px; border-bottom:1px solid var(--hair2); }
.dspickgroup .ph .t{ font-family:var(--f-display); font-weight:600; font-size:13.5px; }
.dspickgroup > .ds-field{ padding:10px 12px 0; }
.ds-picklist{ padding:8px 10px; max-height:300px; overflow-y:auto; }
.ds-pickin{ display:contents; }
.ds-pick .tx{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
.ds-pick .tx b{ font-weight:600; font-size:13px; color:var(--ink); }
.ds-pick .tx span{ font-size:11px; color:var(--faint); }
.ds-rights .foot{ padding-top:16px; border-top:1px solid var(--hair2); }
.ds-rights .foot b{ color:var(--ink); }
.ds-rresbox .ds-eyebrow.warn{ color:#C7811E; } .ds-rresbox .ds-eyebrow.neg{ color:var(--neg); }
.ds-rres{ padding:11px 0; border-top:1px solid var(--hair2); display:flex; flex-direction:column; gap:5px; }
.ds-rres b{ font-size:13px; color:var(--ink); } .ds-rres b span{ color:var(--faint); margin:0 7px; }
.ds-rres em{ font-style:normal; font-size:12px; border-radius:8px; padding:3px 9px; align-self:flex-start; }
.ds-rres.warn em{ color:#C7811E; background:#FCF3E1; } .ds-rres.neg em{ color:var(--neg); background:var(--neg-bg); }

/* попап сообщества: ✕ у пилюли администратора */
.ds-admin{ display:inline-flex; align-items:center; gap:8px; }
.adm-x{ display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; color:var(--faint);
  cursor:pointer; margin-left:2px; }
.adm-x:hover{ background:var(--hair); color:var(--neg); }
.adm-x .q-icon{ font-size:14px; }
.ds-popseen{ margin-top:10px; }

/* прокси */
.ds-proxies{ display:flex; flex-direction:column; gap:8px; margin-bottom:6px; }
.ds-proxy{ display:flex; align-items:center; gap:11px; background:var(--panel); border-radius:14px; padding:11px 14px; }
.ds-proxy .ic{ width:34px; height:34px; border-radius:10px; background:var(--hair); color:var(--muted); display:grid;
  place-items:center; flex:none; }
.ds-proxy .ic .q-icon{ font-size:18px; }
.ds-proxy .tx{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px; }
.ds-proxy .nm{ font-family:var(--f-display); font-weight:700; font-size:13px; color:var(--ink); }
.ds-proxy .url{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11px; color:var(--faint);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:640px){ .ds-dir.nest{ margin-left:12px; }
  .ds-accdlgbody{ padding:12px 16px 4px; } .ds-accdlgfoot{ padding:12px 16px 16px; } }