/* Sports Tips – styles (frontend + minimal admin) */
:root{
  --spt-bg:#0b1220;
  --spt-card:#141b2d;
  --spt-muted:#a7b0c0;
  --spt-text:#e8ecf4;
  --spt-accent:#4f8cff;
  --spt-border:#23304d;
  --spt-meter:#2b3a5e;
  --spt-good:#3ad29f;
}
/* Reset-ish */
.spt-grid-cards, .spt-table-wrap { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: var(--spt-text); }
.spt-grid-cards * { box-sizing: border-box; }
.spt-grid-cards{
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
  gap: 16px;
  background: var(--spt-bg);
  padding: 20px;
  border-radius: 14px;
}
.spt-card{
  background: linear-gradient(180deg, rgba(20,27,45,.96), rgba(12,18,34,.96));
  border:1px solid var(--spt-border);
  border-radius: 16px;
  padding:16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  display:flex; flex-direction:column; gap:12px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.spt-card:hover{ transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.35); }
.spt-card-header{ display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--spt-muted); }
.spt-badge{
  background: rgba(79,140,255,.15);
  color: var(--spt-accent);
  border:1px solid rgba(79,140,255,.35);
  padding:4px 8px; border-radius: 999px; font-weight:600; letter-spacing:.2px;
}
.spt-card-title{ margin:0; font-size:18px; line-height:1.3 }
.spt-meta-row{ display:flex; gap:8px; flex-wrap:wrap }
.spt-chip{
  background: rgba(255,255,255,.06);
  border:1px solid var(--spt-border);
  padding:4px 8px; border-radius:999px; font-size:12px; color: var(--spt-muted);
}
.spt-card-body{ display:grid; grid-template-columns: repeat(3,1fr); gap:10px }
.spt-field span{ display:block; font-size:11px; color: var(--spt-muted); margin-bottom:4px }
.spt-field strong{ font-size:16px }
.spt-meter{ width:100%; height:8px; background: var(--spt-meter); border-radius: 999px; overflow: hidden; border:1px solid var(--spt-border); }
.spt-meter > span{ display:block; height:100%; background: linear-gradient(90deg, var(--spt-good), #86f7d6); }
.spt-card-footer{ display:flex; justify-content:flex-end; }
.spt-link{ color: var(--spt-accent); text-decoration:none; font-weight:600 }
.spt-link:hover{ text-decoration:underline }

/* Table layout */
.spt-table-wrap{ overflow-x:auto; background: var(--spt-bg); padding:16px; border-radius: 14px; }
.spt-table{ width:100%; border-collapse: collapse; color: var(--spt-text); font-size:14px; }
.spt-table th, .spt-table td{ border-bottom:1px solid var(--spt-border); padding:10px 12px; text-align:left; }
.spt-table th{ color: var(--spt-muted); font-weight:600; }
.spt-table tr:hover td{ background: rgba(255,255,255,.03); }

/* Admin meta box minimal layout */
.spt-meta .spt-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:12px;
}
.spt-meta label{ display:flex; flex-direction:column; gap:6px }
.spt-meta input[type="text"],
.spt-meta input[type="number"],
.spt-meta input[type="datetime-local"]{
  padding:8px 10px; border:1px solid #ccd0d5; border-radius:8px;
}
@media (max-width:640px){
  .spt-card-body{ grid-template-columns: 1fr; }
  .spt-meta .spt-grid{ grid-template-columns: 1fr; }
}