/* =========================================================
   Служебная часть: вход и панель записей
   ========================================================= */
.staff-body{background:var(--cream)}

/* элементы с атрибутом hidden должны реально скрываться: авторский display
   (.staff-login{display:grid}) иначе перебивает встроенное правило браузера */
[hidden]{display:none !important}

.staff-login{min-height:100vh;display:grid;place-items:center;padding:32px 20px}
.staff-login__card{max-width:520px;width:100%;text-align:left}
.staff-login__mark{width:64px;height:64px;margin-bottom:14px}
.staff-login__hint{margin:18px 0 0;font-size:13.5px;opacity:.72}
.staff-login__hint code{background:var(--cream-2);border-radius:6px;padding:1px 6px;font-size:12.5px}

.staff-bar{
  background:var(--cream);border-bottom:2px solid var(--cocoa);
  position:sticky;top:0;z-index:20;
}
.staff-bar__inner{display:flex;align-items:center;gap:18px;height:76px}
.staff-bar__title{
  font-family:var(--font-display);font-weight:700;font-size:16px;text-transform:uppercase;
  background:var(--yellow);border:2px solid var(--cocoa);border-radius:999px;padding:6px 14px;
}
.staff-bar__right{margin-left:auto;display:flex;align-items:center;gap:12px}

.staff-main{padding:28px 24px 80px}
.staff-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.staff-stat{display:flex;flex-direction:column;gap:2px;padding:18px 20px;font-size:14px}
.staff-stat__num{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1}

.staff-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:26px 0 18px}
.staff-tools__search{max-width:420px;width:100%}

.staff-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}
.staff-table-wrap{overflow-x:auto;border:var(--stroke) solid var(--cocoa);border-radius:var(--r-card);background:var(--milk)}
.staff-table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.staff-table th{
  text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  background:var(--cream-2);padding:13px 14px;border-bottom:2px solid var(--cocoa);white-space:nowrap;
}
.staff-table td{padding:13px 14px;border-bottom:2px dashed rgba(67,35,26,.18);vertical-align:top}
.staff-table tbody tr{cursor:pointer;transition:background .12s ease}
.staff-table tbody tr:hover{background:var(--cream-2)}
.staff-table tbody tr.is-active{background:var(--yellow)}
.staff-table__id{font-family:var(--font-display);font-weight:700;white-space:nowrap}
.staff-table__sub{display:block;font-size:13px;opacity:.7;margin-top:2px}
.status-pill{
  display:inline-block;border:2px solid var(--cocoa);border-radius:999px;
  padding:3px 11px;font-size:12.5px;font-weight:700;white-space:nowrap;background:var(--cream-2);
}
.status-pill[data-s="новая"]{background:var(--yellow)}
.status-pill[data-s="подтверждена"]{background:var(--blue)}
.status-pill[data-s="выполнена"]{background:var(--mint)}
.status-pill[data-s="отменена"]{background:#F3C7CC}

.staff-empty{padding:18px 16px}
.staff-detail{position:sticky;top:96px}
.staff-detail__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.staff-detail__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.staff-row-detail{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:2px dashed rgba(67,35,26,.18);font-size:15px}
.staff-row-detail b{font-weight:600;opacity:.7;font-size:13.5px}

@media (max-width:1100px){
  .staff-layout{grid-template-columns:1fr}
  .staff-detail{position:static}
  .staff-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .staff-bar__title,.staff-bar__right .muted{display:none}
  .staff-stats{grid-template-columns:1fr 1fr}
  .staff-tools .tabs{width:100%;overflow-x:auto}
}