/**
 * ogace-cc.css — OGACE Control Center (Binance-density dark dashboard) + front-end listings.
 * Binance layout density, OGACE brand accent: #0b0e11 bg · #2E45D6 brand blue (from ogace-logo.png) · #1e2329 panel · #2b3139 line.
 */

/* ── Admin dashboard ─────────────────────────────────────────────────────── */
.ogace-cc{
	--bg:#0b0e11; --panel:#161a1e; --panel2:#1e2329; --line:#2b3139;
	--gold:#2E45D6; --green:#0ecb81; --red:#f6465d; --ink:#eaecef; --muted:#848e9c;
	margin:16px 20px 40px 2px; color:var(--ink);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;
}
.ogace-cc *{ box-sizing:border-box; }
.ogace-cc .cc-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:20px 22px; }
.cc-head__brand{ display:flex; align-items:center; gap:14px; }
.cc-logo{ width:48px; height:48px; object-fit:contain; border-radius:10px; background:#f5fdff; padding:4px; flex-shrink:0; }
.cc-prompt{ font-family:ui-monospace,Menlo,Consolas,monospace; font-size:11px; color:var(--gold); }
.cc-title{ margin:6px 0 4px !important; font-size:24px !important; font-weight:800 !important; color:var(--ink) !important; }
.cc-sub{ margin:0; color:var(--muted); font-size:13px; }
.cc-live{ font-size:11px; font-weight:800; color:var(--green); background:rgba(14,203,129,.1); border:1px solid rgba(14,203,129,.3); padding:5px 11px; border-radius:999px; white-space:nowrap; }

.cc-toast{ margin:14px 0 0; background:rgba(14,203,129,.12); border:1px solid rgba(14,203,129,.35); color:#7ee2b8; padding:11px 15px; border-radius:10px; font-weight:600; }

.cc-stats{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin:16px 0; }
.cc-stat{ background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:16px; position:relative; }
.cc-stat__ico{ font-size:20px; }
.cc-stat__num{ font-size:28px; font-weight:800; letter-spacing:-.02em; margin-top:6px; color:#fff; }
.cc-stat__lbl{ font-size:12px; color:var(--muted); margin-top:2px; }
.cc-stat__tag{ position:absolute; top:14px; right:14px; font-size:10px; font-weight:700; color:var(--gold); background:rgba(46,69,214,.14); padding:2px 7px; border-radius:6px; }

.cc-actions{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:16px 0; }
.cc-card{ background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:20px; }
.cc-card h2{ margin:0 0 8px !important; font-size:16px !important; color:var(--ink) !important; }
.cc-card p{ color:var(--muted); font-size:13px; line-height:1.6; margin:0 0 16px; }
.cc-btn{ display:inline-block; border:0; cursor:pointer; font-weight:800; font-size:14px; padding:11px 20px; border-radius:10px; transition:transform .12s ease, filter .12s ease; }
.cc-btn:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.cc-btn--gold{ background:var(--gold); color:#fff; }
.cc-btn--blue{ background:#2b3139; color:var(--ink); border:1px solid #3a424c; }

.cc-panel{ background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:20px; margin-top:4px; }
.cc-panel h2{ margin:0 0 14px !important; font-size:16px !important; color:var(--ink) !important; }
.cc-muted{ color:var(--muted); font-size:12px; font-weight:500; }
.cc-table{ width:100%; border-collapse:collapse; }
.cc-table th{ text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); padding:8px 10px; border-bottom:1px solid var(--line); }
.cc-table td{ padding:11px 10px; border-bottom:1px solid var(--line); font-size:13px; color:var(--ink); }
.cc-table tr:hover td{ background:var(--panel2); }

.cc-modgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:10px; }
.cc-modlink{ display:flex; align-items:center; gap:8px; background:var(--panel2); border:1px solid var(--line); border-radius:10px; padding:10px 12px; font-size:13px; font-weight:600; color:var(--ink); text-decoration:none; transition:transform .12s ease, border-color .12s ease; }
.cc-modlink:hover{ transform:translateY(-1px); border-color:var(--gold); color:var(--ink); }
.cc-modlink span{ font-size:16px; }

@media (max-width:782px){ .cc-actions{ grid-template-columns:1fr; } .cc-modgrid{ grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); } }

/* ── Front-end listings grid (premium travel cards) ──────────────────────── */
.oga-listings{ --navy:#001D6C; --gold:#EAB308; --line:#e9edf5; --muted:#6b7280;
	display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px; max-width:1120px; margin:0 auto 28px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif; }
.oga-listing{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:16px; box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.05); transition:transform .16s ease, box-shadow .16s ease; }
.oga-listing:hover{ transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,29,108,.12); }
.oga-listing__top{ display:flex; align-items:center; justify-content:space-between; }
.oga-listing__ico{ font-size:26px; }
.oga-listing__badge{ font-size:10.5px; font-weight:800; letter-spacing:.03em; color:#8a6d00; background:#fff5d6; border:1px solid #f0dfa0; padding:3px 8px; border-radius:999px; }
.oga-listing__title{ margin:12px 0 4px; font-size:15.5px; font-weight:750; color:var(--navy); line-height:1.25; }
.oga-listing__area{ margin:0 0 12px; font-size:12.5px; color:var(--muted); }
.oga-listing__foot{ display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); padding-top:11px; }
.oga-listing__rating{ font-size:12.5px; color:#b8860b; font-weight:700; }
.oga-listing__rating em{ color:var(--muted); font-style:normal; font-weight:500; }
.oga-listing__price{ font-size:13px; font-weight:800; color:var(--navy); }

@media (prefers-reduced-motion: reduce){ .oga-listing,.cc-btn{ transition:none; } .oga-listing:hover{ transform:none; } }