/* Админ-модерация базы экспертов — дизайн v2: нулевые скругления, clip-path, Inter. */
.main{padding:14px 0 30px;display:flex;flex-direction:column;gap:14px;}

.acard{background:var(--card);border:1px solid var(--border);box-shadow:0 4px 24px var(--shadow);display:flex;flex-direction:column;overflow:hidden;}
.acard--top{border-color:var(--gold);}
.acard__ribbon{height:3px;background:linear-gradient(90deg,var(--green),var(--greenDark));}
.acard--top .acard__ribbon{background:linear-gradient(90deg,var(--gold),#e6c878);}
.acard__pad{padding:16px;display:flex;flex-direction:column;gap:12px;}
.acard__top{display:flex;gap:13px;align-items:flex-start;}
/* Аватарка модератора — круг. Восьмиугольник срезал углы лица: в ленте анкет
   первое, на что смотрит модератор, — человек, и обрезать его форма не должна. */
.acard__photo{width:76px;height:76px;object-fit:cover;flex:0 0 auto;background:repeating-linear-gradient(135deg,var(--ph1) 0 8px,var(--ph2) 8px 16px);
  border-radius:50%;}
.acard__photo--empty{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--muted);}

/* Подтверждение экспертизы — основание для галочки «Проверено КИПИМ».
   Выделено рамкой намеренно: решение принимается по нему, а не по фотографии. */
.acard__proof{border-left:3px solid var(--green);padding:8px 12px;background:rgba(46,160,90,.06);font-size:13px;line-height:1.5;white-space:pre-wrap;}
.acard__proof b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px;}
.acard__proof--none{border-left-color:var(--muted);background:transparent;color:var(--muted);font-style:italic;}
.acard__note{font-size:12.5px;color:var(--muted);padding:6px 0;}
.acard__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.acard__name{font-size:15px;font-weight:800;color:var(--heading);display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.2;}
.badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;padding:3px 9px 3px 7px;background:var(--green);color:#fff;position:static;
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%);}
.badge--gold{background:var(--gold);color:var(--goldText);}
.acard__kw{font-size:11px;color:var(--muted);line-height:1.35;}
.acard__contacts{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--greenDeep);}
.acard__exp{margin:0;font-size:12px;color:var(--text);line-height:1.45;background:var(--card2);padding:11px 13px;}
.acard__exp b{color:var(--heading);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px;}

.acard__refs{display:flex;flex-direction:column;gap:6px;}
.ref{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--text);background:var(--greenBg);padding:9px 11px;}
.ref b{color:var(--heading);}
.ref--none{background:transparent;color:var(--muted);font-style:italic;padding:2px 0;}
.mini{width:26px;height:26px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;}
.mini:hover{border-color:var(--green);}

.acard__actions{display:flex;gap:8px;flex-wrap:wrap;}
.acard__actions .btn{flex:1;min-width:120px;padding:11px 12px;font-size:12.5px;font-weight:700;}
.btn--ok{background:var(--green);color:#fff;border-color:var(--green);clip-path:polygon(2% 10%,98% 0%,100% 85%,96% 100%,1% 96%,0% 14%);}
.btn--ok:hover{background:var(--greenHover);}
.btn--verify{background:var(--card);color:var(--greenDeep);border-color:var(--border);}
.btn--top{background:var(--card);color:var(--gold);border-color:#ecd9a8;}

.acard--tag{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;padding:16px;}
.acard--tag b{font-size:15px;color:var(--heading);}
.acard--tag .acard__actions{flex:1;justify-content:flex-end;}
.acard--tag .btn{flex:0 0 auto;min-width:0;}

@media (min-width: 901px){
  .main{padding:14px 0 30px;}
  .acard__pad{padding:18px;}
  .acard__actions .btn{flex:0 0 auto;min-width:140px;}
}

/* Контакты — кликабельные ссылки, чтобы модератор мог сразу проверить */
.acard__contacts a{color:var(--greenDeep);text-decoration:none;border-bottom:1px dashed currentColor;}
.acard__contacts a:hover{opacity:.8;}
.acard__contacts .sep{color:var(--muted);margin:0 7px;}
.acard__nocontact{color:#c0433b;font-family:'Inter',sans-serif;}
/* Опыт/проекты приходят с разметкой из редактора */
.acard__exp .rich{margin-top:4px;}
.acard__exp .rich ul,.acard__exp .rich ol{margin:0;padding-left:18px;}
.acard__exp .rich p{margin:0 0 5px;} .acard__exp .rich p:last-child{margin-bottom:0;}

/* Карточка, открытая по ссылке из уведомления */
.acard--focus{outline:2px solid var(--green);outline-offset:2px;}

/* Управление тегами */
.tagadd{display:flex;gap:8px;margin-bottom:8px;}
.tagadd input{flex:1;padding:10px 12px;border:1px solid var(--border);background:var(--card2);color:var(--text);font-family:inherit;font-size:13px;}
.taghint{font-size:12px;color:var(--muted);margin-bottom:14px;line-height:1.5;}
.taglist{display:flex;flex-direction:column;gap:6px;}
/* Сетка, а не flex: колонки строк стоят ровно под подписями шапки — без этого
   владелец не понимал, что означают число, серый код и счётчик (05.08.2026). */
.tagrow{display:grid;grid-template-columns:minmax(160px,1fr) 72px minmax(90px,150px) 70px auto;
  align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);padding:8px 10px;}
.tagrow--head{background:transparent;border:0;padding:4px 10px 0;font-size:10.5px;color:var(--muted);
  text-transform:uppercase;letter-spacing:.5px;font-weight:700;}
.tagrow--off{opacity:.55;}
.tagrow__name{padding:7px 10px;border:1px solid var(--border);background:var(--card2);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;min-width:0;}
.tagrow__sort{width:100%;padding:7px 8px;border:1px solid var(--border);background:var(--card2);color:var(--text);font-family:inherit;font-size:13px;}
.tagrow__slug{font-size:11px;color:var(--muted);font-family:ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tagrow__n{font-size:13px;font-weight:700;color:var(--text);text-align:center;}
.tagrow__n--zero{color:var(--muted);font-weight:400;}
@media (max-width:760px){
  .tagrow{grid-template-columns:1fr 64px auto;}
  .tagrow__slug,.tagrow__n,.tagrow--head span:nth-child(3),.tagrow--head span:nth-child(4){display:none;}
}
.tagrow__act{display:flex;gap:6px;margin-left:auto;}
.mini--danger{color:#c0392b;border-color:#c0392b;}
/* .mini — иконочная кнопка 26×26; в строке тега подписи текстовые, поэтому размер сбрасываем */
.tagrow__act .mini{width:auto;height:auto;padding:7px 12px;font-size:12px;font-weight:600;white-space:nowrap;}
@media (max-width:640px){
  .tagrow__act{margin-left:0;width:100%;}
  .tagrow__slug{display:none;}
}

/* ── Чёрный список ──────────────────────────────────────────────────────── */
.blk__who{flex:1 1 160px;min-width:120px;font-size:13px;font-weight:700;}
.blk__nick{font-weight:500;color:var(--muted);}
.blk__doors{font-size:11px;color:var(--muted);font-family:ui-monospace,monospace;white-space:nowrap;}
/* причина бывает длинной — режем в одну строку, полный текст в title */
.blk__why{flex:1 1 200px;min-width:140px;font-size:12px;color:var(--muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.blk__when{font-size:11.5px;color:var(--muted);white-space:nowrap;}
@media (max-width:640px){
  .blk__doors{white-space:normal;}
  .blk__why{white-space:normal;overflow:visible;}
}

/* ── Дешборд модератора ─────────────────────────────────────────────────── */
.astat{display:flex;flex-direction:column;gap:14px;}
/* Переключатель периода статистики: пресеты + свой диапазон. */
.strange{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;}
.strange .mini{width:auto;height:auto;padding:7px 12px;font-size:12px;font-weight:600;}
.strange .mini--on{background:var(--green);color:#fff;border-color:var(--green);}
.strange__custom{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);margin-left:auto;}
.strange__custom input[type="date"]{padding:6px 8px;border:1px solid var(--border);background:var(--card2);color:var(--text);font-family:inherit;font-size:12px;}
@media (max-width:700px){.strange__custom{margin-left:0;}}

/* Мини-график со шкалой: значения слева, даты снизу, столбики с потолком
   ширины — при паре дней данных они не расползаются в «слишком крупные». */
.chartbox{display:flex;gap:8px;align-items:stretch;}
.chartbox__scale{display:flex;flex-direction:column;justify-content:space-between;
  font-size:10px;color:var(--muted);text-align:right;min-width:26px;padding:6px 0 18px;}
.chartbox__main{flex:1;min-width:0;}
.chartbox .dash__chart{height:64px;justify-content:flex-start;}
.chartbox .dash__bar{max-width:26px;}
.dash__period{font-style:normal;font-weight:400;font-size:11px;color:var(--muted);text-transform:none;letter-spacing:0;}

.astat__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;}
.astat__tile{padding:12px 14px;background:var(--card);border:1px solid var(--border);}
.astat__tile--g{border-color:var(--green);}
.astat__n{font-size:24px;font-weight:800;color:var(--heading);font-variant-numeric:tabular-nums;}
.astat__l{font-size:11px;color:var(--muted);margin-top:2px;}
.atable{width:100%;border-collapse:collapse;font-size:13px;}
.atable th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--border);}
.atable td{padding:7px 8px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;}
.atable td:first-child{font-variant-numeric:normal;}
.atable tr:last-child td{border-bottom:0;}
.atable__st{font-size:10px;color:var(--muted);text-transform:uppercase;margin-left:4px;}