/* ===== AXON Home Dashboard ===== */
.axd-h2{ font-family:var(--font-family-1,"Unbounded"),sans-serif; font-size:15px; font-weight:800; color:#eafcff; margin-bottom:16px; }
.axd-empty{ padding:24px; text-align:center; color:#7d8b99; font-size:13px; }

/* --- плитки серверов --- */
.axd-tiles{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px; margin:8px 0 22px; }
.axd-tile{
  position:relative; height:150px; border-radius:16px; overflow:hidden; text-decoration:none;
  border:1px solid rgba(255,255,255,.07); background:linear-gradient(160deg,#1a2230,#0d1219);
  display:flex; flex-direction:column; justify-content:space-between; padding:12px 14px;
  transition:transform .2s, border-color .2s;
}
.axd-tile:hover{ transform:translateY(-3px); border-color:rgba(95,227,255,.35); }
.axd-tile-bg{ position:absolute; inset:0; z-index:0; background:radial-gradient(120% 100% at 100% 0%, rgba(41,163,171,.18), transparent 60%); }
.axd-tile-top{ position:relative; z-index:1; display:flex; align-items:center; gap:6px; }
.axd-tile-dot{ width:7px; height:7px; border-radius:50%; background:#4db06c; box-shadow:0 0 0 3px rgba(77,176,108,.25); flex-shrink:0; }
.axd-tile-online{ font-size:11px; font-weight:700; color:#9fb2c0; }
.axd-tile-bottom{ position:relative; z-index:1; display:flex; flex-direction:column; gap:2px; }
.axd-tile-bottom b{ font-family:var(--font-family-1,"Unbounded"),sans-serif; font-size:13.5px; font-weight:800; color:#fff; }
.axd-tile-bottom span{ font-size:11px; color:#7d8b99; text-transform:uppercase; letter-spacing:.04em; }
.axd-tile-promo{
  background:linear-gradient(135deg,#29a3ab,#2b7fff); align-items:flex-start; justify-content:center; gap:8px;
}
.axd-tile-promo svg{ width:26px; height:26px; fill:#fff; }
.axd-tile-promo b{ font-family:var(--font-family-1,"Unbounded"),sans-serif; font-size:13.5px; color:#fff; }
.axd-tile-promo span{ font-size:11.5px; color:rgba(255,255,255,.85); }

/* --- карусель промо-баннеров (AXON+ / Магазин / Колесо / Discord) --- */
.axd-promo-carousel{ position:relative; min-height:172px; margin-bottom:24px; }
.axd-promo-carousel .axd-plus-banner{
  position:absolute; inset:0; margin-bottom:0; opacity:0; pointer-events:none;
  transition:opacity .5s ease, transform .2s ease;
}
.axd-promo-carousel .axd-plus-banner.active{ opacity:1; pointer-events:auto; position:relative; }
.axd-promo-dots{ position:absolute; right:20px; bottom:14px; z-index:2; display:flex; gap:6px; }
.axd-promo-dot{
  position:relative; overflow:hidden;
  width:7px; height:7px; border-radius:999px; background:rgba(255,255,255,.25); cursor:pointer;
  transition:width .2s, background .2s;
}
.axd-promo-dot:hover{ background:rgba(255,255,255,.5); }
.axd-promo-dot.active{ width:18px; background:rgba(255,255,255,.25); }
.axd-promo-dot-fill{
  position:absolute; inset:0; width:0; height:100%; background:#5fe3ff; border-radius:inherit;
}
.axd-promo-dot-fill.run{ animation:axdDotFill 4s linear forwards; }
@keyframes axdDotFill{ from{ width:0; } to{ width:100%; } }

/* --- баннер AXON+ --- */
.axd-plus-banner{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  border-radius:20px; padding:32px 36px; margin-bottom:24px; overflow:hidden; text-decoration:none;
  background:linear-gradient(120deg,rgba(41,163,171,.18),rgba(43,127,255,.14)); border:1px solid rgba(95,227,255,.25);
  transition:transform .2s;
}
.axd-plus-banner:hover{ transform:translateY(-2px); }
.axd-plus-glow{ position:absolute; right:-60px; top:-60px; width:260px; height:260px; border-radius:50%;
  background:radial-gradient(circle,rgba(95,227,255,.35),transparent 70%); filter:blur(10px); pointer-events:none; }
.axd-plus-txt{ position:relative; z-index:1; }
.axd-plus-eyebrow{ font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#5fe3ff; }
.axd-plus-txt h2{ font-family:var(--font-family-1,"Unbounded"),sans-serif; font-size:30px; font-weight:800; color:#fff; margin:4px 0 8px; }
.axd-plus-txt h2 span{ color:#5fe3ff; }
.axd-plus-txt p{ margin:0; max-width:460px; font-size:13.5px; color:#c4d0da; line-height:1.5; }
.axd-plus-cta{ flex-shrink:0; font-weight:800; font-size:14px; color:#fff; background:linear-gradient(120deg,#29a3ab,#2b7fff);
  padding:12px 22px; border-radius:12px; box-shadow:0 8px 22px rgba(43,127,255,.35); white-space:nowrap; }

/* --- активности + сайдбар --- */
.axd-cols{ display:grid; grid-template-columns:2fr 1fr; gap:18px; align-items:start; margin-bottom:24px; }
.axd-activity, .axd-side{ background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); border-radius:18px; padding:20px; }
.axd-activity-row{ display:flex; align-items:center; gap:12px; padding:10px 4px; text-decoration:none; border-radius:10px; transition:background .15s; }
.axd-activity-row:hover{ background:rgba(255,255,255,.03); }
.axd-activity-row img{ width:38px; height:38px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.axd-activity-body{ flex:1; min-width:0; display:flex; flex-direction:column; }
.axd-activity-body b{ font-size:13px; color:#eafcff; }
.axd-activity-body span{ font-size:12px; color:#8695a1; }
.axd-activity-time{ font-size:11px; color:#5c6b76; white-space:nowrap; flex-shrink:0; }

.axd-side-tabs{ display:flex; gap:4px; background:rgba(0,0,0,.25); border-radius:10px; padding:3px; margin-bottom:14px; }
.axd-side-tab{ flex:1; border:none; background:transparent; color:#8695a1; font-size:12.5px; font-weight:700; padding:8px 10px; border-radius:8px; cursor:pointer; transition:.2s; font-family:inherit; }
.axd-side-tab.active{ background:linear-gradient(120deg,#29a3ab,#2b7fff); color:#fff; }
.axd-side-panel{ display:none; flex-direction:column; gap:4px; }
.axd-side-panel.active{ display:flex; }
.axd-side-row{ display:flex; align-items:center; gap:10px; padding:8px 6px; border-radius:10px; text-decoration:none; transition:background .15s; }
.axd-side-row:hover{ background:rgba(255,255,255,.03); }
.axd-side-pos{ width:22px; flex-shrink:0; font-size:11.5px; font-weight:800; color:#5fe3ff; }
.axd-side-row img{ width:28px; height:28px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.axd-side-row b{ flex:1; min-width:0; font-size:12.5px; color:#eafcff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.axd-side-val{ font-size:11.5px; font-weight:700; color:#4db06c; flex-shrink:0; }
.axd-clan-tag{ font-size:11px; font-weight:800; color:#8fa3ad; flex-shrink:0; }

/* --- статистика --- */
.axd-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:8px; }
.axd-stat{ background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:18px; text-align:center; }
.axd-stat b{ display:block; font-family:var(--font-family-1,"Unbounded"),sans-serif; font-size:26px; font-weight:800; color:#fff; margin-bottom:4px; }
.axd-stat span{ font-size:12px; color:#8695a1; }

@media (max-width:900px){
  .axd-cols{ grid-template-columns:1fr; }
  .axd-stats{ grid-template-columns:repeat(2,1fr); }
}