/* desk-heritage.css — admin + member dashboards in the same look as the heritage front page:
   cream paper with kolam dots, deep maroon rail, gold zari lines, Playfair headings, arch photo in the hero.
   Loaded after panel/desk-ivory.css, so only what changes is written here. */

body.desk-body {
  --h-bur: #6b0f1f !important; --h-bur-d: #3d0710 !important; --h-bur-2: #8e1f35 !important;
  --h-gold: #c9a24a !important; --h-gold-l: #f1d58a !important; --h-cream: #fbf3e4 !important; --h-paper: #fffaf2 !important; --h-ink: #2a1a12 !important; --h-muted: #7a6656 !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle, rgba(107, 15, 31, .07) 1.4px, transparent 2px) 0 0 / 24px 24px,
    linear-gradient(180deg, #f8efe0, #f3e6d1) fixed !important;
  color: var(--h-ink) !important;
}
body.desk-body .hd-toggle { position: absolute !important; left: 0 !important; top: 0 !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
body.desk-body .tnc-corner { display: none !important; }

/* ---------- top title bar ---------- */
body.desk-body .desk-top {
  background: linear-gradient(90deg, var(--h-bur-d), var(--h-bur) 55%, var(--h-bur-d)) !important;
  border-bottom: 3px solid var(--h-gold) !important;
  box-shadow: 0 6px 18px -10px rgba(61, 7, 16, .7) !important;
}
body.desk-body .desk-top h1 { font: 600 30px/1.1 "Playfair Display", serif !important; color: var(--h-gold-l) !important; letter-spacing: .01em !important; }
body.desk-body .desk-chip { border: 1px solid rgba(241, 213, 138, .55) !important; background: rgba(0, 0, 0, .18) !important; color: var(--h-gold-l) !important; border-radius: 0 !important; font: 600 11px Poppins, sans-serif !important; letter-spacing: .12em !important; }

/* ---------- side rail ---------- */
body.desk-body .desk-rail {
  background:
    radial-gradient(circle, rgba(201, 162, 74, .16) 1.2px, transparent 1.8px) 0 0 / 20px 20px,
    linear-gradient(180deg, var(--h-bur-d), #4d0a17 60%, var(--h-bur-d)) !important;
  border-right: 3px solid var(--h-gold) !important;
  color: var(--h-cream) !important;
}
body.desk-body .desk-rail::before { display: none !important; }
body.desk-body .brand-side strong { font: 600 18px "Playfair Display", serif !important; color: var(--h-gold-l) !important; }
body.desk-body .brand-side small { color: rgba(251, 243, 228, .7) !important; font: 600 10px Poppins, sans-serif !important; letter-spacing: .2em !important; }
body.desk-body .brand-mark { background: var(--h-gold) !important; color: var(--h-bur-d) !important; border: 2px solid var(--h-gold-l) !important; }
body.desk-body .desk-nav-label { color: var(--h-gold) !important; font: 600 10px Poppins, sans-serif !important; letter-spacing: .24em !important; border-bottom: 1px dashed rgba(201, 162, 74, .35) !important; padding-bottom: 4px !important; }
body.desk-body .desk-rail nav a { color: rgba(251, 243, 228, .88) !important; border-radius: 0 !important; border-left: 3px solid transparent !important; font: 500 15px "Source Sans 3", sans-serif !important; }
body.desk-body .desk-rail nav a:hover { background: rgba(201, 162, 74, .14) !important; color: var(--h-gold-l) !important; border-left-color: var(--h-gold) !important; }
body.desk-body .desk-rail nav a[aria-current="page"] { background: linear-gradient(90deg, var(--h-gold), #dcb862) !important; color: var(--h-bur-d) !important; border-left-color: var(--h-gold-l) !important; font-weight: 700 !important; box-shadow: none !important; }
body.desk-body .desk-nav-back, body.desk-body .desk-foot a { color: var(--h-gold-l) !important; }
body.desk-body .desk-nav-hide, body.desk-body .desk-close { background: transparent !important; color: var(--h-gold-l) !important; border: 1px solid rgba(241, 213, 138, .6) !important; border-radius: 0 !important; }

/* ---------- hero (admin overview + member welcome): maroon, kolam dots, zari line, arch photo ---------- */
body.desk-body .overview-hero, body.desk-body .client-hero {
  position: relative !important; overflow: hidden !important; border-radius: 4px !important; border: 0 !important;
  padding-right: 230px !important;
  background:
    radial-gradient(circle, rgba(201, 162, 74, .2) 1.5px, transparent 2.1px) 0 0 / 24px 24px,
    radial-gradient(70% 120% at 80% 40%, #7a1529 0, #4a0915 60%, #2e0710 100%) !important;
  box-shadow: 0 30px 50px -30px rgba(61, 7, 16, .8), inset 0 -4px 0 var(--h-gold) !important;
}
body.desk-body .overview-hero::before, body.desk-body .client-hero::before {
  content: "" !important; position: absolute !important; right: 34px !important; top: 18px !important; bottom: 0 !important; width: 150px !important; z-index: 0 !important;
  border: 2px solid var(--h-gold) !important; border-bottom: 0 !important; border-radius: 75px 75px 0 0 !important;
  outline: 1px solid rgba(241, 213, 138, .5) !important; outline-offset: 6px !important;
  background: url("../../jewellery/haram.jpg") center 30% / cover !important;
}
body.desk-body.desk-member .client-hero::before { background-image: url("../../jewellery/diamond-haram.jpg") !important; }
body.desk-body .overview-hero::after, body.desk-body .client-hero::after { display: none !important; }
body.desk-body .overview-hero > *, body.desk-body .client-hero > * { position: relative !important; z-index: 1 !important; }
body.desk-body .tnc-lamps { display: none !important; }
body.desk-body .overview-hero h2, body.desk-body .client-hero h2 { font: 600 44px/1.05 "Playfair Display", serif !important; color: var(--h-cream) !important; }
body.desk-body .overview-kicker, body.desk-body .dash-kicker { color: var(--h-gold) !important; font: 600 11px Poppins, sans-serif !important; letter-spacing: .24em !important; }
body.desk-body .overview-hero p, body.desk-body .client-hero p, body.desk-body .client-hero span { color: rgba(251, 243, 228, .85) !important; }
body.desk-body .overview-hero strong, body.desk-body .client-hero strong { color: var(--h-gold-l) !important; }
body.desk-body .overview-links a {
  border: 1px solid var(--h-gold) !important; background: transparent !important; color: var(--h-gold-l) !important; border-radius: 0 !important;
  font: 600 11px Poppins, sans-serif !important; letter-spacing: .16em !important; text-transform: uppercase !important; padding: 10px 16px !important;
}
body.desk-body .overview-links a:hover { background: var(--h-gold) !important; color: var(--h-bur-d) !important; }
body.desk-body .client-hero .pill { background: transparent !important; border: 1px solid var(--h-gold) !important; color: var(--h-gold-l) !important; border-radius: 0 !important; }
body.desk-body .client-wallet { background: var(--h-paper) !important; border: 2px solid var(--h-gold) !important; border-radius: 0 !important; outline: 1px solid var(--h-gold-l) !important; outline-offset: -8px !important; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .6) !important; }
body.desk-body .client-wallet span { color: var(--h-bur-2) !important; font: 600 11px Poppins, sans-serif !important; letter-spacing: .2em !important; }
body.desk-body .client-wallet strong { color: var(--h-bur) !important; font: 700 36px "Playfair Display", serif !important; }

/* ---------- stat cards: paper card, gold double frame, Playfair figure ---------- */
body.desk-body .stat, body.desk-body .dash-card, body.desk-body .package-card {
  background: var(--h-paper) !important; border: 1px solid rgba(201, 162, 74, .7) !important; border-radius: 0 !important;
  outline: 1px solid rgba(201, 162, 74, .35) !important; outline-offset: -6px !important;
  box-shadow: 0 16px 30px -22px rgba(61, 7, 16, .55) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
body.desk-body .dash-card::before, body.desk-body .stat::before { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; height: 3px !important; background: var(--h-bur) !important; transform: none !important; opacity: 1 !important; }
body.desk-body .stat:hover, body.desk-body .dash-card:hover, body.desk-body .package-card:hover { transform: translateY(-4px) !important; box-shadow: 0 24px 40px -22px rgba(61, 7, 16, .6) !important; }
body.desk-body .stat span, body.desk-body .dash-card span { color: var(--h-bur-2) !important; font: 600 11px Poppins, sans-serif !important; letter-spacing: .18em !important; text-transform: uppercase !important; }
body.desk-body .stat strong, body.desk-body .dash-card strong { color: var(--h-bur) !important; font: 700 32px/1.1 "Playfair Display", serif !important; }
body.desk-body .stat em { color: var(--h-muted) !important; font: italic 500 15px "Cormorant Garamond", serif !important; border-bottom: 1px solid var(--h-gold) !important; }
body.desk-body .stat.is-wait::before { background: var(--h-gold) !important; height: 4px !important; }
body.desk-body .stat.is-wait strong { color: #9c6d00 !important; }
body.desk-body .stat.is-wait::after { background: var(--h-gold) !important; box-shadow: 0 0 0 4px rgba(201, 162, 74, .25) !important; }
body.desk-body .overview-total {
  background: radial-gradient(circle, rgba(201, 162, 74, .22) 1.3px, transparent 1.9px) 0 0 / 18px 18px, linear-gradient(135deg, var(--h-bur), var(--h-bur-d)) !important;
  border-color: var(--h-gold) !important; outline-color: rgba(241, 213, 138, .5) !important;
}
body.desk-body .overview-total::before { background: var(--h-gold) !important; }
body.desk-body .overview-total span { color: var(--h-gold) !important; }
body.desk-body .overview-total strong { color: var(--h-gold-l) !important; }

/* ---------- panels, section titles ---------- */
body.desk-body .panel, body.desk-body form.panel, body.desk-body .referral-card {
  background: var(--h-paper) !important; border: 1px solid rgba(201, 162, 74, .6) !important; border-top: 3px solid var(--h-bur) !important; border-radius: 0 !important;
  box-shadow: 0 20px 40px -30px rgba(61, 7, 16, .6) !important;
}
body.desk-body .panel h2, body.desk-body .client-group h3, body.desk-body .referral-card .dash-kicker { font-family: "Playfair Display", serif !important; color: var(--h-bur) !important; }
body.desk-body .client-group h3 { font-size: 28px !important; }
body.desk-body .client-group h3::after { background: linear-gradient(90deg, var(--h-gold), transparent) !important; height: 2px !important; }
body.desk-body .referral-id strong { background: var(--h-bur) !important; color: var(--h-gold-l) !important; border-radius: 0 !important; letter-spacing: .14em !important; }

/* ---------- buttons, inputs, tables ---------- */
body.desk-body .btn, body.desk-body .member-act, body.desk-body .share-btn { border-radius: 0 !important; font: 600 12px Poppins, sans-serif !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
body.desk-body .btn-maroon, body.desk-body .member-act, body.desk-body button.btn-maroon { background: var(--h-bur) !important; color: var(--h-gold-l) !important; border: 1px solid var(--h-bur) !important; }
body.desk-body .btn-gold, body.desk-body button.btn-gold { background: var(--h-gold) !important; color: var(--h-bur-d) !important; border: 1px solid var(--h-gold) !important; }
body.desk-body .btn-line { background: transparent !important; color: var(--h-bur) !important; border: 1px solid var(--h-bur) !important; }
body.desk-body .btn-line:hover { background: var(--h-bur) !important; color: var(--h-gold-l) !important; }
body.desk-body input:not([type="checkbox"]):not([type="radio"]):not(.hd-toggle), body.desk-body select, body.desk-body textarea { border-radius: 0 !important; border: 1px solid rgba(107, 15, 31, .3) !important; background: #fff !important; }
body.desk-body input:focus, body.desk-body select:focus, body.desk-body textarea:focus { border-color: var(--h-gold) !important; box-shadow: 0 0 0 3px rgba(201, 162, 74, .25) !important; outline: none !important; }
body.desk-body label { color: var(--h-bur-2) !important; font: 600 11px Poppins, sans-serif !important; letter-spacing: .16em !important; text-transform: uppercase !important; }
body.desk-body table.data { border: 1px solid rgba(201, 162, 74, .6) !important; border-radius: 0 !important; background: var(--h-paper) !important; }
body.desk-body table.data thead th { background: var(--h-bur) !important; color: var(--h-gold-l) !important; font: 600 11px Poppins, sans-serif !important; letter-spacing: .14em !important; text-transform: uppercase !important; border-bottom: 2px solid var(--h-gold) !important; }
body.desk-body table.data tbody tr:nth-child(even) { background: #f8efe0 !important; }
body.desk-body table.data tbody tr:hover { background: #f3e2c3 !important; }
body.desk-body .pill { border-radius: 0 !important; }

/* ornament dividers between groups: thin gold line with a small diamond */
body.desk-body .tnc-kolam svg { opacity: .55 !important; }

/* password cards keep their centred place */
body.desk-body .desk-content > form.admin-password, body.desk-body .desk-content > form.member-password { border-top: 3px solid var(--h-bur) !important; }

@media (max-width: 760px) {
  body.desk-body .overview-hero, body.desk-body .client-hero { padding-right: 22px !important; }
  body.desk-body .overview-hero::before, body.desk-body .client-hero::before { opacity: .22 !important; right: -20px !important; }
  body.desk-body .overview-hero h2, body.desk-body .client-hero h2 { font-size: 32px !important; }
}
body.desk-body .overview-hero::before, body.desk-body .client-hero::before { left: auto !important; inset: 18px 34px 0 auto !important; pointer-events: none !important; }
body.desk-body.desk-member .client-hero::before { background-position: center 70% !important; background-size: 260% auto !important; }
@media (max-width: 760px) { body.desk-body .overview-hero::before, body.desk-body .client-hero::before { inset: 18px -20px 0 auto !important; } }

/* dashboard figures (wallet, ₹ amounts, counts) in Poppins: straight digits */
body.desk-body .stat strong, body.desk-body .dash-card strong { font: 700 28px/1.15 Poppins, sans-serif !important; letter-spacing: -.01em; }
body.desk-body .client-wallet strong { font: 700 32px/1.1 Poppins, sans-serif !important; }