:root{
  --orange:#ff7a00;
  --blue:#0b5ed7;
  --text:#111;
  --bg:#fff;
  --muted:#6c757d;
  --card:#ffffff;
  --border:#e9ecef;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:999;
  background:var(--orange);color:#fff;padding:12px 16px;
  display:flex;align-items:center;justify-content:space-between;
}
.navbar a{color:#fff;font-weight:600}
.container{max-width:1100px;margin:0 auto;padding:84px 16px 26px}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:1fr 320px}
@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}
.card{
  background:var(--card);border:1px solid var(--border);
  border-radius:12px;padding:16px;
}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}
.badge-live{background:#e7f7ee;color:#0f5132;border:1px solid #b7ebc6}
.badge-old{background:#f1f3f5;color:#343a40;border:1px solid #dee2e6}
.muted{color:var(--muted)}
.input, select{
  width:100%;padding:10px 12px;border:1px solid var(--border);
  border-radius:10px;font-size:14px;
}
.btn{
  display:inline-block;border:0;border-radius:10px;padding:10px 14px;
  background:#111;color:#fff;font-weight:700;cursor:pointer;
}
.btn.orange{background:var(--orange)}
.btn.blue{background:var(--blue)}
.row{display:flex;gap:10px;align-items:center}
.row > *{flex:1}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px;vertical-align:top}
.footer{border-top:1px solid var(--border);padding:18px 16px;color:var(--muted)}
.adbox{border:1px dashed var(--border);border-radius:12px;padding:10px;text-align:center;background:#fafafa}



.domains-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

.domain-card h3 {
    margin: 0 0 6px;
    font-size: 18px;
}

.domain-card .muted {
    font-size: 13px;
    color: #666;
}




/* ================================
   HEADER NAVBAR LINK COLOR FIX
================================ */

/* Default link color */
header a,
.navbar a,
.navbar-nav .nav-link {
    color: #0d6efd !important; /* Bootstrap blue */
    font-weight: 500;
    text-decoration: none;
}

/* Hover state */
header a:hover,
.navbar a:hover,
.navbar-nav .nav-link:hover {
    color: #0a58ca !important; /* darker blue */
    text-decoration: underline;
}

/* Active / current page */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:focus {
    color: #084298 !important;
    font-weight: 600;
}

/* Dropdown links */
.dropdown-menu a {
    color: #0d6efd !important;
}

.dropdown-menu a:hover {
    background-color: #e7f1ff;
    color: #084298 !important;
}