/* «Доступы» в новом виде (круг 3, js/83_dz3-access.js). Цвета — только токены темы. */
#users.dza .topbar{align-items:flex-start;gap:12px;flex-wrap:wrap}
#users.dza .topbar .crumb{max-width:72ch}

/* плитки */
.dza-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.dza-kpi{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0;box-shadow:var(--sh-1)}
.dza-kpi .l{font-size:12.5px;color:var(--muted)}
.dza-kpi>b{font-size:26px;font-weight:600;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}
.dza-kpi .f{font-size:12px;color:var(--muted);line-height:1.35}
.dza-kpi.dza-k-click{cursor:pointer;transition:border-color .15s,background .15s}
.dza-kpi.dza-k-click:hover{border-color:var(--gold-fill)}
.dza-kpi.dza-k-click:focus-visible{outline:2px solid var(--gold-fill);outline-offset:2px}
.dza-kpi.dza-k-warn>b{color:var(--warn)}
.dza-kpi.dza-k-on{border-color:var(--gold-fill);background:var(--soft-gold)}
.dza-kpi.dza-k-on .f{color:var(--ink-gold)}

/* панель вкладок, фильтра и поиска */
.dza-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.dza-sp{flex:1}
.dza-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.dza-seg button{border:0;background:none;padding:6px 12px;border-radius:9px;font:inherit;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;white-space:nowrap}
.dza-seg button:hover{color:var(--ink)}
.dza-seg button.on{background:var(--panel);color:var(--ink);box-shadow:var(--sh-1);font-weight:600}
.dza-seg button i{font-style:normal;font-size:11px;margin-left:6px;padding:1px 7px;border-radius:99px;background:var(--panel3);color:var(--muted);font-variant-numeric:tabular-nums}
.dza-seg button.on i{background:var(--soft-gold);color:var(--ink-gold)}
.dza-sel{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;font-size:13px;max-width:240px;cursor:pointer}
.dza-search{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);min-width:220px}
.dza-search:focus-within{border-color:var(--gold-fill)}
.dza-search input{border:0;outline:0;background:none;color:var(--ink);font:inherit;font-size:13px;width:100%;padding:0;min-width:0}
.dza-count{display:none}
.dza-note{margin:-4px 0 12px;padding:9px 12px;border-radius:10px;background:var(--soft-warn);color:var(--ink);font-size:12.5px;line-height:1.45}
.dza-link{border:0;background:none;padding:0;margin-left:6px;font:inherit;font-weight:600;color:var(--gold);cursor:pointer;text-decoration:underline}

/* таблица сотрудников */
.dza-tw{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:auto;box-shadow:var(--sh-1)}
.dza-t{width:100%;border-collapse:collapse;font-size:13px}
.dza-t th{position:sticky;top:0;z-index:1;text-align:left;font-size:11.5px;font-weight:600;color:var(--muted);padding:10px 14px;background:var(--panel2);border-bottom:1px solid var(--line);white-space:nowrap}
.dza-t td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.dza-t tbody tr:last-child td{border-bottom:0}
.dza-click{cursor:pointer}
.dza-t tr.dza-click:hover td{background:var(--hover)}
.dza-t tr.off td{opacity:.55}
.dza-t tr.off:hover td{opacity:.8}
.dza-who{display:flex;align-items:center;gap:10px;min-width:0}
.dza-who-t{min-width:0}
.dza-who-t b{font-weight:600;color:var(--ink)}
.dza-sub{font-size:12px;color:var(--muted);margin-top:2px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.dza-av{width:32px;height:32px;flex:none;border-radius:50%;display:inline-grid;place-items:center;font-size:11.5px;font-weight:700;background:var(--soft-gold);color:var(--ink-gold)}
.dza-chips{display:flex;flex-wrap:wrap;gap:4px}
.dza-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:99px;font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--soft-gray);color:var(--ink-gray)}
.dza-chip.p-all{background:var(--soft-gray);color:var(--ink-gray)}
.dza-chip.p-ti{background:var(--soft-blue);color:var(--ink-blue)}
.dza-chip.p-uip{background:var(--soft-warn);color:var(--ink)}
.dza-chip.p-auc{background:var(--soft-green);color:var(--ink-green)}
.dza-chip.p-cb{background:var(--soft-red);color:var(--ink-red)}
.dza-chip.p-rg{background:var(--soft-violet);color:var(--ink)}
.dza-chip.dza-c-out{background:none;border:1px solid var(--line);color:var(--ink)}
.dza-chip.dza-c-warn{background:var(--soft-warn);color:var(--ink)}
.dza-tag{font-size:11px;padding:0 7px;border-radius:99px;background:var(--panel3);color:var(--muted);line-height:18px}
.dza-tag.frz{background:var(--soft-blue);color:var(--ink-blue)}
.dza-tag.gear{background:var(--soft-gold);color:var(--ink-gold)}
.dza-mut{color:var(--muted);font-size:12.5px}
.dza-pipes{font-size:12.5px;color:var(--ink);max-width:260px;line-height:1.4}
.dza-act-c{text-align:right;white-space:nowrap;width:1%}
.dza-act{display:inline-flex;gap:2px;opacity:0;transition:opacity .15s}
.dza-t tr:hover .dza-act,.dza-t tr:focus-within .dza-act{opacity:1}
.dza-fr{font-size:11.5px;margin-right:6px}
.dza-ib{display:inline-grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer;font-size:14px}
.dza-ib:hover{background:var(--hover);color:var(--ink)}
.dza-ib.on{color:var(--ink-blue)}
.dza-ib.danger:hover{color:var(--red)}
.dza-foot{margin-top:8px;font-size:12px;color:var(--muted)}
.dza-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 16px;text-align:center;color:var(--muted);font-size:13px}
.dza-empty b{color:var(--ink);font-size:14px}

/* вкладка «Роли» */
.dza-rp{margin-bottom:22px}
.dza-rh{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 10px;font-size:14px;font-weight:600}
.dza-rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dza-rc{display:flex;flex-direction:column;gap:10px;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--sh-1);min-width:0}
.dza-rc:hover{border-color:var(--gold-fill)}
.dza-row{display:flex;align-items:center;gap:8px;min-width:0}
.dza-row b{font-weight:600}
.dza-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.dza-stack{display:inline-flex}
.dza-stack .dza-av{width:26px;height:26px;font-size:10px;border:2px solid var(--panel);margin-left:-7px}
.dza-stack .dza-av:first-child{margin-left:0}

/* вкладка «Матрица прав»: прежние таблицы в новом оформлении */
.dza-subbar{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.dza-subseg button{font-size:12.5px}
#users.dza .dza-old{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--sh-1)}
#users.dza #usersEmpBox table th{font-size:11.5px;font-weight:600;color:var(--muted);background:var(--panel2);padding:8px 10px;border-bottom:1px solid var(--line)}
#users.dza #usersEmpBox table td{padding:8px 10px;border-bottom:1px solid var(--line);font-size:13px}
#users.dza #usersEmpBox table tbody tr:hover td{background:var(--hover)}
#users.dza #usersEmpBox table tbody tr:hover td[style*="sticky"]{background:var(--panel2)}
#users.dza #usersEmpBox input[type=checkbox],#users.dza #usersPermsBox input[type=checkbox]{accent-color:var(--gold-fill)}
#users.dza #usersPermsBox .panel-box{border-radius:14px;box-shadow:var(--sh-1)}
#users.dza #usersPermsBox h1{font-size:16px!important}

@media (max-width:1100px){
  .dza-rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dza-hide-m{display:none}
}
@media (max-width:700px){
  .dza-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dza-kpi{padding:11px 12px}
  .dza-kpi>b{font-size:21px}
  .dza-bar{gap:6px}
  .dza-bar .dza-sp{display:none}
  .dza-seg{width:100%}
  .dza-seg button{flex:1;padding:6px 8px}
  .dza-sel,.dza-search{flex:1 1 140px;min-width:0;max-width:none}
  .dza-rgrid{grid-template-columns:1fr}
  .dza-hide-s{display:none}
  .dza-t td,.dza-t th{padding:9px 10px}
  .dza-act{opacity:1}
}