/* =============================================
   SATTAMATKADP.NET — Style v2
   Layout: Matches dpbosssocial.com structure
   Colors: Navy Blue + Gold (not green/pink)
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Hindi&family=Rajdhani:wght@400;500;600;700&display=swap');

:root {
  /* Primary colors - Navy + Gold theme */
  --navy:      #1a237e;   /* Deep blue (replaces reference pink/red headers) */
  --navy-dark: #0d1657;
  --navy-mid:  #283593;
  --gold:      #f5a623;   /* Gold (replaces reference yellow) */
  --gold-dark: #e09000;
  --gold-bg:   #fffbf0;   /* Light gold tint bg */
  --red:       #c0392b;   /* Red accent (replaces reference red) */
  --red-light: #fdecea;
  --green:     #1b8a4c;   /* Keep green for patti rows (same as ref) */
  --green-bg:  #eafaf1;
  --purple:    #6a1b9a;   /* Keep purple for jodi rows (same as ref) */
  --purple-bg: #f3e5f5;
  --cream-bg:  #fafaf8;   /* Keep close to ref's cream for result rows */
  
  --text-dark:  #1a1a1a;
  --text-muted: #555;
  --border:     #ddd;
  --white:      #fff;
  --font: 'Rajdhani', Arial, sans-serif;
  --font-hindi: 'Tiro Devanagari Hindi', serif;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:#f0f0f0; color:var(--text-dark); font-family:var(--font); font-size:15px; line-height:1.6; }
a { color:var(--navy); text-decoration:none; }
a:hover { color:var(--gold-dark); }
img { max-width:100%; }

/* ===== WRAPPER ===== */
.page-wrap { max-width:1240px; margin:0 auto; background:#fff; }

/* ===== HERO HEADER — Navy gradient (ref = blue) ===== */
.site-hero {
  background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 60%, var(--navy-mid) 100%);
  color:#fff;
  text-align:center;
  padding:20px 15px 16px;
}
.site-hero .sub1 {
  font-size:15px;
  font-family:var(--font-hindi);
  color:rgba(255,255,255,0.9);
  margin-bottom:2px;
}
.site-hero h1 {
  font-size:clamp(22px,4vw,38px);
  font-weight:700;
  color:#fff;
  letter-spacing:1px;
}
.site-hero .tagline {
  font-size:13px;
  color:rgba(255,255,255,0.75);
  margin-top:4px;
}

/* ===== WELCOME TEXT BOX — same as ref (white bg, navy text) ===== */
.welcome-box {
  background: #e8eaf6;
  border-top:3px solid var(--gold);
  padding:12px 20px;
  text-align:center;
  font-size:13px;
  color:#333;
  line-height:1.7;
}

/* ===== LUCKY NUMBER BANNER — Gold (ref = blue) ===== */
.lucky-banner {
  background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-dark));
  text-align:center;
  padding:10px;
  font-size:17px;
  font-weight:700;
  color:var(--navy-dark);
  letter-spacing:1px;
}

/* ===== ANK + FINAL ANK ROW ===== */
.ank-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--border);
  border-top:none;
}
.ank-box {
  padding:14px 16px;
  text-align:center;
  border-right:1px solid var(--border);
}
.ank-box:last-child { border-right:none; }
.ank-box .lbl {
  font-size:16px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:4px;
}
.ank-box .num {
  font-size:24px;
  font-weight:700;
  color:var(--navy-dark);
  letter-spacing:4px;
}
.final-ank-list { font-size:14px; color:var(--text-dark); line-height:1.9; }
.final-ank-list span { font-weight:700; color:var(--navy); }

/* ===== RESULT SECTION HEADER — Gold (ref = yellow) ===== */
.section-banner {
  background: linear-gradient(90deg, var(--gold-dark), var(--gold));
  text-align:center;
  padding:11px;
  font-size:16px;
  font-weight:700;
  color:var(--navy-dark);
}
.section-banner small {
  display:block;
  font-size:12px;
  font-weight:600;
  color:var(--navy);
  margin-top:2px;
}
.section-banner .fire { color:var(--red); }
.live-pulse-dot {
  display:inline-block; width:8px; height:8px; border-radius:50%;
  background:#2ecc71; margin-right:5px; vertical-align:middle;
  animation: liveDotPulse 1.4s ease-in-out infinite;
}
@keyframes liveDotPulse {
  0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(46,204,113,.5); }
  50% { opacity:.6; box-shadow:0 0 0 4px rgba(46,204,113,0); }
}
.result-item.just-updated .result-num { animation: resultFlash 1.2s ease; }
@keyframes resultFlash {
  0% { background:#fff3cd; }
  100% { background:transparent; }
}

/* ===== SPOTLIGHT — latest declared result, shown big at top ===== */
.spotlight-wrap {
  background:#fff;
  border:1px solid var(--border);
  border-top:3px solid var(--gold-dark);
  text-align:center;
  padding:16px 15px 20px;
}
.spotlight-badge {
  display:inline-flex; align-items:center; gap:5px;
  background:var(--red); color:#fff; font-size:11px; font-weight:700;
  letter-spacing:1px; padding:4px 12px; border-radius:12px; margin-bottom:10px;
}
.spotlight-badge .dot { width:6px;height:6px;border-radius:50%;background:#fff;animation:liveDotPulse 1.2s infinite; }
.spotlight-market { font-size:20px; font-weight:700; color:var(--navy-dark); font-family:var(--font-hindi); margin-bottom:6px; }
.spotlight-num { font-size:clamp(28px,6vw,42px); font-weight:800; color:var(--red); letter-spacing:2px; line-height:1.1; }
.spotlight-num .jp { color:var(--purple); }
.spotlight-time { font-size:12px; color:var(--text-muted); margin-top:6px; }
.spotlight-empty {
  color:var(--navy-dark); font-size:19px; font-weight:800;
  padding:16px 0 6px; font-family:var(--font-hindi);
}

.spotlight-badge.waiting { background:var(--gold-dark); }
.spotlight-badge.pinned { background:#6a1b9a; }
.spotlight-loading {
  font-size:14px; color:var(--navy-dark); font-weight:600;
  margin:8px 0; display:flex; align-items:center; justify-content:center; gap:8px;
}
.spin {
  width:14px; height:14px; border:2px solid #ddd; border-top-color:var(--red);
  border-radius:50%; display:inline-block; animation:spinRotate .8s linear infinite;
}
@keyframes spinRotate { to { transform:rotate(360deg); } }
.spotlight-refresh-btn {
  margin-top:10px; background:var(--gold-dark); color:#fff; border:none;
  padding:8px 24px; border-radius:20px; font-size:13px; font-weight:700;
  cursor:pointer; letter-spacing:.5px; box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.spotlight-refresh-btn:active { opacity:.75; transform:translateY(1px); }
.spotlight-refresh-btn:disabled { opacity:.6; cursor:default; }

/* ===== RESULT LIST — matches ref layout exactly ===== */
.result-list { border:1px solid var(--border); border-top:none; }
.result-item {
  display:grid;
  grid-template-columns:80px 1fr 80px;
  align-items:center;
  border-bottom:1px solid var(--border);
  min-height:70px;
}
.result-item:last-child { border-bottom:none; }
.result-item .jodi-btn, .result-item .panel-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
}
.result-item .jodi-btn a, .result-item .panel-btn a {
  background: var(--navy);
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:5px 14px;
  border-radius:20px;
  letter-spacing:0.5px;
  transition:background 0.2s;
}
.result-item .jodi-btn a:hover, .result-item .panel-btn a:hover {
  background: var(--gold-dark);
  color:var(--navy-dark);
}
.result-item .center {
  text-align:center;
  padding:10px 5px;
}
.result-item .market-name {
  font-size:15px;
  font-weight:700;
  color:var(--navy);
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:3px;
}
.result-item .result-num {
  font-size:20px;
  font-weight:700;
  color:var(--text-dark);
  letter-spacing:3px;
}
.result-item .result-num .jodi-part { color:var(--red); }
.result-item .timing {
  font-size:12px;
  color:var(--text-muted);
  margin-top:2px;
}
.result-num.loading-state {
  font-size:20px; letter-spacing:0; color:var(--navy-dark); font-weight:700;
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.result-num.loading-state .spin {
  width:14px; height:14px; border:2px solid #ddd; border-top-color:var(--red);
  border-radius:50%; display:inline-block; animation:spinRotate .8s linear infinite;
}
/* Highlighted row (like Main Bazar gold highlight in ref) */
.result-item.highlight { background:#f5c518; }
.result-item.live { background:#fff8f0; }

/* ===== ADD MARKET BANNER ===== */
.add-market-banner {
  background: var(--red);
  text-align:center;
  padding:10px 15px;
  font-size:14px;
  font-weight:700;
  color:#fff;
  letter-spacing:1px;
}
.add-market-sub {
  background:#fff3f3;
  border:1px solid var(--border);
  padding:10px 15px;
  text-align:center;
  font-size:13px;
  color:var(--text-dark);
  font-family:var(--font-hindi);
  line-height:1.7;
}
.add-market-sub a { color:var(--navy); font-weight:700; }
.add-market-sub .email { color:var(--red); font-weight:700; }

/* ===== NOTICE BOARD ===== */
.notice-banner {
  background: linear-gradient(90deg, var(--navy-dark), var(--navy));
  text-align:center;
  padding:10px;
  font-size:15px;
  font-weight:700;
  color:#fff;
  letter-spacing:2px;
}
.notice-body {
  background:#fff;
  border:2px solid var(--navy);
  padding:14px 16px;
  text-align:center;
  font-family:var(--font-hindi);
  font-size:15px;
  line-height:1.8;
}
.notice-body .notice-highlight { color:var(--red); font-weight:700; font-size:16px; }
.notice-body .notice-call { color:var(--navy); font-weight:700; font-size:18px; }
.notice-cta {
  background:var(--red);
  text-align:center;
  padding:8px;
}
.notice-cta a {
  background:#fff;
  color:var(--red);
  font-weight:700;
  font-size:13px;
  padding:5px 18px;
  border-radius:20px;
  letter-spacing:0.5px;
}

/* ===== TOP GUESSING MARKET MASTER (rotating flip box) ===== */
.tgm-wrap {
  background:#fff;
  border-bottom:1px solid var(--border);
  text-align:center;
  padding-bottom:18px;
}
.tgm-banner {
  background: linear-gradient(90deg, var(--red), #e63946);
  padding:14px 15px;
  color:#fff;
}
.tgm-banner h3 { font-size:17px; font-weight:700; letter-spacing:0.5px; }
.tgm-banner .tgm-sub { font-size:12px; color:rgba(255,255,255,.85); margin-top:3px; }
.tgm-tag {
  background: var(--gold);
  color:var(--navy-dark);
  font-weight:700;
  font-size:14px;
  padding:9px;
  font-family:var(--font-hindi);
  letter-spacing:0.5px;
}
.tgm-flip-row {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  padding:26px 15px 10px;
  perspective:600px;
}
.tgm-flip {
  position:relative;
  width:84px;
  height:84px;
  border-radius:10px;
  background:linear-gradient(180deg, var(--navy-mid) 50%, var(--navy-dark) 50%);
  box-shadow:0 8px 16px rgba(13,22,87,0.35);
  display:flex;
  align-items:center;
  justify-content:center;
  animation: tgmFlip 5s ease-in-out infinite;
  transform-style:preserve-3d;
}
.tgm-flip:nth-child(2) { animation-delay: .35s; }
.tgm-flip::before {
  content:'';
  position:absolute;
  left:6px; right:6px; top:50%;
  height:2px;
  background:rgba(0,0,0,0.35);
  transform:translateY(-1px);
}
.tgm-flip .digit {
  font-size:44px;
  font-weight:800;
  color:var(--gold);
  line-height:1;
}
.tgm-market {
  margin-top:14px;
  font-size:17px;
  font-weight:700;
  color:var(--red);
  font-family:var(--font-hindi);
}
.tgm-name {
  font-size:12px;
  color:var(--text-muted);
  margin-top:3px;
}
.tgm-empty {
  padding:28px 15px 30px;
  color:var(--text-muted);
  font-size:13px;
}
.tgm-empty .tgm-ph-row { display:flex; justify-content:center; gap:22px; margin-bottom:14px; }
.tgm-empty .tgm-ph-box {
  width:84px; height:84px; border-radius:10px;
  border:2px dashed #c3cbe0;
  display:flex; align-items:center; justify-content:center;
  font-size:34px; font-weight:800; color:#c3cbe0;
}
@keyframes tgmFlip {
  0%, 78% { transform: rotateX(0deg); }
  88% { transform: rotateX(90deg); }
  100% { transform: rotateX(0deg); }
}

/* ===== GUESSING PAGE REDESIGN (rules, post card, feed) ===== */
.gz-container { max-width:720px; margin:18px auto; padding:0 12px; }

.gz-rules-card, .gz-post-card {
  background:#fff; border:1px solid var(--border); border-radius:10px;
  overflow:hidden; margin-bottom:18px; box-shadow:0 2px 8px rgba(13,22,87,0.06);
}
.gz-rules-head, .gz-post-head {
  padding:14px 18px; display:flex; align-items:center; gap:10px;
}
.gz-rules-head { border-bottom:1px solid var(--border); background:#fafbff; }
.gz-rules-head .ic { font-size:20px; }
.gz-rules-head h4 { font-size:15px; font-weight:700; color:var(--navy); }
.gz-rules-head p { font-size:12px; color:var(--text-muted); margin-top:2px; }
.gz-rules-list { padding:4px 18px; }
.gz-rules-list .ri { display:flex; gap:8px; padding:10px 0; font-size:13px; color:var(--text-dark); border-bottom:1px solid #f2f2f5; }
.gz-rules-list .ri:last-child { border-bottom:none; }
.gz-rules-list .ri b { color:var(--red); }

.gz-post-head { background:linear-gradient(90deg, var(--navy-dark), var(--navy)); }
.gz-post-head h4 { color:#fff; font-size:15px; font-weight:700; }
.gz-post-head p { color:rgba(255,255,255,.75); font-size:12px; margin-top:2px; }
.gz-post-body { padding:20px; }
.gz-post-body .form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.gz-post-body .form-group label { display:block; font-size:11px; font-weight:700; color:var(--navy); text-transform:uppercase; letter-spacing:.5px; margin-bottom:5px; }
.gz-post-body input, .gz-post-body select {
  width:100%; border:1px solid #ddd; padding:10px 12px; border-radius:6px; font-size:14px; color:var(--text-dark);
}
.gz-post-body input:focus, .gz-post-body select:focus { outline:none; border-color:var(--navy); box-shadow:0 0 0 3px rgba(26,35,126,.08); }
.btn-gz-submit {
  width:100%; background:var(--red); color:#fff; font-weight:700; font-size:15px;
  padding:12px; border-radius:25px; border:none; cursor:pointer; letter-spacing:.5px;
}
.btn-gz-submit:hover { background:#a83226; }

.gz-feed-head { display:flex; align-items:center; justify-content:space-between; padding:6px 4px 12px; }
.gz-feed-head h4 { font-size:15px; font-weight:700; color:var(--navy); display:flex; align-items:center; gap:8px; }
.gz-feed-head .live-dot { width:8px; height:8px; border-radius:50%; background:#2ecc71; display:inline-block; }
.gz-feed-item {
  background:#fff; border:1px solid var(--border); border-radius:10px; overflow:hidden; margin-bottom:14px;
  box-shadow:0 2px 8px rgba(13,22,87,0.05);
}
.gz-feed-item.feat { border-color:var(--gold); box-shadow:0 2px 10px rgba(245,166,35,.25); }
.gz-feed-top { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid #f0f0f0; }
.gz-feed-user { display:flex; align-items:center; gap:10px; }
.gz-avatar {
  width:36px; height:36px; border-radius:50%; background:var(--navy); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; flex-shrink:0;
}
.gz-feed-item.feat .gz-avatar { background:var(--gold-dark); }
.gz-feed-name { font-weight:700; font-size:13px; color:var(--text-dark); }
.gz-feed-mkt { font-size:11px; background:var(--gold-bg); color:var(--navy-dark); padding:2px 9px; border-radius:10px; font-weight:700; margin-left:6px; }
.gz-feed-date { font-size:11px; color:var(--text-muted); text-align:right; }
.gz-feed-body { padding:16px 14px; background:#fafbff; text-align:center; }
.gz-feed-body .fnum { display:inline-block; margin:3px 8px; font-size:13px; color:var(--text-dark); }
.gz-feed-body .fnum b { color:var(--red); font-size:14px; }
.gz-feed-empty { text-align:center; color:var(--text-muted); padding:30px 0; font-size:13px; background:#fff; border:1px solid var(--border); border-radius:10px; }

@media(max-width:600px){
  .gz-post-body .form-row { grid-template-columns:1fr; }
}

/* ===== GUESSING ZONE ===== */
.guessing-zone-banner {
  text-align:center;
  padding:14px 15px 8px;
  background:#fff;
  border-bottom:1px solid var(--border);
}
.guessing-zone-banner .gz-tag {
  font-size:13px;
  color:var(--navy);
  font-weight:700;
  letter-spacing:2px;
}
.guessing-zone-banner h2 {
  font-size:clamp(20px,3.5vw,32px);
  font-weight:700;
  color:var(--text-dark);
  font-family:var(--font-hindi);
  line-height:1.2;
  margin:6px 0;
}
.guessing-zone-banner .subtitle {
  font-size:13px;
  color:var(--text-muted);
  font-family:var(--font-hindi);
}
.guessing-zone-banner .gz-desc {
  font-size:14px;
  color:var(--text-dark);
  font-family:var(--font-hindi);
  margin:10px 0;
  line-height:1.8;
}
.guessing-btns {
  display:flex;
  gap:10px;
  justify-content:center;
  padding:10px 0 16px;
  border-bottom:2px solid var(--border);
}
.btn-post {
  background:var(--red);
  color:#fff;
  font-weight:700;
  font-size:14px;
  padding:10px 24px;
  border-radius:25px;
  border:none;
  cursor:pointer;
  letter-spacing:0.5px;
}
.btn-login {
  background:#fff;
  color:var(--text-dark);
  font-weight:700;
  font-size:14px;
  padding:10px 24px;
  border-radius:25px;
  border:2px solid #333;
  cursor:pointer;
  letter-spacing:0.5px;
}

/* ===== OTC GAME ZONE (Open to Close) ===== */
.otc-banner {
  background: linear-gradient(90deg, var(--navy-dark), var(--navy-mid));
  text-align:center;
  padding:12px;
  color:#fff;
}
.otc-banner h3 { font-size:18px; font-weight:700; letter-spacing:1px; }
.otc-banner .sub { font-size:13px; color:rgba(255,255,255,0.8); margin-top:2px; }
.otc-banner .date { font-size:13px; color:var(--gold); margin-top:3px; font-weight:700; }

.otc-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border:1px solid var(--border);
  border-top:none;
}
.otc-card {
  border:1px solid var(--border);
  border-top:none;
}
.otc-card-head {
  background: linear-gradient(90deg, var(--navy), var(--navy-mid));
  text-align:center;
  padding:9px;
  font-size:14px;
  font-weight:700;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:1px;
}
.otc-row {
  display:flex;
  align-items:center;
  padding:7px 12px;
  border-bottom:1px solid var(--border);
  font-size:13px;
}
.otc-row:last-child { border-bottom:none; }
/* Open row */
.otc-row.open-row { background:var(--cream-bg); }
.otc-row.open-row .row-label { color:var(--navy); font-weight:700; min-width:70px; }
.otc-row.open-row .row-data { color:var(--text-dark); font-weight:600; }
/* Jodi row */
.otc-row.jodi-row { background:var(--purple-bg); }
.otc-row.jodi-row .row-label { color:var(--purple); font-weight:700; min-width:70px; }
.otc-row.jodi-row .row-data { color:var(--purple); font-weight:700; }
/* Panna row */
.otc-row.panna-row { background:var(--green-bg); }
.otc-row.panna-row .row-label { color:var(--green); font-weight:700; min-width:70px; }
.otc-row.panna-row .row-data { color:var(--green); font-weight:700; }
/* Close row */
.otc-row.close-row { background:#f0f4ff; }
.otc-row.close-row .row-label { color:var(--navy); font-weight:700; min-width:70px; }
.otc-row.close-row .row-data { color:var(--text-dark); font-weight:600; }

/* ===== DAILY GAME ZONE ===== */
.daily-game-banner {
  background: linear-gradient(90deg, var(--navy-dark), var(--navy));
  text-align:center;
  padding:10px;
  font-size:15px;
  font-weight:700;
  color:#fff;
  letter-spacing:1px;
}
.daily-game-links { border:1px solid var(--border); border-top:none; }
.daily-game-links a {
  display:block;
  padding:11px 16px;
  border-bottom:1px solid var(--border);
  text-align:center;
  font-size:14px;
  font-weight:700;
  color:var(--navy);
  transition:background 0.2s;
}
.daily-game-links a:last-child { border-bottom:none; }
.daily-game-links a:hover { background:var(--gold-bg); color:var(--gold-dark); }

/* ===== IMPORTANT LINKS + CHARTS ===== */
.imp-links-banner {
  background: linear-gradient(90deg, var(--navy-dark), var(--navy));
  text-align:center;
  padding:10px;
  font-size:15px;
  font-weight:700;
  color:#fff;
  letter-spacing:1px;
}
.trending-pills {
  padding:10px 12px;
  background:#fff;
  border:1px solid var(--border);
  border-top:none;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
}
.trending-lbl {
  background:var(--gold);
  color:var(--navy-dark);
  font-size:11px;
  font-weight:700;
  padding:4px 10px;
  border-radius:20px;
  letter-spacing:1px;
}
.trending-pills a {
  background:#fff;
  border:1px solid var(--navy);
  color:var(--navy);
  font-size:12px;
  font-weight:700;
  padding:4px 12px;
  border-radius:20px;
  transition:all 0.2s;
  display:flex;
  align-items:center;
  gap:4px;
}
.trending-pills a::before { content:'🎯'; font-size:11px; }
.trending-pills a:hover { background:var(--navy); color:#fff; }

.chart-link-list { border:1px solid var(--border); border-top:none; }
.chart-link-list a {
  display:block;
  padding:10px 16px;
  border-bottom:1px solid var(--border);
  text-align:center;
  font-size:14px;
  color:var(--text-dark);
  font-weight:600;
  transition:background 0.2s;
}
.chart-link-list a:last-child { border-bottom:none; }
.chart-link-list a:hover { background:var(--gold-bg); color:var(--navy); }
.chart-section-banner {
  background:var(--red);
  text-align:center;
  padding:10px;
  font-size:15px;
  font-weight:700;
  color:#fff;
  letter-spacing:1px;
}

/* ===== WEEKLY NUMBER CHART ===== */
.weekly-banner {
  background: linear-gradient(90deg, var(--navy-dark), var(--navy-mid));
  text-align:center;
  padding:10px;
  font-size:14px;
  font-weight:700;
  color:#fff;
  letter-spacing:0.5px;
}
.weekly-body {
  border:1px solid var(--border);
  border-top:none;
  padding:6px 0;
}
.weekly-row-item {
  padding:7px 16px;
  border-bottom:1px solid var(--border);
  text-align:center;
  font-size:14px;
  color:var(--text-dark);
  font-weight:600;
}
.weekly-row-item:last-child { border-bottom:none; }
.weekly-row-item .day { color:var(--navy); font-weight:700; display:inline-block; min-width:50px; text-align:left; }

/* ===== KALYAN/RAJDHANI WEEKLY TABLE ===== */
.big-weekly-wrap {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border:1px solid var(--border);
  border-top:none;
}
.big-weekly-card { border-right:1px solid var(--border); }
.big-weekly-card:last-child { border-right:none; }
.big-weekly-head {
  background:linear-gradient(90deg, var(--gold-dark), var(--gold));
  text-align:center;
  padding:8px;
}
.big-weekly-head h4 {
  font-size:15px;
  font-weight:700;
  color:var(--navy-dark);
  font-family:var(--font-hindi);
}
.big-weekly-head span {
  font-size:11px;
  color:var(--navy-dark);
  font-weight:600;
}
.bw-table {
  width:100%;
  border-collapse:collapse;
  font-size:12px;
}
.bw-table td {
  padding:5px 4px;
  text-align:center;
  border:1px solid #eee;
  color:var(--text-dark);
  font-weight:600;
}
.bw-table .day-cell {
  color:var(--navy);
  font-weight:700;
  font-family:var(--font-hindi);
  font-size:13px;
  background:#f5f7ff;
}
.bw-table .ank-cell {
  color:var(--red);
  font-weight:700;
  font-size:15px;
}
.bw-table .patti-top { font-size:11px; color:var(--text-muted); }
.bw-table .jodi-cell { color:var(--gold-dark); font-size:11px; font-weight:700; }

/* ===== SEO TEXT ===== */
.seo-section { padding:20px 16px; border-top:2px solid var(--border); background:#fff; }
.seo-section h2 {
  display:inline-block;
  background:var(--navy);
  color:#fff;
  font-size:14px;
  font-weight:700;
  padding:5px 14px;
  border-radius:4px;
  margin-bottom:10px;
  letter-spacing:0.5px;
}
.seo-section p { font-size:13px; color:var(--text-muted); line-height:1.8; margin-bottom:8px; }

/* ===== FAQ ===== */
.faq-section { padding:16px; border-top:1px solid var(--border); }
.faq-item { margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid var(--border); }
.faq-item:last-child { border-bottom:none; margin-bottom:0; }
.faq-q {
  display:inline-block;
  background:var(--navy);
  color:#fff;
  font-size:13px;
  font-weight:700;
  padding:5px 14px;
  border-radius:4px;
  margin-bottom:7px;
  font-family:var(--font-hindi);
}
.faq-a { font-size:13px; color:var(--text-muted); line-height:1.7; font-family:var(--font-hindi); }

/* ===== IMPORTANT FOOTER LINKS ===== */
.footer-imp-links {
  background: var(--navy-dark);
  padding:14px 16px;
  text-align:center;
}
.footer-imp-links h4 {
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:1px;
  margin-bottom:10px;
}
.footer-pills {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  justify-content:center;
}
.footer-pills a {
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.25);
  color:#fff;
  font-size:12px;
  font-weight:600;
  padding:5px 12px;
  border-radius:20px;
  transition:all 0.2s;
}
.footer-pills a:hover { background:var(--gold); color:var(--navy-dark); border-color:var(--gold); }

/* ===== DISCLAIMER ===== */
.disclaimer {
  background:#f9f9f9;
  border-top:1px solid var(--border);
  padding:12px 16px;
  text-align:center;
  font-size:12px;
  color:var(--text-muted);
  line-height:1.7;
}

/* ===== FOOTER ===== */
.site-footer {
  background: linear-gradient(90deg, var(--navy-dark), var(--navy));
  text-align:center;
  padding:14px;
  color:#fff;
}
.site-footer p { font-size:14px; font-weight:700; letter-spacing:0.5px; }
.site-footer small { font-size:12px; color:rgba(255,255,255,0.7); }
.dmca-badge {
  display:inline-block;
  margin-top:8px;
  background:#fff;
  border:1px solid #ccc;
  padding:4px 10px;
  border-radius:3px;
  font-size:11px;
  font-weight:700;
  color:#333;
}

/* ===== STICKY BUTTONS ===== */
.sticky-wa {
  position:fixed;
  bottom:55px;
  left:10px;
  z-index:1000;
}
.sticky-wa a, .sticky-call a {
  display:flex;
  align-items:center;
  gap:5px;
  padding:8px 14px;
  border-radius:25px;
  font-weight:700;
  font-size:13px;
  color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.sticky-wa a { background:#25d366; }
.sticky-call { position:fixed; bottom:10px; left:10px; z-index:1000; }
.sticky-call a { background:var(--red); }
.refresh-btn {
  position:fixed;
  bottom:10px;
  right:10px;
  z-index:1000;
  background:var(--navy);
  color:#fff;
  border:none;
  padding:8px 16px;
  border-radius:25px;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,0.3);
}

/* ===== MARQUEE / SCROLLING NOTICE ===== */
.khabar-bar {
  background:var(--gold-bg);
  border-top:1px solid var(--gold);
  border-bottom:1px solid var(--gold);
  padding:6px 0;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:10px;
}
.khabar-lbl {
  background:var(--red);
  color:#fff;
  font-size:11px;
  font-weight:700;
  padding:3px 10px;
  border-radius:3px;
  white-space:nowrap;
  margin-left:10px;
  flex-shrink:0;
}
.khabar-text {
  white-space:nowrap;
  color:var(--navy);
  font-weight:700;
  font-size:13px;
  animation:kscroll 25s linear infinite;
}
@keyframes kscroll { from{transform:translateX(100vw)} to{transform:translateX(-100%)} }

/* ===== ADMIN ===== */
.admin-wrap { display:flex; min-height:100vh; background:#f5f5f5; }
.admin-side { width:220px; background:var(--navy-dark); flex-shrink:0; }
.admin-side .logo { padding:16px; border-bottom:1px solid rgba(255,255,255,0.1); }
.admin-side .logo span { display:block; font-size:14px; color:var(--gold); font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.admin-side .logo small { color:rgba(255,255,255,0.6); font-size:11px; }
.admin-side a { display:block; padding:11px 16px; color:rgba(255,255,255,0.75); font-size:13px; font-weight:600; border-left:3px solid transparent; transition:all 0.2s; }
.admin-side a:hover, .admin-side a.active { background:rgba(255,255,255,0.08); color:#fff; border-left-color:var(--gold); }
.admin-main { flex:1; overflow:auto; }
.admin-topbar { background:#fff; border-bottom:1px solid #ddd; padding:12px 20px; display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; z-index:10; }
.admin-topbar h2 { font-size:18px; font-weight:700; color:var(--navy); }
.admin-content { padding:20px; }
.admin-card { background:#fff; border:1px solid #ddd; border-radius:6px; padding:18px; margin-bottom:16px; }
.admin-card h3 { font-size:14px; font-weight:700; color:var(--navy); text-transform:uppercase; letter-spacing:1px; margin-bottom:14px; padding-bottom:8px; border-bottom:2px solid var(--gold); }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
.stat-box { background:#fff; border:1px solid #ddd; border-top:3px solid var(--navy); border-radius:6px; padding:14px; text-align:center; }
.stat-box .sn { font-size:28px; font-weight:700; color:var(--navy); }
.stat-box .sl { font-size:11px; color:#888; text-transform:uppercase; letter-spacing:1px; margin-top:3px; }
.stat-box.green .sn { color:var(--green); }
.stat-box.red .sn { color:var(--red); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.form-group label { display:block; font-size:12px; font-weight:700; color:#444; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px; }
.form-group input, .form-group select, .form-group textarea {
  width:100%; border:1px solid #ccc; padding:9px 11px; border-radius:4px; font-size:14px; font-family:var(--font); color:#333;
  background:#fff; transition:border 0.2s;
}
.form-group input:focus, .form-group select:focus { outline:none; border-color:var(--navy); }
.btn-primary { background:var(--navy); color:#fff; border:none; padding:10px 22px; border-radius:4px; font-size:14px; font-weight:700; cursor:pointer; letter-spacing:0.5px; }
.btn-primary:hover { background:var(--navy-mid); }
.btn-danger { background:var(--red); color:#fff; border:none; padding:8px 16px; border-radius:4px; font-size:13px; font-weight:700; cursor:pointer; }
.admin-table { width:100%; border-collapse:collapse; font-size:13px; }
.admin-table th { background:var(--navy); color:#fff; padding:9px 10px; text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; }
.admin-table td { padding:9px 10px; border-bottom:1px solid #eee; }
.admin-table tr:hover td { background:#f9f9f9; }
.badge-ok { background:#e8f5e9; color:#1b8a4c; border-radius:3px; padding:2px 7px; font-size:10px; font-weight:700; text-transform:uppercase; }
.badge-pend { background:#fff8e1; color:#e67e22; border-radius:3px; padding:2px 7px; font-size:10px; font-weight:700; text-transform:uppercase; }
.badge-err { background:#fdecea; color:var(--red); border-radius:3px; padding:2px 7px; font-size:10px; font-weight:700; text-transform:uppercase; }
.alert-ok { background:#e8f5e9; border:1px solid #a5d6a7; color:#1b5e20; padding:10px 14px; border-radius:4px; font-size:13px; margin-bottom:14px; font-weight:600; }
.alert-err { background:var(--red-light); border:1px solid #f5c6c6; color:var(--red); padding:10px 14px; border-radius:4px; font-size:13px; margin-bottom:14px; font-weight:600; }
.inp-result { background:#f5f5f5; border:1px solid #ccc; padding:6px 8px; border-radius:4px; font-size:13px; width:100%; font-family:monospace; text-align:center; }
.inp-jodi { border-color:var(--gold-dark)!important; color:var(--red)!important; font-weight:700!important; font-size:15px!important; }

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .ank-row { grid-template-columns:1fr; }
  .ank-box { border-right:none; border-bottom:1px solid var(--border); }
  .otc-grid { grid-template-columns:1fr; }
  .big-weekly-wrap { grid-template-columns:1fr; }
  .big-weekly-card { border-right:none; }
  .form-row { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:1fr 1fr; }
  .admin-wrap { flex-direction:column; }
  .admin-side { width:100%; }
}
@media(max-width:480px){
  .result-item { grid-template-columns:60px 1fr 60px; }
  .result-item .jodi-btn a, .result-item .panel-btn a { font-size:10px; padding:4px 8px; }
  .result-item .result-num { font-size:16px; letter-spacing:1px; }
}
body { padding-bottom:70px; }

/* ===== OTC PILL ROWS ===== */
.pill-row{margin:5px 8px;border-radius:30px;padding:7px 14px;display:flex;align-items:flex-start;font-size:13px;gap:6px}
.row-label{font-weight:700;min-width:78px;flex-shrink:0}
.row-data{font-weight:600;word-break:break-word}
.pill-open{background:#f0eefc}.pill-open .row-label{color:var(--navy)}.pill-open .row-data{color:var(--text-dark)}
.pill-jodi{background:#fffde7}.pill-jodi .row-label{color:var(--gold-dark)}.pill-jodi .row-data{color:var(--gold-dark)}
.pill-panna{background:#e8f5e9}.pill-panna .row-label{color:var(--green)}.pill-panna .row-data{color:var(--green)}
.pill-close{background:#f0eefc}.pill-close .row-label{color:var(--purple)}.pill-close .row-data{color:var(--purple)}

.otc-card-head{background:linear-gradient(90deg,#e91e63,#c2185b);text-align:center;padding:10px;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}

/* ===== TRENDING SCROLL ===== */
.trending-scroll-wrap{background:#fff;border:1px solid var(--border);border-top:none;padding:10px 12px;overflow-x:auto;white-space:nowrap;display:flex;align-items:center;gap:7px}
.trending-lbl{background:var(--gold);color:var(--navy-dark);font-size:11px;font-weight:700;padding:5px 11px;border-radius:20px;letter-spacing:1px;white-space:nowrap;flex-shrink:0}
.trend-pill{display:inline-block;background:#fff;border:1.5px solid var(--navy);color:var(--navy);font-size:12px;font-weight:700;padding:5px 13px;border-radius:20px;white-space:nowrap;transition:all .2s}
.trend-pill:hover{background:var(--navy);color:#fff}

/* ===== COLOR LINKS (green/cream alternating) ===== */
.color-links-list{border:1px solid var(--border);border-top:none}
.clink{display:block;padding:12px 16px;border-bottom:1px solid var(--border);text-align:center;font-size:14px;font-weight:600;transition:opacity .2s}
.clink:last-child{border-bottom:none}
.clink.gr{background:#d4edda;color:var(--green)}
.clink.cr{background:#fffde7;color:var(--gold-dark)}
.clink.gr:hover{background:#c3e6cb}
.clink.cr:hover{background:#fff9c4}

/* ===== PLAIN LINKS LIST (jodi/panel records) ===== */
.plain-links-list{border:1px solid var(--border);border-top:none}
.plain-links-list a{display:block;padding:11px 16px;border-bottom:1px solid var(--border);text-align:center;font-size:14px;color:var(--text-dark);font-weight:600;background:#fff;transition:background .2s}
.plain-links-list a:last-child{border-bottom:none}
.plain-links-list a:hover{background:#e3f2fd;color:var(--navy)}

/* ===== IMP LINKS BANNER ===== */
.imp-links-banner{background:linear-gradient(90deg,#b71c1c,var(--red));text-align:center;padding:10px;font-size:15px;font-weight:700;color:#fff;letter-spacing:1px;font-style:italic}