/* amas-page.css — /amas public AMA directory.
   px font sizes on purpose (BS3 page: html{font-size:10px}); matches the
   groups-page / CryptoAlleys aesthetic. */
:root {
  --bg:#fafafa;--panel:#fff;--text:#13131a;--muted:#64748b;--line:#eaeaea;
  --primary:#8254e9;--success:#25a56a;--danger:#e45858;--info:#06b6d4;
}
@media (prefers-color-scheme: dark) {
  :root { --panel:#16151d;--text:#efeff5;--muted:#a49fb5; }
}
body { font-family:system-ui,-apple-system,sans-serif; }

.page-title {
  text-align:center; padding:38px 20px; border-radius:18px; margin-bottom:24px;
  background:linear-gradient(135deg,var(--primary),#2a0f4d); color:#fff;
}
.page-title h1 { font-size:26px; font-weight:900; margin:0; }
.page-title p { font-size:13px; opacity:0.9; max-width:700px; margin:10px auto 0; }

.filter-card {
  border:1px solid rgba(130,84,233,.18); border-radius:14px;
  padding:18px; margin-bottom:20px; box-shadow:0 6px 20px rgba(20,5,40,.07);
}
.filter-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; align-items:end; }
.filter-group label { font-weight:600; font-size:12px; margin-bottom:6px; display:block; }
#ama-filters select, #ama-filters button {
  background:var(--panel); border:1px solid rgba(130,84,233,.22); color:var(--text);
  border-radius:10px; padding:9px 12px; font-size:13px;
}
.btn-primary { background:var(--primary); color:#fff; border:none; font-weight:600; }
.btn-default { background:transparent; border:1px solid var(--line); color:var(--muted); }

.filter-chips { display:flex; gap:10px; flex-wrap:wrap; margin:16px 0; }
.filter-chip {
  background:rgba(130,84,233,.15); color:var(--primary); border:1px solid rgba(130,84,233,.3);
  padding:6px 12px; border-radius:30px; font-size:12px; display:flex; align-items:center; gap:8px; font-weight:500;
}
.filter-chip .remove { cursor:pointer; font-weight:bold; font-size:15px; opacity:0.7; }
.filter-chip .remove:hover { opacity:1; }

.ama-table {
  border-radius:12px; overflow:hidden;
  border:1px solid rgba(130,84,233,.15); box-shadow:0 6px 18px rgba(20,5,40,.07);
}
.ama-table table { margin:0; }
.ama-table thead th {
  background:rgba(130,84,233,.09); color:#3d3550; font-weight:700;
  font-size:11px; text-transform:uppercase; letter-spacing:.03em;
  border-bottom:1px solid rgba(130,84,233,.2); padding:12px; white-space:nowrap;
}
.ama-table td { padding:12px; vertical-align:middle; font-size:13px; }
.ama-table tbody tr:hover { background:rgba(130,84,233,.05); }
.ama-table .btn-xs { padding:5px 10px; font-size:11.5px; border-radius:8px; }

.badge { padding:4px 10px; border-radius:20px; font-size:10.5px; font-weight:700; text-transform:uppercase; }
.badge-live { background:#fecaca; color:#991b1b; animation:pulse 2s infinite; }
.badge-upcoming { background:#dbeafe; color:#1e40af; }
.badge-ended { background:#e5e7eb; color:#4b5563; }
.badge-presale { background:#d1fae5; color:#166534; }
.badge-listed { background:#fef3c7; color:#92400e; }
@keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:0.7; } }

.countdown { font-weight:600; color:var(--primary); font-size:11.5px; }
.countdown.live { color:var(--danger); }

.info-card {
  border-radius:14px; padding:20px;
  border:1px solid rgba(130,84,233,.15); margin-bottom:20px; box-shadow:0 4px 15px rgba(20,5,40,.05);
  background:var(--panel);
}
.info-card h3 { font-size:16px; margin:0 0 12px; color:var(--primary); font-weight:700; }
.info-card p, .info-card li { font-size:13px; }

.placeholder-row td { height:52px; background:linear-gradient(90deg,#f0f0f0 0,#e6e0ff 50%,#f0f0f0 100%); background-size:200% 100%; animation:pl 1.5s infinite; }
@keyframes pl { 0% { background-position:200% 0; } 100% { background-position:-200% 0; } }

/* pagination (rendered by amas-page.js / Main::pagination) */
#pagination-wrap { display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
#pagination-wrap a, #pagination-wrap span {
  min-width:34px; padding:7px 11px; border-radius:9px; font-weight:600; font-size:12.5px;
  border:1px solid rgba(130,84,233,.25); color:var(--text); text-decoration:none; display:inline-block;
}
#pagination-wrap a:hover { background:rgba(130,84,233,.12); color:var(--primary); }
#pagination-wrap .active, #pagination-wrap .current { background:linear-gradient(135deg,#8254e9,#945bb6); color:#fff; border-color:transparent; }

@media (max-width:768px){
  .ama-table { overflow-x:auto; }
}

/* Site toggle uses body.dark-mode (not prefers-color-scheme alone). */
body.dark-mode .filter-card,
body.dark-mode .ama-table,
body.dark-mode .info-card {
  background: #1e1828;
  border-color: rgba(130, 84, 233, 0.22);
  color: #efeff5;
}
body.dark-mode .filter-group label,
body.dark-mode .ama-table td,
body.dark-mode .info-card p,
body.dark-mode .info-card li {
  color: #d4d0e4;
}
body.dark-mode #ama-filters select,
body.dark-mode #ama-filters button.btn-default {
  background: #161323;
  border-color: rgba(130, 84, 233, 0.28);
  color: #efeff5;
}
body.dark-mode .ama-table thead th {
  background: rgba(130, 84, 233, 0.14);
  color: #c4b5fd;
  border-bottom-color: rgba(130, 84, 233, 0.25);
}
body.dark-mode .ama-table tbody tr,
body.dark-mode .ama-table tbody td {
  background-color: transparent;
  color: #efeff5;
  border-color: rgba(130, 84, 233, 0.12);
}
body.dark-mode .ama-table tbody tr:hover {
  background: rgba(130, 84, 233, 0.08);
}
body.dark-mode .placeholder-row td {
  background: linear-gradient(90deg, #2a2738 0, #353148 50%, #2a2738 100%);
}
body.dark-mode .badge-ended { background: #3f3f46; color: #d4d4d8; }
body.dark-mode #pagination-wrap a,
body.dark-mode #pagination-wrap span {
  background: #161323;
  border-color: rgba(130, 84, 233, 0.28);
  color: #efeff5;
}