/* AKe-RP — личный кабинет и публичные рейтинги.
   Подключается только на этих страницах: админ-панель использует свой console.css. */

.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.panel-head h2{margin:6px 0 0}

/* Числа: плюс зелёным, минус красным */
.good{color:#5ee0a4}
.bad{color:#ff8b93}

/* Метки-переключатели (вкладки рейтингов) */
.chip{display:inline-block;background:#10202f;border:1px solid #2b4053;color:#c8d8e6;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.chip:hover{background:#17303f;border-color:#3f6a8c;color:#fff}
.chip.is-on{background:#12354d;border-color:#3f8ec4;color:#eaf6ff}

/* Ресурсы, лицензии, достижения */
.res-list,.lic-list,.ach-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.res-chip{background:#10202f;border:1px solid #2b4053;border-radius:999px;padding:7px 13px;font-size:13px;color:#c8d8e6}
.res-chip b{color:#7fd0ff;font-weight:800}
.lic-item,.ach-item{border:1px solid #2b4053;border-radius:8px;padding:6px 11px;font-size:12px;color:#77919f;background:#0d1826}
.lic-item.on,.ach-item.on{border-color:#2f6b4a;background:#10291d;color:#8fe3bd}

/* Рейтинги */
.rank-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.rank-table{width:100%;border-collapse:collapse}
.rank-table th,.rank-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #1e2f3f;font-size:14px}
.rank-table th{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#a1b6c7}
.rank-table tbody tr:hover{background:#ffffff04}
.rank-table tr.is-me{background:#0f2436}
.rank-table tr.is-me b{color:#7fd0ff}
.rank-place{width:48px;color:#63798c;font-variant-numeric:tabular-nums}
.rank-value{font-weight:700;color:#eaf3fb;font-variant-numeric:tabular-nums;white-space:nowrap}
.rank-me{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#12354d;border:1px solid #3f8ec4;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#eaf6ff}
.rank-note{margin-top:22px}
.rank-note h2{margin-bottom:10px}

@media(max-width:520px){
  .rank-table th,.rank-table td{padding:9px 8px;font-size:13px}
  .rank-table th:nth-child(4),.rank-table td:nth-child(4){display:none}
  .rank-tabs{gap:6px}
  .chip{padding:7px 11px;font-size:12px}
}