/* Admin UI v2 — Apple-inspired. Activated via html[data-admin-ui="apple"] */
/* Как переключатель версий на /belfort — всегда доступен, не ломает старый UI */
.admin-ui-switcher{
  position:fixed;top:14px;right:14px;z-index:120;
  display:flex;gap:4px;padding:4px;border-radius:999px;
  background:rgba(20,20,24,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 28px rgba(0,0,0,.22);
}
.admin-ui-switcher button{
  appearance:none;border:0!important;cursor:pointer;font:inherit;
  min-height:32px!important;padding:0 12px!important;border-radius:999px!important;
  font-size:12px!important;font-weight:700;line-height:1;
  color:rgba(255,255,255,.78)!important;background:transparent!important;
  box-shadow:none!important;transition:background .2s,color .2s,transform .12s;
}
.admin-ui-switcher button:hover{color:#fff}
.admin-ui-switcher button.active{
  color:#1d1d1f!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;
}
.admin-ui-switcher button:active{transform:scale(.97)}
@media(max-width:720px){
  .admin-ui-switcher{top:10px;right:10px}
  .admin-ui-switcher button{padding:0 10px;font-size:11px;min-height:30px}
}

html[data-admin-ui="apple"]{
  --ap-bg:#f5f5f7;
  --ap-surface:#ffffff;
  --ap-surface-2:#fbfbfd;
  --ap-ink:#1d1d1f;
  --ap-muted:#6e6e73;
  --ap-border:#d2d2d7;
  --ap-accent:#0071e3;
  --ap-accent-hover:#0077ed;
  --ap-accent-soft:rgba(0,113,227,.1);
  --ap-ok:#34c759;
  --ap-radius:16px;
  --ap-pill:980px;
  --ap-ease:cubic-bezier(0.28, 0, 0.22, 1);
  --ap-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.04);
}
html[data-admin-ui="apple"],
html[data-admin-ui="apple"] body{
  background:var(--ap-bg);
  color:var(--ap-ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html[data-admin-ui="apple"] a{color:var(--ap-accent)}
html[data-admin-ui="apple"] header.cabinet-bar{
  padding:8px 150px 8px 16px;max-width:1360px;margin:0 auto;
}
html[data-admin-ui="apple"] header.cabinet-bar .cabinet-bar-link{
  color:var(--ap-muted);font-size:14px;font-weight:650;
}
html[data-admin-ui="apple"] header.cabinet-bar .cabinet-bar-home{color:var(--ap-ink);font-weight:750}
html[data-admin-ui="apple"] #logout,
html[data-admin-ui="apple"] .ghost,
html[data-admin-ui="apple"] header #logout{
  min-height:30px;padding:0 12px;border-radius:var(--ap-pill);
  border:1px solid var(--ap-border);background:var(--ap-surface);color:var(--ap-ink);
  box-shadow:none;font-size:13px;
}
html[data-admin-ui="apple"] .wrap{max-width:1080px;padding:8px 20px 72px}
html[data-admin-ui="apple"] .wrap.wrap-desk{max-width:1360px;padding:4px 16px 8px}
html[data-admin-ui="apple"] .card{
  background:var(--ap-surface);border:1px solid var(--ap-border);
  border-radius:var(--ap-radius);box-shadow:var(--ap-shadow);
}
html[data-admin-ui="apple"] #loginBox{margin-top:8vh}
html[data-admin-ui="apple"] nav.cabinet-nav{
  display:flex;flex-wrap:wrap;gap:2px;padding:3px;margin:0;
  width:fit-content;max-width:100%;
  background:rgba(0,0,0,.04);border-radius:10px;
  grid-template-columns:none;
}
html[data-admin-ui="apple"] nav.cabinet-nav button{
  border:0;background:transparent;color:var(--ap-ink);
  min-height:28px;padding:0 10px;border-radius:8px;
  font-size:12px;font-weight:550;box-shadow:none;
}
html[data-admin-ui="apple"] nav.cabinet-nav button.on{
  background:var(--ap-surface);color:var(--ap-ink);
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
html[data-admin-ui="apple"] .cabinet-search{padding:8px 10px}
html[data-admin-ui="apple"] .search-field{border-color:var(--ap-border)}
html[data-admin-ui="apple"] .search-loupe{color:var(--ap-accent)}
html[data-admin-ui="apple"] .cabinet-search-row input,
html[data-admin-ui="apple"] .search-field input,
html[data-admin-ui="apple"] input,
html[data-admin-ui="apple"] textarea{
  border:1px solid var(--ap-border);border-radius:12px;background:#fff;
}
html[data-admin-ui="apple"] .search-field input{border:0;border-radius:0;background:transparent}
html[data-admin-ui="apple"] .cabinet-search-row button,
html[data-admin-ui="apple"] .cabinet-refresh,
html[data-admin-ui="apple"] .cabinet-trash,
html[data-admin-ui="apple"] .mail-tb-btn,
html[data-admin-ui="apple"] .mail-tb-restore,
html[data-admin-ui="apple"] .mail-tb-purge,
html[data-admin-ui="apple"] .mail-tb-trash{
  border-radius:10px;border:1px solid var(--ap-border);background:#fff;color:var(--ap-ink);
}
html[data-admin-ui="apple"] .mail-tb-restore{color:#0f7a32}
html[data-admin-ui="apple"] .mail-tb-purge,
html[data-admin-ui="apple"] .mail-tb-trash{color:var(--ap-muted)}
html[data-admin-ui="apple"] .mail-tb-badge{background:var(--ap-accent);color:#fff}
html[data-admin-ui="apple"] .mail-tb-btn.on .mail-tb-badge{background:#0058b0}
html[data-admin-ui="apple"] .cabinet-search-row button.primary-search,
html[data-admin-ui="apple"] button.primary,
html[data-admin-ui="apple"] .btn-approve,
html[data-admin-ui="apple"] #enter{
  background:var(--ap-accent)!important;border:1px solid var(--ap-accent)!important;color:#fff!important;
}
html[data-admin-ui="apple"] .cabinet-search-row button.primary-search:hover,
html[data-admin-ui="apple"] button.primary:hover,
html[data-admin-ui="apple"] .btn-approve:hover,
html[data-admin-ui="apple"] #enter:hover{background:var(--ap-accent-hover)!important;filter:none}
html[data-admin-ui="apple"] .cabinet-trash{color:var(--ap-muted)}

/* Reviews — Apple */
html[data-admin-ui="apple"] .reviews-app{min-height:min(74vh,680px)}
html[data-admin-ui="apple"] .reviews-toolbar{
  background:var(--ap-surface-2);border-bottom:1px solid var(--ap-border);padding:12px 14px;
}
html[data-admin-ui="apple"] .reviews-filter{
  border:0;background:transparent;color:var(--ap-muted);min-height:32px;padding:0 12px;
  border-radius:var(--ap-pill);font-weight:550;
}
html[data-admin-ui="apple"] .reviews-filter.on{
  background:var(--ap-ink);border-color:var(--ap-ink);color:#fff;box-shadow:none;
}
html[data-admin-ui="apple"] .reviews-filter--attention.on,
html[data-admin-ui="apple"] .reviews-filter--pending.on,
html[data-admin-ui="apple"] .reviews-filter--unverified.on,
html[data-admin-ui="apple"] .reviews-filter--rejected.on,
html[data-admin-ui="apple"] .reviews-filter--approved.on{
  background:var(--ap-ink);border-color:var(--ap-ink);color:#fff;
}
html[data-admin-ui="apple"] .reviews-badge{background:rgba(255,255,255,.22)}
html[data-admin-ui="apple"] .reviews-filter:not(.on) .reviews-badge{background:rgba(0,0,0,.08);color:var(--ap-ink)}
html[data-admin-ui="apple"] .reviews-head{background:#fafafa;border-bottom:1px solid #ececef;color:var(--ap-muted)}
html[data-admin-ui="apple"] .reviews-head span{color:var(--ap-muted)}
html[data-admin-ui="apple"] .review-list{background:var(--ap-bg);gap:8px;padding:12px}
html[data-admin-ui="apple"] .review-item{
  border:1px solid var(--ap-border);border-radius:14px;box-shadow:none;background:#fff;
}
html[data-admin-ui="apple"] .review-item.unread{box-shadow:inset 3px 0 0 var(--ap-accent)}
html[data-admin-ui="apple"] .review-item--unverified.unread{box-shadow:inset 3px 0 0 #ff9f0a}
html[data-admin-ui="apple"] .review-unread-dot{background:var(--ap-accent)}
html[data-admin-ui="apple"] .review-item--unverified .review-unread-dot{background:#ff9f0a}
html[data-admin-ui="apple"] .review-status--pending{background:var(--ap-accent-soft);color:#0058b0}
html[data-admin-ui="apple"] .review-status--approved{background:rgba(52,199,89,.14);color:#0f7a32}
html[data-admin-ui="apple"] .review-status--rejected{background:#f2f2f4;color:var(--ap-muted)}
html[data-admin-ui="apple"] .review-status--unverified{background:rgba(255,159,10,.14);color:#9a6700}
html[data-admin-ui="apple"] .btn-approve{
  border-radius:var(--ap-pill);min-height:40px;background:var(--ap-accent)!important;color:#fff!important;border:0!important;
}
html[data-admin-ui="apple"] .btn-reject{
  border-radius:var(--ap-pill);min-height:40px;background:#e8e8ed!important;color:var(--ap-ink)!important;border:0!important;
}
html[data-admin-ui="apple"] .btn-reject:hover{background:#dedee3}
html[data-admin-ui="apple"] .review-hint{color:var(--ap-muted)}

/* Sessions / mail soft Apple */
html[data-admin-ui="apple"] .mail-app,
html[data-admin-ui="apple"] .compare-panel{border-radius:var(--ap-radius);overflow:hidden}
html[data-admin-ui="apple"] .mail-toolbar,
html[data-admin-ui="apple"] .sessions-head,
html[data-admin-ui="apple"] .compare-panel-head{
  background:var(--ap-surface-2);border-color:var(--ap-border);
}
html[data-admin-ui="apple"] .mail-tb-btn.on{
  background:#fff;border-color:var(--ap-border);color:var(--ap-ink);
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
html[data-admin-ui="apple"] .mail-item.open .mail-row,
html[data-admin-ui="apple"] .mail-item.session-item.open .mail-row{
  background:var(--ap-accent-soft);box-shadow:inset 3px 0 0 var(--ap-accent);
}
html[data-admin-ui="apple"] .client-dock a.primary,
html[data-admin-ui="apple"] .client-dock button.primary{
  background:var(--ap-accent);border-color:var(--ap-accent);color:#fff;border-radius:var(--ap-pill);
}
html[data-admin-ui="apple"] .compare-slot{background:var(--ap-surface)}
html[data-admin-ui="apple"] .compare-slot-title{color:var(--ap-ink)}
html[data-admin-ui="apple"] .compare-slot-status{color:var(--ap-muted)}
html[data-admin-ui="apple"] .compare-slot-search button{
  background:var(--ap-accent)!important;border-color:var(--ap-accent)!important;color:#fff!important;border-radius:10px;
}
html[data-admin-ui="apple"] .compare-slot-search button.ghost{
  background:#fff!important;color:var(--ap-ink)!important;border:1px solid var(--ap-border)!important;
}
html[data-admin-ui="apple"] .compare-panel-head h2,
html[data-admin-ui="apple"] .compare-graph-empty{color:var(--ap-muted)}
html[data-admin-ui="apple"] .admin-ui-switcher{
  background:rgba(245,245,247,.92)!important;border:1px solid var(--ap-border)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}
html[data-admin-ui="apple"] .admin-ui-switcher button{
  color:var(--ap-muted)!important;background:transparent!important;
}
html[data-admin-ui="apple"] .admin-ui-switcher button:hover{color:var(--ap-ink)!important}
html[data-admin-ui="apple"] .admin-ui-switcher button.active{
  background:var(--ap-ink)!important;color:#fff!important;
  box-shadow:none!important;
}

/* Mobile/tablet: не резервировать 150px под switcher */
@media(max-width:980px){
  html[data-admin-ui="apple"] header.cabinet-bar{
    padding:44px 12px 8px;max-width:none;
  }
  html[data-admin-ui="apple"] .wrap,
  html[data-admin-ui="apple"] .wrap.wrap-desk{
    max-width:none;padding:0 12px 40px;
  }
}