/* base */

:root{
  --primary:#302b68;--primary2:#51478f;--gold:#b7793c;--gold2:#d8a060;
  --cream:#f8f5ed;--bg:#f6f3eb;--text:#2d2a35;--card:#ffffff;--muted:#6d6674;
  --line:#d9d2c4;--soft:#eee9f8;--success:#176b45;--danger:#a53b3b;
  --maroon:#292452;--deep:#1c193d;
}
*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);overflow-x:hidden;
  background:
    radial-gradient(circle at 10% 8%,rgba(183,121,60,.07) 0 2px,transparent 3px),
    radial-gradient(circle at 90% 15%,rgba(48,43,104,.045) 0 2px,transparent 3px),
    linear-gradient(180deg,#fbfaf6 0%,#f3f0e8 52%,#fbfaf7 100%);
  background-size:34px 34px,42px 42px,auto;
}
header{
  position:sticky;top:0;background:rgba(255,250,240,.97);border-bottom:3px double var(--gold);
  z-index:100;box-shadow:0 5px 20px rgba(111,21,21,.10);
}
header:after{content:"✦  ॐ  ✦";display:block;text-align:center;color:var(--gold);font-size:10px;letter-spacing:8px;height:13px;line-height:10px;background:#fffaf0}
.nav{
  max-width:1160px;margin:auto;padding:10px 16px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;min-width:0;
}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand-logo{
  width:50px;height:50px;border-radius:50%;object-fit:cover;display:block;flex:none;
  border:2px solid var(--gold);background:#fff7df;box-shadow:0 0 0 4px rgba(184,134,11,.10),0 5px 14px rgba(111,21,21,.16)
}
.brand-text{min-width:0}
.logo{font-size:25px;line-height:1;font-weight:900;letter-spacing:1.5px;color:var(--primary);white-space:nowrap;font-family:Georgia,"Times New Roman",serif}
.brand-sub{display:block;margin-top:4px;font-size:10px;letter-spacing:1.7px;color:#8a6b43;font-weight:800;white-space:nowrap}
nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}
nav a,nav button{
  margin:0;width:100px;height:48px;box-sizing:border-box;padding:0 8px;
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  text-decoration:none;font-size:13px;font-weight:800;border-radius:8px;
  white-space:nowrap;border:1px solid #751515;background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#fff;box-shadow:0 5px 13px rgba(111,21,21,.18);transition:transform .15s,box-shadow .15s;
}
nav a:hover,nav button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(111,21,21,.24);color:#fff}
#authBtn.smv-logout-btn{background:linear-gradient(135deg,#b52f2f,#7f1515);border-color:#6f1111;color:#fff}
#dashLink.smv-role-green,#adminLink.smv-role-green{background:linear-gradient(135deg,#16803a,#0d5c29);border-color:#0b4f23;color:#fff}
button{cursor:pointer;font:inherit;max-width:100%}
.btn{
  border:1px solid #751515;border-radius:8px;padding:11px 16px;
  background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:800;
  box-shadow:0 5px 13px rgba(111,21,21,.18);transition:transform .15s,box-shadow .15s;max-width:100%;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(111,21,21,.24)}
.btn.alt{background:linear-gradient(135deg,#f2d47d,var(--gold));color:#4a2b08;border-color:#a77708}
.btn.gray{background:#f5eee3;color:#5b4336;border-color:#ddcdb8;box-shadow:none}
.container{max-width:1160px;margin:auto;padding:22px 16px;min-width:0}
.hero{
  position:relative;padding:72px 22px;text-align:center;border:1px solid #dfc78e;border-radius:18px;
  background:
    linear-gradient(rgba(255,252,244,.93),rgba(255,247,226,.95)),
    radial-gradient(circle at 50% 50%,rgba(184,134,11,.15),transparent 58%);
  box-shadow:0 16px 38px rgba(111,21,21,.09),inset 0 0 0 5px rgba(184,134,11,.055);overflow:hidden;
}
.hero:before,.hero:after{content:"";position:absolute;top:18px;bottom:18px;width:22px;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);opacity:.7}
.hero:before{left:18px;border-left:2px solid var(--gold);border-radius:12px 0 0 12px}
.hero:after{right:18px;border-right:2px solid var(--gold);border-radius:0 12px 12px 0}
.hero .badge{position:relative;z-index:1}
.hero h1{position:relative;z-index:1;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,5vw,50px);margin:13px 0;color:var(--primary);line-height:1.15;letter-spacing:.3px}
.hero p{position:relative;z-index:1;color:var(--muted);font-size:17px;line-height:1.7;max-width:700px;margin:0 auto 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:16px;min-width:0}
.card{
  position:relative;background:var(--card);padding:20px;border-radius:13px;border:1px solid var(--line);
  box-shadow:0 8px 23px rgba(111,21,21,.065);min-width:0;max-width:100%;overflow:hidden;
}
.card:before{content:"";display:block;height:3px;width:64px;background:linear-gradient(90deg,var(--primary),var(--gold));margin-bottom:12px;border-radius:3px}
.card h2,.card h3,.card h4{overflow-wrap:anywhere;word-break:break-word;color:var(--maroon);font-family:Georgia,"Times New Roman",serif}
.card p,.card div,.card span,.card b,.card strong,.card label{max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
input,select,textarea{width:100%;max-width:100%;min-width:0;padding:12px;margin:7px 0;border:1px solid #dccbb0;border-radius:8px;font-size:15px;background:#fffdf9;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(184,134,11,.22);border-color:var(--gold)}
textarea{min-height:110px;resize:vertical;line-height:1.6;overflow-wrap:anywhere;word-break:break-word}
.hidden{display:none!important}
.smv-horoscope-loading{
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:92px;padding:20px;border:1px solid #dfc78e;border-radius:12px;
  background:linear-gradient(180deg,#fffaf0,#fffdf8);color:#7e1818;
  font-weight:800;text-align:center;
}

.smv-horoscope-progress{display:flex;align-items:center;justify-content:center;gap:12px;min-height:82px;margin:12px 0;padding:18px 20px;border:1px solid #dfc78e;border-radius:12px;background:linear-gradient(180deg,#fffaf0,#fffdf8);color:#7e1818;font-weight:800;text-align:center;line-height:1.5}
.smv-horoscope-progress .spin{width:24px;height:24px;border:3px solid #ead8b8;border-top-color:#8b0000;border-radius:50%;animation:smvHoroscopeSpin .8s linear infinite;flex:none}
.smv-horoscope-loading .spin{
  width:22px;height:22px;border:3px solid #ead8b8;border-top-color:#8b0000;
  border-radius:50%;animation:smvHoroscopeSpin .8s linear infinite;flex:none;
}
@keyframes smvHoroscopeSpin{to{transform:rotate(360deg)}}
#tamilHoroscopeResult[aria-busy="true"],#englishHoroscopeResult[aria-busy="true"]{opacity:.98}
.badge{display:inline-block;padding:6px 11px;border-radius:99px;background:#fff0d0;color:var(--maroon);border:1px solid #e4c77e;font-size:12px;font-weight:900;letter-spacing:.3px}
.small{font-size:13px;color:var(--muted);line-height:1.55;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.error{color:var(--danger)}.success{color:var(--success)}
.modal{position:fixed;inset:0;width:100vw;height:100dvh;background:rgba(61,15,15,.68);display:grid;place-items:center;padding:12px;z-index:200;overflow:hidden}
.modalbox{position:relative;background:#fffaf0;width:min(480px,calc(100vw - 24px));max-width:480px;margin:0 auto;border-radius:14px;padding:22px;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #dfc78e;min-width:0;box-shadow:0 20px 50px rgba(61,15,15,.22);box-sizing:border-box}
.modalbox #modalContent{padding-right:0!important;margin:0 auto;width:100%;box-sizing:border-box}
section{scroll-margin-top:90px;min-width:0}
section>h2{color:var(--maroon);font-family:Georgia,"Times New Roman",serif}
.empty{padding:25px;text-align:center;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}
.stat{background:linear-gradient(180deg,#fff,#fff8e9);border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 5px 18px rgba(111,21,21,.05);min-width:0;overflow:hidden}
.stat b{font-size:28px;color:var(--primary);display:block;margin-top:5px;overflow-wrap:anywhere}
.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;min-width:0}.action-row>*{min-width:0;max-width:100%}
#admin,#adminSummary,#pendingAstros,#adminAnswers,#adminReviews,#adminQuestions,#dashboard,#dashboardContent,#astroList,#astroCards,#ask-flow,#register-flow{min-width:0;max-width:100%;overflow-x:hidden}
#adminQuestions>div,#adminAnswers>div,#pendingAstros>div,#adminReviews>div{min-width:0!important;max-width:100%!important;overflow:hidden!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
#adminQuestions b,#adminAnswers b,#pendingAstros b,#adminReviews b,#adminQuestions p,#adminAnswers p,#pendingAstros p,#adminReviews p{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important}

/* V134: professional horoscope tables and South Indian chart typography */
.data-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d9c39a;border-radius:10px;background:#fffdf8}
table.data-table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px;color:var(--text);background:#fffdf8}
.data-table th,.data-table td{padding:11px 12px;border-right:1px solid #e5d6bd;border-bottom:1px solid #e5d6bd;text-align:left;vertical-align:middle;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.data-table th{background:#f4e7cc;color:var(--maroon);font-weight:900;white-space:nowrap}
.data-table tr:last-child td{border-bottom:0}.data-table th:last-child,.data-table td:last-child{border-right:0}
.data-table tbody tr:nth-child(even){background:#fffaf0}.data-table tbody tr:hover{background:#fff3d5}
.data-table th:nth-child(1),.data-table td:nth-child(1){width:22%}.data-table th:nth-child(2),.data-table td:nth-child(2){width:20%}.data-table th:nth-child(3),.data-table td:nth-child(3){width:18%}.data-table th:nth-child(4),.data-table td:nth-child(4){width:30%}.data-table th:nth-child(5),.data-table td:nth-child(5){width:14%}
/* V20: பாவ கட்டம் — clean Tamil alignment; table only */
.bhava-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bhava-table{min-width:0!important;width:100%!important;table-layout:fixed;border-collapse:collapse}
.bhava-table th,.bhava-table td{box-sizing:border-box;text-align:center!important;vertical-align:middle!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;padding:9px 5px!important;line-height:1.35}
.bhava-table th{font-weight:800;font-size:14px}
.bhava-table td{font-size:14px}
.bhava-table th:nth-child(1),.bhava-table td:nth-child(1){width:8%}
.bhava-table th:nth-child(2),.bhava-table td:nth-child(2){width:18%}
.bhava-table th:nth-child(3),.bhava-table td:nth-child(3){width:20%}
.bhava-table th:nth-child(4),.bhava-table td:nth-child(4){width:18%}
.bhava-table th:nth-child(5),.bhava-table td:nth-child(5){width:15%}
.bhava-table th:nth-child(6),.bhava-table td:nth-child(6){width:21%}
@media(max-width:700px){.bhava-table th,.bhava-table td{padding:7px 3px!important;line-height:1.3;font-size:12px}.bhava-table th{font-size:12px}.bhava-table th:nth-child(2),.bhava-table td:nth-child(2),.bhava-table th:nth-child(4),.bhava-table td:nth-child(4){font-size:11px}.bhava-table th:nth-child(3),.bhava-table td:nth-child(3){font-size:11px}.bhava-table th:nth-child(5),.bhava-table td:nth-child(5){font-size:11px}.bhava-table th:nth-child(6),.bhava-table td:nth-child(6){font-size:12px}}
/* V157: stable table alignment + comfortable South Indian chart planet labels */
.strength-table{min-width:0!important;width:100%!important;table-layout:fixed}
.strength-table th,.strength-table td{text-align:center!important;vertical-align:middle!important;white-space:normal!important;overflow-wrap:anywhere}
.phase2-strength-table{min-width:0!important;width:100%!important;table-layout:fixed}.phase3-shadbala-table{min-width:980px;width:100%;table-layout:fixed}.phase3-shadbala-table th,.phase3-shadbala-table td{text-align:center!important;vertical-align:middle!important;white-space:normal!important;overflow-wrap:anywhere}.phase3-shadbala-table th:nth-child(1),.phase3-shadbala-table td:nth-child(1){width:11%}.phase3-shadbala-table th:nth-child(2),.phase3-shadbala-table td:nth-child(2){width:14%}.phase3-shadbala-table th:nth-child(3),.phase3-shadbala-table td:nth-child(3){width:10%}.phase3-shadbala-table th:nth-child(4),.phase3-shadbala-table td:nth-child(4){width:18%}.phase3-shadbala-table th:nth-child(5),.phase3-shadbala-table td:nth-child(5){width:10%}.phase3-shadbala-table th:nth-child(6),.phase3-shadbala-table td:nth-child(6){width:10%}.phase3-shadbala-table th:nth-child(7),.phase3-shadbala-table td:nth-child(7){width:10%}.phase3-shadbala-table th:nth-child(8),.phase3-shadbala-table td:nth-child(8){width:17%}.phase2-strength-table th,.phase2-strength-table td{text-align:center!important;vertical-align:middle!important;white-space:normal!important;overflow-wrap:anywhere}.phase2-strength-table th:nth-child(1),.phase2-strength-table td:nth-child(1){width:18%}.phase2-strength-table th:nth-child(2),.phase2-strength-table td:nth-child(2){width:20%}.phase2-strength-table th:nth-child(3),.phase2-strength-table td:nth-child(3){width:20%}.phase2-strength-table th:nth-child(4),.phase2-strength-table td:nth-child(4){width:20%}.phase2-strength-table th:nth-child(5),.phase2-strength-table td:nth-child(5){width:22%}
.strength-table th:nth-child(1),.strength-table td:nth-child(1){width:18%}
.strength-table th:nth-child(2),.strength-table td:nth-child(2){width:12%}
.strength-table th:nth-child(3),.strength-table td:nth-child(3){width:14%}
.strength-table th:nth-child(4),.strength-table td:nth-child(4){width:18%}
.strength-table th:nth-child(5),.strength-table td:nth-child(5){width:38%}
#tamilHoroscopeResult .south-rasi-cell .planet-line,#englishHoroscopeResult .south-rasi-cell .navamsa-planet-only .planet-glyph{font-size:1.08em;font-weight:700}.navamsa-planet-only{margin-top:1px}
.planet-line{font-size:clamp(15px,2.9vw,19px);font-weight:900;line-height:1.5;min-height:24px}
#tamilHoroscopeResult .south-rasi-cell .planet-glyph,#englishHoroscopeResult .south-rasi-cell .planet-glyph{font-size:1.05em;letter-spacing:.2px}
#tamilHoroscopeResult .south-rasi-cell .planet-degree,#englishHoroscopeResult .south-rasi-cell .planet-degree{font-size:.9em;font-weight:800}
@media(max-width:700px){.bhava-table{font-size:12px}.bhava-table th,.bhava-table td{padding:9px 5px!important;line-height:1.35}.strength-table{font-size:12px}.strength-table th,.strength-table td{padding:8px 4px!important}.phase2-strength-table{font-size:12px}.phase2-strength-table th,.phase2-strength-table td{padding:8px 4px!important}.phase3-shadbala-table{min-width:760px;font-size:12px}.phase3-shadbala-table th,.phase3-shadbala-table td{padding:8px 4px!important;line-height:1.35}.strength-table th:nth-child(4),.strength-table td:nth-child(4){width:17%}.strength-table th:nth-child(5),.strength-table td:nth-child(5){width:39%}#tamilHoroscopeResult .south-rasi-cell .planet-line,#englishHoroscopeResult .south-rasi-cell .planet-line{font-size:15px}}

.dasha-tree{display:flex;flex-direction:column;gap:10px}.dasha-node{border:1px solid #d8c7a7;border-radius:12px;background:#fffdf8;overflow:hidden}.dasha-head{width:100%;border:0;background:transparent;padding:14px 16px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;cursor:pointer}.dasha-head:hover{background:#fff8e9}.dasha-title{font-weight:700}.dasha-dates{font-size:.85em;color:#6d6256}.dasha-arrow{font-size:18px;transition:transform .2s}.dasha-node.open>.dasha-head .dasha-arrow{transform:rotate(90deg)}.dasha-body{display:none;padding:0 12px 12px}.dasha-node.open>.dasha-body{display:block}.dasha-subtable{width:100%;border-collapse:collapse}.dasha-subtable th,.dasha-subtable td{padding:9px 8px;border-bottom:1px solid #eee3d1;text-align:left;vertical-align:top}.dasha-subtable th{font-size:.85em;color:#6d6256}.dasha-mini{margin-top:8px}.dasha-current{outline:2px solid #d2a85a;background:#fff7dc}.dasha-breadcrumb{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff8e9;font-size:.9em}.dasha-empty{padding:10px;color:#777}
.dasha-table th:nth-child(1),.dasha-table td:nth-child(1){width:20%}.dasha-table th:nth-child(2),.dasha-table td:nth-child(2){width:20%}.dasha-table th:nth-child(3),.dasha-table td:nth-child(3){width:30%}.dasha-table th:nth-child(4),.dasha-table td:nth-child(4){width:30%}
.south-rasi-cell{position:relative;justify-content:flex-start;box-sizing:border-box}
.south-rasi-cell .planet-line{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:2px 1px;border-bottom:1px dotted #dbc9aa;font-size:clamp(10px,1.9vw,13px);font-weight:800;color:#6b2d16;line-height:1.3;white-space:nowrap}
.south-rasi-cell .planet-line:last-child{border-bottom:0}
.south-rasi-cell .planet-glyph{font-weight:900;color:#8a4b16}.south-rasi-cell .planet-degree{font-weight:700;color:#5f5346}
.bhava-rasi-cell .bhava-cusp{font-size:9px;color:#8b5b1e;font-weight:800;border:1px dashed #c9a86b;border-radius:4px;padding:2px 3px;margin:2px 0;line-height:1.15}.bhava-rasi-cell .planet-line{font-size:clamp(9px,1.7vw,12px)}
.south-rasi-cell .lagna{display:block;width:100%;padding:2px 0;border:1px solid #b78625;border-radius:5px;background:#fff0c7;color:#7b3d0e;font-size:10px}
@media(max-width:700px){table.data-table{min-width:620px}.data-table th,.data-table td{padding:9px 8px;font-size:13px}.south-indian-chart{width:min(680px,100%)}.south-rasi-cell .planet-line{font-size:10px;gap:2px}}

/* V133 South Indian ராசி chart: fixed-sign 4x4 layout with center blank */
.south-indian-chart{width:min(640px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);border:2px solid #6f4d2c;background:#fffdf7;aspect-ratio:1/1;box-shadow:0 8px 24px rgba(111,21,21,.08)}
.south-rasi-cell{border:1px solid #8f704f;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:7px 4px;min-width:0;overflow:hidden;background:linear-gradient(180deg,#fffdf7,#fff8e9)}
.south-rasi-cell .sign{font-weight:900;color:var(--maroon);font-size:clamp(20px,3.8vw,28px);line-height:1;min-height:28px;display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 3px}
.south-rasi-cell .house{font-size:10px;color:#80654d;margin-top:2px}
.south-rasi-cell .lagna{font-weight:900;color:#9b4b16;font-size:11px;margin-top:3px}
.south-rasi-cell .planet{font-size:clamp(10px,2vw,14px);font-weight:800;color:var(--primary);line-height:1.25;margin-top:2px;overflow-wrap:anywhere}
.south-chart-center{grid-column:2/4;grid-row:2/4;border:1px solid #8f704f;display:flex;align-items:center;justify-content:center;background:#fffdf7;color:#b08a5b;font-family:Georgia,serif;font-size:clamp(18px,4vw,28px);letter-spacing:3px}
@media(max-width:520px){.south-rasi-cell{padding:5px 3px}.south-rasi-cell .sign{font-size:22px;min-height:25px;margin-bottom:2px}.south-rasi-cell .house{font-size:8px;line-height:1.15}.south-rasi-cell .lagna{font-size:9px}.bhava-rasi-cell .planet-line{font-size:11px;line-height:1.2}.bhava-rasi-cell .bhava-cusp{font-size:8px;line-height:1.1;padding:2px 2px}}
footer{text-align:center;padding:35px 16px;color:var(--muted);border-top:3px double var(--gold);margin-top:30px;background:#fffaf0}

/* V53 homepage refinement: open welcome composition + separated registration choices */
.hero{
  position:relative;
  padding:58px 16px 52px;
  text-align:center;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  max-width:980px;
  margin:0 auto;
}
.hero:before,.hero:after{display:none}
.hero:after{content:""}
.hero .badge{
  position:relative;
  display:inline-block;
  padding:8px 16px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--maroon);
  font-size:12px;
  letter-spacing:1.4px;
}
.hero .badge:before,.hero .badge:after{
  content:"✦";
  color:var(--gold);
  margin:0 10px;
}
.hero h1{
  margin:18px auto 14px;
  max-width:850px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,6vw,62px);
  line-height:1.08;
  color:var(--primary);
  letter-spacing:.2px;
  text-shadow:0 2px 0 rgba(184,134,11,.10);
}
.hero p{
  max-width:760px;
  margin:0 auto 26px;
  color:#665247;
  font-size:17px;
  line-height:1.8;
}
.hero .btn{min-width:210px;border-radius:10px}
.hero-ornament{margin:0 auto 12px;color:var(--gold);font-size:18px;letter-spacing:8px}
.registration-panel{margin-top:12px;padding:10px 0 35px}
.registration-intro{text-align:center;max-width:720px;margin:0 auto 24px}
.registration-intro h2{margin-bottom:7px}
.registration-intro p{color:var(--muted);line-height:1.7}
.registration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;margin:0 auto}
.registration-option{
  position:relative;background:rgba(255,255,255,.82);padding:24px 22px;border:1px solid #e4cf9d;
  border-radius:12px;box-shadow:0 10px 25px rgba(111,21,21,.06);text-align:center;overflow:hidden
}
.registration-option:before{content:"";display:block;width:70px;height:2px;margin:0 auto 14px;background:linear-gradient(90deg,var(--gold),var(--primary),var(--gold))}
.registration-option h3{margin:8px 0 7px;color:var(--maroon);font-family:Georgia,"Times New Roman",serif;font-size:24px}
.registration-option p{min-height:48px;color:var(--muted);line-height:1.6;margin:0 auto 17px;max-width:340px}
.registration-option .btn{min-width:190px}
@media(max-width:760px){
  .hero{padding:42px 10px 36px}
  .hero h1{font-size:clamp(34px,10vw,48px)}
  .hero p{font-size:15px;line-height:1.7}
  .registration-options{grid-template-columns:1fr;gap:14px}
}


/* V55 homepage refinement: clean temple-inspired editorial layout */
.home-rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px auto 22px;color:var(--gold);font-size:12px;letter-spacing:3px}
.home-rule:before,.home-rule:after{content:"";height:1px;width:min(150px,20vw);background:linear-gradient(90deg,transparent,var(--gold));opacity:.8}
.home-rule:after{background:linear-gradient(90deg,var(--gold),transparent)}
.hero{max-width:1040px;padding:44px 14px 38px}
.hero .badge{padding:0;background:transparent;border:0;color:#8a6421;font-size:11px;letter-spacing:2px}
.hero h1{max-width:900px;margin:14px auto 13px;font-size:clamp(38px,6vw,64px);line-height:1.08;color:#7e1818;text-shadow:none}
.hero p{max-width:760px;margin:0 auto 25px;color:#5f5148;font-size:17px;line-height:1.85}
.hero .btn{min-width:220px;padding:13px 22px;border-radius:9px}
.hero-subline{max-width:720px;margin:24px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;color:#9a722a;font-size:11px;letter-spacing:1.8px;text-transform:uppercase}
.hero-subline:before,.hero-subline:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#d4b15a)}
.hero-subline:after{background:linear-gradient(90deg,#d4b15a,transparent)}
.registration-panel{padding-top:8px}
.registration-intro{max-width:820px;margin:0 auto 28px}
.registration-intro h2{font-size:clamp(28px,4vw,38px);margin:12px 0 8px;color:#7e1818}
.registration-intro p{max-width:680px;margin:0 auto;color:#6a5a50;line-height:1.75}
.registration-options{max-width:960px;gap:20px}
.registration-option{min-height:320px;padding:28px 24px 26px;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 9px 24px rgba(86,37,16,.07);border:1px solid #e1cf9f}
.registration-option:after{inset:6px;border-radius:10px}
.registration-icon{width:70px;height:70px;margin-bottom:13px}
.registration-option h3{font-size:23px;margin:6px 0 8px}
.registration-option p{min-height:74px;line-height:1.65}
.customer-option{border-top:3px solid #8f1d1d}
.astrologer-option{border-top:3px solid #b8860b}
@media(max-width:760px){
 .hero{padding:34px 8px 32px}.hero h1{font-size:clamp(34px,10vw,49px);text-align:center;width:100%;margin-left:auto;margin-right:auto}.hero p{font-size:15px;line-height:1.75}.home-rule:before,.home-rule:after{width:18vw}.hero-subline{font-size:9px;letter-spacing:1.2px}.registration-option{min-height:0}
}

/* V58 astrologer registration: traditional temple-gold identity */
.registration-option.astrologer-option{background:linear-gradient(180deg,#fff3a6 0%,#ffe36a 48%,#ffd34d 100%);border-color:#c89512;box-shadow:0 12px 30px rgba(184,134,11,.16)}
.registration-option.astrologer-option .registration-icon{color:#8a5b00;background:radial-gradient(circle,#fffbe0 0%,#ffe98a 62%,#f4cf55 100%);border-color:#b8860b}
.registration-option.astrologer-option .registration-kicker{color:#7a5200}
.registration-option.astrologer-option h3{color:#6f1717}
/* V54 premium registration identity refinement */
.hero .badge{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:1.8px}
.hero h1{font-weight:700}
.registration-options{gap:24px;max-width:940px}
.registration-option{padding:30px 24px 28px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,249,235,.96));border:1px solid #d8b866;box-shadow:0 12px 30px rgba(111,21,21,.08)}
.registration-option:before{display:none}
.registration-option:after{content:"";position:absolute;inset:8px;border:1px solid rgba(184,134,11,.18);border-radius:13px;pointer-events:none}
.registration-icon{position:relative;z-index:1;width:78px;height:78px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;color:var(--gold);background:radial-gradient(circle,#fff7d8 0%,#f7df9b 65%,#ead083 100%);border:2px solid var(--gold);box-shadow:0 5px 15px rgba(184,134,11,.18)}
.registration-icon svg{width:54px;height:54px}
.registration-kicker{position:relative;z-index:1;color:#96702d;font-size:10px;font-weight:900;letter-spacing:1.6px;margin-bottom:7px}
.registration-option h3{position:relative;z-index:1;font-size:25px;margin:7px 0 9px}
.registration-option p{position:relative;z-index:1;min-height:72px}
.registration-option .btn{position:relative;z-index:1;min-width:210px}
.btn-icon{font-size:12px;margin-right:4px}
.customer-option{border-top:3px solid var(--primary)}
.astrologer-option{border-top:3px solid var(--gold)}
@media(max-width:760px){.registration-options{gap:16px}.registration-option{padding:26px 18px}.registration-option p{min-height:0}.registration-icon{width:70px;height:70px}.registration-icon svg{width:48px;height:48px}}

@media(max-width:760px){
  .nav{padding:9px 10px;align-items:center}.brand-logo{width:42px;height:42px}.logo{font-size:21px}.brand-sub{font-size:8px;letter-spacing:1px}
  nav{gap:3px}nav a{padding:7px 6px;font-size:11px}nav .btn{padding:8px 9px;font-size:11px}.container{padding:16px 10px}
  .hero{padding:42px 10px 36px}.hero p{font-size:15px}
}
@media(max-width:520px){
  .brand-sub{display:none}.logo{font-size:20px}.nav{flex-wrap:wrap}.brand{flex:1 1 auto}nav{width:100%;justify-content:flex-start;overflow:visible}
  nav a,nav .btn{flex:0 0 auto}.grid{grid-template-columns:1fr}.card{padding:16px}.action-row{flex-direction:column}.action-row .btn{width:100%}
}

/* V56/V57 homepage registration: keep Customer and Astrologer entry points visible and separate. */
.homepage-registration{margin:10px auto 38px;padding:8px 0 24px}
.homepage-registration .registration-intro .hidden{display:none!important}
.homepage-registration .registration-options{margin-top:18px}
.homepage-registration .registration-option{min-height:300px}
@media(max-width:760px){.homepage-registration{margin-bottom:28px!important}.homepage-registration .registration-option{min-height:0}}

/* V61 all-features expansion */
.feature-section{max-width:1160px;margin:34px auto;padding:0 16px;scroll-margin-top:90px}
.feature-shell{padding:20px}
.feature-top{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.feature-top>div:first-child{min-width:240px;flex:1}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.feature-tile{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fffdf9;text-decoration:none;color:var(--text);box-shadow:0 4px 12px rgba(111,21,21,.05);transition:.15s}
.feature-tile:hover{transform:translateY(-2px);border-color:#d4b36a}.feature-tile span{font-size:24px}.feature-tile b{color:var(--maroon);font-size:14px}.feature-tile small{color:var(--muted)}
.service-card{min-height:210px}.service-icon{font-size:30px}.service-card h3{margin-bottom:7px}
.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 15px;box-shadow:0 4px 12px rgba(111,21,21,.04)}.faq-list summary{cursor:pointer;font-weight:800;color:var(--maroon)}.faq-list p{color:var(--muted);line-height:1.6;margin:10px 0 2px}
.review-card{height:100%}.stars{letter-spacing:2px;color:var(--gold);font-size:18px}

.lang-tamil{font-family:"Noto Sans Tamil",Arial,sans-serif}
@media(max-width:700px){.feature-section{padding:0 10px}.feature-shell{padding:14px}}

/* V62 blog manager */
#blogList .blog-card{min-width:0}
.blog-content{white-space:pre-wrap;line-height:1.75}
.admin-blog-row{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;background:#fffdf8}
.admin-blog-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
@media(max-width:650px){.action-row[style*="grid-template-columns"]{grid-template-columns:1fr!important}}
@media(max-width:700px){
}


/* V58 Mobile-first polish — UI only */
@media(max-width:760px){
  body{overflow-x:hidden}
  .container{padding:14px 10px}
  .card{padding:17px 15px;border-radius:12px}
  .btn{
    min-height:46px;
    padding:12px 16px;
    border-radius:10px;
    font-size:14px;
  }
  input,select,textarea{
    min-height:46px;
    padding:12px 13px;
    font-size:16px;
    border-radius:9px;
  }
  textarea{min-height:120px}
  .action-row{gap:10px}
  .action-row .btn{min-height:46px}
  .modal{padding:8px;place-items:center}
  .modalbox{
    width:calc(100vw - 16px);
    max-width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px);
    margin:0 auto;
    padding:19px 15px;
    border-radius:13px;
  }
  .modalbox .btn{width:100%;margin-top:6px}
  section>h2{font-size:25px;line-height:1.25}
  .stat{padding:15px}
  .stat b{font-size:25px}
}

@media(max-width:520px){
  .container{padding-left:9px;padding-right:9px}
  .hero{padding:32px 7px 28px}
  .hero h1{font-size:clamp(32px,10vw,46px)}
  .hero p{font-size:14px;line-height:1.7}
  .registration-option{padding:22px 15px}
  .registration-option .btn{width:100%;min-width:0}
}
.smv-dialog-backdrop{position:fixed;inset:0;width:100vw;height:100dvh;background:rgba(28,25,61,.70);display:grid;place-items:center;padding:14px;z-index:500;backdrop-filter:blur(3px)}
.smv-dialog{width:min(430px,calc(100vw - 28px));max-width:430px;margin:0 auto;box-sizing:border-box;background:linear-gradient(180deg,#fffdf8,#fff7e8);border:1px solid #d8b866;border-radius:20px;box-shadow:0 24px 65px rgba(28,25,61,.28);padding:24px 20px 18px;color:var(--text)}
.smv-dialog-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:radial-gradient(circle,#fff8d9,#efd27d);border:2px solid var(--gold);font-size:23px}
.smv-dialog h3{margin:0;text-align:center;color:#7e1818;font-family:Georgia,"Times New Roman",serif;font-size:24px}
.smv-dialog p{margin:10px 0 18px;text-align:center;color:#62554d;line-height:1.65;white-space:pre-line}
.smv-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.smv-dialog-actions .btn{width:100%;min-height:46px;margin:0}
.smv-dialog-actions .btn.danger{background:linear-gradient(135deg,#8d2020,#b43d3d);border-color:#761818;color:#fff}.smv-dialog-actions.single{grid-template-columns:1fr}
.auth-shell{padding:2px 0 0}.auth-hero{text-align:center;margin-bottom:14px}
.auth-hero-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:radial-gradient(circle,#fff8d9,#efd27d);border:2px solid var(--gold);box-shadow:0 6px 16px rgba(184,134,11,.18);font-size:28px}
.auth-hero h2{margin:0;color:#7e1818;font-family:Georgia,"Times New Roman",serif;font-size:30px}.auth-hero p{margin:5px 0 0;color:#76665c;font-size:13px}
.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 12px}.auth-tabs .btn{padding:10px 6px;min-height:44px;font-size:12px;box-shadow:none}.auth-tabs .btn.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-color:#751515;box-shadow:0 5px 13px rgba(48,43,104,.16)}
.auth-field-label{display:block;margin:8px 2px 4px;color:#60483c;font-size:12px;font-weight:800}.auth-field{margin:0 0 5px!important;min-height:48px!important}.auth-submit{width:100%;min-height:50px;margin-top:8px!important;font-size:16px!important}.auth-secondary{width:100%;min-height:46px;margin-top:7px!important}.password-wrap{position:relative}.password-wrap{position:relative}
.password-wrap input{padding-right:48px}

.password-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  border:0;
  background:transparent;
  color:#6b5144;
  font-size:20px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  border-radius:50%;
}

.password-toggle:hover{
  background:transparent;
}

.password-toggle:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
  }.auth-note{margin:9px 2px 2px;text-align:center;font-size:12px;color:#75665e;line-height:1.5}
@media(max-width:520px){.modal{padding:7px;place-items:center}.modalbox{width:calc(100vw - 14px);max-width:calc(100vw - 14px);max-height:calc(100dvh - 14px);margin:0 auto;padding:18px 13px 15px;border-radius:18px}.modalbox #modalContent{padding-right:0!important;margin:0 auto}.auth-hero-icon{width:54px;height:54px;font-size:24px}.auth-hero h2{font-size:27px}.auth-tabs{grid-template-columns:1fr;gap:7px}.auth-tabs .btn{min-height:43px;font-size:13px}.auth-submit,.auth-secondary{font-size:14px!important}.smv-dialog{padding:21px 15px 15px;border-radius:18px}.smv-dialog h3{font-size:22px}.smv-dialog-actions{grid-template-columns:1fr;gap:8px}.smv-dialog-actions .btn{min-height:48px}}

/* Final SMV Astro UI refinement: compact astrologer cards on desktop only. */
@media (min-width:521px){
  #astroCards{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    align-items:stretch;
  }
  #astroCards .astro-public-card{
    margin-top:0!important;
    padding:14px!important;
    border-radius:14px;
    min-height:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
  }
  #astroCards .astro-public-card img{
    width:56px!important;
    height:56px!important;
    margin-bottom:4px;
  }
  #astroCards .astro-public-card h3{
    margin:5px 0 4px;
    font-size:18px;
  }
  #astroCards .astro-public-card p{
    margin:5px 0;
    font-size:12px;
    line-height:1.45;
  }
  #astroCards .astro-public-card .action-row{
    margin-top:auto;
    padding-top:6px;
  }
  #astroCards .astro-public-card .action-row .btn{
    font-size:12px;
    padding:9px 12px;
  }
}

/* FINAL DESKTOP LAYOUT FIX — desktop only; mobile layout remains unchanged. */
@media (min-width:761px){
  #astroCards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  #astroCards .astro-public-card{
    width:100%!important;
    margin-top:0!important;
    min-width:0!important;
  }
  #dashboardContent > .grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  #dashboardContent > .grid > .card{min-width:0!important;}
  #admin > .card:first-child #adminSummary{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

/* Profile & Reviews opens as a clean, centered premium dialog. */
.profile-dialog{text-align:center;padding:4px 0 0;}
.profile-dialog .profile-photo{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:0 6px 18px rgba(184,134,11,.18);margin:4px auto 10px;display:block;}
.profile-dialog .profile-title{margin:0;color:var(--maroon);font-family:Georgia,"Times New Roman",serif;font-size:26px;}
.profile-dialog .profile-expertise{font-weight:800;color:#60483c;margin:6px 0;}
.profile-dialog .profile-bio{text-align:left;line-height:1.55;}
.profile-dialog .profile-reviews-title{text-align:left;color:var(--maroon);font-family:Georgia,"Times New Roman",serif;margin:18px 0 8px;}
.profile-dialog #publicProfileReviews .card{text-align:left;margin:10px 0;padding:12px;}
.profile-dialog #publicProfileReviews{
  max-height:320px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:2px 8px 4px 2px;
  margin-top:4px;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.profile-dialog #publicProfileReviews::-webkit-scrollbar{width:7px}
.profile-dialog #publicProfileReviews::-webkit-scrollbar-thumb{background:#c9a86b;border-radius:10px}
.profile-dialog #publicProfileReviews::-webkit-scrollbar-track{background:#f7f1e4;border-radius:10px}
@media(max-width:520px){
  .profile-dialog #publicProfileReviews{
    max-height:300px;
    padding-right:6px;
  }
}

@media(max-width:520px){
  .profile-dialog .profile-photo{width:88px;height:88px;}
  .profile-dialog .profile-title{font-size:23px;}
}

/* Expanded answer editor: Astrologer + Admin dashboards */
textarea[id^="ans_"],
textarea[id^="boardAdminAnswer_"],
textarea[id^="adminAns_"]{
  min-height:370px !important;
  height:370px !important;
  max-height:none !important;
  resize:vertical !important;
  line-height:1.6 !important;
  overflow-y:auto !important;
}

/* V18: mobile-only table space optimization. Keep desktop untouched. */
@media (max-width:700px){
  /* Every horoscope/result table uses the phone width instead of reserving desktop column space. */
  .data-table-wrap{width:100%;max-width:100%;overflow-x:hidden;}
  table.data-table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:10.5px!important;}
  .data-table th,.data-table td{padding:5px 3px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
  .data-table th{font-size:10px!important;}
  .data-table th:nth-child(1),.data-table td:nth-child(1){width:18%!important}
  .data-table th:nth-child(2),.data-table td:nth-child(2){width:18%!important}
  .data-table th:nth-child(3),.data-table td:nth-child(3){width:20%!important}
  .data-table th:nth-child(4),.data-table td:nth-child(4){width:24%!important}
  .data-table th:nth-child(5),.data-table td:nth-child(5){width:20%!important}

  /* பாவம் / strength tables: crop excess padding, never create a wide hidden column. */
  .bhava-table,.strength-table,.phase2-strength-table,.phase3-shadbala-table{min-width:0!important;width:100%!important;table-layout:fixed!important;}
  .bhava-table th,.bhava-table td,.strength-table th,.strength-table td,.phase2-strength-table th,.phase2-strength-table td,.phase3-shadbala-table th,.phase3-shadbala-table td{padding:5px 2px!important;font-size:10px!important;line-height:1.18!important;}
  .phase3-shadbala-table th:nth-child(1),.phase3-shadbala-table td:nth-child(1){width:12%!important}
  .phase3-shadbala-table th:nth-child(2),.phase3-shadbala-table td:nth-child(2){width:13%!important}
  .phase3-shadbala-table th:nth-child(3),.phase3-shadbala-table td:nth-child(3){width:11%!important}
  .phase3-shadbala-table th:nth-child(4),.phase3-shadbala-table td:nth-child(4){width:15%!important}
  .phase3-shadbala-table th:nth-child(5),.phase3-shadbala-table td:nth-child(5){width:10%!important}
  .phase3-shadbala-table th:nth-child(6),.phase3-shadbala-table td:nth-child(6){width:10%!important}
  .phase3-shadbala-table th:nth-child(7),.phase3-shadbala-table td:nth-child(7){width:10%!important}
  .phase3-shadbala-table th:nth-child(8),.phase3-shadbala-table td:nth-child(8){width:19%!important}

  /* Dasha tables: the old long 'Pratyantara Dasha' heading no longer reserves a huge column. */
  .dasha-subtable{width:100%!important;table-layout:fixed!important;font-size:10.5px!important;}
  .dasha-subtable th,.dasha-subtable td{padding:5px 3px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .dasha-subtable th:nth-child(1),.dasha-subtable td:nth-child(1){width:42%!important}
  .dasha-subtable th:nth-child(2),.dasha-subtable td:nth-child(2){width:29%!important}
  .dasha-subtable th:nth-child(3),.dasha-subtable td:nth-child(3){width:29%!important}
  .dasha-breadcrumb{padding:6px 7px!important;margin-bottom:6px!important;font-size:10px!important;}
  .dasha-body{padding:0 6px 6px!important;}
}

/* base */

.astro-public-profile{overflow:hidden}
.astro-public-profile .small{overflow-wrap:anywhere;word-break:break-word}
.private-field{display:none!important}

/* base */

.astro-public-profile{overflow:hidden}
.astro-public-profile .small,.astro-public-profile p{overflow-wrap:anywhere;word-break:break-word}
.status-processing{font-weight:800}
.timeline{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fffdf8}
.timeline-step{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f7f1e4}
.timeline-step.done{color:var(--success);font-weight:800;background:#edf8ef}
.timeline-step span{font-weight:900}


/* base */
#consultation-entry{display:none!important}
/* smv-login-view-fix */

/* FINAL LOGIN VIEW FIX */
.hidden{display:none!important}
#dashboard.hidden,#admin.hidden,#register-flow.hidden,#astro-register-form.hidden,
#astro-flow.hidden,#ask-flow.hidden,#appointment.hidden,#contact.hidden{display:none!important}


/* smv-language-fonts */

  html[lang="ta"] body{font-family:"Noto Sans Tamil",Inter,Arial,Helvetica,sans-serif}
  html[lang="hi"] body{font-family:"Noto Sans Devanagari","Noto Sans",Inter,Arial,Helvetica,sans-serif}

/* smv-register-header-style */

#registerNav{margin-left:2px}

/* FINAL REQUEST: desktop horizontal dashboard and astrologer-card fit. Mobile is untouched. */
@media (min-width:761px){
  #dashboardContent > .grid, #dashboardContent .grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  #dashboardContent > .grid > .card, #dashboardContent .grid > .card{
    min-width:0!important; width:100%!important; box-sizing:border-box!important;
  }
  #adminSummary{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important; width:100%!important;
  }
  #adminSummary .stat{min-width:0!important;width:100%!important;box-sizing:border-box!important;}
  #astroCards{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:100%!important;
  }
  #astroCards .astro-public-card{min-width:0!important;width:100%!important;box-sizing:border-box!important;margin-top:0!important;}
}
@media (max-width:760px){
  /* Preserve existing mobile layouts. */
  #astroCards, #dashboardContent > .grid, #adminSummary{width:100%;min-width:0;}
}

/* smv-final-desktop-layout-lock */

/* FINAL LOCK: desktop only. Do not affect the existing mobile layout. */
@media (min-width:761px){
  #astroCards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  #astroCards .astro-public-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
  }
  #astroCards .astro-public-card .action-row{margin-top:auto!important;}

  #dashboardContent .astro-dashboard-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  #dashboardContent .astro-dashboard-summary>.card{
    width:100%!important;
    min-width:0!important;
  }

  #adminSummary.admin-summary-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  #adminSummary.admin-summary-grid>.stat{
    width:100%!important;
    min-width:0!important;
  }
}

/* smv-astro-dashboard-final-responsive-fix */

/* ASTROLOGER DASHBOARD ONLY — three cards always fit in one horizontal row. */
#dashboardContent .astro-dashboard-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  width:100%!important;
  max-width:100%!important;
  gap:10px!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
#dashboardContent .astro-dashboard-summary > .card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#dashboardContent .astro-dashboard-summary > .card h3{
  font-size:clamp(11px,2vw,18px)!important;
  margin:4px 0 7px!important;
  line-height:1.25!important;
}
#dashboardContent .astro-dashboard-summary > .card p{
  margin:5px 0!important;
  line-height:1.3!important;
  font-size:clamp(8px,1.45vw,13px)!important;
}
#dashboardContent .astro-dashboard-summary > .card .small{
  font-size:clamp(7px,1.2vw,11px)!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
#dashboardContent .astro-dashboard-summary > .card img{
  width:clamp(42px,7vw,64px)!important;
  height:clamp(42px,7vw,64px)!important;
  margin:0 0 4px!important;
}
#dashboardContent .astro-dashboard-summary > .card .badge{
  font-size:clamp(6px,1vw,9px)!important;
  padding:2px 5px!important;
}
#dashboardContent .astro-dashboard-summary > .card .action-row{
  margin-top:6px!important;
}
#dashboardContent .astro-dashboard-summary > .card .btn{
  padding:6px 7px!important;
  font-size:clamp(7px,1.1vw,12px)!important;
  max-width:100%!important;
}
@media (max-width:900px){
  #dashboardContent .astro-dashboard-summary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    padding:8px!important;
  }
}
@media (max-width:380px){
  #dashboardContent .astro-dashboard-summary{gap:5px!important;}
  #dashboardContent .astro-dashboard-summary > .card{padding:6px!important;}
}

/* smv-astro-summary-final-layout */

/* FINAL: Astrologer Dashboard summary cards only.
   Phone/tablet = vertical. Desktop = one horizontal row. */
#dashboardContent .astro-dashboard-summary{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media (max-width:760px){
  #dashboardContent .astro-dashboard-summary{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
    gap:10px!important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:761px){
  #dashboardContent .astro-dashboard-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:16px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}



/* smv-astro-summary-final-correct */

/* SMV ASTRO — FINAL RESPONSIVE RULE
   Mobile/tablet: normal vertical cards.
   Desktop: exactly 3 horizontal cards.
   Public கேள்வி Inbox remains full width. */
#dashboardContent .astro-dashboard-summary{
  display:grid !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  gap:16px !important;
}
#dashboardContent .astro-dashboard-summary > .card{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

/* MOBILE / TABLET */
@media (max-width:767px){
  #dashboardContent .astro-dashboard-summary{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    width:100% !important;
    padding:17px 15px !important;
  }
}

/* DESKTOP ONLY */
@media (min-width:768px){
  #dashboardContent .astro-dashboard-summary{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
}

/* Public கேள்வி Inbox: same content width, one full-width card */
#dashboardContent .astro-dashboard-summary + .card{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* smv-normal-mobile-all-sections-final */

/* SMV ASTRO — NORMAL MOBILE VIEW FOR ALL SECTIONS EXCEPT THE 3 ASTRO SUMMARY CARDS
   Mobile/tablet only. Desktop layout is untouched. */
@media (max-width: 767px){
  html,body{overflow-x:hidden!important}
  .container{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}

  /* Normal dashboard heading/notice */
  #dashboard{margin-top:24px!important}
  #dashboardTitle{font-size:24px!important;line-height:1.25!important;margin:0 0 8px!important}
  #sessionNotice{font-size:12px!important;line-height:1.45!important}

  /* IMPORTANT: leave .astro-dashboard-summary itself to its existing mobile layout. */
  #dashboardContent>.card{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;margin:0 0 12px!important;
    padding:14px 12px!important;border-radius:12px!important;
    overflow:hidden!important;
  }
  #dashboardContent>.card h2{font-size:20px!important;line-height:1.3!important;margin:0 0 8px!important}
  #dashboardContent>.card h3{font-size:17px!important;line-height:1.3!important;margin:4px 0 8px!important}
  #dashboardContent>.card p{font-size:13px!important;line-height:1.55!important;margin:6px 0!important}
  #dashboardContent>.card .small{font-size:11px!important;line-height:1.45!important}
  #dashboardContent>.card .empty{padding:18px 8px!important;font-size:13px!important}
  #dashboardContent>.card .card{
    padding:11px!important;margin-top:9px!important;border-radius:10px!important;
  }
  #dashboardContent>.card .card h3{font-size:16px!important}
  #dashboardContent>.card .card p{font-size:13px!important;line-height:1.5!important}
  #dashboardContent>.card .action-row{gap:7px!important;flex-wrap:wrap!important}
  #dashboardContent>.card .action-row .btn{width:auto!important;min-height:40px!important;padding:9px 12px!important;font-size:12px!important}

  /* Astrologer public/profile/question cards outside the dashboard */
  #astroCards{width:100%!important;max-width:100%!important;grid-template-columns:1fr!important;gap:10px!important}
  #astroCards .astro-public-card{
    width:100%!important;min-width:0!important;box-sizing:border-box!important;
    padding:12px!important;margin:0!important;border-radius:12px!important;
  }
  #astroCards .astro-public-card h3{font-size:17px!important;line-height:1.3!important}
  #astroCards .astro-public-card p{font-size:12px!important;line-height:1.45!important}
  #astroCards .astro-public-card img{width:56px!important;height:56px!important}

  /* Admin dashboard — normal mobile sizing */
  #admin{margin-top:24px!important}
  #admin>.card{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    padding:14px 12px!important;margin:0 0 12px!important;border-radius:12px!important;overflow:hidden!important;
  }
  #admin h2{font-size:21px!important;line-height:1.3!important}
  #admin h3{font-size:17px!important;line-height:1.3!important}
  #admin p,#admin label{font-size:13px!important;line-height:1.5!important}
  #admin .small{font-size:11px!important;line-height:1.45!important}
  #adminSummary{grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  #adminSummary .stat{width:100%!important;min-width:0!important;padding:12px!important;box-sizing:border-box!important}
  #adminSummary .stat b{font-size:22px!important}
  #admin table{font-size:11px!important;max-width:100%!important}

  /* கேள்வி form */
  #ask-flow{margin-top:20px!important}
  #ask-flow>.card{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    padding:14px 12px!important;border-radius:12px!important;overflow:hidden!important;
  }
  #ask-flow h2{font-size:22px!important;line-height:1.3!important}
  #ask-flow h3{font-size:17px!important;line-height:1.3!important}
  #ask-flow p,#ask-flow label{font-size:13px!important;line-height:1.5!important}

  /* Contact form */
  #contact{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    margin:20px 0!important;padding:16px 12px!important;border-radius:12px!important;
  }
  #contact h2{font-size:22px!important;line-height:1.3!important}
  #contact p,#contact label{font-size:13px!important;line-height:1.5!important}

  /* All registration/auth screens */
  #register-flow,#astro-register-form{margin-top:20px!important}
  #register-flow .container{padding:0 10px!important}
  #register-flow .card,#astro-register-form .card{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    padding:15px 12px!important;border-radius:12px!important;overflow:hidden!important;
  }
  #register-flow h2,#astro-register-form h2{font-size:22px!important;line-height:1.3!important}
  #register-flow h3,#astro-register-form h3{font-size:17px!important;line-height:1.3!important}
  #register-flow p,#astro-register-form p{font-size:13px!important;line-height:1.5!important}
  #register-flow .registration-options{grid-template-columns:1fr!important;gap:10px!important}
  #register-flow .registration-option{min-height:0!important;padding:16px 12px!important;border-radius:12px!important}
  #register-flow .registration-option h3{font-size:19px!important}
  #register-flow .registration-option p{font-size:12px!important;line-height:1.5!important;margin-bottom:10px!important}
  #register-flow .registration-icon{width:58px!important;height:58px!important}

  /* Login / customer registration / authentication panels */
  .auth-shell{padding:0!important}
  .auth-hero{margin-bottom:10px!important}
  .auth-hero-icon{width:50px!important;height:50px!important;font-size:22px!important}
  .auth-hero h2{font-size:23px!important;line-height:1.3!important}
  .auth-hero p{font-size:12px!important;line-height:1.45!important}
  .auth-tabs{gap:5px!important;margin:10px 0!important}
  .auth-tabs .btn{min-height:40px!important;padding:8px 6px!important;font-size:12px!important}
  .auth-field-label{font-size:11px!important;margin:6px 2px 3px!important}
  .auth-field,input,select,textarea{
    min-height:42px!important;padding:9px 11px!important;font-size:14px!important;
    box-sizing:border-box!important;max-width:100%!important;
  }
  textarea{min-height:90px!important}
  .auth-submit,.auth-secondary{min-height:42px!important;font-size:13px!important;padding:9px 12px!important}

  /* General mobile forms/buttons */
  form{max-width:100%!important}
  form input,form select,form textarea{width:100%;box-sizing:border-box}
  .btn{min-height:40px!important;padding:9px 12px!important;font-size:13px!important}
  .modalbox{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;padding:14px 12px!important;border-radius:12px!important}
  .modalbox .btn{min-height:40px!important}
}

/* smv-final-astro-summary-desktop-mobile-fix */

/* FINAL SAFE FIX — ASTROLOGER SUMMARY ONLY
   Desktop: exactly 3 equal cards in one horizontal row.
   Mobile/tablet: standard vertical cards.
   No other dashboard sections are changed. */
#dashboardContent .astro-dashboard-summary{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#dashboardContent .astro-dashboard-summary > .card{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

/* MOBILE / TABLET — restore normal vertical layout */
@media (max-width:767px){
  #dashboardContent .astro-dashboard-summary{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:17px 15px!important;
  }
}

/* DESKTOP — 3 cards fit cleanly across the available dashboard width */
@media (min-width:768px){
  #dashboardContent .astro-dashboard-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    display:flex!important;
    flex-direction:column!important;
    flex:initial!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #dashboardContent .astro-dashboard-summary > .card h3,
  #dashboardContent .astro-dashboard-summary > .card p,
  #dashboardContent .astro-dashboard-summary > .card .small{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

/* smv-v170-export-buttons-fix */

.horoscope-export-actions{display:flex!important;flex-direction:column!important;gap:14px!important;align-items:stretch!important;justify-content:center!important;position:relative!important;z-index:9999!important;margin-top:20px!important;padding:6px 0!important;pointer-events:auto!important;}
.horoscope-export-actions .btn{display:block!important;width:100%!important;min-width:0!important;min-height:54px!important;margin:0!important;padding:12px 16px!important;line-height:1.25!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(0,0,0,.12)!important;pointer-events:auto!important;position:relative!important;z-index:10000!important;cursor:pointer!important;}
.smv-export-toast{position:fixed!important;left:50%!important;bottom:24px!important;transform:translate(-50%,16px)!important;opacity:0!important;pointer-events:none!important;z-index:2147483647!important;background:#222!important;color:#fff!important;border-radius:10px!important;padding:12px 18px!important;max-width:min(92vw,520px)!important;text-align:center!important;font-size:15px!important;font-weight:700!important;box-shadow:0 5px 20px rgba(0,0,0,.25)!important;transition:opacity .18s ease,transform .18s ease!important;}
.smv-export-toast.show{opacity:1!important;transform:translate(-50%,0)!important;}
.smv-export-toast.error{background:#8b1e1e!important;}
@media print{.smv-export-toast{display:none!important;}}

/* smv-v169-export-buttons */

.horoscope-export-actions{display:flex!important;gap:12px!important;align-items:stretch!important;justify-content:center!important;flex-wrap:wrap!important;position:relative!important;z-index:20!important;margin-top:18px!important;padding-top:4px!important;}
.horoscope-export-actions .btn{flex:1 1 220px!important;min-width:0!important;min-height:48px!important;margin:0!important;touch-action:manipulation!important;pointer-events:auto!important;position:relative!important;z-index:21!important;}
@media(max-width:980px){.horoscope-export-actions{flex-direction:column!important;gap:12px!important;}.horoscope-export-actions .btn{width:100%!important;flex:0 0 auto!important;}}
@media print{
  .horoscope-export-actions{display:none!important;}
  #tamilHoroscopeResult,#englishHoroscopeResult{display:block!important;visibility:visible!important;}
  #tamilHoroscopeResult .card,#englishHoroscopeResult .card{break-inside:auto!important;page-break-inside:auto!important;}
  #tamilHoroscopeResult .south-indian-chart,#englishHoroscopeResult .south-indian-chart,
  #tamilHoroscopeResult .data-table-wrap,#englishHoroscopeResult .data-table-wrap,
  #tamilHoroscopeResult .dasha-node,#englishHoroscopeResult .dasha-node{break-inside:avoid!important;page-break-inside:avoid!important;}
  h2,h3{break-after:avoid!important;page-break-after:avoid!important;}
  table{break-inside:auto!important;page-break-inside:auto!important;}
  tr{break-inside:avoid!important;page-break-inside:avoid!important;}
}

/* smv-v151-dasha-touch-fix */

#tamilHoroscopeResult .dasha-node>.dasha-head, #englishHoroscopeResult .dasha-node>.dasha-head{pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;position:relative;z-index:2;}
#tamilHoroscopeResult .dasha-node.open>.dasha-body, #englishHoroscopeResult .dasha-node.open>.dasha-body{display:block!important;}

/* smv-v147-readable-dasha */

/* V147 comfortable reading: larger horoscope typography on mobile and desktop. */
#tamilHoroscopeResult, #englishHoroscopeResult{font-size:16px;line-height:1.65}
#tamilHoroscopeResult .small, #englishHoroscopeResult .small{font-size:14px;line-height:1.6}
#tamilHoroscopeResult h2, #englishHoroscopeResult h2{font-size:clamp(26px,4vw,34px);line-height:1.25}
#tamilHoroscopeResult h3, #englishHoroscopeResult h3{font-size:clamp(20px,3vw,26px);line-height:1.3}
#tamilHoroscopeResult .stat, #englishHoroscopeResult .stat{font-size:16px}
#tamilHoroscopeResult .data-table, #englishHoroscopeResult .data-table{font-size:15px}
#tamilHoroscopeResult .data-table th, #englishHoroscopeResult .data-table th{font-size:15px;font-weight:800}
#tamilHoroscopeResult .south-rasi-cell .sign, #englishHoroscopeResult .south-rasi-cell .sign{font-size:clamp(14px,2.6vw,18px)}
#tamilHoroscopeResult .south-rasi-cell .planet-line, #englishHoroscopeResult .south-rasi-cell .planet-line{font-size:clamp(13px,2.5vw,17px);line-height:1.45}
#tamilHoroscopeResult .south-rasi-cell .planet-degree, #englishHoroscopeResult .south-rasi-cell .planet-degree{font-size:.9em}
#tamilHoroscopeResult .dasha-head, #englishHoroscopeResult .dasha-head{font-size:16px;min-height:52px}
#tamilHoroscopeResult .dasha-title, #englishHoroscopeResult .dasha-title{font-size:17px}
#tamilHoroscopeResult .dasha-dates, #englishHoroscopeResult .dasha-dates{font-size:14px}
#tamilHoroscopeResult .dasha-subtable, #englishHoroscopeResult .dasha-subtable{font-size:14px}
.smv-dasha-next{margin:0 0 12px;padding:12px 14px;border:1px solid #d8b866;border-radius:11px;background:#fff8e9;font-size:15px;line-height:1.65}
.smv-dasha-next b{color:#7e1818}
@media(max-width:760px){
  #tamilHoroscopeResult, #englishHoroscopeResult{font-size:16px}
  #tamilHoroscopeResult .small, #englishHoroscopeResult .small{font-size:14px}
  #tamilHoroscopeResult .data-table, #englishHoroscopeResult .data-table{font-size:14px}
  #tamilHoroscopeResult .data-table th, #englishHoroscopeResult .data-table th{font-size:14px}
  #tamilHoroscopeResult .south-rasi-cell .planet-line, #englishHoroscopeResult .south-rasi-cell .planet-line{font-size:14px}
  #tamilHoroscopeResult .south-rasi-cell .sign, #englishHoroscopeResult .south-rasi-cell .sign{font-size:15px}
  #tamilHoroscopeResult .dasha-head, #englishHoroscopeResult .dasha-head{font-size:15px;padding:13px 12px}
  #tamilHoroscopeResult .dasha-title, #englishHoroscopeResult .dasha-title{font-size:16px}
  #tamilHoroscopeResult .dasha-dates, #englishHoroscopeResult .dasha-dates{font-size:13px}
}

/* base */

/* Tamil-only website: legacy language-exclusive containers stay hidden. */
.language-exclusive-hide { display:none !important; }
#english-horoscope,#englishHoroscopeResult{display:none!important;visibility:hidden!important;}

/* smv-v161-english-horoscope-readability */

/* V161: English horoscope readability — calculation data unchanged. */
#englishHoroscopeResult{font-size:16px;line-height:1.55}
#englishHoroscopeResult .south-rasi-cell .planet-line{font-size:clamp(18px,3.6vw,24px)!important;font-weight:900!important;line-height:1.5!important;min-height:28px}
#englishHoroscopeResult .south-rasi-cell .planet-glyph{font-size:1.08em!important;font-weight:900!important;letter-spacing:.2px}
#englishHoroscopeResult .south-rasi-cell .planet-degree{font-size:.92em!important;font-weight:800}
#englishHoroscopeResult .south-rasi-cell .sign{font-size:clamp(15px,2.8vw,19px)!important;font-weight:800!important}
#englishHoroscopeResult table{font-size:15px}
#englishHoroscopeResult th,#englishHoroscopeResult td{font-size:15px;line-height:1.45}
#englishHoroscopeResult .dasha-head{font-size:16px;min-height:54px}
#englishHoroscopeResult .dasha-title{font-size:17px;font-weight:800}
#englishHoroscopeResult .dasha-subtable th,#englishHoroscopeResult .dasha-subtable td{font-size:15px}
@media(max-width:700px){
 #englishHoroscopeResult{font-size:16px}
 #englishHoroscopeResult .south-rasi-cell .planet-line{font-size:clamp(17px,4.6vw,22px)!important;min-height:27px}
 #englishHoroscopeResult .south-rasi-cell .sign{font-size:16px!important}
 #englishHoroscopeResult table,#englishHoroscopeResult th,#englishHoroscopeResult td{font-size:14px}
 #englishHoroscopeResult .dasha-head{font-size:16px;padding:15px 14px;min-height:56px}
 #englishHoroscopeResult .dasha-title{font-size:17px}
 #englishHoroscopeResult .dasha-subtable th,#englishHoroscopeResult .dasha-subtable td{font-size:14px}
}

/* smv-v163-three-chart-clean */

/* V163: clean, responsive three-chart layout. Calculation data is untouched. */
#tamilHoroscopeResult .south-indian-chart,
#englishHoroscopeResult .south-indian-chart{
  width:min(660px,100%);
  margin:16px auto 22px;
  aspect-ratio:1/1;
  overflow:hidden;
  box-sizing:border-box;
}
#tamilHoroscopeResult .south-rasi-cell,
#englishHoroscopeResult .south-rasi-cell{
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:6px 4px;
  box-sizing:border-box;
}
#tamilHoroscopeResult .south-rasi-cell .sign,
#englishHoroscopeResult .south-rasi-cell .sign{
  flex:0 0 auto;
  font-size:clamp(19px,3.4vw,27px)!important;
  min-height:25px;
  margin-bottom:2px;
}
#tamilHoroscopeResult .south-rasi-cell .planet-line,
#englishHoroscopeResult .south-rasi-cell .planet-line{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  justify-content:center;
  gap:3px;
  width:100%;
  box-sizing:border-box;
  padding:2px 1px;
  margin:0;
  white-space:normal!important;
  overflow:hidden;
  line-height:1.15!important;
  min-height:22px!important;
  font-size:clamp(13px,2.7vw,18px)!important;
}
#tamilHoroscopeResult .south-rasi-cell .planet-glyph,
#englishHoroscopeResult .south-rasi-cell .planet-glyph{
  font-size:1em!important;
  white-space:nowrap;
  line-height:1.1;
}
#tamilHoroscopeResult .south-rasi-cell .planet-degree,
#englishHoroscopeResult .south-rasi-cell .planet-degree{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:clamp(8px,1.8vw,12px)!important;
  line-height:1.1;
}
#tamilHoroscopeResult .bhava-rasi-cell .bhava-cusp,
#englishHoroscopeResult .bhava-rasi-cell .bhava-cusp{
  width:100%;
  box-sizing:border-box;
  margin:2px 0;
  padding:2px 3px;
  text-align:center;
  font-size:clamp(9px,1.9vw,13px)!important;
  line-height:1.15!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#tamilHoroscopeResult .bhava-rasi-cell .bhava-house-no,
#englishHoroscopeResult .bhava-rasi-cell .bhava-house-no{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.5em;
  font-weight:900;
  letter-spacing:.03em;
}
#tamilHoroscopeResult .bhava-rasi-cell .bhava-planet-house,
#englishHoroscopeResult .bhava-rasi-cell .bhava-planet-house{
  font-weight:900;
  white-space:nowrap;
}
/* V3/V165: latitude and longitude are visible and auto-filled from the selected place. */
#tamil-horoscope #tamilLat,#tamil-horoscope #tamilLon,#english-horoscope #englishLat,#english-horoscope #englishLon{display:block!important;}
#tamilHoroscopeResult .rasi-center-location,#englishHoroscopeResult .rasi-center-location{font-size:clamp(10px,2vw,14px);line-height:1.35;letter-spacing:0;margin-top:8px;font-weight:700;}
#tamilHoroscopeResult .rasi-center-location .rasi-center-place,#englishHoroscopeResult .rasi-center-location .rasi-center-place{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
#tamilHoroscopeResult .south-chart-center,
#englishHoroscopeResult .south-chart-center{
  font-size:clamp(17px,3.6vw,25px);
  line-height:1.25;
  letter-spacing:1px;
}
@media(max-width:700px){
  #tamilHoroscopeResult .south-indian-chart,
  #englishHoroscopeResult .south-indian-chart{width:100%;margin:12px auto 18px}
  #tamilHoroscopeResult .south-rasi-cell,
  #englishHoroscopeResult .south-rasi-cell{padding:5px 3px}
  #tamilHoroscopeResult .south-rasi-cell .sign,
  #englishHoroscopeResult .south-rasi-cell .sign{font-size:21px!important;min-height:23px}
  #tamilHoroscopeResult .south-rasi-cell .planet-line,
  #englishHoroscopeResult .south-rasi-cell .planet-line{font-size:14px!important;gap:2px;padding:2px 0}
  #tamilHoroscopeResult .south-rasi-cell .planet-degree,
  #englishHoroscopeResult .south-rasi-cell .planet-degree{font-size:9px!important}
  #tamilHoroscopeResult .bhava-rasi-cell .bhava-cusp,
  #englishHoroscopeResult .bhava-rasi-cell .bhava-cusp{font-size:9px!important;padding:2px 2px}
}
@media(min-width:701px){
  #tamilHoroscopeResult .south-rasi-cell .planet-line,
  #englishHoroscopeResult .south-rasi-cell .planet-line{font-size:16px!important}
}

/* smv-v164-chart-mobile-clean */

/* V164: mobile-safe South Indian charts. Calculation/data rendering is unchanged. */
#tamilHoroscopeResult .south-indian-chart,
#englishHoroscopeResult .south-indian-chart{
  width:min(620px,100%);
  max-width:100%;
  margin:14px auto 20px;
  aspect-ratio:1/1;
  overflow:hidden;
  box-sizing:border-box;
}
#tamilHoroscopeResult .south-rasi-cell,
#englishHoroscopeResult .south-rasi-cell{
  min-width:0;
  min-height:0;
  padding:4px 3px;
  overflow:hidden;
  box-sizing:border-box;
}
#tamilHoroscopeResult .south-rasi-cell .sign,
#englishHoroscopeResult .south-rasi-cell .sign{
  font-size:clamp(18px,3vw,27px)!important;
  min-height:22px;
  margin-bottom:1px;
  line-height:1;
}
#tamilHoroscopeResult .south-rasi-cell .house,
#englishHoroscopeResult .south-rasi-cell .house{
  font-size:clamp(7px,1.7vw,10px)!important;
  line-height:1.05;
  white-space:nowrap;
}
#tamilHoroscopeResult .south-rasi-cell .lagna,
#englishHoroscopeResult .south-rasi-cell .lagna{
  max-width:100%;
  padding:1px 2px;
  margin-top:2px;
  font-size:clamp(7px,1.8vw,11px)!important;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-sizing:border-box;
}
#tamilHoroscopeResult .south-rasi-cell .planet-line,
#englishHoroscopeResult .south-rasi-cell .planet-line{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:2px;
  width:100%;
  min-width:0;
  min-height:17px!important;
  padding:1px 0;
  margin:0;
  box-sizing:border-box;
  line-height:1.05!important;
  font-size:clamp(9px,2.15vw,14px)!important;
  overflow:hidden;
}
#tamilHoroscopeResult .south-rasi-cell .planet-glyph,
#englishHoroscopeResult .south-rasi-cell .planet-glyph{
  min-width:0;
  white-space:nowrap;
  font-size:1em!important;
  line-height:1;
}
#tamilHoroscopeResult .south-rasi-cell .planet-degree,
#englishHoroscopeResult .south-rasi-cell .planet-degree{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:clamp(7px,1.65vw,10px)!important;
  line-height:1.05;
}
#tamilHoroscopeResult .bhava-rasi-cell .bhava-cusp,
#englishHoroscopeResult .bhava-rasi-cell .bhava-cusp{
  max-width:100%;
  margin:1px 0;
  padding:1px 2px;
  box-sizing:border-box;
  font-size:clamp(7px,1.7vw,10px)!important;
  line-height:1.05!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#tamilHoroscopeResult .bhava-rasi-cell .bhava-planet-house,
#englishHoroscopeResult .bhava-rasi-cell .bhava-planet-house{
  font-size:.9em;
}
#tamilHoroscopeResult .south-chart-center,
#englishHoroscopeResult .south-chart-center{
  font-size:clamp(15px,3.4vw,25px);
  line-height:1.15;
  letter-spacing:.5px;
}
@media(max-width:520px){
  #tamilHoroscopeResult .south-indian-chart,
  #englishHoroscopeResult .south-indian-chart{
    width:100%;
    margin:10px auto 16px;
    border-width:2px;
  }
  #tamilHoroscopeResult .south-rasi-cell,
  #englishHoroscopeResult .south-rasi-cell{
    padding:3px 2px;
  }
  #tamilHoroscopeResult .south-rasi-cell .sign,
  #englishHoroscopeResult .south-rasi-cell .sign{
    font-size:20px!important;
    min-height:21px;
  }
  #tamilHoroscopeResult .south-rasi-cell .house,
  #englishHoroscopeResult .south-rasi-cell .house{
    font-size:7px!important;
  }
  #tamilHoroscopeResult .south-rasi-cell .planet-line,
  #englishHoroscopeResult .south-rasi-cell .planet-line{
    min-height:16px!important;
    font-size:9px!important;
    gap:1px;
  }
  #tamilHoroscopeResult .south-rasi-cell .planet-degree,
  #englishHoroscopeResult .south-rasi-cell .planet-degree{
    font-size:7.5px!important;
  }
  #tamilHoroscopeResult .bhava-rasi-cell .bhava-cusp,
  #englishHoroscopeResult .bhava-rasi-cell .bhava-cusp{
    font-size:7.5px!important;
  }
}

/* smv-v165-dynamic-house-labels */

/* V165: dynamic house labels. No zodiac glyphs in the three main charts. */
#tamilHoroscopeResult .dynamic-rasi-number,
#englishHoroscopeResult .dynamic-rasi-number{
  font-size:clamp(16px,3.4vw,25px);
  font-weight:800;
  line-height:1.05;
  min-height:24px;
  margin:2px 0;
  text-align:center;
  color:#6f4d2c;
}
#tamilHoroscopeResult .south-rasi-cell .lagna,
#englishHoroscopeResult .south-rasi-cell .lagna{
  display:inline-block;
  font-weight:900;
  color:#a66b00;
  background:transparent;
  border:0;
  padding:0;
  margin:1px 0 2px;
  line-height:1;
}
#tamilHoroscopeResult .bhava-rasi-cell .bhava-cusp,
#englishHoroscopeResult .bhava-rasi-cell .bhava-cusp{
  border:0!important;
  background:transparent!important;
  padding:1px 0!important;
  margin:1px 0!important;
  font-weight:900;
  text-align:center;
}
#tamilHoroscopeResult .bhava-rasi-cell .bhava-house-no,
#englishHoroscopeResult .bhava-rasi-cell .bhava-house-no{
  font-size:clamp(14px,3vw,22px);
  color:#6f4d2c;
}
@media(max-width:520px){
  #tamilHoroscopeResult .dynamic-rasi-number,
  #englishHoroscopeResult .dynamic-rasi-number{font-size:19px!important;min-height:21px}
  #tamilHoroscopeResult .south-rasi-cell .lagna,
  #englishHoroscopeResult .south-rasi-cell .lagna{font-size:9px!important}
  #tamilHoroscopeResult .bhava-rasi-cell .bhava-house-no,
  #englishHoroscopeResult .bhava-rasi-cell .bhava-house-no{font-size:16px!important}
}

/* smv-v166-planet-only-chart-clean */

/* V166: Keep dynamic house numbers; remove all ராசி names/symbols.
   Planet labels are slightly larger while fitting safely inside cells. */
#tamilHoroscopeResult .south-rasi-cell .sign,
#englishHoroscopeResult .south-rasi-cell .sign,
#tamilHoroscopeResult .south-rasi-cell .rasi-name,
#englishHoroscopeResult .south-rasi-cell .rasi-name{display:none!important}
#tamilHoroscopeResult .south-rasi-cell .planet-line,
#englishHoroscopeResult .south-rasi-cell .planet-line{
  display:flex!important;align-items:center;justify-content:center;gap:4px;
  font-size:clamp(13px,2.7vw,18px)!important;font-weight:900!important;
  line-height:1.25!important;min-height:22px;padding:2px 1px;
  white-space:nowrap;overflow:hidden;
}
#tamilHoroscopeResult .south-rasi-cell .planet-glyph,
#englishHoroscopeResult .south-rasi-cell .planet-glyph{
  font-size:1em!important;font-weight:900!important;
}
#tamilHoroscopeResult .south-rasi-cell .planet-degree,
#englishHoroscopeResult .south-rasi-cell .planet-degree{
  font-size:.72em!important;font-weight:800!important;white-space:nowrap;
}
#tamilHoroscopeResult .south-rasi-cell .dynamic-rasi-number,
#englishHoroscopeResult .south-rasi-cell .dynamic-rasi-number{
  font-size:clamp(17px,3.5vw,24px)!important;font-weight:900!important;
  color:#6f4d2c!important;line-height:1.05!important;
}
#tamilHoroscopeResult .south-rasi-cell .lagna,
#englishHoroscopeResult .south-rasi-cell .lagna{
  font-size:10px!important;font-weight:900!important;color:#a66b00!important;
}
@media(max-width:520px){
 #tamilHoroscopeResult .south-rasi-cell .planet-line,
 #englishHoroscopeResult .south-rasi-cell .planet-line{font-size:15px!important;gap:3px;min-height:20px}
 #tamilHoroscopeResult .south-rasi-cell .planet-degree,
 #englishHoroscopeResult .south-rasi-cell .planet-degree{font-size:9px!important}
 #tamilHoroscopeResult .south-rasi-cell .dynamic-rasi-number,
 #englishHoroscopeResult .south-rasi-cell .dynamic-rasi-number{font-size:19px!important}
}

/* smv-v167-all-planets-fit */

/* V167: show every calculated planet (including Rahu/Ketu and Saturn) without clipping.
   Keep planet names readable while making multi-planet cells fit inside the fixed chart. */
#tamilHoroscopeResult .south-rasi-cell,
#englishHoroscopeResult .south-rasi-cell{
  overflow:hidden!important;
  padding:4px 3px!important;
}
#tamilHoroscopeResult .south-rasi-cell .planet-line,
#englishHoroscopeResult .south-rasi-cell .planet-line{
  font-size:13px!important;
  line-height:1.05!important;
  min-height:0!important;
  height:auto!important;
  padding:1px 0!important;
  gap:2px!important;
  margin:0!important;
}
#tamilHoroscopeResult .south-rasi-cell .planet-degree,
#englishHoroscopeResult .south-rasi-cell .planet-degree{
  font-size:8px!important;
  line-height:1!important;
}
#tamilHoroscopeResult .south-rasi-cell .dynamic-rasi-number,
#englishHoroscopeResult .south-rasi-cell .dynamic-rasi-number{
  font-size:18px!important;
  min-height:0!important;
  margin:1px 0!important;
}
#tamilHoroscopeResult .south-rasi-cell .lagna,
#englishHoroscopeResult .south-rasi-cell .lagna{
  font-size:9px!important;
  line-height:1!important;
  margin:0 0 1px!important;
}

/* smv-v171-desktop-comfort */

/* V171: desktop/tablet comfort only. Chart calculations and data are untouched. */
@media (min-width: 901px){
  #tamilHoroscopeResult,#englishHoroscopeResult{max-width:1240px;margin:0 auto;font-size:17px;line-height:1.7}
  #tamilHoroscopeResult>.card,#englishHoroscopeResult>.card{padding:30px 38px!important}
  #tamilHoroscopeResult .south-indian-chart,#englishHoroscopeResult .south-indian-chart{width:min(760px,78vw)!important;max-width:760px!important;margin:22px auto 30px!important;border-width:3px!important}
  #tamilHoroscopeResult .south-rasi-cell,#englishHoroscopeResult .south-rasi-cell{padding:12px 8px!important;min-width:0}
  #tamilHoroscopeResult .dynamic-rasi-number,#englishHoroscopeResult .dynamic-rasi-number{font-size:24px!important;line-height:1.05!important;font-weight:900!important;margin-bottom:7px!important}
  #tamilHoroscopeResult .south-rasi-cell .planet-line,#englishHoroscopeResult .south-rasi-cell .planet-line{font-size:18px!important;line-height:1.35!important;gap:6px!important;padding:4px 2px!important;white-space:nowrap!important}
  #tamilHoroscopeResult .south-rasi-cell .planet-glyph,#englishHoroscopeResult .south-rasi-cell .planet-glyph{font-size:1.05em!important}
  #tamilHoroscopeResult .south-rasi-cell .planet-degree,#englishHoroscopeResult .south-rasi-cell .planet-degree{font-size:.78em!important}
  #tamilHoroscopeResult .south-rasi-cell .lagna,#englishHoroscopeResult .south-rasi-cell .lagna{font-size:14px!important;padding:4px 8px!important;margin:2px 0 4px!important}
  #tamilHoroscopeResult .south-chart-center,#englishHoroscopeResult .south-chart-center{font-size:21px!important;line-height:1.35!important}
  #tamilHoroscopeResult .navamsa-planet-only .planet-glyph,#englishHoroscopeResult .navamsa-planet-only .planet-glyph{font-size:1.08em!important}
  #tamilHoroscopeResult .bhava-rasi-cell .planet-line,#englishHoroscopeResult .bhava-rasi-cell .planet-line{font-size:17px!important;line-height:1.35!important}
  #tamilHoroscopeResult .bhava-rasi-cell .bhava-house-no,#englishHoroscopeResult .bhava-rasi-cell .bhava-house-no{font-size:19px!important;font-weight:900!important}
  #tamilHoroscopeResult h2,#englishHoroscopeResult h2{font-size:34px!important}
  #tamilHoroscopeResult h3,#englishHoroscopeResult h3{font-size:26px!important;margin-top:30px!important}
  #tamilHoroscopeResult .data-table,#englishHoroscopeResult .data-table{font-size:15px}
  .horoscope-export-actions{max-width:760px!important;margin:28px auto 8px!important;flex-direction:row!important;gap:18px!important}
  .horoscope-export-actions .btn{min-height:58px!important;font-size:16px!important;flex:1 1 0!important}
}
@media (min-width: 701px) and (max-width: 900px){
  #tamilHoroscopeResult,#englishHoroscopeResult{max-width:980px;margin:0 auto}
  #tamilHoroscopeResult .south-indian-chart,#englishHoroscopeResult .south-indian-chart{width:min(700px,88vw)!important}
  #tamilHoroscopeResult .south-rasi-cell .planet-line,#englishHoroscopeResult .south-rasi-cell .planet-line{font-size:16px!important}
}

/* smv-v174-answer-protection */

#astroQuestionQueue .astro-question-item.pending-approval textarea{border:2px solid #c79b52;background:#fffdf8}
#astroQuestionQueue .astro-question-item.pending-approval .pending-note{color:#7a5a22;font-weight:800}

/* smv-astro-question-answer-sections */
.astro-question-item,.astro-answer-item{overflow:hidden}.astro-question-item textarea{min-height:180px;resize:vertical}#astroQuestionQueue,#astroAnsweredBox{scroll-margin-top:90px}@media(min-width:768px){#astroQuestionQueue .astro-question-item,#astroAnsweredBox .astro-answer-item{padding:18px 20px}}
/* smv-content-feature-css */

/* SMV ASTRO Blogs / Media feature — isolated styles */
#blogList .blog-card{min-width:0}
.blog-content{white-space:pre-wrap;line-height:1.75}
.admin-blog-row{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;background:#fffdf8}
.admin-blog-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
@media(max-width:650px){.action-row[style*="grid-template-columns"]{grid-template-columns:1fr!important}}
#smv-content-hub .media-card{overflow:hidden}
#smv-content-hub .media-card img,#smv-content-hub .media-card video{width:100%;max-height:420px;object-fit:contain;border-radius:10px;background:#f8f5ed}#smv-content-hub .media-card audio{width:100%;margin:8px 0}
#smv-content-hub .blog-card{height:100%;display:flex;flex-direction:column}
#smv-content-hub .blog-card .blog-content{margin-top:8px}
.content-thumb{width:100%;max-height:240px;object-fit:cover;border-radius:10px;margin:8px 0}
.admin-content-row{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;background:#fffdf8}
.admin-content-row img{max-width:140px;max-height:90px;border-radius:8px}

/* smv-blogmedia-nav-css */
#contentNav{font-weight:800;white-space:nowrap}#smv-content-hub.hidden{display:none!important}
/* smv-final-mobile-header-alignment */

/* FINAL MOBILE HEADER: smaller, equal-size buttons without changing page layout */
@media (max-width: 767px){
  .nav{
    width:100%!important;
    box-sizing:border-box!important;
    padding:8px 10px!important;
    gap:7px!important;
  }

  .nav nav{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    box-sizing:border-box!important;
  }

  .nav nav a,
  .nav nav button,
  .nav nav .btn{
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    flex:0 0 90px!important;
    box-sizing:border-box!important;
    padding:0 5px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
    border-radius:7px!important;
  }

  /* Keep the role/action colors exactly as they are. */
  .nav nav #authBtn.smv-logout-btn{
    height:40px!important;
    min-height:40px!important;
  }
  .nav nav #dashLink.smv-role-green,
  .nav nav #adminLink.smv-role-green{
    height:40px!important;
    min-height:40px!important;
  }
}

@media (max-width:380px){
  .nav nav{
    gap:5px!important;
  }
  .nav nav a,
  .nav nav button,
  .nav nav .btn{
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    flex-basis:86px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    font-size:10.5px!important;
  }
}

/* smv-final-header-small-stylish-v2 */

/* =========================================================
   SMV ASTRO FINAL HEADER
   - Large centered brand
   - Small stylish navigation buttons
   - ONE role-aware Dashboard button
   - No visible Admin button
   ========================================================= */

header{
  text-align:center!important;
}

header .nav{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:14px 10px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  box-sizing:border-box!important;
}

header .brand{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  text-align:center!important;
}

header .brand-logo{
  width:64px!important;
  height:64px!important;
  object-fit:contain!important;
}

header .brand-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

header .brand-text .logo{
  font-size:42px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:1.2px!important;
  text-align:center!important;
}

header .brand-sub{
  margin-top:5px!important;
  font-size:11px!important;
  letter-spacing:2px!important;
  font-weight:800!important;
  text-align:center!important;
}

header nav{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}

/* ALL header buttons/links become small and consistent */
header nav a,
header nav button,
header nav .btn{
  width:auto!important;
  min-width:96px!important;
  max-width:120px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:6px 10px!important;
  margin:0!important;
  border-radius:9px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.15px!important;
  white-space:nowrap!important;
  border:1px solid #751515!important;
  box-shadow:0 3px 9px rgba(70,30,20,.15)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}

header nav a:hover,
header nav button:hover,
header nav .btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 6px 13px rgba(70,30,20,.22)!important;
  filter:brightness(1.04)!important;
}

/* Role-aware button: Customer / Astrologer / Admin */
header nav #dashLink.smv-role-green{
  background:linear-gradient(135deg,#16803a,#0d5c29)!important;
  border-color:#0b4f23!important;
  color:#fff!important;
}

/* Logout remains red */
header nav #authBtn.smv-logout-btn{
  background:linear-gradient(135deg,#b52f2f,#7f1515)!important;
  border-color:#6f1111!important;
  color:#fff!important;
}

/* Admin link can exist for old JS references but must never appear */
header nav #adminLink{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
}

/* Tablet/desktop: compact professional sizing */
@media (min-width:768px){
  header nav a,
  header nav button,
  header nav .btn{
    min-width:98px!important;
    height:37px!important;
    min-height:37px!important;
    max-height:37px!important;
    font-size:12px!important;
  }

  header nav #contentNav{
    min-width:116px!important;
  }
}

/* Mobile: genuinely small buttons */
@media (max-width:767px){
  header .nav{
    padding:9px 7px 9px!important;
    gap:8px!important;
  }

  header .brand{
    gap:9px!important;
  }

  header .brand-logo{
    width:58px!important;
    height:58px!important;
  }

  header .brand-text .logo{
    font-size:30px!important;
    letter-spacing:.7px!important;
  }

  header .brand-sub{
    font-size:8px!important;
    letter-spacing:1.35px!important;
    margin-top:4px!important;
  }

  header nav{
    gap:6px!important;
  }

  header nav a,
  header nav button,
  header nav .btn{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:5px 4px!important;
    border-radius:8px!important;
    font-size:10.5px!important;
  }

  header nav #contentNav{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
  }
}

@media (max-width:380px){
  header .brand-logo{
    width:52px!important;
    height:52px!important;
  }

  header .brand-text .logo{
    font-size:27px!important;
  }

  header .brand-sub{
    font-size:7.5px!important;
    letter-spacing:1.1px!important;
  }

  header nav{
    gap:5px!important;
  }

  header nav a,
  header nav button,
  header nav .btn{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:9.8px!important;
  }

  header nav #contentNav{
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
  }
}

/* smv-final-home-rules-centered */

/* FINAL MOBILE TITLE ALIGNMENT:
   Keep every decorative section title mathematically centered,
   including titles that wrap onto two lines. */
.home-rule{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(18px,1fr) auto minmax(18px,1fr)!important;
  align-items:center!important;
  justify-items:center!important;
  gap:10px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.home-rule:before,
.home-rule:after{
  width:100%!important;
  max-width:150px!important;
  box-sizing:border-box!important;
}
.home-rule > span:nth-child(2){
  min-width:0!important;
  max-width:min(72vw,520px)!important;
  text-align:center!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:700px){
  .home-rule{
    grid-template-columns:minmax(12px,1fr) minmax(0,auto) minmax(12px,1fr)!important;
    gap:8px!important;
    padding:0 2px!important;
  }
  .home-rule:before,
  .home-rule:after{
    width:100%!important;
    max-width:none!important;
  }
  .home-rule > span:nth-child(2){
    max-width:62vw!important;
    line-height:1.55!important;
    text-align:center!important;
  }
}

/* smv-final-mobile-title-comfort */

/* FINAL MOBILE TITLE REFINEMENT
   Compact temple-style divider: short balanced lines + stars + centered title.
   This replaces the previous wide grid treatment that made mobile headings
   visually split and uncomfortable. */
.home-rule{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:8px auto 22px!important;
  padding:0 8px!important;
  text-align:center!important;
}
.home-rule:before,
.home-rule:after{
  content:""!important;
  display:block!important;
  flex:0 1 72px!important;
  width:72px!important;
  max-width:72px!important;
  height:1px!important;
  box-sizing:border-box!important;
}
.home-rule > span{
  flex:0 0 auto!important;
}
.home-rule > span:first-of-type,
.home-rule > span:last-of-type{
  width:12px!important;
  min-width:12px!important;
  font-size:13px!important;
  line-height:1!important;
  text-align:center!important;
}
.home-rule > span:nth-of-type(2){
  width:auto!important;
  max-width:180px!important;
  min-width:0!important;
  font-size:12px!important;
  line-height:1.5!important;
  letter-spacing:3px!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

@media(max-width:700px){
  .home-rule{
    gap:6px!important;
    margin:8px auto 20px!important;
    padding:0 4px!important;
  }
  .home-rule:before,
  .home-rule:after{
    flex:0 1 48px!important;
    width:48px!important;
    max-width:48px!important;
  }
  .home-rule > span:first-of-type,
  .home-rule > span:last-of-type{
    width:10px!important;
    min-width:10px!important;
    font-size:12px!important;
  }
  .home-rule > span:nth-of-type(2){
    max-width:165px!important;
    font-size:11px!important;
    letter-spacing:3px!important;
    line-height:1.65!important;
  }
}

@media(max-width:380px){
  .home-rule{
    gap:5px!important;
  }
  .home-rule:before,
  .home-rule:after{
    flex-basis:34px!important;
    width:34px!important;
    max-width:34px!important;
  }
  .home-rule > span:nth-of-type(2){
    max-width:150px!important;
    letter-spacing:2.5px!important;
  }
}

/* smv-dashboard-readable-ui */

/*
  SMV ASTRO — READABLE DASHBOARD UI
  The previous dashboard rules reduced typography down to 7–13px in several
  places. This final layer restores comfortable reading sizes on both phone
  and desktop without changing dashboard logic or data.
*/

/* ---------- Desktop / tablet ---------- */
@media (min-width:768px){
  #dashboard{
    width:100%!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  #dashboardContent{
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto!important;
  }

  #dashboardContent > .card,
  #dashboardContent > .grid > .card{
    padding:22px!important;
  }

  #dashboardContent > .card h2,
  #dashboardContent > .card h3{
    font-size:24px!important;
    line-height:1.3!important;
    margin:5px 0 12px!important;
  }

  #dashboardContent > .card p{
    font-size:16px!important;
    line-height:1.65!important;
    margin:8px 0!important;
  }

  #dashboardContent > .card .small{
    font-size:14px!important;
    line-height:1.6!important;
  }

  #dashboardContent > .card .empty{
    padding:28px 12px!important;
    font-size:16px!important;
    line-height:1.6!important;
  }

  #dashboardContent > .card .card{
    padding:18px!important;
    margin-top:12px!important;
  }

  #dashboardContent > .card .card h3{
    font-size:20px!important;
    line-height:1.35!important;
  }

  #dashboardContent > .card .card p{
    font-size:15px!important;
    line-height:1.6!important;
  }

  #dashboardContent > .card .card .small{
    font-size:14px!important;
    line-height:1.55!important;
  }

  #dashboardContent > .card .btn,
  #dashboardContent .btn{
    min-height:44px!important;
    padding:10px 16px!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  #dashboardContent .badge{
    font-size:13px!important;
    padding:7px 12px!important;
  }

  #dashboardContent textarea{
    font-size:15px!important;
    line-height:1.65!important;
    min-height:180px!important;
  }
}

/* ---------- Comfortable mobile reading ---------- */
@media (max-width:767px){
  #dashboard{
    width:100%!important;
    margin-top:18px!important;
  }

  #dashboardContent{
    width:100%!important;
    max-width:100%!important;
  }

  /* Main dashboard cards */
  #dashboardContent > .card,
  #dashboardContent > .grid > .card{
    padding:20px 18px!important;
    margin-bottom:12px!important;
    border-radius:15px!important;
  }

  /* Section headings */
  #dashboardContent > .card h2,
  #dashboardContent > .card h3{
    font-size:23px!important;
    line-height:1.3!important;
    margin:5px 0 12px!important;
    letter-spacing:0!important;
  }

  /* Normal descriptive text */
  #dashboardContent > .card p{
    font-size:16px!important;
    line-height:1.65!important;
    margin:8px 0!important;
  }

  /* Details / IDs / dates */
  #dashboardContent > .card .small{
    font-size:14px!important;
    line-height:1.6!important;
  }

  /* Empty-state messages */
  #dashboardContent > .card .empty{
    padding:28px 8px!important;
    font-size:16px!important;
    line-height:1.6!important;
  }

  /* கேள்வி/answer inner cards */
  #dashboardContent > .card .card{
    padding:17px!important;
    margin-top:12px!important;
    border-radius:13px!important;
  }

  #dashboardContent > .card .card h3{
    font-size:20px!important;
    line-height:1.4!important;
    margin:6px 0 10px!important;
  }

  #dashboardContent > .card .card p{
    font-size:15px!important;
    line-height:1.6!important;
  }

  #dashboardContent > .card .card .small{
    font-size:14px!important;
    line-height:1.6!important;
  }

  #dashboardContent .badge{
    font-size:13px!important;
    padding:7px 12px!important;
    line-height:1.25!important;
  }

  #dashboardContent .btn{
    min-height:46px!important;
    padding:11px 16px!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
  }

  #dashboardContent textarea{
    font-size:15px!important;
    line-height:1.65!important;
    min-height:190px!important;
    padding:13px!important;
  }

  /* Keep long IDs and birth details readable without forcing horizontal scroll. */
  #dashboardContent .small,
  #dashboardContent p,
  #dashboardContent h2,
  #dashboardContent h3{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* Cleaner separation between dashboard sections */
  #dashboardContent > .card + .card{
    margin-top:14px!important;
  }
}

/* Extra-small phones */
@media (max-width:380px){
  #dashboardContent > .card,
  #dashboardContent > .grid > .card{
    padding:18px 15px!important;
  }

  #dashboardContent > .card h2,
  #dashboardContent > .card h3{
    font-size:21px!important;
  }

  #dashboardContent > .card p{
    font-size:15px!important;
  }

  #dashboardContent > .card .small{
    font-size:13.5px!important;
  }

  #dashboardContent > .card .card h3{
    font-size:19px!important;
  }
}

/* smv-final-readable-typography */

/*
  SMV ASTRO — FINAL READABLE TYPOGRAPHY
  UI/data/functionality unchanged.
  Purpose: make dashboard/admin/customer/astrologer content comfortably readable
  on both mobile and desktop, especially status, IDs, dates and consultation rows.
*/

/* Global normal text baseline */
body{
  font-size:16px;
}

/* Customer + Astrologer dashboard */
#dashboard,
#dashboardContent{
  font-size:16px!important;
}

#dashboardContent > .card,
#dashboardContent > .grid > .card,
#dashboardContent .astro-dashboard-summary > .card{
  font-size:16px!important;
}

#dashboardContent h2{
  font-size:26px!important;
  line-height:1.3!important;
}
#dashboardContent h3{
  font-size:22px!important;
  line-height:1.35!important;
}
#dashboardContent h4{
  font-size:19px!important;
  line-height:1.4!important;
}


#dashboardContent > .card .card p{
  font-size:16px!important;
  line-height:1.65!important;
}
#dashboardContent > .card .card .small{
  font-size:15px!important;
}

/* Admin dashboard */
#admin{
  font-size:16px!important;
}
#admin h2{font-size:26px!important;line-height:1.3!important}
#admin h3{font-size:22px!important;line-height:1.35!important}
#admin p,
#admin div,
#admin span,
#admin label,
#admin b,
#admin strong{
  font-size:16px!important;
  line-height:1.55!important;
}
#admin .small{
  font-size:15px!important;
  line-height:1.6!important;
}
#admin .btn{
  font-size:15px!important;
  min-height:46px!important;
}
#admin .badge{
  font-size:14px!important;
}

/* கேள்வி form / other logged-in content */
#ask-flow,
#register-flow,
#astro-register-form{
  font-size:16px!important;
}
#ask-flow p,#ask-flow label,
#register-flow p,#register-flow label,
#astro-register-form p,#astro-register-form label{
  font-size:16px!important;
  line-height:1.6!important;
}
#ask-flow .small,
#register-flow .small,
#astro-register-form .small{
  font-size:15px!important;
}

/* Tables: readable on desktop and phone while retaining existing horizontal fitting */
#admin table,
#dashboardContent table{
  font-size:14px!important;
}
#admin th,#admin td,
#dashboardContent th,#dashboardContent td{
  font-size:14px!important;
  line-height:1.45!important;
}

/* Mobile: deliberately keep readable sizes; do not shrink to 11–13px */
@media (max-width:767px){
  body{font-size:16px!important}

  #dashboard,
  #dashboardContent,
  #admin,
  #ask-flow,
  #register-flow,
  #astro-register-form{
    font-size:16px!important;
  }

  #dashboardContent h2,#admin h2{font-size:24px!important}
  #dashboardContent h3,#admin h3{font-size:20px!important}
  #dashboardContent h4,#admin h4{font-size:18px!important}

  #dashboardContent p,
  #dashboardContent div,
  #dashboardContent span,
  #dashboardContent label,
  #dashboardContent b,
  #dashboardContent strong,
  #admin p,
  #admin div,
  #admin span,
  #admin label,
  #admin b,
  #admin strong{
    font-size:16px!important;
    line-height:1.55!important;
  }

  #dashboardContent .small,
  #admin .small{
    font-size:14px!important;
    line-height:1.6!important;
  }

  #dashboardContent [style*="border-bottom"]{
    padding-top:17px!important;
    padding-bottom:17px!important;
  }

  #dashboardContent [style*="border-bottom"] > b:first-child{
    font-size:17px!important;
  }

  #dashboardContent .timeline-step{
    font-size:13px!important;
    padding:7px 9px!important;
  }

  #dashboardContent .btn,
  #admin .btn{
    font-size:15px!important;
  }

  #dashboardContent .badge,
  #admin .badge{
    font-size:13px!important;
  }

  #admin table,
  #dashboardContent table{
    font-size:14px!important;
  }
  #admin th,#admin td,
  #dashboardContent th,#dashboardContent td{
    font-size:14px!important;
  }
}

@media (max-width:380px){
  #dashboardContent p,
  #dashboardContent div,
  #dashboardContent span,
  #dashboardContent label,
  #dashboardContent b,
  #dashboardContent strong,
  #admin p,
  #admin div,
  #admin span,
  #admin label,
  #admin b,
  #admin strong{
    font-size:15.5px!important;
  }

  #dashboardContent .small,
  #admin .small{
    font-size:14px!important;
  }

  #dashboardContent h2,#admin h2{font-size:22px!important}
  #dashboardContent h3,#admin h3{font-size:19px!important}
}

/* smv-whole-website-comfortable-text */

/*
  SMV ASTRO — WHOLE WEBSITE COMFORTABLE TEXT
  Reference: supplied FAQ screenshot.
  Goal: a consistently comfortable reading scale across the entire site
  on phones AND desktop. Functionality/data/layout logic are untouched.
*/

/* ---------- Site-wide readable baseline ---------- */
html{font-size:100%!important}
body{
  font-size:18px!important;
  line-height:1.6!important;
}

/* Main readable content */
main,section,article,.container,.card,.hero,.faq-section,
#home,#faq,#contact,#content,#about,#dashboard,#admin,
#dashboardContent,#adminContent{
  font-size:18px!important;
}

/* Normal copy */
p,li,dd,dt,label,legend{
  font-size:18px!important;
  line-height:1.65!important;
}

/* Headings — visually similar hierarchy to the supplied FAQ screenshot */
h1{
  font-size:clamp(32px,4vw,46px)!important;
  line-height:1.2!important;
}
h2{
  font-size:clamp(28px,3.2vw,38px)!important;
  line-height:1.25!important;
}
h3{
  font-size:clamp(22px,2.5vw,30px)!important;
  line-height:1.3!important;
}
h4{
  font-size:20px!important;
  line-height:1.4!important;
}

/* FAQ */
.faq-section,.faq-section *{
  line-height:1.55!important;
}
.faq-section h2{font-size:clamp(30px,4vw,42px)!important}
.faq-section h3,
.faq-section summary{
  font-size:clamp(20px,2.5vw,28px)!important;
  line-height:1.4!important;
}
.faq-section p,
.faq-section .faq-answer,
.faq-section li{
  font-size:18px!important;
  line-height:1.7!important;
}

/* Header/navigation: larger, but still compact enough to fit */
.logo{font-size:28px!important}
.brand-sub{font-size:12px!important}
nav a,nav button{font-size:15px!important}
.btn{font-size:16px!important;line-height:1.3!important}

/* Forms */
input,select,textarea{
  font-size:17px!important;
  line-height:1.5!important;
}
input::placeholder,textarea::placeholder{font-size:16px!important}
button{font-size:16px!important}

/* Cards and status content */
.card{
  font-size:18px!important;
}
.card p{font-size:18px!important;line-height:1.65!important}
.card .small,.small{
  font-size:16px!important;
  line-height:1.6!important;
}
.card h2{font-size:28px!important}
.card h3{font-size:23px!important}

/* Dashboard — make every ordinary piece of information comfortable */
#dashboardContent,
#admin{
  font-size:18px!important;
}
#dashboardContent p,
#dashboardContent label,
#dashboardContent li,
#admin p,
#admin label,
#admin li{
  font-size:17px!important;
  line-height:1.6!important;
}
#dashboardContent .small,
#admin .small{
  font-size:16px!important;
  line-height:1.6!important;
}
#dashboardContent h2,#admin h2{font-size:28px!important}
#dashboardContent h3,#admin h3{font-size:23px!important}
#dashboardContent h4,#admin h4{font-size:20px!important}

/* ஆலோசனை/question list — the text seen in the screenshot */
#dashboardContent [style*="border-bottom"]{
  font-size:17px!important;
  line-height:1.6!important;
}
#dashboardContent [style*="border-bottom"] > b:first-child{
  font-size:19px!important;
  line-height:1.45!important;
}
#dashboardContent [style*="border-bottom"] .small{
  font-size:16px!important;
  line-height:1.6!important;
}

/* Badges / timeline */
.badge,#dashboardContent .badge,#admin .badge{
  font-size:14px!important;
  line-height:1.3!important;
}
.timeline-step,#dashboardContent .timeline-step{
  font-size:15px!important;
  line-height:1.4!important;
}

/* Tables */
table,table th,table td{
  font-size:15px!important;
  line-height:1.5!important;
}
table th{font-weight:800!important}

/* Horoscope/chart text: increase readable labels without forcing oversized
   text into the fixed chart cells. */
.south-rasi-cell .planet-line{
  font-size:clamp(13px,1.8vw,16px)!important;
  line-height:1.35!important;
}
.south-rasi-cell .planet-degree{
  font-size:12px!important;
}
.south-rasi-cell .house{font-size:12px!important}
.south-rasi-cell .lagna{font-size:13px!important}
.bhava-rasi-cell .planet-line{font-size:clamp(13px,1.7vw,15px)!important}
.bhava-rasi-cell .bhava-cusp{font-size:11px!important}

/* Footer */
footer p,footer li,footer a{font-size:16px!important;line-height:1.6!important}

/* ---------- Mobile: match the comfortable scale of the supplied screenshot ---------- */
@media(max-width:767px){
  body{
    font-size:18px!important;
    line-height:1.6!important;
  }

  main,section,article,.container,.card,.hero,
  #home,#faq,#contact,#content,#about,#dashboard,#admin,
  #dashboardContent,#adminContent{
    font-size:18px!important;
  }

  p,li,dd,dt,label,legend{
    font-size:18px!important;
    line-height:1.65!important;
  }

  h1{font-size:34px!important}
  h2{font-size:29px!important}
  h3{font-size:22px!important}
  h4{font-size:19px!important}

  .logo{font-size:24px!important}
  .brand-sub{font-size:10px!important}
  nav a,nav button{font-size:14px!important}
  .btn{font-size:15px!important}

  input,select,textarea{
    font-size:17px!important;
  }

  .card p{font-size:18px!important}
  .card .small,.small{
    font-size:16px!important;
  }

  #dashboardContent p,
  #dashboardContent label,
  #dashboardContent li,
  #admin p,
  #admin label,
  #admin li{
    font-size:17px!important;
    line-height:1.6!important;
  }

  #dashboardContent .small,#admin .small{
    font-size:16px!important;
  }

  #dashboardContent [style*="border-bottom"] > b:first-child{
    font-size:18px!important;
  }

  #dashboardContent [style*="border-bottom"] .small{
    font-size:16px!important;
  }

  table,table th,table td{
    font-size:14px!important;
    line-height:1.5!important;
  }

  .south-rasi-cell .planet-line{
    font-size:14px!important;
  }
  .south-rasi-cell .planet-degree{font-size:11px!important}
  .south-rasi-cell .house{font-size:11px!important}
  .south-rasi-cell .lagna{font-size:12px!important}
  .bhava-rasi-cell .planet-line{font-size:13px!important}
  .bhava-rasi-cell .bhava-cusp{font-size:10px!important}

  footer p,footer li,footer a{font-size:15px!important}
}

/* Extra-small phones: do NOT collapse typography to tiny 9–12px text. */
@media(max-width:380px){
  body{font-size:17px!important}
  p,li,dd,dt,label,legend{font-size:17px!important}
  h1{font-size:31px!important}
  h2{font-size:27px!important}
  h3{font-size:21px!important}
  .card p{font-size:17px!important}
  .card .small,.small{font-size:15px!important}
}

/* ---------- Desktop: retain the same comfortable reading character ---------- */
@media(min-width:768px){
  body{font-size:18px!important}

  p,li,dd,dt,label,legend{
    font-size:18px!important;
  }

  .card p{font-size:18px!important}
  .card .small,.small{font-size:16px!important}

  #dashboardContent p,
  #dashboardContent label,
  #dashboardContent li,
  #admin p,
  #admin label,
  #admin li{
    font-size:17px!important;
  }

  #dashboardContent .small,#admin .small{
    font-size:16px!important;
  }

  table,table th,table td{
    font-size:15px!important;
  }
}

/* smv-welcome-center-mobile-only-final */

/*
  FINAL SURGICAL FIX
  ONLY the "WELCOME TO SMV ASTRO SERVICES" label is centered on mobile.
  All other elements and functionality remain untouched.
*/
@media (max-width:700px){
  #home.hero > .badge{
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:center!important;
    display:block!important;
    box-sizing:border-box!important;
  }
}

/* smv-welcome-exact-center-final */

/*
  DEFINITIVE SURGICAL FIX
  ONLY the WELCOME TO SMV ASTRO SERVICES text.
  The stars are taken out of the text-flow so the WORDS themselves
  sit exactly on the viewport center line.
*/
@media (max-width:700px){
  #home.hero > .badge{
    position:relative!important;
    left:0!important;
    right:0!important;
    transform:none!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:normal!important;
  }

  #home.hero > .badge::before,
  #home.hero > .badge::after{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }

  #home.hero > .badge::before{
    left:calc(50% - 145px)!important;
  }

  #home.hero > .badge::after{
    right:calc(50% - 145px)!important;
  }
}

/* smv-traditional-indian-premium-theme */

/*
  SMV ASTRO — TRADITIONAL INDIAN PREMIUM THEME
  SAFE DESIGN-ONLY LAYER.
  No HTML content, IDs, JavaScript, Firebase, authentication,
  payment flow, navigation logic, or application functionality is changed.
  Palette: Deep Red + Temple Gold + Warm White.
*/

/* ===== Core palette / typography ===== */
:root{
  --smv-red:#8f1717;
  --smv-red-dark:#651010;
  --smv-red-soft:#a82b22;
  --smv-gold:#b8862d;
  --smv-gold-light:#d7b45a;
  --smv-cream:#fffdf7;
  --smv-white:#ffffff;
  --smv-ink:#351a1a;
  --smv-muted:#5f4c4c;
  --smv-border:rgba(184,134,45,.45);
  --smv-shadow:0 10px 28px rgba(101,16,16,.12);
}

html{
  background:var(--smv-cream)!important;
}

body{
  background:
    radial-gradient(circle at 18% 12%,rgba(184,134,45,.07) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 28%,rgba(143,23,23,.045) 0 2px,transparent 3px),
    linear-gradient(180deg,#fffdf8 0%,#fffaf0 48%,#fffdf8 100%)!important;
  background-size:34px 34px,42px 42px,100% 100%!important;
  color:var(--smv-ink)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
  line-height:1.65!important;
}

/* Make all normal site text strong and substantial without changing icons/images */
p,li,dd,dt,label,legend,small,
main,section,article,.container,.card,
#home,#faq,#contact,#content,#about,#dashboard,#admin,
#dashboardContent,#adminContent{
  font-weight:600!important;
}

p,li,dd,dt,label,legend{
  color:var(--smv-muted)!important;
}

/* ===== Headings ===== */
h1,h2,h3,h4,h5,h6{
  color:var(--smv-red)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:900!important;
  letter-spacing:.3px!important;
  text-shadow:0 1px 0 rgba(184,134,45,.12)!important;
}

h1{font-weight:900!important}
h2{font-weight:900!important}
h3{font-weight:900!important}
h4,h5,h6{font-weight:800!important}

/* ===== Decorative section rule: temple-gold feel ===== */
.home-rule{
  color:var(--smv-gold)!important;
  font-weight:900!important;
  letter-spacing:2.5px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.9)!important;
}

.home-rule span{
  font-weight:900!important;
}

/* ===== Header / brand ===== */
header{
  background:linear-gradient(180deg,#fffefa 0%,#fff8ea 100%)!important;
  border-bottom:2px solid var(--smv-gold)!important;
  box-shadow:0 4px 18px rgba(101,16,16,.10)!important;
}

header .brand-text .logo,
header .brand-text .logo a{
  color:var(--smv-red)!important;
  font-weight:900!important;
  letter-spacing:1px!important;
}

header .brand-sub{
  color:#8a6826!important;
  font-weight:800!important;
  letter-spacing:1.5px!important;
}

/* ===== Navigation ===== */
header nav a,
header nav button,
header nav .btn{
  background:linear-gradient(135deg,#9c2220,#711212)!important;
  color:#fffdf7!important;
  border:1px solid #d1a64c!important;
  box-shadow:0 4px 12px rgba(101,16,16,.20)!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  text-shadow:0 1px 1px rgba(0,0,0,.28)!important;
}

header nav a:hover,
header nav button:hover,
header nav .btn:hover{
  background:linear-gradient(135deg,#b33227,#7a1111)!important;
  border-color:#f0cc70!important;
  transform:translateY(-1px);
}

header nav #authBtn.smv-logout-btn{
  background:linear-gradient(135deg,#b52f2f,#7f1515)!important;
  border-color:#d6ad55!important;
}

/* ===== Main hero ===== */
#home.hero{
  background:
    radial-gradient(circle at 50% 20%,rgba(184,134,45,.08),transparent 30%),
    linear-gradient(180deg,rgba(255,253,247,.96),rgba(255,250,240,.94))!important;
  border-bottom:1px solid rgba(184,134,45,.25)!important;
}

#home.hero .badge{
  color:#8a6826!important;
  font-weight:900!important;
  letter-spacing:2px!important;
}

#home.hero h1{
  color:var(--smv-red)!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  text-shadow:0 2px 0 rgba(184,134,45,.12)!important;
}

#home.hero p{
  color:#574646!important;
  font-weight:650!important;
}

/* ===== Premium cards ===== */
.card,
.feature-section details,
.faq-list details,
section .card{
  background:rgba(255,255,255,.96)!important;
  border:1.5px solid var(--smv-border)!important;
  border-radius:18px!important;
  box-shadow:var(--smv-shadow)!important;
}

.card:hover,
.feature-section details:hover,
.faq-list details:hover{
  border-color:rgba(184,134,45,.72)!important;
  box-shadow:0 14px 34px rgba(101,16,16,.15)!important;
}

/* ===== FAQ ===== */
#faq h2{
  color:var(--smv-red)!important;
  font-weight:900!important;
}

#faq summary{
  color:var(--smv-red-dark)!important;
  font-weight:900!important;
}

#faq details[open] summary{
  color:var(--smv-red)!important;
}

#faq details p{
  color:#554444!important;
  font-weight:600!important;
}

/* ===== Buttons across the whole website ===== */
button,
.btn,
input[type="button"],
input[type="submit"]{
  font-weight:900!important;
  letter-spacing:.25px!important;
}

.btn:not(.gray){
  background:linear-gradient(135deg,#9c2220,#711212)!important;
  color:#fff!important;
  border:1px solid #d5ad54!important;
  box-shadow:0 5px 14px rgba(101,16,16,.18)!important;
}

.btn:not(.gray):hover{
  background:linear-gradient(135deg,#b33227,#7a1111)!important;
}

/* ===== Form fields ===== */
input,
textarea,
select{
  background:#fffefb!important;
  color:#351a1a!important;
  border:1.5px solid rgba(184,134,45,.55)!important;
  font-weight:600!important;
  border-radius:10px!important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--smv-red)!important;
  box-shadow:0 0 0 3px rgba(184,134,45,.16)!important;
  outline:none!important;
}

input::placeholder,
textarea::placeholder{
  color:#887777!important;
  font-weight:600!important;
}

/* ===== Status / badges ===== */
.badge{
  font-weight:900!important;
}

.status,
.badge{
  border-color:rgba(184,134,45,.55)!important;
}

/* ===== Dashboard / Admin ===== */
#dashboard,
#admin,
#dashboardContent,
#adminContent{
  color:var(--smv-ink)!important;
}

#dashboard h2,#dashboard h3,#dashboard h4,
#admin h2,#admin h3,#admin h4{
  color:var(--smv-red)!important;
  font-weight:900!important;
}

/* ===== Dashboard / Admin TEXT WEIGHT ===== */

/* Customer + Astrologer Dashboard — ordinary text NORMAL */
#dashboardContent p,
#dashboardContent span,
#dashboardContent label,
#dashboardContent li,
#dashboardContent dd,
#dashboardContent dt{
  font-weight:400!important;
}

/* Real bold text remains BOLD */
#dashboardContent b,
#dashboardContent strong{
  font-weight:700!important;
}

/* Admin Dashboard — KEEP EXISTING BEHAVIOUR */
#admin p,
#admin span,
#admin label,
#admin b,
#admin strong{
  font-weight:650!important;
  } 

#dashboardContent [style*="border-bottom"],
#admin [style*="border-bottom"]{
  border-bottom-color:rgba(184,134,45,.32)!important;
}

/* Tables */
#dashboardContent table,
#admin table{
  border-color:rgba(184,134,45,.4)!important;
}

#dashboardContent th,
#admin th{
  background:linear-gradient(135deg,#8f1717,#721111)!important;
  color:#fff!important;
  font-weight:700!important;
}

#dashboardContent td,
#admin td{
  font-weight:400!important;
  color:#4f3b3b!important;
}

/* ===== Login / registration / panels ===== */
#login-flow,
#register-flow,
#astro-register-flow,
.registration-panel{
  background:transparent!important;
}

#login-flow h2,
#register-flow h2,
#astro-register-flow h2{
  color:var(--smv-red)!important;
  font-weight:900!important;
}

/* ===== Links ===== */
a{
  color:var(--smv-red)!important;
  font-weight:700!important;
}

a:hover{
  color:#b8862d!important;
}

.feature-section{
  position:relative;
}

.feature-section::before{
  content:"✦";
  display:block;
  text-align:center;
  color:rgba(184,134,45,.62);
  font-size:16px;
  font-weight:900;
  margin-bottom:4px;
}

/* ===== Footer ===== */
footer{
  background:linear-gradient(180deg,#fff8e9,#7b1515 16%,#5f0d0d 100%)!important;
  color:#fffaf0!important;
  border-top:2px solid #d5ad54!important;
}

footer p,
footer span,
footer div,
footer a{
  color:#fff8e9!important;
  font-weight:650!important;
}

footer a:hover{
  color:#f0cf78!important;
}

/* ===== Mobile: thick, comfortable, premium ===== */
@media(max-width:767px){
  body{
    font-size:17px!important;
    line-height:1.65!important;
  }

  p,li,dd,dt,label,legend{
    font-size:17px!important;
    line-height:1.65!important;
    font-weight:650!important;
  }

  h1{
    font-size:clamp(34px,9vw,44px)!important;
    line-height:1.18!important;
    font-weight:900!important;
  }

  h2{
    font-size:clamp(28px,7vw,36px)!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  h3{
    font-size:22px!important;
    line-height:1.3!important;
    font-weight:900!important;
  }

  header nav a,
  header nav button,
  header nav .btn{
    font-weight:900!important;
  }

  .card,
  .feature-section details,
  .faq-list details{
    border-radius:17px!important;
  }
}

/* ===== Desktop: same visual weight, not thin desktop typography ===== */
@media(min-width:768px){
  body{
    font-size:18px!important;
  }

  p,li,dd,dt,label,legend{
    font-size:18px!important;
    font-weight:650!important;
  }
}

/* ===== Respect existing reduced-motion preference ===== */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}

/* smv-footer-final */

footer{
  text-align:center!important;
  font-weight:800!important;
  letter-spacing:.35px!important;
}
footer::first-line{
  font-weight:800!important;
}

/* smv-footer-professional-copyright */

footer{
  text-align:center!important;
  font-weight:700!important;
  letter-spacing:.3px!important;
}

/* smv-color-only-final */

/* =========================================================
   SMV ASTRO — COLOR ONLY
   Do not change layout, spacing, fonts, sizing, flow or mobile CSS.
   ========================================================= */

/* Logged-in role button in the main header */
header nav #dashLink.smv-role-green {
  background: #38bdf8 !important;
  background-image: none !important;
  background-color: #38bdf8 !important;
  border-color: #0284c7 !important;
  color: #fff !important;
}

header nav #dashLink.smv-role-green:hover {
  background: #0ea5e9 !important;
  background-image: none !important;
  background-color: #0ea5e9 !important;
  border-color: #0369a1 !important;
  color: #fff !important;
}

/* Logout */
header nav #authBtn.smv-logout-btn,
#authBtn.smv-logout-btn {
  background: #a855f7 !important;
  background-image: none !important;
  background-color: #a855f7 !important;
  border-color: #7e22ce !important;
  color: #fff !important;
}

header nav #authBtn.smv-logout-btn:hover,
#authBtn.smv-logout-btn:hover {
  background: #9333ea !important;
  background-image: none !important;
  background-color: #9333ea !important;
  border-color: #6b21a8 !important;
  color: #fff !important;
}

/* Customer / Astrologer Dashboard — action buttons */
#dashboardContent button,
#dashboardContent .btn,
#dashboardContent a.btn,
#dashboardContent input[type="button"],
#dashboardContent input[type="submit"] {
  background: #38bdf8 !important;
  background-image: none !important;
  background-color: #38bdf8 !important;
  border-color: #0284c7 !important;
  color: #fff !important;
}

#dashboardContent button:hover,
#dashboardContent .btn:hover,
#dashboardContent a.btn:hover,
#dashboardContent input[type="button"]:hover,
#dashboardContent input[type="submit"]:hover {
  background: #0ea5e9 !important;
  background-image: none !important;
  background-color: #0ea5e9 !important;
  border-color: #0369a1 !important;
  color: #fff !important;
}


/* Admin Dashboard — action buttons */
#admin button,
#admin .btn,
#admin a.btn,
#admin input[type="button"],
#admin input[type="submit"] {
  background: #38bdf8 !important;
  background-image: none !important;
  background-color: #38bdf8 !important;
  border-color: #0284c7 !important;
  color: #fff !important;
}

#admin button:hover,
#admin .btn:hover,
#admin a.btn:hover,
#admin input[type="button"]:hover,
#admin input[type="submit"]:hover {
  background: #0ea5e9 !important;
  background-image: none !important;
  background-color: #0ea5e9 !important;
  border-color: #0369a1 !important;
  color: #fff !important;
}


/* base */

.withdrawal-history-title{color:#8f1d1d;font-size:22px;font-weight:800;margin:0 0 8px;}

/* smv-reference-header-final */

/* SMV ASTRO — FINAL MOBILE HEADER REFERENCE
   All 7 header controls use the exact same box size.
   Dashboard is explicitly included so old anchor/button rules cannot shrink it.
   Layout: 3 + 3 + 1, with Register centered. */
header .nav nav{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,96px)!important;
  grid-auto-rows:44px!important;
  justify-content:center!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:5px!important;
  row-gap:7px!important;
  box-sizing:border-box!important;
}

header .nav nav > a[href="#home"],
header .nav nav > #horoscopeNav,
header .nav nav > #contentNav,
header .nav nav > #contactNav,
header .nav nav > #dashLink,
header .nav nav > #authBtn,
header .nav nav > #registerNav{
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0!important;
  margin:0!important;
  flex:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1!important;
}

header .nav nav > a[href="#home"]{grid-column:1!important;grid-row:1!important;}
header .nav nav > #horoscopeNav{grid-column:2!important;grid-row:1!important;}
header .nav nav > #contentNav{grid-column:3!important;grid-row:1!important;}
header .nav nav > #contactNav{grid-column:1!important;grid-row:2!important;}
header .nav nav > #dashLink{grid-column:2!important;grid-row:2!important;}
header .nav nav > #authBtn{grid-column:3!important;grid-row:2!important;}
header .nav nav > #registerNav{grid-column:2!important;grid-row:3!important;}

/* Hidden Admin never consumes a grid cell. */
header .nav nav > #adminLink{display:none!important;}

/* Keep the reference-photo button typography. */
header .nav nav > a[href="#home"],
header .nav nav > #horoscopeNav,
header .nav nav > #contentNav,
header .nav nav > #contactNav,
header .nav nav > #dashLink,
header .nav nav > #authBtn,
header .nav nav > #registerNav{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.1px!important;
}

/* Small phones: preserve equal sizing and the same 3+3+1 structure. */
@media (max-width:330px){
  header .nav nav{
    grid-template-columns:repeat(3,92px)!important;
    grid-auto-rows:44px!important;
    column-gap:4px!important;
    row-gap:6px!important;
  }
  header .nav nav > a[href="#home"],
  header .nav nav > #horoscopeNav,
  header .nav nav > #contentNav,
  header .nav nav > #contactNav,
  header .nav nav > #dashLink,
  header .nav nav > #authBtn,
  header .nav nav > #registerNav{
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    font-size:11px!important;
  }
}

/* smv-astro-section-description-size-fix */

/* CONTENT SIZE ONLY — Astrologer Dashboard section descriptions.
   Make these three descriptions the same readable size as other dashboard content.
   No layout, spacing, font family, colors, logic, or functionality changed. */
#dashboardContent > .card > p.small,
#dashboardContent #astroQuestionQueue > p.small,
#dashboardContent #astroAnsweredBox > p.small{
  font-size:17px!important;
  line-height:1.58!important;
}

/* smv-withdrawal-history-title-fix */

.withdrawal-history-title{display:block!important;margin:0 0 12px!important;padding:0!important;font-size:20px!important;line-height:1.3!important;font-weight:700!important;color:inherit!important;letter-spacing:0!important;}
@media (max-width:767px){.withdrawal-history-title{font-size:19px!important;line-height:1.3!important;}}

/* smv-withdrawal-history-red-title */

.withdrawal-history-title{
  display:block !important;
  margin:0 0 12px !important;
  padding:0 !important;
  font-family:inherit !important;
  font-size:20px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  color:#9e1715 !important;
  letter-spacing:0 !important;
}
@media (max-width:767px){
  .withdrawal-history-title{
    font-size:19px !important;
    color:#9e1715 !important;
  }
}

/* smv-final-mobile-header-withdrawal-fix */

/* =========================================================
   FINAL MOBILE HEADER + WITHDRAWAL HISTORY TYPOGRAPHY FIX
   ========================================================= */

/* Withdrawal History — match the existing dashboard title font size */
.withdrawal-history-title{
  display:block !important;
  margin:0 0 12px !important;
  padding:0 !important;
  font-family:inherit !important;
  font-size:22px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  color:#8f1d1d !important;
  letter-spacing:0 !important;
}

/* Mobile header: compact, equal-width buttons that stay inside the screen */
@media (max-width:767px){
  header .nav{
    width:100% !important;
    max-width:100vw !important;
    padding:10px 8px 9px !important;
    gap:9px !important;
    overflow:hidden !important;
  }

  header .brand{
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    padding:0 4px !important;
    box-sizing:border-box !important;
    flex-wrap:nowrap !important;
    overflow:hidden !important;
  }

  header .brand-logo{
    width:50px !important;
    height:50px !important;
    flex:0 0 50px !important;
  }

  header .brand-text{
    min-width:0 !important;
    max-width:calc(100% - 58px) !important;
    overflow:hidden !important;
  }

  header .brand-text .logo{
    font-size:32px !important;
    line-height:1 !important;
    letter-spacing:.4px !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  header .brand-sub{
    font-size:8px !important;
    letter-spacing:1.35px !important;
    white-space:nowrap !important;
  }

  /* 3 equal columns: every header button has exactly the same dimensions */
  header .nav nav{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-rows:38px !important;
    gap:6px !important;
    padding:0 2px !important;
    box-sizing:border-box !important;
    justify-items:stretch !important;
    align-items:stretch !important;
    overflow:visible !important;
  }

  header .nav nav > a[href="#home"],
  header .nav nav > #horoscopeNav,
  header .nav nav > #contentNav,
  header .nav nav > #contactNav,
  header .nav nav > #dashLink,
  header .nav nav > #authBtn,
  header .nav nav > #registerNav{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 5px !important;
    margin:0 !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  header .nav nav > #registerNav{
    grid-column:2 !important;
  }

  /* Never let the hidden Admin control affect the grid */
  header .nav nav > #adminLink{
    display:none !important;
  }

  .withdrawal-history-title{
    font-size:17px !important;
    line-height:1.3 !important;
    font-weight:900 !important;
    color:#8f1d1d !important;
  }
}

/* Very narrow phones */
@media (max-width:360px){
  header .brand-logo{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }

  header .brand-text{
    max-width:calc(100% - 53px) !important;
  }

  header .brand-text .logo{
    font-size:29px !important;
  }

  header .brand-sub{
    font-size:7px !important;
    letter-spacing:1px !important;
  }

  header .nav nav{
    grid-auto-rows:36px !important;
    gap:5px !important;
  }

  header .nav nav > a[href="#home"],
  header .nav nav > #horoscopeNav,
  header .nav nav > #contentNav,
  header .nav nav > #contactNav,
  header .nav nav > #dashLink,
  header .nav nav > #authBtn,
  header .nav nav > #registerNav{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    font-size:10px !important;
  }
}

/* smv-home-button-size-only */

@media (max-width:767px){
  header .nav nav > a[href="#home"]{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    flex:0 0 96px !important;
    padding:0 5px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }
}

/* smv-home-button-equal-to-all-final */

/* FINAL: Home must be exactly the same box size as the other header buttons */
@media (max-width:767px){
  header .nav nav{
    width:100% !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:6px !important;
    row-gap:7px !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  header .nav nav > a[href="#home"],
  header .nav nav > #horoscopeNav,
  header .nav nav > #contentNav,
  header .nav nav > #contactNav,
  header .nav nav > #dashLink,
  header .nav nav > #authBtn,
  header .nav nav > #registerNav{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  header .nav nav > #registerNav{
    grid-column:2 !important;
  }
}

/* smv-header-buttons-final-equal */

/* FINAL MOBILE HEADER BUTTON GRID
   Every button occupies the exact same grid cell.
   No logo or SMV ASTRO styling is changed here. */
@media (max-width:767px){
  header .nav nav{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    grid-template-rows:repeat(3, 44px) !important;
    gap:7px !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 16px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  header .nav nav > a[href="#home"],
  header .nav nav > #horoscopeNav,
  header .nav nav > #contentNav,
  header .nav nav > #contactNav,
  header .nav nav > #dashLink,
  header .nav nav > #authBtn,
  header .nav nav > #registerNav{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 4px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Register is centered but uses the SAME width/height as every grid button. */
  header .nav nav > #registerNav{
    grid-column:2 !important;
    grid-row:3 !important;
  }

  header .nav nav > #adminLink{
    display:none !important;
  }
}

/* Small phones: same equal dimensions, slightly smaller gaps/padding only. */
@media (max-width:360px){
  header .nav nav{
    grid-template-rows:repeat(3, 42px) !important;
    gap:6px !important;
    padding:0 12px !important;
  }

  header .nav nav > a[href="#home"],
  header .nav nav > #horoscopeNav,
  header .nav nav > #contentNav,
  header .nav nav > #contactNav,
  header .nav nav > #dashLink,
  header .nav nav > #authBtn,
  header .nav nav > #registerNav{
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }
}

/* smv-horoscope-mobile-table-scroll-fix */

/* HOROSCOPE TABLES — mobile-friendly horizontal scrolling.
   Keeps every table inside the horoscope section without shrinking
   columns into unreadable text. Desktop layout is unchanged. */
#tamilHoroscopeResult .data-table-wrap,
#englishHoroscopeResult .data-table-wrap{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-x:contain !important;
  box-sizing:border-box !important;
  scrollbar-width:auto;
}

#tamilHoroscopeResult .data-table-wrap > table,
#englishHoroscopeResult .data-table-wrap > table{
  margin:0 !important;
  max-width:none !important;
  min-width:620px !important;
  width:max-content !important;
  table-layout:auto !important;
}

/* Dasha tables do not use .data-table-wrap, so give their body
   the same touch-friendly left/right scrolling behavior. */
#tamilHoroscopeResult .dasha-body,
#englishHoroscopeResult .dasha-body{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-x:contain !important;
  box-sizing:border-box !important;
}

#tamilHoroscopeResult .dasha-subtable,
#englishHoroscopeResult .dasha-subtable{
  min-width:520px !important;
  width:max-content !important;
  max-width:none !important;
}

@media(max-width:700px){
  #tamilHoroscopeResult .data-table-wrap,
  #englishHoroscopeResult .data-table-wrap,
  #tamilHoroscopeResult .dasha-body,
  #englishHoroscopeResult .dasha-body{
    width:100% !important;
    max-width:100vw !important;
  }

  #tamilHoroscopeResult .data-table-wrap > table,
  #englishHoroscopeResult .data-table-wrap > table{
    min-width:620px !important;
    font-size:12px !important;
  }

  #tamilHoroscopeResult .data-table-wrap > table th,
  #tamilHoroscopeResult .data-table-wrap > table td,
  #englishHoroscopeResult .data-table-wrap > table th,
  #englishHoroscopeResult .data-table-wrap > table td{
    white-space:normal !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  #tamilHoroscopeResult .dasha-subtable,
  #englishHoroscopeResult .dasha-subtable{
    min-width:520px !important;
    font-size:12px !important;
  }
}

/* smv-v17-login-home-compact */

@media (max-width:600px){
  /* Login: content-height card, not full viewport */
  #loginView,#loginSection,.login-section,.auth-section{min-height:0!important;height:auto!important;padding-top:12px!important;padding-bottom:14px!important;}
  #loginView .auth-card,#loginView .login-card,.login-section .card,.auth-section .card{min-height:0!important;height:auto!important;margin:8px auto!important;padding:16px!important;}
  #loginView .auth-card form,#loginView .login-card form{gap:9px!important;}
  #loginView input,#loginView select,#loginView button,.login-section input,.login-section select,.login-section button{min-height:42px!important;}
  /* Home astrologer profiles: compact, information-dense */
  .astrologer-profile-card,.astrologer-profile,.profile-card,.home-astrologer-card{min-height:0!important;height:auto!important;padding:10px!important;margin:6px 0!important;}
  .astrologer-profile-card img,.astrologer-profile img,.profile-card img,.home-astrologer-card img{max-height:88px!important;width:88px!important;object-fit:cover!important;}
  /* Reviews: compact cards, no viewport-height panels */
  .review-card,.reviews-card,.home-review-card,.testimonial-card{min-height:0!important;height:auto!important;padding:9px 10px!important;margin:5px 0!important;}
  .review-card p,.reviews-card p,.home-review-card p,.testimonial-card p{margin:5px 0!important;line-height:1.35!important;}
  /* Remove common mobile viewport-height wrappers on home/login only */
  .home-section,.homepage-section{min-height:0!important;}
}

/* v20-vimsottari-mobile-final */

@media (max-width: 600px){
  #tamilHoroscopeResult .dasha-subtable,#englishHoroscopeResult .dasha-subtable{width:100%!important;table-layout:fixed!important}
  #tamilHoroscopeResult .dasha-subtable th:first-child,#tamilHoroscopeResult .dasha-subtable td:first-child,#englishHoroscopeResult .dasha-subtable th:first-child,#englishHoroscopeResult .dasha-subtable td:first-child{width:44%!important;text-align:left!important;white-space:nowrap!important}
  #tamilHoroscopeResult .dasha-subtable th:nth-child(2),#tamilHoroscopeResult .dasha-subtable td:nth-child(2),#englishHoroscopeResult .dasha-subtable th:nth-child(2),#englishHoroscopeResult .dasha-subtable td:nth-child(2){width:28%!important;white-space:nowrap!important}
  #tamilHoroscopeResult .dasha-subtable th:nth-child(3),#tamilHoroscopeResult .dasha-subtable td:nth-child(3),#englishHoroscopeResult .dasha-subtable th:nth-child(3),#englishHoroscopeResult .dasha-subtable td:nth-child(3){width:28%!important;white-space:nowrap!important}
  #tamilHoroscopeResult .dasha-subtable th,#tamilHoroscopeResult .dasha-subtable td,#englishHoroscopeResult .dasha-subtable th,#englishHoroscopeResult .dasha-subtable td{padding:5px 4px!important;font-size:12px!important}
}

/* base */

  /* V30: பாவ கட்டம் visibility fix — valid CSS, not page text. */
  #englishHoroscopeResult .bhava-chart,
  #tamilHoroscopeResult .bhava-chart{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }
  
/* smv-v31-login-modal-visibility-fix */

/* V31: Login/Register modal must always appear above the sticky header/home content.
   Design and horoscope calculation/layout are intentionally untouched. */
#modal.modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  visibility:visible;
}
#modal.modal.hidden{
  display:none!important;
}
#modal .modalbox{
  position:relative!important;
  z-index:2147483001!important;
  max-height:calc(100dvh - 20px)!important;
  overflow:auto!important;
}

/* smv-v32-profile-dialog-compact */

/* V32: compact Home Astrologer Profile & Reviews dialog. */
#modal.profile-modal-active{padding:12px!important;place-items:center!important;}
#modal.profile-modal-active .modalbox{width:min(560px,calc(100vw - 24px))!important;max-width:560px!important;max-height:min(76dvh,640px)!important;overflow:hidden!important;padding:14px!important;border-radius:16px!important;}
#modal.profile-modal-active .profile-dialog{max-height:calc(min(76dvh,640px) - 28px);overflow:hidden;display:flex;flex-direction:column;align-items:stretch;text-align:center;}
#modal.profile-modal-active .profile-dialog .profile-photo{width:72px;height:72px;min-height:72px;margin:0 auto 6px;}
#modal.profile-modal-active .profile-dialog .profile-title{font-size:21px!important;margin:0 0 2px!important;line-height:1.15;}
#modal.profile-modal-active .profile-dialog .profile-expertise,#modal.profile-modal-active .profile-dialog .profile-experience{font-size:12px!important;line-height:1.25;margin:2px 0;}
#modal.profile-modal-active .profile-dialog .profile-bio{font-size:12px!important;line-height:1.4;margin:6px 0 7px;max-height:110px;min-height:0;flex:0 0 auto;overflow-y:auto;overflow-x:hidden;padding-right:4px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
#modal.profile-modal-active .profile-dialog .profile-reviews-title{font-size:17px!important;margin:7px 0 4px!important;}
#modal.profile-modal-active .profile-dialog #publicProfileReviews{flex:1 1 auto;min-height:70px;max-height:none!important;overflow-y:auto!important;padding:0 4px 2px 0;margin:0;}
#modal.profile-modal-active .profile-dialog #publicProfileReviews .card{margin:5px 0!important;padding:8px!important;border-radius:9px!important;}
#modal.profile-modal-active .profile-dialog #publicProfileReviews p{font-size:11px!important;line-height:1.3!important;margin:3px 0!important;}
#modal.profile-modal-active .profile-dialog #profileCloseBtn{flex:0 0 auto;min-height:36px!important;margin-top:7px!important;}
@media(max-width:520px){#modal.profile-modal-active{padding:7px!important;}#modal.profile-modal-active .modalbox{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:72dvh!important;padding:10px!important;border-radius:14px!important;}#modal.profile-modal-active .profile-dialog{max-height:calc(72dvh - 20px);}#modal.profile-modal-active .profile-dialog .profile-photo{width:64px;height:64px;min-height:64px;}#modal.profile-modal-active .profile-dialog .profile-title{font-size:19px!important;}#modal.profile-modal-active .profile-dialog .profile-bio{max-height:90px;font-size:11px!important;line-height:1.4;flex:0 0 auto;overflow-y:auto;overflow-x:hidden;padding-right:4px;}#modal.profile-modal-active .profile-dialog .profile-reviews-title{font-size:16px!important;margin:5px 0 3px!important;}}\n#modal.profile-modal-active .profile-dialog .profile-bio::-webkit-scrollbar{width:5px}\n#modal.profile-modal-active .profile-dialog .profile-bio::-webkit-scrollbar-thumb{background:#c9a86b;border-radius:10px}\n#modal.profile-modal-active .profile-dialog .profile-bio::-webkit-scrollbar-track{background:#f7f1e4;border-radius:10px}

/* smv-v33-login-profile-compact */

/* V33: compact Login/Register dialog for mobile. Profile dialog remains as V32. */
#modal.auth-modal-active{
  padding:8px!important;
  place-items:center!important;
}
#modal.auth-modal-active .modalbox{
  width:min(520px,calc(100vw - 20px))!important;
  max-width:520px!important;
  max-height:78dvh!important;
  overflow:auto!important;
  padding:14px 14px 12px!important;
  border-radius:16px!important;
}
#modal.auth-modal-active .auth-shell{
  max-width:100%!important;
  padding:0!important;
}
#modal.auth-modal-active .auth-hero{margin-bottom:8px!important;}
#modal.auth-modal-active .auth-hero-icon{width:48px!important;height:48px!important;font-size:21px!important;margin-bottom:5px!important;}
#modal.auth-modal-active .auth-hero h2{font-size:23px!important;line-height:1.2!important;margin:0!important;}
#modal.auth-modal-active .auth-hero p{font-size:11px!important;line-height:1.3!important;margin:3px 0 0!important;}
#modal.auth-modal-active .auth-tabs{gap:5px!important;margin:5px 0 3px!important;}
#modal.auth-modal-active .auth-tabs .btn{min-height:38px!important;padding:7px 5px!important;font-size:11px!important;}
#modal.auth-modal-active .auth-field-label{font-size:11px!important;margin:5px 2px 2px!important;}
#modal.auth-modal-active .auth-field{min-height:42px!important;height:42px!important;margin:0 0 3px!important;padding:8px 11px!important;font-size:14px!important;}
#modal.auth-modal-active .auth-submit{min-height:44px!important;margin-top:6px!important;font-size:15px!important;}
#modal.auth-modal-active .auth-secondary{min-height:40px!important;margin-top:5px!important;font-size:13px!important;padding:7px 10px!important;}
#modal.auth-modal-active .password-toggle{min-width:38px!important;}
@media(max-width:520px){
  #modal.auth-modal-active{padding:6px!important;}
  #modal.auth-modal-active .modalbox{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:76dvh!important;padding:11px 10px 9px!important;border-radius:14px!important;}
  #modal.auth-modal-active .auth-hero-icon{width:42px!important;height:42px!important;font-size:19px!important;}
  #modal.auth-modal-active .auth-hero h2{font-size:21px!important;}
  #modal.auth-modal-active .auth-tabs{grid-template-columns:repeat(3,1fr)!important;}
  #modal.auth-modal-active .auth-tabs .btn{min-height:36px!important;font-size:10px!important;}
  #modal.auth-modal-active .auth-field{min-height:40px!important;height:40px!important;font-size:13px!important;}
  #modal.auth-modal-active .auth-submit{min-height:42px!important;}
  #modal.auth-modal-active .auth-secondary{min-height:38px!important;}
}
  /* =========================================================
   CUSTOMER DASHBOARD — FINAL TYPOGRAPHY
   Uses the ACTUAL current HTML structure.
   Notifications are intentionally untouched.
   ========================================================= */

@media (max-width: 767px) {

  /* 1. CUSTOMER DASHBOARD */
  #dashboardTitle {
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
  }

  /* 2. MAIN SECTION HEADINGS */
  #dashboardContent > .card > h3,
  #dashboardContent > .grid .card > h3 {
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }

  /* 3. QUESTION TITLES
     Current HTML uses a direct <b> inside each consultation row */
  #dashboardContent .timeline ~ b,
  #dashboardContent .card > div[style*="border-bottom"] > b {
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }

  /* 4. NORMAL CUSTOMER DASHBOARD CONTENT */
  #dashboardContent > .card p,
  #dashboardContent > .grid .card p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
  }

  /* 5. AMOUNT / IMPORTANT STATUS */
  #dashboardContent .success,
  #dashboardContent .error {
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  /* 6. DATE / TIME / PAYMENT / ID METADATA */
  #dashboardContent .small {
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }

  /* 7. TIMELINE TEXT */
  #dashboardContent .timeline,
  #dashboardContent .timeline-step {
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  /* 8. ANSWER CONTENT
     Current answer is inside an inline-styled <p> */
  #dashboardContent .card p[style*="white-space:pre-wrap"] {
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
  }

  /* 9. KEEP NOTIFICATIONS EXACTLY AS THEY ARE */
  #dashboardContent #userNotifications,
  #dashboardContent #userNotifications .smv-notification-row,
  #dashboardContent #userNotifications .smv-notification-title,
  #dashboardContent #userNotifications .smv-notification-content,
  #dashboardContent #userNotifications .smv-notification-meta {
    font-size: revert !important;
  }
                                      }

/* smv-phase2-yoga */
.phase2-yoga-engine .adv-wide td:nth-child(3){white-space:normal;min-width:260px;text-align:left}.phase2-yoga-engine .adv-wide td:nth-child(4){white-space:normal;min-width:220px;text-align:left}@media(max-width:700px){.phase2-yoga-engine .adv-wide{min-width:980px}}
/* smv-stable-phase4-performance */

.adv-section{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.adv-table-wrap,.adv-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.adv-wide{width:100%;min-width:720px}.adv-wide th,.adv-wide td{white-space:nowrap}.phase4-dasa-slot{content-visibility:auto;contain:layout paint style;}@media(max-width:700px){.adv-wide{min-width:760px}}

/* smv-v11-horoscope-table-final-fix */

/* Final V11 horoscope table alignment pass — presentation only; calculation untouched. */
#tamilHoroscopeResult .data-table-wrap,
#englishHoroscopeResult .data-table-wrap{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid #d9c39a!important;border-radius:10px!important;
  background:#fffdf8!important;margin:10px 0 14px!important;
}
#tamilHoroscopeResult .data-table,
#englishHoroscopeResult .data-table{
  width:100%!important;min-width:0!important;max-width:none!important;
  border-collapse:collapse!important;border-spacing:0!important;
  table-layout:fixed!important;margin:0!important;
  font-size:14px!important;
}
#tamilHoroscopeResult .data-table th,
#tamilHoroscopeResult .data-table td,
#englishHoroscopeResult .data-table th,
#englishHoroscopeResult .data-table td{
  box-sizing:border-box!important;text-align:center!important;vertical-align:middle!important;
  padding:9px 7px!important;line-height:1.35!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
  border:1px solid #e1d4bd!important;
}
#tamilHoroscopeResult .data-table th,
#englishHoroscopeResult .data-table th{
  font-weight:900!important;background:#fff3d5!important;color:#7a2a1c!important;
}
#tamilHoroscopeResult .data-table td,
#englishHoroscopeResult .data-table td{background:#fffdf8!important;color:#222!important}
#tamilHoroscopeResult .data-table tbody tr:nth-child(even) td,
#englishHoroscopeResult .data-table tbody tr:nth-child(even) td{background:#fffaf0!important}

/* Planetary position table: 5 balanced columns. */
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(1),
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(1),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(1),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(1){width:18%!important}
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(2),
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(2),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(2),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(2){width:17%!important}
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(3),
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(3),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(3),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(3){width:19%!important}
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(4),
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(4),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(4),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(4){width:30%!important}
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(5),
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(5),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) th:nth-child(5),
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:nth-child(5){width:16%!important}

/* பாவம்: preserve six-column geometry; scroll rather than crush Tamil text on small screens. */
#tamilHoroscopeResult .bhava-table-wrap,#englishHoroscopeResult .bhava-table-wrap{overflow-x:auto!important}
#tamilHoroscopeResult .bhava-table,#englishHoroscopeResult .bhava-table{width:100%!important;min-width:620px!important;table-layout:fixed!important}
#tamilHoroscopeResult .bhava-table th:nth-child(1),#tamilHoroscopeResult .bhava-table td:nth-child(1),#englishHoroscopeResult .bhava-table th:nth-child(1),#englishHoroscopeResult .bhava-table td:nth-child(1){width:8%!important}
#tamilHoroscopeResult .bhava-table th:nth-child(2),#tamilHoroscopeResult .bhava-table td:nth-child(2),#englishHoroscopeResult .bhava-table th:nth-child(2),#englishHoroscopeResult .bhava-table td:nth-child(2){width:17%!important}
#tamilHoroscopeResult .bhava-table th:nth-child(3),#tamilHoroscopeResult .bhava-table td:nth-child(3),#englishHoroscopeResult .bhava-table th:nth-child(3),#englishHoroscopeResult .bhava-table td:nth-child(3){width:18%!important}
#tamilHoroscopeResult .bhava-table th:nth-child(4),#tamilHoroscopeResult .bhava-table td:nth-child(4),#englishHoroscopeResult .bhava-table th:nth-child(4),#englishHoroscopeResult .bhava-table td:nth-child(4){width:17%!important}
#tamilHoroscopeResult .bhava-table th:nth-child(5),#tamilHoroscopeResult .bhava-table td:nth-child(5),#englishHoroscopeResult .bhava-table th:nth-child(5),#englishHoroscopeResult .bhava-table td:nth-child(5){width:15%!important}
#tamilHoroscopeResult .bhava-table th:nth-child(6),#tamilHoroscopeResult .bhava-table td:nth-child(6),#englishHoroscopeResult .bhava-table th:nth-child(6),#englishHoroscopeResult .bhava-table td:nth-child(6){width:25%!important}

/* D1 → D9 நவாம்சம் table. */
#tamilHoroscopeResult .navamsa-table,#englishHoroscopeResult .navamsa-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
#tamilHoroscopeResult .navamsa-table th:nth-child(1),#tamilHoroscopeResult .navamsa-table td:nth-child(1),#englishHoroscopeResult .navamsa-table th:nth-child(1),#englishHoroscopeResult .navamsa-table td:nth-child(1){width:20%!important}
#tamilHoroscopeResult .navamsa-table th:nth-child(2),#tamilHoroscopeResult .navamsa-table td:nth-child(2),#englishHoroscopeResult .navamsa-table th:nth-child(2),#englishHoroscopeResult .navamsa-table td:nth-child(2){width:18%!important}
#tamilHoroscopeResult .navamsa-table th:nth-child(3),#tamilHoroscopeResult .navamsa-table td:nth-child(3),#englishHoroscopeResult .navamsa-table th:nth-child(3),#englishHoroscopeResult .navamsa-table td:nth-child(3){width:26%!important}
#tamilHoroscopeResult .navamsa-table th:nth-child(4),#tamilHoroscopeResult .navamsa-table td:nth-child(4),#englishHoroscopeResult .navamsa-table th:nth-child(4),#englishHoroscopeResult .navamsa-table td:nth-child(4){width:18%!important}
#tamilHoroscopeResult .navamsa-table th:nth-child(5),#tamilHoroscopeResult .navamsa-table td:nth-child(5),#englishHoroscopeResult .navamsa-table th:nth-child(5),#englishHoroscopeResult .navamsa-table td:nth-child(5){width:18%!important}

/* Planet strength table. */
#tamilHoroscopeResult .strength-table,#englishHoroscopeResult .strength-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
#tamilHoroscopeResult .strength-table th:nth-child(1),#tamilHoroscopeResult .strength-table td:nth-child(1),#englishHoroscopeResult .strength-table th:nth-child(1),#englishHoroscopeResult .strength-table td:nth-child(1){width:18%!important}
#tamilHoroscopeResult .strength-table th:nth-child(2),#tamilHoroscopeResult .strength-table td:nth-child(2),#englishHoroscopeResult .strength-table th:nth-child(2),#englishHoroscopeResult .strength-table td:nth-child(2){width:14%!important}
#tamilHoroscopeResult .strength-table th:nth-child(3),#tamilHoroscopeResult .strength-table td:nth-child(3),#englishHoroscopeResult .strength-table th:nth-child(3),#englishHoroscopeResult .strength-table td:nth-child(3){width:14%!important}
#tamilHoroscopeResult .strength-table th:nth-child(4),#tamilHoroscopeResult .strength-table td:nth-child(4),#englishHoroscopeResult .strength-table th:nth-child(4),#englishHoroscopeResult .strength-table td:nth-child(4){width:18%!important}
#tamilHoroscopeResult .strength-table th:nth-child(5),#tamilHoroscopeResult .strength-table td:nth-child(5),#englishHoroscopeResult .strength-table th:nth-child(5),#englishHoroscopeResult .strength-table td:nth-child(5){width:36%!important}

/* Shadbala is genuinely wide: horizontal scroll keeps every numeric column aligned. */
#tamilHoroscopeResult .phase3-shadbala-table,#englishHoroscopeResult .phase3-shadbala-table{min-width:900px!important;width:100%!important;table-layout:fixed!important}

/* Dasa child tables. */
#tamilHoroscopeResult .dasha-subtable,#englishHoroscopeResult .dasha-subtable{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important}
#tamilHoroscopeResult .dasha-subtable th,#tamilHoroscopeResult .dasha-subtable td,#englishHoroscopeResult .dasha-subtable th,#englishHoroscopeResult .dasha-subtable td{white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;vertical-align:middle!important}
#tamilHoroscopeResult .dasha-subtable th:nth-child(1),#tamilHoroscopeResult .dasha-subtable td:nth-child(1),#englishHoroscopeResult .dasha-subtable th:nth-child(1),#englishHoroscopeResult .dasha-subtable td:nth-child(1){width:38%!important}
#tamilHoroscopeResult .dasha-subtable th:nth-child(2),#tamilHoroscopeResult .dasha-subtable td:nth-child(2),#englishHoroscopeResult .dasha-subtable th:nth-child(2),#englishHoroscopeResult .dasha-subtable td:nth-child(2){width:31%!important}
#tamilHoroscopeResult .dasha-subtable th:nth-child(3),#tamilHoroscopeResult .dasha-subtable td:nth-child(3),#englishHoroscopeResult .dasha-subtable th:nth-child(3),#englishHoroscopeResult .dasha-subtable td:nth-child(3){width:31%!important}

/* Advanced/Varga/Dasa tables: one predictable scroll container, no accidental table squeeze. */
#tamilHoroscopeResult .adv-table-wrap,#englishHoroscopeResult .adv-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
#tamilHoroscopeResult .adv-wide,#englishHoroscopeResult .adv-wide{width:max-content!important;min-width:760px!important;table-layout:auto!important;border-collapse:collapse!important}
#tamilHoroscopeResult .adv-wide th,#tamilHoroscopeResult .adv-wide td,#englishHoroscopeResult .adv-wide th,#englishHoroscopeResult .adv-wide td{white-space:nowrap!important;text-align:center!important;vertical-align:middle!important;padding:8px 10px!important}

@media(max-width:700px){
  #tamilHoroscopeResult .data-table,#englishHoroscopeResult .data-table{font-size:13px!important}
  #tamilHoroscopeResult .data-table th,#tamilHoroscopeResult .data-table td,#englishHoroscopeResult .data-table th,#englishHoroscopeResult .data-table td{padding:8px 6px!important;line-height:1.3!important}
  #tamilHoroscopeResult .bhava-table,#englishHoroscopeResult .bhava-table{min-width:620px!important}
  #tamilHoroscopeResult .phase3-shadbala-table,#englishHoroscopeResult .phase3-shadbala-table{min-width:900px!important}
  #tamilHoroscopeResult .adv-wide,#englishHoroscopeResult .adv-wide{min-width:760px!important}
  #tamilHoroscopeResult .dasha-subtable,#englishHoroscopeResult .dasha-subtable{font-size:12px!important}
}

/* smv-final-horoscope-status-and-label-fix */

#tamilHoroscopeResult .status-combust,#englishHoroscopeResult .status-combust{font-weight:900!important;color:#62b7e8!important;margin:0!important;padding:0!important;}
#tamilHoroscopeResult .status-retro,#englishHoroscopeResult .status-retro{font-weight:900!important;color:#f28a35!important;margin:0!important;padding:0!important;}
#tamilHoroscopeResult .south-rasi-cell .planet-glyph,#englishHoroscopeResult .south-rasi-cell .planet-glyph{white-space:nowrap!important;display:inline-block!important;letter-spacing:0!important;}
#tamilHoroscopeResult .south-rasi-cell .planet-line,#englishHoroscopeResult .south-rasi-cell .planet-line{white-space:nowrap!important;}
#tamilHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:first-child,
#englishHoroscopeResult .data-table:not(.bhava-table):not(.navamsa-table):not(.strength-table):not(.phase3-shadbala-table) td:first-child{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;}
#tamilHoroscopeResult .dasha-subtable th:first-child,#englishHoroscopeResult .dasha-subtable th:first-child{white-space:nowrap!important;}

/* smv-earnings-verification-status-fix */

.smv-verified-badge,.smv-approved-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#16a34a!important;font-weight:800!important;white-space:nowrap!important;}
.smv-verified-badge .smv-check,.smv-approved-badge .smv-check{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#16a34a!important;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1!important;}
.smv-earnings-total,.smv-earnings-available{font-weight:900!important;}
.smv-earnings-total.is-green,.smv-earnings-available.is-green{color:#16a34a!important;}
.smv-withdraw-ready{color:#16a34a!important;font-weight:800!important;}
.smv-earnings-available.is-red{color:#dc2626!important;}
.smv-withdraw-btn.is-green{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;font-weight:800!important;}
.smv-withdraw-btn.is-red{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;font-weight:800!important;opacity:1!important;}
.smv-withdraw-btn:disabled{cursor:not-allowed!important;}
.smv-withdraw-btn.is-red,.smv-withdraw-btn.is-red:disabled,.smv-withdraw-btn.is-red:disabled:hover{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;opacity:1!important;box-shadow:none!important;}
.smv-withdraw-locked{color:#dc2626!important;font-weight:800!important;}
.smv-modal-available-red{color:#dc2626!important;font-weight:900!important;}
.smv-modal-available-green{color:#16a34a!important;font-weight:900!important;}
.smv-approved-badge,.smv-approved-badge span{color:#16a34a!important;}
.smv-approved-badge .smv-check{background:#16a34a!important;color:#fff!important;}

/* smv-part1-chart-analysis-additions */

.part1-chart-analysis h4{margin:14px 0 7px;font-weight:900}
.part1-chart-analysis .small{line-height:1.55}
@media(max-width:700px){
  .part1-chart-analysis .adv-wide{width:100%!important;min-width:0!important;table-layout:fixed!important}
  .part1-chart-analysis .adv-wide th,.part1-chart-analysis .adv-wide td{font-size:10.5px!important;padding:6px 4px!important;overflow-wrap:anywhere!important;word-break:break-word!important}
}

/* smv-chart-analysis-final-fixes */

/* Advanced Analysis owns the single visible Planetary Strength/Shadbala module. */
.base-planet-strength,.base-shadbala{display:none!important}
/* பாவம் Special Features: red highlighted header row, including mobile. */
.bhava-special-features .bhava-special-table thead th{background:#a00000!important;color:#fff!important;font-weight:900!important;text-align:center!important;border-color:#fff!important}
.bhava-special-features .bhava-special-table thead th:first-child,.bhava-special-features .bhava-special-table thead th:nth-child(2){background:#a00000!important;color:#fff!important}

/* smv-final-bhava-house-fixes */

/* Final targeted fix: பாவம் Special Features header must stay red in every language and viewport. */
.smv-advanced-shell .bhava-special-features .bhava-special-table thead tr th,
.smv-advanced-shell .bhava-special-features .bhava-special-table thead th:first-child,
.smv-advanced-shell .bhava-special-features .bhava-special-table thead th:nth-child(2){
  background:#a00000!important;color:#fff!important;font-weight:900!important;text-align:center!important;
  border-color:#fff!important;
}
/* Keep body rows readable while only the heading row is red. */
.smv-advanced-shell .bhava-special-features .bhava-special-table tbody th{background:#fff3d5!important;color:#7a2a1c!important;}
.smv-advanced-shell .bhava-special-features .bhava-special-table tbody td{background:#fffdf8!important;color:#222!important;}

/* smv-v-final-five-part-mobile-clean */

/* FINAL: one Advanced Analysis flow, no multi-column/nested compression */
.advanced-astro-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.smv-advanced-shell{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:block!important;
  overflow:visible!important;
}
.smv-advanced-part{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:block!important;
  float:none!important;
  clear:both!important;
}
.smv-advanced-part-title{
  width:100%!important;
  box-sizing:border-box!important;
}
.smv-advanced-part>.adv-section{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:block!important;
  float:none!important;
}
.smv-advanced-part .adv-table-wrap,
.smv-advanced-part .adv-scroll{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
/* Normal report tables use the available mobile width. */
.part1-natural-karakas .adv-wide,
.part1-chara-karakas .adv-wide,
.part1-baadhaka .adv-wide,
.part1-house-classification .adv-wide{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
/* The Dasa tables are intentionally scrollable because they contain many columns. */
.phase4-dasa-module .adv-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
}
.phase4-dasa-module .adv-wide{
  min-width:680px!important;
  width:max-content!important;
}
/* Transit grids/cards must never force the whole Advanced Analysis container wide. */
.smv-advanced-part .transit-panchang-grid,
.smv-advanced-part .kota-source-grid,
.smv-advanced-part .kota-summary-grid,
.smv-advanced-part .kota-zones-grid,
.smv-advanced-part .kota-path-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
/* Prevent accidental horizontal page overflow. */
html,body{
  max-width:100%;
  overflow-x:hidden;
}
@media(max-width:700px){
  .advanced-astro-grid,
  .smv-advanced-shell,
  .smv-advanced-part{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .smv-advanced-title{
    margin:10px 0 12px!important;
    padding:10px 12px!important;
  }
  .smv-advanced-part{
    margin:10px 0 16px!important;
    padding:9px!important;
    border-radius:12px!important;
  }
  .smv-advanced-part-title{
    margin:-9px -9px 10px!important;
    padding:10px 11px!important;
    border-radius:11px 11px 0 0!important;
  }
  .smv-advanced-part-title h3{
    font-size:16px!important;
    line-height:1.25!important;
  }
  .smv-advanced-part>.adv-section{
    margin:10px 0!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .part1-baadhaka .adv-wide,
  .part1-house-classification .adv-wide{
    table-layout:fixed!important;
  }
  .part1-baadhaka .adv-wide th,
  .part1-baadhaka .adv-wide td,
  .part1-house-classification .adv-wide th,
  .part1-house-classification .adv-wide td{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    font-size:12px!important;
    padding:7px 5px!important;
  }
  .part1-house-classification .adv-wide th:nth-child(1){width:18%!important}
  .part1-house-classification .adv-wide th:nth-child(2){width:28%!important}
  .part1-house-classification .adv-wide th:nth-child(3){width:54%!important}
  .part1-baadhaka .adv-wide th:nth-child(1){width:19%!important}
  .part1-baadhaka .adv-wide th:nth-child(2){width:17%!important}
  .part1-baadhaka .adv-wide th:nth-child(3){width:20%!important}
  .part1-baadhaka .adv-wide th:nth-child(4){width:17%!important}
  .part1-baadhaka .adv-wide th:nth-child(5){width:27%!important}
}

/* smv-final-five-part-single-flow */

.smv-advanced-shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important}
.smv-advanced-part{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;float:none!important;clear:both!important;overflow:visible!important}
.smv-advanced-part>.adv-section{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;float:none!important}
.smv-advanced-part .adv-table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important}
@media(max-width:700px){.smv-advanced-shell{padding:0!important;margin:0!important}.smv-advanced-part{margin:10px 0 16px!important;padding:10px!important;border-radius:12px!important}.smv-advanced-part-title{margin:-10px -10px 12px!important;padding:11px 12px!important;border-radius:11px 11px 0 0!important}.smv-advanced-part-title h3{font-size:16px!important;line-height:1.3!important;margin:0!important}.smv-advanced-part>.adv-section{margin:10px 0!important;padding:9px!important;border-radius:10px!important}.part1-baadhaka .adv-wide,.part1-house-classification .adv-wide{width:100%!important;min-width:0!important;table-layout:fixed!important}.part1-baadhaka .adv-wide th,.part1-baadhaka .adv-wide td,.part1-house-classification .adv-wide th,.part1-house-classification .adv-wide td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;font-size:12px!important;padding:7px 5px!important}.phase4-dasa-module .adv-table-wrap{overflow-x:auto!important}.phase4-dasa-module .adv-wide{min-width:680px!important;width:max-content!important}}

/* smv-actual-five-part-layout */

.smv-advanced-shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important}
.smv-advanced-part{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;float:none!important;clear:both!important;overflow:visible!important;margin:14px 0!important}
.smv-advanced-part-title{display:block!important;width:100%!important;box-sizing:border-box!important}
.smv-advanced-part>.adv-section{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;float:none!important}
.smv-advanced-part>.adv-section .adv-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;box-sizing:border-box!important}
@media(max-width:700px){
 .smv-advanced-shell{margin:0!important;padding:0!important}
 .smv-advanced-title{width:100%!important;box-sizing:border-box!important}
 .smv-advanced-part{margin:12px 0 18px!important;padding:10px!important;border-radius:12px!important}
 .smv-advanced-part-title{margin:-10px -10px 12px!important;width:calc(100% + 20px)!important;padding:12px!important;border-radius:12px 12px 0 0!important}
 .smv-advanced-part-title h3{margin:0!important;font-size:16px!important;line-height:1.3!important}
 .smv-advanced-part>.adv-section{margin:10px 0!important;padding:9px!important;border-radius:10px!important}
}

/* smv-fresh-asknow-design */

/* FRESH ASK NOW — no zodiac artwork, no legacy quick-action/card styling. */
#askNowSection{
  width:100%;
  max-width:1040px;
  margin:28px auto 36px;
  padding:0 12px;
  box-sizing:border-box;
  text-align:center;
}
#askNowSection .smv-new-asknow-inner{
  width:100%;
  max-width:860px;
  margin:0 auto;
  padding:28px 20px 30px;
  box-sizing:border-box;
  border:1px solid rgba(184,134,45,.35);
  border-radius:16px;
  background:linear-gradient(180deg,#fffdf7 0%,#fff8e8 100%);
  box-shadow:0 8px 24px rgba(70,20,20,.08);
}
#askNowSection .smv-new-asknow-kicker{
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  color:#9a722a;
  margin-bottom:8px;
}
#askNowSection h2{
  margin:0 auto 10px;
  font-size:clamp(24px,4vw,34px);
  line-height:1.2;
  color:#8f0000;
}
#askNowSection p{
  max-width:720px;
  margin:0 auto 10px;
  font-size:16px;
  line-height:1.65;
  color:#351a1a;
}
#askNowSection .smv-new-asknow-note{
  font-size:13px;
  color:#6f5a48;
  margin-bottom:22px;
}
#askNowSection .smv-new-asknow-action{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
#askNowButton{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:min(300px,100%);
  min-height:52px;
  padding:12px 22px;
  border:2px solid #c79a3d;
  border-radius:10px;
  background:linear-gradient(135deg,#9c2220,#711212);
  color:#fff;
  font-size:17px;
  font-weight:900;
  letter-spacing:.3px;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(101,16,16,.20);
  text-align:center;
  box-sizing:border-box;
}
#askNowButton span{font-size:23px;line-height:1}
#askNowButton:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(101,16,16,.25)}
#askNowButton:focus-visible{outline:3px solid rgba(199,154,61,.35);outline-offset:3px}
@media(max-width:767px){
  #askNowSection{margin:20px auto 28px;padding:0 10px}
  #askNowSection .smv-new-asknow-inner{padding:22px 14px 24px;border-radius:13px}
  #askNowSection .smv-new-asknow-kicker{font-size:10px;letter-spacing:1.4px}
  #askNowSection h2{font-size:24px}
  #askNowSection p{font-size:14px;line-height:1.55}
  #askNowButton{width:min(300px,100%);min-height:48px;font-size:16px}
}

/* smv-v36-horoscope-hora-daily-asknow */

/* V3.6: Birth Panchang shows only the Hora planet active at the entered birth time. */
.birth-hora-single{display:inline-flex;align-items:center;min-height:30px;margin-top:5px;padding:5px 10px;border:1px solid #e1d4bd;border-radius:8px;background:#fffaf0;font-weight:900;font-size:13px;line-height:1.2}
/* V3.6: Daily Panchang keeps all existing content; desktop only uses a horizontal grid. */
@media(min-width:901px){
  .panchang-card .panchang-compact-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
}
/* V3.6: ASK NOW label is mathematically centered; arrow is independently positioned. */
#askNowButton{position:relative!important;justify-content:center!important;padding-left:22px!important;padding-right:52px!important}
#askNowButton span{position:absolute!important;right:17px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
@media(max-width:767px){#askNowButton{padding-left:18px!important;padding-right:46px!important}#askNowButton span{right:14px!important}}

/* smv-v37-hora-transit-asknow-final */

/* V3.7 FINAL: Desktop = Daily Panchang | Hora | Planetary Transit. Mobile = stacked. */
@media (min-width:901px){
  .transit-panchang-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;align-items:start!important;width:100%!important;}
  .transit-panchang-grid>.card{min-width:0!important;width:100%!important;box-sizing:border-box!important;}
  .transit-panchang-grid .panchang-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .transit-panchang-grid .hora-list{grid-template-columns:1fr!important;gap:5px!important;}
  .transit-panchang-grid .transit-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
}
@media (max-width:900px){.transit-panchang-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}}
/* ASK NOW: the label is mathematically centered and the arrow is independent. */
#askNowButton{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 50px 12px 18px!important;text-align:center!important;}
#askNowButton .asknow-label{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;white-space:nowrap!important;line-height:1!important;margin:0!important;}
#askNowButton .asknow-arrow{position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;line-height:1!important;}
@media(max-width:767px){#askNowButton{padding-left:14px!important;padding-right:44px!important;}#askNowButton .asknow-arrow{right:13px!important;}}

/* smv-google-login-style */

.auth-divider{display:flex;align-items:center;gap:10px;margin:10px 0;color:#8a7a62;font-size:11px;font-weight:700;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#dccfb8;flex:1}.auth-google{display:flex!important;align-items:center;justify-content:center;gap:9px;background:#fff!important;color:#2b241d!important;border:1px solid #cfc4b2!important;box-shadow:0 4px 12px rgba(44,31,20,.08)!important}.auth-google:hover{background:#faf7f0!important}
#astroRegBtn {
  background: linear-gradient(180deg, #fff3a6 0%, #ffd84d 50%, #f5b800 100%) !important;
  color: #3b2800 !important;
  border: 1px solid #c89512 !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 16px rgba(184, 134, 11, 0.22) !important;
}

#astroRegBtn:hover {
  background: linear-gradient(180deg, #fff8c7 0%, #ffe36a 50%, #ffc400 100%) !important;
  }

/* SMV_HEADER_FINAL_COLORS */


/* ===== HEADER BACKGROUND ===== */
html body header,
html body header .nav,
html body header nav {
    background: #6B0F1A !important;
    background-image: none !important;
}

/* ===== ALL 7 HEADER BUTTONS — DULL BLOOD RED ===== */
html body header .nav nav > a[href="#home"],
html body header .nav nav > #horoscopeNav,
html body header .nav nav > #contentNav,
html body header .nav nav > #contactNav,
html body header .nav nav > #dashLink:not(.smv-role-green),
html body header .nav nav > #authBtn:not(.smv-logout-btn),
html body header .nav nav > #registerNav {

    background: #8B1A1A !important;
    background-image: none !important;
    background-color: #8B1A1A !important;

    color: #FFFFFF !important;

    border: 2px solid #FFD700 !important;

    font-weight: 800 !important;
}

/* ===== LOGGED-IN DASHBOARD ===== */
html body header .nav nav > #dashLink.smv-role-green {
    background: #38BDF8 !important;
    background-image: none !important;
    background-color: #38BDF8 !important;
    color: #FFFFFF !important;
    border: 2px solid #FFD700 !important;
    font-weight: 900 !important;
}

/* ===== LOGOUT ===== */
html body header .nav nav > #authBtn.smv-logout-btn {
    background: #D60000 !important;
    background-image: none !important;
    background-color: #D60000 !important;
    color: #FFFFFF !important;
    border: 2px solid #FFD700 !important;
    font-weight: 900 !important;
}

/* ===== SMV ASTRO ===== */
html body header .brand .brand-text .logo,
html body header .brand .brand-text .logo a {
    color: #FF0000 !important;
    -webkit-text-fill-color: #FF0000 !important;
    font-size: 42px !important;
    font-weight: 900 !important;
    -webkit-text-stroke: 2px #FFD700 !important;
}

  
/* smv-dashboard-typography-final-2026-09-02 */

/* CUSTOMER + ASTROLOGER DASHBOARD — typography only.
   No colors, layout, loading, Firebase, payment or other functionality changed. */
@media (max-width:767px){
  /* Customer: My ஆலோசனைs must use the same main-section heading size
     as My Questions and the other dashboard section headings. */
  #dashboardContent > .card > h3.customer-consultations-title,
  #dashboardContent > .card > h3{
    font-size:18px !important;
    line-height:1.28 !important;
  }

  /* ஜோதிடர்: Withdrawal History is a section heading, so keep its existing
     size and make the heading text clearly bold. */
  #dashboardContent .withdrawal-history-title{
    font-weight:900 !important;
  }
}

/* smv-dashboard-headings-red-only */

/* FINAL REQUEST:
   Customer + Admin + Astrologer dashboards — headings ONLY changed from pink to red.
   No font-size, font-family, layout, spacing, buttons, data, or functionality changed.
*/
#dashboardContent h1,
#dashboardContent h2,
#dashboardContent h3,
#dashboardContent h4,
#admin h1,
#admin h2,
#admin h3,
#admin h4{
  color:#FF0000 !important;
  -webkit-text-fill-color:#FF0000 !important;
}

/* smv-final-exact-dashboard-colours */


/* CUSTOMER + ASTROLOGER
   "Dashboard" word ONLY */
#dashboardTitle{
  color:#FF1493 !important;
  -webkit-text-fill-color:#FF1493 !important;
  font-weight:900 !important;
}

/* ASTROLOGER
   "Withdrawal History" ONLY */
#dashboardContent .withdrawal-history-title{
  color:#FF0000 !important;
  -webkit-text-fill-color:#FF0000 !important;
}


/* smv-customer-astro-content-meta-clean-final */

/* FINAL CONTENT/META TYPOGRAPHY ONLY
   No colour declarations. No layout, data, Firebase, payment or JS logic changes. */
@media (max-width:767px){
  /* Customer consultation: label = stronger/larger; value = smaller/normal. */
  #dashboardContent .smv-meta-line{
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
  }
  #dashboardContent .smv-meta-line .smv-meta-label{
    font-size:14px !important;
    font-weight:800 !important;
  }
  #dashboardContent .smv-meta-line .smv-meta-value{
    font-size:11px !important;
    font-weight:500 !important;
  }

  /* கேள்வி text itself: readable, but not oversized/heavy. */
  #dashboardContent .smv-question-text{
    display:block !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    margin-bottom:4px !important;
  }

  /* Small secondary/meta information. */
  #dashboardContent .small{
    line-height:1.35 !important;
  }

  /* Astrologer dashboard normal descriptive content. */
  #dashboardContent .astro-profile-info > p:not(.astro-profile-bio){
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.4 !important;
  }
  #dashboardContent .astro-profile-bio{
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.42 !important;
  }

  /* Astrologer question/answer meta: same hierarchy as the reference. */
  #dashboardContent .astro-question-item .small,
  #dashboardContent .astro-answer-item .small{
    font-size:10px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
  }
  #dashboardContent .astro-question-item .small b,
  #dashboardContent .astro-answer-item .small b{
    font-weight:800 !important;
  }

  /* Timeline text remains compact; existing colours are untouched. */
  #dashboardContent .timeline-step{
    font-size:9px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
  }
  #dashboardContent .timeline-step span{font-weight:700 !important;}
}

/* smv-admin-reject-question-green */

.smv-reject-question-green{background:#2e7d32!important;color:#fff!important;border:2px solid #1b5e20!important;}
.smv-reject-question-green:hover{background:#256b2b!important;}
/* Admin action-state colors: only RE-ALLOCATE and REJECT ANSWER change color.
   Default = existing blue. Red = action reflected/pending on Astrologer.
   Green = new/revised answer received back by Admin. */
.smv-action-red{background:linear-gradient(135deg,#d32f2f,#a61f1f)!important;color:#fff!important;border-color:#8f1717!important;box-shadow:0 5px 13px rgba(167,31,31,.22)!important;}
.smv-action-red:hover{background:linear-gradient(135deg,#b92525,#8f1717)!important;}
.smv-action-green{background:linear-gradient(135deg,#2e9b57,#176b45)!important;color:#fff!important;border-color:#125737!important;box-shadow:0 5px 13px rgba(23,107,69,.22)!important;}
.smv-action-green:hover{background:linear-gradient(135deg,#25834a,#145d3b)!important;}


/* smv-final-daily-panchang-horizontal-and-advanced-full-color */

/* FINAL: Daily Panchang — desktop horizontal fit. Mobile remains stacked. */
@media (min-width:901px){
  .transit-panchang-grid .panchang-card{
    min-width:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .transit-panchang-grid .panchang-card .panchang-compact-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
  }
  .transit-panchang-grid .panchang-card .panchang-compact-grid>div{
    min-width:0!important;
    width:100%!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

/* FINAL: Advanced Analysis Parts I–V — title colour fills the complete box width. */
.smv-advanced-part{
  overflow:hidden!important;
}
.smv-advanced-part-title{
  display:block!important;
  width:calc(100% + 24px)!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:-12px -12px 14px!important;
  padding:11px 14px!important;
  background:#fff3d5!important;
  background-clip:border-box!important;
  border-bottom:2px solid #d8c7a7!important;
  border-radius:14px 14px 0 0!important;
}
.smv-advanced-part-title h3{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:700px){
  .smv-advanced-part-title{
    width:calc(100% + 20px)!important;
    margin:-10px -10px 12px!important;
    padding:11px 12px!important;
    border-radius:12px 12px 0 0!important;
  }
}

/* smv-tamil-blog-horizontal-desktop-final */

/* Tamil homepage Blogs: horizontal cards on desktop only. No other UI/functionality changed. */
@media (min-width: 701px){
  #smv-content-hub #publicBlogs{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }
  #smv-content-hub #publicBlogs > .blog-card{
    display:grid !important;
    grid-template-columns:minmax(220px,34%) minmax(0,1fr) !important;
    grid-template-rows:auto auto 1fr auto !important;
    column-gap:20px !important;
    align-items:start !important;
    width:100% !important;
    min-width:0 !important;
    min-height:220px !important;
    height:auto !important;
    box-sizing:border-box !important;
  }
  #smv-content-hub #publicBlogs > .blog-card > h3{
    grid-column:2 !important; grid-row:1 !important;
    margin:0 0 8px !important;
  }
  #smv-content-hub #publicBlogs > .blog-card > .content-thumb{
    grid-column:1 !important; grid-row:1 / 5 !important;
    width:100% !important; height:100% !important;
    min-height:180px !important; max-height:300px !important;
    object-fit:cover !important; margin:0 !important;
    align-self:stretch !important;
  }
  #smv-content-hub #publicBlogs > .blog-card > p.small{
    grid-column:2 !important; grid-row:2 !important;
    margin:4px 0 10px !important;
  }
  #smv-content-hub #publicBlogs > .blog-card > .blog-content{
    grid-column:2 !important; grid-row:3 !important;
    margin-top:0 !important;
  }
  #smv-content-hub #publicBlogs > .blog-card > .small:last-child{
    grid-column:2 !important; grid-row:4 !important;
    margin-top:10px !important; padding-top:10px !important;
  }
  #smv-content-hub #publicBlogs > .blog-card:not(:has(.content-thumb)){
    grid-template-columns:minmax(0,1fr) !important;
  }
  #smv-content-hub #publicBlogs > .blog-card:not(:has(.content-thumb)) > h3,
  #smv-content-hub #publicBlogs > .blog-card:not(:has(.content-thumb)) > p.small,
  #smv-content-hub #publicBlogs > .blog-card:not(:has(.content-thumb)) > .blog-content,
  #smv-content-hub #publicBlogs > .blog-card:not(:has(.content-thumb)) > .small:last-child{
    grid-column:1 !important;
  }
}
@media (max-width: 700px){
  #smv-content-hub #publicBlogs > .blog-card{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:auto !important;
  }
  #smv-content-hub #publicBlogs > .blog-card > .content-thumb{
    width:100% !important; height:auto !important;
    max-height:240px !important; object-fit:cover !important;
  }
}

/* smv-welcome-title-center-final */

.hero .badge{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* smv-media-horizontal-desktop-final-fix */

/* FINAL MEDIA / MEDIA DESKTOP FIX
   Desktop: use the available website width with wide horizontal cards.
   Mobile: keep the normal compact single-column layout. */
#smv-content-hub #publicMedia{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

#smv-content-hub #publicMedia > .grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  align-items:start!important;
  justify-items:stretch!important;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
  gap:16px!important;
  margin:10px 0 0!important;
  box-sizing:border-box!important;
}

#smv-content-hub #publicMedia > .grid > .media-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  align-self:start!important;
  box-sizing:border-box!important;
}

#smv-content-hub #publicMedia > .grid > .media-card > img,
#smv-content-hub #publicMedia > .grid > .media-card > video{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:360px!important;
  object-fit:contain!important;
  box-sizing:border-box!important;
}

/* PDF cards no longer stretch to match a taller video/media card. */
#smv-content-hub #publicMedia > .grid > .media-card:not(:has(img)):not(:has(video)):not(:has(audio)){
  align-self:start!important;
}

@media (min-width:768px){
  #smv-content-hub{
    width:100%!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  #smv-content-hub .feature-shell{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:700px){
  /* Mobile remains compact and single-column. */
  #smv-content-hub #publicMedia > .grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:7px!important;
  }
  #smv-content-hub #publicMedia > .grid > .media-card{
    width:100%!important;
    margin:0!important;
    padding:7px!important;
  }
  #smv-content-hub #publicMedia > .grid > .media-card > img,
  #smv-content-hub #publicMedia > .grid > .media-card > video{
    max-height:180px!important;
  }
}

@media (min-width:701px) and (max-width:767px){
  #smv-content-hub #publicMedia > .grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

/* smv-media-desktop-video-music-pdf-final */

/* FINAL MEDIA ORDER + DESKTOP HORIZONTAL LAYOUT
   Desktop: Video first, Music next, PDF files after that, all side-by-side.
   Mobile: keep the normal compact single-column layout. */
#smv-content-hub #publicMedia .smv-media-horizontal-grid{width:100%!important;max-width:none!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:start!important;margin:10px 0 0!important;box-sizing:border-box!important;}
#smv-content-hub #publicMedia .smv-media-horizontal-grid > .media-card{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;align-self:start!important;box-sizing:border-box!important;overflow:hidden!important;}
#smv-content-hub #publicMedia .smv-media-horizontal-grid > .media-card h3{overflow-wrap:anywhere!important;word-break:break-word!important;}
#smv-content-hub #publicMedia .media-video video,#smv-content-hub #publicMedia .media-image img{display:block!important;width:100%!important;max-width:100%!important;height:260px!important;max-height:260px!important;object-fit:contain!important;box-sizing:border-box!important;}
#smv-content-hub #publicMedia .media-music audio{width:100%!important;max-width:100%!important;}
#smv-content-hub #publicMedia .media-pdf{min-height:150px!important;}
@media (min-width:768px) and (max-width:1100px){#smv-content-hub #publicMedia .smv-media-horizontal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (min-width:1101px){#smv-content-hub #publicMedia .smv-media-horizontal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:767px){#smv-content-hub #publicMedia .smv-media-horizontal-grid{grid-template-columns:1fr!important;gap:7px!important;margin-top:7px!important;}#smv-content-hub #publicMedia .smv-media-horizontal-grid > .media-card{width:100%!important;margin:0!important;padding:7px!important;}#smv-content-hub #publicMedia .media-video video,#smv-content-hub #publicMedia .media-image img{height:auto!important;max-height:180px!important;}}

/* smv-media-desktop-stacked-type-rows-final */

/* FINAL MEDIA LAYOUT: desktop only. Each media type gets its own horizontal row.
   Order: Video row, Music row, PDF row, then Images if present. Mobile stays compact. */
#smv-content-hub #publicMedia{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;}
#smv-content-hub #publicMedia .smv-media-horizontal-grid{display:block!important;width:100%!important;margin:0!important;}
#smv-content-hub #publicMedia .smv-media-type-section{display:block!important;width:100%!important;margin:0 0 18px!important;padding:0!important;}
#smv-content-hub #publicMedia .smv-media-type-title{font-size:18px!important;line-height:1.25!important;font-weight:800!important;margin:0 0 8px!important;padding:0 0 5px!important;border-bottom:1px solid var(--line,#e3d6bd)!important;color:var(--maroon,#7a2a1c)!important;}
#smv-content-hub #publicMedia .smv-media-type-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;min-width:0!important;margin:0!important;align-items:start!important;}
#smv-content-hub #publicMedia .smv-media-type-grid>.media-card{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:10px!important;box-sizing:border-box!important;align-self:start!important;overflow:hidden!important;}
#smv-content-hub #publicMedia .smv-media-type-grid>.media-card h3{font-size:16px!important;line-height:1.3!important;margin:0 0 7px!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
#smv-content-hub #publicMedia .media-video video{display:block!important;width:100%!important;height:190px!important;max-height:190px!important;object-fit:contain!important;box-sizing:border-box!important;}
#smv-content-hub #publicMedia .media-music audio{display:block!important;width:100%!important;height:40px!important;margin:5px 0!important;}
#smv-content-hub #publicMedia .media-pdf{min-height:0!important;}
#smv-content-hub #publicMedia .media-image img{display:block!important;width:100%!important;height:170px!important;max-height:170px!important;object-fit:contain!important;box-sizing:border-box!important;}
#smv-content-hub #publicMedia .media-card .btn{margin-top:6px!important;}
@media (min-width:768px) and (max-width:1050px){
  #smv-content-hub #publicMedia .smv-media-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:767px){
  /* Mobile: compact, normal single-column cards; no desktop row sizing. */
  #smv-content-hub #publicMedia .smv-media-type-section{margin:0 0 9px!important;}
  #smv-content-hub #publicMedia .smv-media-type-title{font-size:15px!important;margin:0 0 5px!important;padding:0 0 3px!important;}
  #smv-content-hub #publicMedia .smv-media-type-grid{grid-template-columns:1fr!important;gap:7px!important;}
  #smv-content-hub #publicMedia .smv-media-type-grid>.media-card{width:100%!important;padding:7px!important;margin:0!important;}
  #smv-content-hub #publicMedia .smv-media-type-grid>.media-card h3{font-size:14px!important;margin:0 0 5px!important;}
  #smv-content-hub #publicMedia .media-video video{height:auto!important;max-height:180px!important;}
  #smv-content-hub #publicMedia .media-image img{height:auto!important;max-height:120px!important;}
  #smv-content-hub #publicMedia .media-music audio{height:36px!important;}
}

/* smv-media-fixed-desktop-size-final */

/* FINAL REQUEST: fixed card size on DESKTOP ONLY. Mobile is intentionally untouched. */
@media (min-width: 768px){
  #smv-content-hub #publicMedia .smv-media-type-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:start!important;
  }
  #smv-content-hub #publicMedia .smv-media-type-grid>.media-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    align-self:start!important;
  }
  /* Video: fixed compact desktop box */
  #smv-content-hub #publicMedia .media-video.media-card{
    height:285px!important;
    min-height:285px!important;
    max-height:285px!important;
  }
  #smv-content-hub #publicMedia .media-video video{
    width:100%!important;
    height:190px!important;
    max-height:190px!important;
    object-fit:contain!important;
  }
  /* Music: deliberately shorter than video */
  #smv-content-hub #publicMedia .media-music.media-card{
    height:115px!important;
    min-height:115px!important;
    max-height:115px!important;
  }
  #smv-content-hub #publicMedia .media-music audio{
    width:100%!important;
    height:38px!important;
    margin:5px 0!important;
  }
  /* PDF: fixed compact desktop box */
  #smv-content-hub #publicMedia .media-pdf.media-card{
    height:205px!important;
    min-height:205px!important;
    max-height:205px!important;
  }
  #smv-content-hub #publicMedia .media-pdf iframe,
  #smv-content-hub #publicMedia .media-pdf embed{
    width:100%!important;
    height:125px!important;
    max-height:125px!important;
    display:block!important;
  }
  #smv-content-hub #publicMedia .media-card h3{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}
@media (min-width:768px) and (max-width:1050px){
  #smv-content-hub #publicMedia .smv-media-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* smv-hero-madurai-veeran-final */

#home.hero .hero-quote{font-family:Georgia,"Times New Roman",serif;font-weight:800;color:#7e1818;font-size:18px;line-height:1.6;margin:8px auto 18px!important}
#home.hero p:not(.hero-quote){max-width:780px}
@media(max-width:600px){#home.hero .hero-quote{font-size:15px;line-height:1.6;margin:7px auto 14px!important}}

/* smv-tamil-hero-third-line-left-final */

/* Mobile only: move the third Hero line slightly left so it visually aligns with the second line. */
@media (max-width: 767px){
  #home.hero h1 .smv-hero-line-3{
    display:inline-block!important;
    transform:translateX(-12px)!important;
  }
}

/* smv-tamil-header-two-buttons-full-fit-final */

/* Only the two Tamil header labels need extra width so every character remains visible. */
#contentNav, #dashLink{
  width:132px !important;
  min-width:132px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
@media(max-width:760px){
  #contentNav, #dashLink{
    width:132px !important;
    min-width:132px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }
}

/* smv-install-app-ui */

.smv-install-app-section{width:100%;box-sizing:border-box;margin:22px auto 10px;padding:0 16px;}
.smv-install-app-card{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:15px 17px;border:1.5px solid #c59b4a;border-radius:16px;background:linear-gradient(180deg,#fffaf0,#fffdf8);box-shadow:0 5px 16px rgba(90,50,10,.08);box-sizing:border-box;}
.smv-install-app-icon-wrap{flex:0 0 auto;width:64px;height:64px;border-radius:15px;overflow:hidden;border:1px solid #d8c7a7;background:#fff;display:grid;place-items:center;}
.smv-install-app-icon{width:64px;height:64px;display:block;object-fit:cover;}
.smv-install-app-copy{min-width:0;flex:1;}
.smv-install-app-copy h3{margin:0 0 4px!important;font-size:18px!important;line-height:1.25!important;color:#7a2a1c!important;}
.smv-install-app-copy p{margin:0!important;font-size:13px!important;line-height:1.45!important;color:#444!important;}
.smv-install-app-help{margin-top:5px;font-size:12px;line-height:1.4;color:#7a2a1c;}
.smv-install-app-btn{flex:0 0 auto;border:1px solid #8b0000;border-radius:10px;padding:11px 16px;min-height:44px;background:#8b0000;color:#fff;font-weight:900;letter-spacing:.3px;cursor:pointer;white-space:nowrap;}
.smv-install-app-btn:hover{filter:brightness(1.08);}
.smv-install-app-btn:disabled{opacity:.6;cursor:default;}
@media(max-width:650px){
  .smv-install-app-section{padding:0 10px;margin-top:16px;}
  .smv-install-app-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:13px 12px;}
  .smv-install-app-icon-wrap,.smv-install-app-icon{width:56px;height:56px;border-radius:13px;}
  .smv-install-app-copy h3{font-size:16px!important;}
  .smv-install-app-copy p{font-size:12px!important;}
  .smv-install-app-btn{grid-column:1 / -1;width:100%;}
}
@media(min-width:651px){.smv-install-app-btn{min-width:140px;}}

/* smv-customer-question-window */

@media(max-width:600px){}

/* smv-astro-dashboard-correct-responsive-final */

/* FINAL RESPONSIVE FIX — ASTROLOGER DASHBOARD ONLY
   Mobile/tablet: 3 summary cards stack normally.
   Desktop: 3 summary cards fit horizontally in the same content width as Public கேள்வி Inbox.
   Do not change other dashboard sections. */
#dashboardContent .astro-dashboard-summary{
  display:grid !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  gap:16px !important;
}
#dashboardContent .astro-dashboard-summary > .card{
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
  width:auto !important;
  margin:0 !important;
  overflow-wrap:anywhere !important;
}

/* Public கேள்வி Inbox stays full-width like the summary row container. */
#dashboardContent .astro-dashboard-summary + .card{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* MOBILE / TABLET — normal vertical layout */
@media (max-width:767px){
  #dashboardContent .astro-dashboard-summary{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    width:100% !important;
  }
}

/* DESKTOP — exactly 3 horizontal cards, fitted to available dashboard width */
@media (min-width:768px){
  #dashboardContent .astro-dashboard-summary{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    width:100% !important;
    min-width:0 !important;
  }
}

/* smv-v142-location-autocomplete-css */

.smv-location-wrap{position:relative}
.smv-location-suggestions{position:absolute;left:0;right:0;top:100%;z-index:1000;background:#fff;border:1px solid #d8c9a8;border-radius:10px;box-shadow:0 10px 28px rgba(44,31,20,.16);overflow:hidden;display:none}
.smv-location-suggestions.show{display:block}
.smv-location-suggestion{display:block;width:100%;border:0;background:#fff;text-align:left;padding:11px 13px;cursor:pointer;font:inherit;color:#2b2448}
.smv-location-suggestion:hover,.smv-location-suggestion:focus{background:#f8f1df;outline:none}
.smv-location-status{font-size:.82rem;margin-top:5px;min-height:1.1em;color:#6b6258}
.smv-location-status.ok{color:#2d6a3f}.smv-location-status.err{color:#a43d3d}

/* smv-v145-location-css */

.smv-location-wrap{position:relative}
.smv-location-suggestions{position:absolute;left:0;right:0;top:100%;z-index:1000;background:#fff;border:1px solid #d8c9a8;border-radius:10px;box-shadow:0 10px 28px rgba(44,31,20,.16);overflow:hidden;display:none}
.smv-location-suggestions.show{display:block}
.smv-location-suggestion{display:block;width:100%;border:0;background:#fff;text-align:left;padding:11px 13px;cursor:pointer;font:inherit;color:#2b2448}
.smv-location-suggestion:hover,.smv-location-suggestion:focus{background:#f8f1df;outline:none}
.smv-location-status{font-size:.82rem;margin-top:5px;min-height:1.1em;color:#6b6258}.smv-location-status.ok{color:#2d6a3f}.smv-location-status.err{color:#a43d3d}

/* smv-final-home-button-equal-size */

/* Home must have exactly the same footprint as the other desktop header controls.
   Do not let flex-grow make Home wider than Horoscope/Blogs/etc. */
@media (min-width:600px){
  header .nav nav > a[href="#home"]{
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    flex:0 0 102px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0 8px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
}

html.smv-desktop-site header .nav nav > a[href="#home"]{
  width:102px!important;
  min-width:102px!important;
  max-width:102px!important;
  flex:0 0 102px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0 8px!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* smv-final-home-exact-same-as-others */

header nav a[href="#home"]{
  width:102px !important;
  min-width:102px !important;
  max-width:102px !important;
  flex:0 0 102px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  box-sizing:border-box !important;
  padding:0 6px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}
@media (max-width:599px){
  html.smv-desktop-site header nav a[href="#home"]{
    width:102px !important;
    min-width:102px !important;
    max-width:102px !important;
    flex:0 0 102px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }
}

/* smv-v16-balanced-mobile */

/* V16 — mobile balance: keep Q&A comfortable; make horoscope tables fully visible */
@media (max-width:700px){
  /* Questions + answers: give the actual writing areas more breathing room */
  textarea[id^="ans_"],
  textarea[id^="boardAdminAnswer_"],
  textarea[id^="adminAns_"]{
    min-height:190px !important;
    height:190px !important;
    padding:12px 13px !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }
  /* Do not compress answer containers */
  [id*="answer" i], [class*="answer" i]{
    line-height:1.45;
  }
  /* கேள்வி text remains compact but readable */
  [class*="question" i]{
    line-height:1.42;
  }

  /* HOROSCOPE: tables fit the phone width instead of forcing horizontal scroll */
  #tamilHoroscopeResult table,
  #englishHoroscopeResult table,
  .horoscope-result table,
  .data-table-wrap table,
  table.data-table,
  .bhava-table,
  .strength-table,
  .phase2-strength-table,
  .phase3-shadbala-table,
  .dasha-table,
  .dasha-subtable{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    table-layout:fixed !important;
    display:table !important;
    overflow:visible !important;
  }
  .data-table-wrap{
    overflow:visible !important;
    width:100% !important;
    max-width:100% !important;
  }
  .data-table th,.data-table td,
  .bhava-table th,.bhava-table td,
  .strength-table th,.strength-table td,
  .phase2-strength-table th,.phase2-strength-table td,
  .phase3-shadbala-table th,.phase3-shadbala-table td,
  .dasha-table th,.dasha-table td,
  .dasha-subtable th,.dasha-subtable td{
    padding:6px 4px !important;
    font-size:10.5px !important;
    line-height:1.25 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  .data-table th,.bhava-table th,.strength-table th,
  .phase2-strength-table th,.phase3-shadbala-table th,
  .dasha-table th,.dasha-subtable th{
    font-size:10.5px !important;
  }
  .phase3-shadbala-table th:nth-child(n),
  .phase3-shadbala-table td:nth-child(n){width:auto !important;}

  /* Keep horoscope result blocks inside the viewport */
  #tamilHoroscopeResult,
  #englishHoroscopeResult{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  .south-indian-chart{max-width:100% !important;}

  /* Other content: compact outer spacing, but never squeeze answer areas */
  .card, .panel, .section, .modal-content{
    margin-bottom:8px;
  }
}

/* smv-v24-horoscope-no-hang-header */

@media(max-width:599px){
  body.smv-horoscope-active header{position:sticky!important;top:0!important;z-index:99999!important;}
  body.smv-horoscope-active #horoscope-tools,
  body.smv-horoscope-active #english-horoscope,
  body.smv-horoscope-active #tamil-horoscope{min-height:0!important;}
}

/* smv-customer-payment-final-ui-fix */

#submitQuestionBtn{
  background:#980000 !important; color:#fff !important; border:2px solid #c79a3d !important;
  box-shadow:none !important;
}
#askMsg:empty{display:none !important;}

/* smv-horoscope-buttons-desktop-normal */

/* Keep the Create Horoscope / Reset controls at normal desktop size.
   Mobile keeps the existing responsive button sizing. */
@media (min-width:768px){
  #english-horoscope .action-row,
  #tamil-horoscope .action-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
  }
  #english-horoscope #generateEnglishHoroscope,
  #english-horoscope #clearEnglishHoroscope,
  #tamil-horoscope #generateTamilHoroscope,
  #tamil-horoscope #clearTamilHoroscope{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:42px!important;
    height:42px!important;
    padding:9px 16px!important;
    font-size:14px!important;
    line-height:1.25!important;
    flex:0 0 auto!important;
  }
}

/* smv-final-dashboard-typography-hierarchy-v4 */

/* =========================================================
   SMV FINAL DASHBOARD TYPOGRAPHY HIERARCHY — V4
   ONLY font-size / font-weight / line-height.
   NO color declarations. NO layout. NO JS/data/payment/Firebase changes.
   Mobile only.
   ========================================================= */
@media (max-width:760px){

  /* =======================================================
     ASTROLOGER — QUESTIONS / பதிலளிக்கப்படவில்லை QUEUE
     Label = bold, value/content = normal.
     ======================================================= */
  #dashboardContent #astroQuestionQueue > h3,
  #dashboardContent #astroAnsweredBox > h3{
    font-size:18px!important;
    line-height:1.28!important;
    font-weight:800!important;
  }

  #dashboardContent #astroQuestionQueue > p.small,
  #dashboardContent #astroAnsweredBox > p.small{
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  #dashboardContent #astroQuestionQueue .astro-question-item > h3,
  #dashboardContent #astroAnsweredBox .astro-answer-item > h3{
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:500!important;
  }

  #dashboardContent #astroQuestionQueue .astro-question-item > .small,
  #dashboardContent #astroAnsweredBox .astro-answer-item > .small{
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  #dashboardContent #astroQuestionQueue .astro-question-item > .small b,
  #dashboardContent #astroAnsweredBox .astro-answer-item > .small b{
    font-weight:700!important;
  }

  /* Actual answer text: readable, normal weight, slightly larger than history. */
  #dashboardContent #astroAnsweredBox .astro-answer-item > div[style*="white-space:pre-wrap"]{
    font-size:13px!important;
    line-height:1.55!important;
    font-weight:400!important;
  }

  /* Status line: label bold, status value normal. */
  #dashboardContent #astroAnsweredBox .astro-answer-item > .small[style*="margin-top:8px"]{
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }
  #dashboardContent #astroAnsweredBox .astro-answer-item > .small[style*="margin-top:8px"] b{
    font-weight:700!important;
  }

  /* Pending/revision note remains normal. */
  #dashboardContent #astroQuestionQueue .pending-note{
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  /* =======================================================
     CUSTOMER — ALL CONSULTATION CONTENT / META
     Slightly larger than Astrologer Earnings History.
     Label = bold, value = normal.
     ======================================================= */
  #dashboardContent .customer-consultations-title{
    font-size:18px!important;
    line-height:1.28!important;
    font-weight:800!important;
  }

  #dashboardContent .smv-question-text{
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:500!important;
  }

  #dashboardContent .smv-meta-line{
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  #dashboardContent .smv-meta-line .smv-meta-label{
    font-weight:700!important;
  }
  #dashboardContent .smv-meta-line .smv-meta-value{
    font-weight:400!important;
  }

  /* Refund / status details follow the same hierarchy. */
  #dashboardContent .refund-summary .smv-meta-line{
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }
  #dashboardContent .refund-summary .smv-meta-label{
    font-weight:700!important;
  }
  #dashboardContent .refund-summary .smv-meta-value{
    font-weight:400!important;
  }

  /* Customer timeline text stays compact but readable. */
  #dashboardContent .timeline .timeline-step{
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:600!important;
  }

  /* Customer answer body: slightly larger than Earnings History, normal. */
  #dashboardContent .smv-meta-line + .card p[style*="white-space:pre-wrap"]{
    font-size:13px!important;
    line-height:1.55!important;
    font-weight:400!important;
  }

  /* =======================================================
     CUSTOMER NOTIFICATIONS
     Keep the hierarchy already established: title prominent,
     message normal, metadata label bold/value normal.
     ======================================================= */
  #dashboardContent #userNotifications,
  #dashboardContent #astroNotifications,
  #dashboardContent #astrologerNotifications{
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  #dashboardContent #userNotifications .smv-notification-title,
  #dashboardContent #astroNotifications .smv-notification-title,
  #dashboardContent #astrologerNotifications .smv-notification-title{
    font-size:13.5px!important;
    line-height:1.4!important;
    font-weight:700!important;
  }

  #dashboardContent #userNotifications .smv-notification-content,
  #dashboardContent #astroNotifications .smv-notification-content,
  #dashboardContent #astrologerNotifications .smv-notification-content{
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }

  #dashboardContent #userNotifications .smv-notification-meta,
  #dashboardContent #astroNotifications .smv-notification-meta,
  #dashboardContent #astrologerNotifications .smv-notification-meta{
    font-size:12.5px!important;
    line-height:1.4!important;
    font-weight:400!important;
  }
  #dashboardContent #userNotifications .smv-notification-meta b,
  #dashboardContent #astroNotifications .smv-notification-meta b,
  #dashboardContent #astrologerNotifications .smv-notification-meta b{
    font-weight:700!important;
  }
  #dashboardContent #userNotifications .notification-red-value,
  #dashboardContent #astroNotifications .notification-red-value,
  #dashboardContent #astrologerNotifications .notification-red-value{
    font-weight:400!important;
  }
}

/* smv-final-tamil-only-polish */

/* Final Tamil-only UI polish. SMV remains English by request. */
.smv-new-asknow-button{font-size:clamp(14px,3.2vw,18px)!important;padding:10px 16px!important;white-space:nowrap!important;line-height:1.2!important;min-width:0!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important}
.smv-new-asknow-button .asknow-label{font-size:inherit!important;white-space:nowrap!important}
.smv-new-asknow-button .asknow-arrow{font-size:.95em!important;flex:0 0 auto!important}
@media(max-width:420px){.smv-new-asknow-button{font-size:13px!important;padding:9px 12px!important;gap:5px!important}.smv-new-asknow-inner{padding:18px 14px!important}}

/* smv-final-tamil-fit */

/* தமிழ் மட்டும்: இப்போதே கேளுங்கள் பொத்தான் */
#askNowButton{width:min(260px,100%)!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:10px 44px 10px 12px!important;overflow:hidden!important;}
#askNowButton .asknow-label{font-size:14px!important;max-width:calc(100% - 28px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;}
#askNowButton .asknow-arrow{right:12px!important;font-size:18px!important;}
@media(max-width:767px){#askNowButton{width:min(240px,100%)!important;padding:9px 40px 9px 10px!important}#askNowButton .asknow-label{font-size:13px!important}}

/* smv-final-asknow-fit */

/* Final Ask Now fit: keep the complete Tamil label visible with the arrow. */
#askNowButton.smv-new-asknow-button,
#askNowButton{
  width:min(290px,100%)!important;
  min-width:290px!important;
  max-width:100%!important;
  min-height:50px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:10px 16px!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
#askNowButton .asknow-label{
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  display:inline-block!important;
  flex:0 1 auto!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1.25!important;
}
#askNowButton .asknow-arrow{
  position:static!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  margin:0!important;
  font-size:19px!important;
  line-height:1!important;
}
@media(max-width:767px){
  #askNowButton.smv-new-asknow-button,
  #askNowButton{
    width:min(270px,100%)!important;
    min-width:270px!important;
    min-height:48px!important;
    padding:9px 12px!important;
    gap:8px!important;
  }
  #askNowButton .asknow-label{font-size:14px!important;}
  #askNowButton .asknow-arrow{font-size:18px!important;}
}
@media(max-width:300px){
  #askNowButton.smv-new-asknow-button,
  #askNowButton{min-width:0!important;width:100%!important;}
  #askNowButton .asknow-label{font-size:13px!important;}
}

/* smv-tamil-renderer-final-css */

#askNowButton.smv-new-asknow-button,#askNowButton{width:min(270px,100%)!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:9px 46px 9px 10px!important;overflow:hidden!important;}
#askNowButton .asknow-label{font-size:14px!important;line-height:1.15!important;white-space:nowrap!important;max-width:calc(100% - 24px)!important;overflow:hidden!important;}
#askNowButton .asknow-arrow{right:11px!important;font-size:18px!important;line-height:1!important;}
@media(max-width:767px){#askNowButton.smv-new-asknow-button,#askNowButton{width:min(250px,100%)!important;padding:8px 42px 8px 8px!important;}#askNowButton .asknow-label{font-size:13px!important;}#askNowButton .asknow-arrow{right:10px!important;font-size:17px!important;}}

/* smv-tamil-header-hero-mobile-final-only */

/* ONLY the requested Tamil header labels + Hero dots on mobile. Everything else remains unchanged. */
#contentNav,
#dashLink{
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(max-width:767px){
  #contentNav,
  #dashLink{
    font-size:10px!important;
    letter-spacing:-.2px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  /* Mobile only: use spacing between the three Hero phrases; desktop dots remain unchanged. */
  #home.hero h1 .smv-hero-dot{
    display:inline!important;
    font-size:0!important;
    width:0!important;
    margin:0!important;
    padding:0!important;
  }
  #home.hero h1 .smv-hero-line-1,
  #home.hero h1 .smv-hero-line-2{
    margin-right:8px!important;
  }
  /* Mobile only: keep the second phrase visually centered. */
  #home.hero h1 .smv-hero-line-2{
    display:inline-block!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  /* Mobile only: exact center for the third phrase. */
  #home.hero h1 .smv-hero-line-3{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 auto!important;
    position:static!important;
    left:auto!important;
    transform:none!important;
    text-align:center!important;
  }
}
@media(min-width:768px){
  #contentNav,
  #dashLink{
    font-size:11px!important;
    letter-spacing:-.1px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

/* smv-tamil-bhava-attavani-final */

/* Only the Tamil Horoscope பாவ கட்டம் heading/label is renamed as requested. */
#tamilHoroscopeResult .bhava-table-wrap ~ * { }

/* smv-dashboard-auto-typography */


/* =========================================================
   SMV ASTRO — DASHBOARD AUTOMATIC TYPOGRAPHY
   CUSTOMER + ASTROLOGER ONLY
   ADMIN IS NOT TOUCHED
   ========================================================= */

/* ---------- NORMAL BODY TEXT ---------- */

html body #dashboardContent p,
html body #dashboardContent span,
html body #dashboardContent label,
html body #dashboardContent li,
html body #dashboardContent td,
html body #dashboardContent dd,
html body #dashboardContent dt,
html body #dashboardContent .small{
  font-weight:400!important;
}


/* ---------- HEADINGS ---------- */

html body #dashboardContent h1,
html body #dashboardContent h2,
html body #dashboardContent h3,
html body #dashboardContent h4,
html body #dashboardContent h5,
html body #dashboardContent h6{
  font-weight:800!important;
}


/* ---------- REAL BOLD TEXT ---------- */

html body #dashboardContent b,
html body #dashboardContent strong{
  font-weight:700!important;
}


/* ---------- BUTTONS ---------- */

html body #dashboardContent button,
html body #dashboardContent .btn,
html body #dashboardContent a.btn,
html body #dashboardContent input[type="button"],
html body #dashboardContent input[type="submit"]{
  font-weight:700!important;
}


/* ---------- TABLE HEADINGS ---------- */

html body #dashboardContent th{
  font-weight:700!important;
}


/* ---------- BADGES / STATUS ---------- */

html body #dashboardContent .badge,
html body #dashboardContent .status,
html body #dashboardContent .status-processing{
  font-weight:700!important;
}


/* ---------- TIMELINE ---------- */

html body #dashboardContent .timeline-step{
  font-weight:700!important;
}


/* ---------- IMPORTANT NUMBERS ---------- */

html body #dashboardContent [style*="font-size:28px"]{
  font-weight:800!important;
}


/* ---------- NORMAL LINKS ---------- */

html body #dashboardContent a:not(.btn){
  font-weight:400!important;
}
/* ---------- INPUT / TEXTAREA / SELECT ---------- */

html body #dashboardContent input,
html body #dashboardContent textarea,
html body #dashboardContent select{
  font-weight:400!important;
}
      
/* ---------- PLACEHOLDER TEXT ---------- */

html body #dashboardContent input::placeholder,
html body #dashboardContent textarea::placeholder{
  font-weight:400!important;
  }
      
/* ---------- CHECKBOX / RADIO TEXT ---------- */

html body #dashboardContent input[type="checkbox"] + label,
html body #dashboardContent input[type="radio"] + label{
  font-weight:400!important;
}
    /* ---------- DASHBOARD CARD NORMAL TEXT ---------- */

html body #dashboardContent .card p,
html body #dashboardContent .card span,
html body #dashboardContent .card label{
  font-weight:400!important;
  }
    /* ---------- DASHBOARD CARD HEADINGS ---------- */

html body #dashboardContent .card h1,
html body #dashboardContent .card h2,
html body #dashboardContent .card h3,
html body #dashboardContent .card h4,
html body #dashboardContent .card h5,
html body #dashboardContent .card h6{
  font-weight:800!important;
    }
    /* ---------- DASHBOARD LIST TEXT ---------- */

html body #dashboardContent li{
  font-weight:400!important;
  }
    /* ---------- DASHBOARD DETAILS TEXT ---------- */

html body #dashboardContent dt,
html body #dashboardContent dd{
  font-weight:400!important;
}/* ---------- TABLE IMPORTANT TEXT ---------- */

html body #dashboardContent td b,
html body #dashboardContent td strong{
  font-weight:700!important;
    }
    /* ---------- DASHBOARD BUTTON TEXT ---------- */

html body #dashboardContent button,
html body #dashboardContent .btn{
  font-weight:700!important;
    }/* ---------- DASHBOARD STATUS / BADGES ---------- */

html body #dashboardContent .badge,
html body #dashboardContent .status,
html body #dashboardContent .status-processing{
  font-weight:700!important;
}/* ---------- DASHBOARD TIMELINE ---------- */

html body #dashboardContent .timeline-step{
  font-weight:700!important;
    }
    /* =========================================================
   SMV ASTRO — BALANCED DASHBOARD TYPOGRAPHY
   CUSTOMER + ASTROLOGER DASHBOARD ONLY
   PRESERVE ORIGINAL BOLD DESIGN
   ADMIN NOT TOUCHED
   ========================================================= */

/* ---------- MAIN DASHBOARD TEXT ---------- */

html body #dashboardContent{
  font-weight:500!important;
}


/* ---------- NORMAL CONTENT ---------- */

html body #dashboardContent p,
html body #dashboardContent span,
html body #dashboardContent label,
html body #dashboardContent li,
html body #dashboardContent td,
html body #dashboardContent dd,
html body #dashboardContent dt{
  font-weight:500!important;
}


/* ---------- HEADINGS ---------- */

html body #dashboardContent h1,
html body #dashboardContent h2,
html body #dashboardContent h3,
html body #dashboardContent h4,
html body #dashboardContent h5,
html body #dashboardContent h6{
  font-weight:900!important;
}


/* ---------- CARD HEADINGS ---------- */

html body #dashboardContent .card h1,
html body #dashboardContent .card h2,
html body #dashboardContent .card h3,
html body #dashboardContent .card h4,
html body #dashboardContent .card h5,
html body #dashboardContent .card h6{
  font-weight:900!important;
}


/* ---------- IMPORTANT / BOLD TEXT ---------- */

html body #dashboardContent b,
html body #dashboardContent strong{
  font-weight:800!important;
}


/* ---------- BUTTONS ---------- */

html body #dashboardContent button,
html body #dashboardContent .btn,
html body #dashboardContent a.btn,
html body #dashboardContent input[type="button"],
html body #dashboardContent input[type="submit"]{
  font-weight:800!important;
}


/* ---------- TABLE HEADINGS ---------- */

html body #dashboardContent th{
  font-weight:800!important;
}


/* ---------- STATUS / BADGES ---------- */

html body #dashboardContent .badge,
html body #dashboardContent .status,
html body #dashboardContent .status-processing{
  font-weight:800!important;
}


/* ---------- TIMELINE ---------- */

html body #dashboardContent .timeline-step{
  font-weight:800!important;
}


/* ---------- IMPORTANT NUMBERS ---------- */

html body #dashboardContent [style*="font-size:28px"]{
  font-weight:900!important;
}


/* ---------- NORMAL LINKS ---------- */

html body #dashboardContent a:not(.btn){
  font-weight:600!important;
}


/* ---------- INPUTS ---------- */

html body #dashboardContent input,
html body #dashboardContent textarea,
html body #dashboardContent select{
  font-weight:500!important;
}


/* ---------- PLACEHOLDER ---------- */

html body #dashboardContent input::placeholder,
html body #dashboardContent textarea::placeholder{
  font-weight:500!important;
}


/* ---------- SMALL SUPPORTING TEXT ---------- */

html body #dashboardContent .small{
  font-weight:500!important;
  }
   
  
/* smv-v170-global-ui-redesign */

/* V170 — UI-only redesign. Existing business logic, Firebase calls, API routes,
   payment/withdrawal logic, horoscope calculations and data structures are untouched. */
:root{
  --ui-body:16px;
  --ui-small:14px;
  --ui-h1:40px;
  --ui-h2:27px;
  --ui-h3:21px;
  --ui-h4:18px;
  --ui-radius:14px;
  --ui-shadow:0 8px 24px rgba(60,35,20,.07);
}
html{font-size:16px!important}
body{
  font-size:var(--ui-body)!important;
  line-height:1.55!important;
  color:#2e2a32!important;
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}
body p,body li,body label,body dd,body dt{font-size:16px!important;line-height:1.55!important}
body .small{font-size:14px!important;line-height:1.5!important}
body h1{font-size:40px!important;line-height:1.15!important}
body h2{font-size:27px!important;line-height:1.28!important}
body h3{font-size:21px!important;line-height:1.34!important}
body h4{font-size:18px!important;line-height:1.4!important}
body button,body .btn{font-size:14px!important;line-height:1.25!important}
body input,body select,body textarea{font-size:16px!important;line-height:1.45!important;min-height:44px}

/* Consistent card rhythm across Home + every dashboard. */
.card{
  border-radius:var(--ui-radius)!important;
  box-shadow:var(--ui-shadow)!important;
}
.card h2,.card h3,.card h4,
section>h2,#dashboardTitle{
  letter-spacing:.1px!important;
}
.card p,.card li,.card label{margin-top:.55em;margin-bottom:.55em}

/* Dashboard typography: explicitly larger than the old compact dashboard text. */
#dashboardContent,#admin{font-size:17px!important;line-height:1.58!important}
#dashboardContent p,#dashboardContent li,#dashboardContent label,
#admin p,#admin li,#admin label{font-size:17px!important;line-height:1.58!important}
#dashboardContent .small,#admin .small{font-size:14px!important;line-height:1.52!important}
#dashboardContent h2,#admin h2{font-size:28px!important;line-height:1.28!important}
#dashboardContent h3,#admin h3{font-size:22px!important;line-height:1.32!important}
#dashboardContent h4,#admin h4{font-size:19px!important;line-height:1.38!important}
#dashboardContent .badge,#admin .badge{font-size:12px!important;line-height:1.3!important}
#dashboardContent .btn,#admin .btn{font-size:14px!important;min-height:44px!important}

/* Astrologer dashboard: clear, readable section hierarchy. */
.astro-dashboard-summary>.card h3{font-size:22px!important}
.astro-dashboard-summary>.card p{font-size:17px!important}
.astro-dashboard-summary>.card .small{font-size:14px!important}
#dashboardContent .astro-question-item p,
#dashboardContent #astroQuestionQueue p{font-size:16px!important}
#dashboardContent .astro-question-item .small,
#dashboardContent #astroQuestionQueue .small{font-size:14px!important}

/* Keep important monetary figures prominent without turning every heading into a giant block. */
.astro-dashboard-summary>.card p[style*="font-size:28px"]{font-size:28px!important;line-height:1.2!important}

/* Tables: readable but compact enough to avoid excessive vertical scrolling. */
table,table th,table td{font-size:14px!important;line-height:1.45!important}
.data-table th,.data-table td{padding:9px 10px!important}

/* V170 collapse controls: only long-information sections get minimize/expand.
   Profile, My Questions and Total Earnings are intentionally excluded. */
.smv-v170-collapsible{position:relative!important}
.smv-v170-collapse-btn{
  position:absolute!important;right:12px!important;top:12px!important;
  width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;
  border:0!important;border-radius:50%!important;
  background:transparent!important;color:#7a2a1c!important;
  font:800 18px/1 Arial,sans-serif!important;
  box-shadow:none!important;cursor:pointer!important;z-index:2!important;
}
.smv-v170-collapse-btn:hover{background:#fff0d0!important;transform:none!important}
.smv-v170-collapse-btn:focus-visible{outline:2px solid #7a2a1c!important;outline-offset:2px!important}
.smv-v170-collapsed>.smv-v170-collapse-btn{color:#7a2a1c!important}
.smv-v170-heading{padding-right:118px!important}
.smv-v170-collapsed>.smv-v170-body{display:none!important}
.smv-v170-collapsed{padding-bottom:14px!important}

/* Home long sections keep the successful V169 minimize behaviour. */
.smv-v170-region{position:relative!important;margin-top:14px!important}
.smv-v170-region-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  padding:9px 12px!important;margin-bottom:8px!important;
  border:1px solid #dfcfb2!important;border-radius:10px!important;background:#fffaf0!important;
}
.smv-v170-region-title{font-size:17px!important;font-weight:900!important;color:var(--maroon)!important}
.smv-v170-region.smv-v170-collapsed>.smv-v170-region-body{display:none!important}

/* Mobile: normal, comfortable reading size — no tiny dashboard text. */
@media(max-width:767px){
  body{font-size:16px!important;line-height:1.55!important}
  body p,body li,body label,body dd,body dt{font-size:16px!important;line-height:1.55!important}
  body .small{font-size:13.5px!important;line-height:1.5!important}
  body h1{font-size:32px!important;line-height:1.18!important}
  body h2{font-size:24px!important;line-height:1.3!important}
  body h3{font-size:20px!important;line-height:1.34!important}
  body h4{font-size:17px!important;line-height:1.4!important}
  body button,body .btn{font-size:14px!important;line-height:1.25!important;min-height:44px!important}
  body input,body select,body textarea{font-size:16px!important;min-height:44px!important}
  nav a,nav button{font-size:12px!important}
  .hero h1{font-size:34px!important}
  .hero p{font-size:16px!important}
  #dashboardContent,#admin{font-size:16px!important}
  #dashboardContent p,#dashboardContent li,#dashboardContent label,
  #admin p,#admin li,#admin label{font-size:16px!important;line-height:1.55!important}
  #dashboardContent .small,#admin .small{font-size:13.5px!important}
  #dashboardContent h2,#admin h2{font-size:24px!important}
  #dashboardContent h3,#admin h3{font-size:20px!important}
  #dashboardContent h4,#admin h4{font-size:17px!important}
  .astro-dashboard-summary>.card p{font-size:16px!important}
  .astro-dashboard-summary>.card p[style*="font-size:28px"]{font-size:26px!important}
  #dashboardContent .astro-question-item p,
  #dashboardContent #astroQuestionQueue p{font-size:16px!important}
  #dashboardContent .astro-question-item .small,
  #dashboardContent #astroQuestionQueue .small{font-size:13.5px!important}
  .smv-v170-collapse-btn{right:9px!important;top:9px!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:17px!important}
  .smv-v170-heading{padding-right:102px!important}
  .smv-v170-region-title{font-size:15px!important}
}
@media(max-width:380px){
  body{font-size:15.5px!important}
  body p,body li,body label{font-size:15.5px!important}
  #dashboardContent,#admin{font-size:15.5px!important}
  #dashboardContent p,#dashboardContent li,#dashboardContent label,
  #admin p,#admin li,#admin label{font-size:15.5px!important}
  #dashboardContent h2,#admin h2{font-size:23px!important}
  #dashboardContent h3,#admin h3{font-size:19px!important}
  .smv-v170-heading{padding-right:96px!important}
  .smv-v170-collapse-btn{font-size:16px!important}
}

/* smv-v173-home-symbol-and-header-fix */

/* V173: Home-only symbol collapse + equal header controls. UI only. */
.smv-v173-home-section{position:relative!important}
.smv-v173-home-toggle{
  position:absolute!important;right:12px!important;top:10px!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:#7a2a1c!important;font:800 17px/30px Arial,sans-serif!important;
  cursor:pointer!important;z-index:6!important;box-shadow:none!important;text-align:center!important;
}
.smv-v173-home-toggle:hover,.smv-v173-sub-collapse:hover{background:#fff0d0!important}
.smv-v173-home-section.smv-v173-home-collapsed > .smv-v173-home-collapse-body{display:none!important}
.smv-v173-subregion{position:relative!important}
.smv-v173-subhead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:30px!important;padding:2px 0!important;font-size:18px!important;font-weight:900!important;color:var(--maroon)!important}
.smv-v173-sub-collapse{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#7a2a1c!important;font:800 17px/30px Arial,sans-serif!important;cursor:pointer!important}
.smv-v173-subregion.smv-v173-sub-collapsed > :not(.smv-v173-subhead){display:none!important}

/* Header: every visible navigation button/link uses the same footprint. */
header nav > a:not(.hidden), header nav > button{
  box-sizing:border-box!important;width:88px!important;min-width:88px!important;
  height:42px!important;min-height:42px!important;max-height:42px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 10px!important;margin:0!important;line-height:1!important;white-space:nowrap!important;
}
@media(max-width:767px){
  header nav > a:not(.hidden), header nav > button{
    width:78px!important;min-width:78px!important;height:40px!important;min-height:40px!important;max-height:40px!important;
    padding:0 7px!important;font-size:12px!important;
  }
  .smv-v173-home-toggle,.smv-v173-sub-collapse{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:16px!important;line-height:30px!important}
}

/* smv-media-title-minimize-expand */

/* Media title: click the title row or arrow to minimize / expand Media content. */
.smv-media-title-toggle{cursor:pointer!important;user-select:none!important;}
.smv-media-title-toggle:focus-visible{outline:2px solid #7a2a1c!important;outline-offset:2px!important;border-radius:4px!important;}

/* smv-media-minimize-final-fix */

/* FINAL MEDIA MINIMIZE / EXPAND FIX
   Small Media header controls the complete Media block, including the
   large Media heading generated inside the content area. */
.smv-v173-subregion[data-sup="media"] > #publicMedia{display:block!important;}
.smv-v173-subregion[data-sup="media"].smv-v173-sub-collapsed > #publicMedia{display:none!important;}
.smv-media-content-title{cursor:pointer!important;user-select:none!important;}

/* SMV-ASTRO-FINAL-DESKTOP-HEADER-AND-DASHBOARD-FIX */

/* ================================================================
   SMV ASTRO — CLEAN FINAL DESKTOP LAYOUT
   This is the final cascade rule for the desktop-mode presentation.
   Application logic, Firebase, payment and dashboard data are untouched.
   ================================================================ */

@media (min-width:600px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* ---------- HEADER: SMV ASTRO ABOVE, NAV BELOW ---------- */
  header .nav{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:8px 10px 10px!important;
    box-sizing:border-box!important;
  }

  header .brand{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0!important;
  }

  header nav{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* Seven visible navigation controls = seven equal horizontal buttons. */
  header nav > a:not(.hidden),
  header nav > button:not(.hidden),
  header nav > .btn:not(.hidden){
    display:inline-flex!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 5px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:1!important;
  }

  /* ---------- DASHBOARD: ONE WIDE HORIZONTAL ROW ---------- */
  #dashboardContent{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  /* Profile + Questions + Earnings: 46 / 27 / 27 visual proportion. */
  #dashboardContent .astro-dashboard-summary{
    display:grid!important;
    grid-template-columns:1.70fr 1fr 1fr!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #dashboardContent .astro-dashboard-summary > .card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    margin:0!important;
    padding:12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* ---------- PROFILE CARD: PHOTO LEFT + CONTENT RIGHT ---------- */
  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card{
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    column-gap:12px!important;
    align-items:start!important;
    align-content:start!important;
  }

  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-photo{
    grid-column:1!important;
    grid-row:1!important;
    width:78px!important;
    height:78px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-photo img{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    min-height:72px!important;
    max-width:72px!important;
    max-height:72px!important;
    object-fit:cover!important;
    border-radius:50%!important;
    display:block!important;
    margin:0!important;
  }

  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-info{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .badge{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0 0 3px!important;
    padding:2px 6px!important;
    font-size:9px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card h3{
    margin:2px 0 5px!important;
    font-size:19px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card p{
    margin:3px 0!important;
    font-size:12px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-bio{
    margin-top:6px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:6!important;
    overflow:hidden!important;
  }

  /* Questions + Earnings get the same compact 250px outer height. */
  #dashboardContent .astro-dashboard-summary > .card:nth-child(2),
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3){
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }

  #dashboardContent .astro-dashboard-summary > .card:nth-child(2) h3,
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3) h3{
    margin:2px 0 8px!important;
    font-size:19px!important;
    line-height:1.2!important;
  }

  #dashboardContent .astro-dashboard-summary > .card:nth-child(2) p,
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3) p{
    margin:5px 0!important;
    font-size:13px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }

  /* ---------- ALL LOWER DASHBOARD BOXES: EXACT SAME OUTER WIDTH ---------- */
  #dashboardContent > .card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  #dashboardContent .astro-dashboard-summary + .card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Inner question/answer cards must never determine the outer width. */
  #dashboardContent > .card .card{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }
}

/* Normal mobile remains stacked. */
@media (max-width:599px){
  #dashboardContent .astro-dashboard-summary{
    width:100%!important;
    max-width:100%!important;
  }
  #dashboardContent .astro-profile-summary-card{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  #dashboardContent .astro-profile-photo{
    float:none!important;
  }
}

/* smv-final-requested-color-setup */

/* FINAL REQUESTED COLOR SETUP — colors only; functionality/layout/mobile unchanged. */
#authBtn.smv-logout-btn{
  background:#8b2cff !important;
  background-image:none !important;
  background-color:#8b2cff !important;
  border-color:#6d16d9 !important;
  color:#fff !important;
  box-shadow:0 5px 13px rgba(139,44,255,.25) !important;
}
header nav #authBtn.smv-logout-btn{
  background:#8b2cff !important;
  background-image:none !important;
  background-color:#8b2cff !important;
  border-color:#6d16d9 !important;
  color:#fff !important;
}
#authBtn.smv-logout-btn:hover{
  background:#7c1fe8 !important;
  background-image:none !important;
  background-color:#7c1fe8 !important;
  border-color:#5b10bd !important;
  color:#fff !important;
}

/* Customer + Astrologer + Admin dashboards: ALL actionable buttons = Bright Sky Blue. */
#dashboard button,
#dashboard .btn,
#dashboard a.btn,
#dashboard input[type="button"],
#dashboard input[type="submit"],
#dashboardContent button,
#dashboardContent .btn,
#dashboardContent a.btn,
#dashboardContent input[type="button"],
#dashboardContent input[type="submit"],
#admin button,
#admin .btn,
#admin a.btn,
#admin input[type="button"],
#admin input[type="submit"]{
  background:#38bdf8 !important;
  background-image:none !important;
  background-color:#38bdf8 !important;
  border-color:#0284c7 !important;
  color:#fff !important;
  box-shadow:0 5px 13px rgba(14,165,233,.25) !important;
}


/* V172: symbol-only collapse controls; do not move card children, preserving existing behavior. */
.smv-v172-collapsible{position:relative!important}
.smv-v172-collapse-btn{position:absolute!important;right:10px!important;top:10px!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#7a2a1c!important;font:800 17px/30px Arial,sans-serif!important;cursor:pointer!important;z-index:5!important;box-shadow:none!important}
.smv-v172-collapse-btn:hover{background:#fff0d0!important}
.smv-v172-collapsed > *:not(h2):not(h3):not(h4):not(.smv-v172-collapse-btn){display:none!important}
.smv-v172-collapsed{padding-bottom:14px!important}
@media(max-width:767px){.smv-v172-collapse-btn{width:30px!important;height:30px!important;min-height:30px!important;font-size:16px!important;line-height:30px!important;right:8px!important;top:8px!important}}

/* smv-v174-faq-symbol-header-final */

/* V174 — FAQ symbol collapse + final centered/equal header controls. UI only. */
#faq{position:relative!important}
#faq .smv-v174-faq-toggle{
  position:absolute!important;right:12px!important;top:42px!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:#7a2a1c!important;
  font:800 17px/30px Arial,sans-serif!important;cursor:pointer!important;
  z-index:6!important;box-shadow:none!important;text-align:center!important;
}
#faq .smv-v174-faq-toggle:hover{background:#fff0d0!important}
#faq.smv-v174-faq-collapsed > .faq-list{display:none!important}

/* Final header: equal footprint, centered rows, no stretching on mobile. */
header nav{
  width:100%!important;display:flex!important;align-items:center!important;
  justify-content:center!important;flex-wrap:wrap!important;gap:7px!important;
  margin:0 auto!important;box-sizing:border-box!important;
}
header nav > a:not(.hidden),header nav > button:not(.hidden),header nav > .btn:not(.hidden){
  box-sizing:border-box!important;
  width:96px!important;min-width:96px!important;max-width:96px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  flex:0 0 96px!important;padding:0 7px!important;margin:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;white-space:nowrap!important;overflow:hidden!important;
  text-overflow:ellipsis!important;line-height:1!important;font-size:12px!important;
}
@media(max-width:767px){
  header nav{gap:6px!important;padding:0 6px!important;justify-content:center!important}
  header nav > a:not(.hidden),header nav > button:not(.hidden),header nav > .btn:not(.hidden){
    width:calc((100% - 12px)/3)!important;
    min-width:calc((100% - 12px)/3)!important;
    max-width:112px!important;
    flex:0 0 calc((100% - 12px)/3)!important;
    height:40px!important;min-height:40px!important;max-height:40px!important;
    padding:0 6px!important;font-size:12px!important;border-radius:8px!important;
  }
}
@media(max-width:360px){
  header nav{gap:5px!important;padding:0 4px!important}
  header nav > a:not(.hidden),header nav > button:not(.hidden),header nav > .btn:not(.hidden){
    width:calc((100% - 10px)/3)!important;
    min-width:calc((100% - 10px)/3)!important;
    flex-basis:calc((100% - 10px)/3)!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
    font-size:11px!important;padding:0 4px!important;
  }
  #faq .smv-v174-faq-toggle{right:8px!important;top:38px!important}
}

/* smv-final-user-header-profile-cleanup */

@media (min-width:768px){
  /* HEADER: brand on top, ALL visible buttons on ONE horizontal row */
  header .nav{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:8px 12px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    box-sizing:border-box!important;
  }

  header .brand{
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  header nav{
    width:min(100%, 820px)!important;
    max-width:820px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  header nav > a:not(.hidden),
  header nav > button:not(.hidden),
  header nav > .btn:not(.hidden){
    flex:1 1 0!important;
    width:0!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:1!important;
  }

  /* The decorative dash generated by .card:before is NOT wanted on
     the astrologer profile card. Other cards keep their normal dash. */
  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card:before{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
  }

  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card{
    padding-top:12px!important;
  }
}

/* smv-final-desktop-mode-width-fix */

/* Desktop / desktop-site viewport: 600px and above.
   Real phones below 600px keep the normal mobile layout. */
@media (min-width:600px){
  /* HEADER: brand first, then ALL navigation buttons in ONE row */
  header .nav{
    width:100%!important;
    max-width:1160px!important;
    margin:0 auto!important;
    padding:8px 12px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    box-sizing:border-box!important;
  }
  header .brand{
    width:auto!important;
    margin:0 auto!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  header nav{
    width:100%!important;
    max-width:820px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  header nav > a:not(.hidden),
  header nav > button:not(.hidden),
  header nav > .btn:not(.hidden){
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:1!important;
  }

  /* Dashboard: profile + questions + earnings ALWAYS one row */
  #dashboardContent .astro-dashboard-summary{
    display:grid!important;
    grid-template-columns:minmax(0,1.70fr) minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #dashboardContent .astro-dashboard-summary > .card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card{
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    column-gap:12px!important;
    align-items:start!important;
  }
  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-photo{
    grid-column:1!important;
    grid-row:1!important;
    width:78px!important;
    height:78px!important;
  }
  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-photo img{
    width:72px!important;height:72px!important;
    min-width:72px!important;min-height:72px!important;
    max-width:72px!important;max-height:72px!important;
    object-fit:cover!important;border-radius:50%!important;
  }
  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-info{
    grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;
  }
  /* No ASTROLOGER badge and no decorative dash in profile */
  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .badge,
  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-badge{
    display:none!important;
  }
  #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card:before{
    display:none!important;content:none!important;width:0!important;height:0!important;
  }
}

/* Actual narrow phone: keep mobile stacking */
@media (max-width:599px){
  header nav{flex-wrap:wrap!important;}
}

/* smv-real-desktop-site-final-fix */

/* Desktop-site class is added by the script below when Android Chrome is
   using its Desktop Site user-agent. */
html.smv-desktop-site header .nav{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding:8px 14px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-sizing:border-box!important;
}
html.smv-desktop-site header .brand{
  width:auto!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html.smv-desktop-site header nav{
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html.smv-desktop-site header nav > a:not(.hidden),
html.smv-desktop-site header nav > button:not(.hidden),
html.smv-desktop-site header nav > .btn:not(.hidden){
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:1 1 0!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  line-height:1!important;
}

/* Dashboard first row: Profile | My Questions | Total Earnings */
html.smv-desktop-site #dashboardContent .astro-dashboard-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html.smv-desktop-site #dashboardContent .astro-dashboard-summary > .card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:250px!important;
  min-height:250px!important;
  max-height:250px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html.smv-desktop-site #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:start!important;
  padding-top:14px!important;
}
html.smv-desktop-site #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-photo{
  grid-column:1!important;
  grid-row:1!important;
  width:78px!important;
  height:78px!important;
}
html.smv-desktop-site #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-photo img{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
html.smv-desktop-site #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-info{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
}
/* Remove only the profile badge and profile decorative dash. */
html.smv-desktop-site #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .badge,
html.smv-desktop-site #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card .astro-profile-badge{
  display:none!important;
}
html.smv-desktop-site #dashboardContent .astro-dashboard-summary > .astro-profile-summary-card:before{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
}

/* smv-final-all-header-buttons-exact-size */

@media (min-width:600px){
  header nav > a:not(.hidden),
  header nav > button:not(.hidden),
  header nav > .btn:not(.hidden){
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    flex:0 0 102px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 6px!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  header nav{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    overflow:visible!important;
  }
}
html.smv-desktop-site header nav > a:not(.hidden),
html.smv-desktop-site header nav > button:not(.hidden),
html.smv-desktop-site header nav > .btn:not(.hidden){
  width:102px!important;
  min-width:102px!important;
  max-width:102px!important;
  flex:0 0 102px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
}
html.smv-desktop-site header nav{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  overflow:visible!important;
}

/* smv-final-all-header-buttons-102x42 */

/* FINAL HEADER BUTTON SIZE — ALL VISIBLE DESKTOP BUTTONS */
@media (min-width:600px){
  header .nav > nav > a:not(.hidden),
  header .nav > nav > button:not(.hidden),
  header .nav > nav > .btn:not(.hidden){
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    flex:0 0 102px!important;

    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;

    box-sizing:border-box!important;
    padding:0!important;
    margin:0!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  /* Explicitly include each navigation button so older individual
     width rules cannot make one different. */
  header .nav > nav > a[href="#home"],
  header .nav > nav > #horoscopeNav,
  header .nav > nav > #contentNav,
  header .nav > nav > #contactNav,
  header .nav > nav > #dashLink,
  header .nav > nav > #authBtn,
  header .nav > nav > #registerNav{
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    flex:0 0 102px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    box-sizing:border-box!important;
  }
}

/* smv-final-mobile-home-match-other */

/*
  MOBILE HEADER — FINAL BUTTON SIZE
  Only fixes the Home button so it has the same dimensions
  as the other mobile header buttons.
  Desktop 102x42 rules remain unchanged.
*/
@media (max-width:599px){

  /* Use the existing mobile button size as the common reference:
     3 columns per row, with consistent height and width. */
  header .nav > nav{
    width:100%!important;
    box-sizing:border-box!important;
  }

  header .nav > nav > a:not(.hidden),
  header .nav > nav > button:not(.hidden),
  header .nav > nav > .btn:not(.hidden){
    box-sizing:border-box!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;

    padding:0 10px!important;
    margin:0!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Home gets the exact same mobile footprint as the other buttons.
     Do not use the desktop 102px width on mobile. */
  header .nav > nav > a[href="#home"]{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    flex:1 1 0!important;
    box-sizing:border-box!important;
  }
}

/* smv-v36-dialog-guard */

@media (max-width:599px){
  #loginModal, #registerModal{z-index:10001!important;}
  #loginModal .modal-card, #registerModal .modal-card{max-height:88vh!important;overflow-y:auto!important;}
  #profileReviewModal, #astrologerProfileModal{z-index:10001!important;}
}

/* smv-v44-dashboard-clean-rebalanced */

/*
 V44 CLEAN ASTROLOGER DASHBOARD MOBILE HIERARCHY
 A) Astrologer Dashboard = very large
 B) Section headings = large and identical
 C) Normal information = medium-small and identical
 D) Metadata = small and identical
 No global .card / .small / h3 rules are used here.
*/

@media (max-width:767px){

  /* A — MAIN DASHBOARD TITLE */
  #dashboardTitle{
    font-size:24px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    margin:6px 0 10px !important;
  }

  /* B — SECTION HEADINGS: all the same */
  #dashboardContent .astro-dashboard-summary > .card h3,
  #dashboardContent .astro-dashboard-summary + .card > h3,
  #dashboardContent #astroQuestionQueue > h3,
  #dashboardContent #astroAnsweredBox > h3,
  #dashboardContent .card:has(#changePayoutBtn2) > h3,
  #dashboardContent .withdrawal-history-title{
    font-size:18px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
    margin:4px 0 8px !important;
  }

  /* C — PROFILE / SUMMARY INFORMATION */
  #dashboardContent .astro-profile-summary-card p,
  #dashboardContent .astro-profile-summary-card .astro-profile-bio,
  #dashboardContent .astro-dashboard-summary > .card:not(.astro-profile-summary-card) > p,
  #dashboardContent .astro-dashboard-summary > .card:not(.astro-profile-summary-card) > .small{
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:650 !important;
  }

  /* Earnings main amount remains prominent, but not another heading */
  #dashboardContent .astro-dashboard-summary > .card p[style*="font-size:28px"]{
    font-size:21px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
  }

  /* C — PUBLIC QUESTION INBOX */
  #dashboardContent .astro-dashboard-summary + .card > p.small{
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:650 !important;
  }
  #dashboardContent .astro-dashboard-summary + .card > .card{
    padding:8px !important;
  }
  #dashboardContent .astro-dashboard-summary + .card > .card > b{
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:750 !important;
  }
  #dashboardContent .astro-dashboard-summary + .card > .card .small{
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:650 !important;
  }

  /* C — பதிலளிக்கப்படவில்லை QUESTIONS */
  #dashboardContent #astroQuestionQueue > p.small,
  #dashboardContent #astroAnsweredBox > p.small{
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:650 !important;
  }
  #dashboardContent .astro-question-item,
  #dashboardContent .astro-answer-item{
    padding:8px !important;
  }
  #dashboardContent .astro-question-item > h3,
  #dashboardContent .astro-answer-item > h3{
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:750 !important;
  }
  #dashboardContent .astro-question-item .small,
  #dashboardContent .astro-answer-item .small{
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:650 !important;
  }

  /* Answer writing box deliberately remains large */
  #dashboardContent textarea[id^="ans_"]{
    min-height:190px !important;
    height:190px !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }

  /* Submitted answer content: medium-small, with bounded height */
  #dashboardContent .astro-answer-item > div[style*="white-space:pre-wrap"]{
    font-size:13px !important;
    line-height:1.5 !important;
    max-height:150px !important;
    overflow-y:auto !important;
  }

  /* C — EARNINGS HISTORY */
  #dashboardContent .smv-history-row .smv-history-amount{
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:750 !important;
  }
  #dashboardContent .smv-history-row .smv-history-content{
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:650 !important;
  }
  #dashboardContent .smv-history-row .smv-history-detail{
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:650 !important;
  }

  /* C — WITHDRAWAL HISTORY */
  #dashboardContent .smv-withdrawal-row .smv-history-amount{
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:750 !important;
  }
  #dashboardContent .smv-withdrawal-row .smv-history-detail,
  #dashboardContent .smv-withdrawal-row .small{
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:650 !important;
  }

  /* C — PAYMENT METHOD */
  #dashboardContent .card:has(#changePayoutBtn2) > p.small{
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:650 !important;
  }
  #dashboardContent .card:has(#changePayoutBtn2) .btn{
    font-size:12px !important;
    font-weight:750 !important;
  }

  /* B/C — NOTIFICATIONS */
  #dashboardContent .card:has(> h3) #astroNotifications,
  #dashboardContent .card:has(> h3) #astrologerNotifications,
  #dashboardContent .card:has(> h3) #userNotifications{
    font-size:13px !important;
    line-height:1.45 !important;
  }
  #dashboardContent .smv-notification-title{
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
  }
  #dashboardContent .smv-notification-content{
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:650 !important;
  }
  #dashboardContent .smv-notification-meta{
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:650 !important;
  }

  /* D — metadata only */
  #dashboardContent .smv-history-detail b,
  #dashboardContent .smv-notification-meta b{
    font-weight:750 !important;
  }

  /* Do not alter login/profile/reviews dialog sizing */
  #loginModal,
  #registerModal,
  #astrologerProfileModal,
  #profileReviewsModal{
    font-size:inherit !important;
  }
}

/* smv-v45-heading-match */

@media (max-width:767px){

  /* Make ONLY these two section headings match the other main
     dashboard section headings exactly. */
  #dashboardContent .earnings-history-section > h3,
  #dashboardContent .earnings-history-title,
  #dashboardContent .withdrawal-history-section > h3,
  #dashboardContent .withdrawal-history-title,
  #dashboardContent .card:has(#astroNotifications) > h3,
  #dashboardContent .card:has(#astrologerNotifications) > h3,
  #dashboardContent .card:has(#userNotifications) > h3{
    font-size:18px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
    margin:4px 0 8px !important;
  }

  /* Keep the notification/earning content exactly in the
     existing V44 content hierarchy. */
  #dashboardContent .earnings-history-section > h3 ~ *,
  #dashboardContent .card:has(#astroNotifications) > h3 ~ *{
    font-weight:inherit;
  }
}

/* smv-v46-targeted-two-fixes */

@media (max-width:767px){

  /* Earnings History: heading word only — match the other main headings */
  #dashboardContent .earnings-history-section > h3,
  #dashboardContent .earnings-history-title{
    font-size:18px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
  }

  /* Answers section: customer names should be content-size,
     NOT heading-size. Keep the Answers heading unchanged. */
  #dashboardContent #astroAnsweredBox .customer-name,
  #dashboardContent #astroAnsweredBox .customerName,
  #dashboardContent #astroAnsweredBox .customer-name *,
  #dashboardContent #astroAnsweredBox .customerName *,
  #dashboardContent #astroAnsweredBox .astro-customer-name{
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:650 !important;
  }
}

/* smv-v47-exact-two-fixes */

@media (max-width:767px){

  /* FIX 1 — Earnings History.
     Its <h3> is in the parent card, while Withdrawal History is nested.
     Target the actual rendered structure instead of the old
     .earnings-history-section selector. */
  #dashboardContent .card:has(> .smv-history-row) > h3{
    font-size:18px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
    margin:4px 0 8px !important;
  }

  /* FIX 2 — Answers.
     In the actual HTML there is NO .customer-name class.
     The customer/question name is rendered as:
       .astro-answer-item > h3
     So target that real element directly.
     Keep the "பதில்கள் — பதிலளிக்கப்பட்ட கேள்விகள்" section heading untouched. */
  #dashboardContent #astroAnsweredBox > h3{
    font-size:18px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
  }

  #dashboardContent #astroAnsweredBox .astro-answer-item > h3{
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
    margin-top:8px !important;
  }

  /* Answer card's normal details stay at the existing medium-small level. */
  #dashboardContent #astroAnsweredBox .astro-answer-item > .small{
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:650 !important;
  }
}

/* base */

:root{
  --primary:#302b68;--primary2:#51478f;--gold:#b7793c;--gold2:#d8a060;
  --cream:#f8f5ed;--bg:#f6f3eb;--text:#2d2a35;--card:#ffffff;--muted:#6d6674;
  --line:#d9d2c4;--soft:#eee9f8;--success:#176b45;--danger:#a53b3b;
  --maroon:#292452;--deep:#1c193d;
}
*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);overflow-x:hidden;
  background:
    radial-gradient(circle at 10% 8%,rgba(183,121,60,.07) 0 2px,transparent 3px),
    radial-gradient(circle at 90% 15%,rgba(48,43,104,.045) 0 2px,transparent 3px),
    linear-gradient(180deg,#fbfaf6 0%,#f3f0e8 52%,#fbfaf7 100%);
  background-size:34px 34px,42px 42px,auto;
}
header{
  position:sticky;top:0;background:rgba(255,250,240,.97);border-bottom:3px double var(--gold);
  z-index:100;box-shadow:0 5px 20px rgba(111,21,21,.10);
}
header:after{content:"✦  ॐ  ✦";display:block;text-align:center;color:var(--gold);font-size:10px;letter-spacing:8px;height:13px;line-height:10px;background:#fffaf0}
.nav{
  max-width:1160px;margin:auto;padding:10px 16px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;min-width:0;
}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand-logo{
  width:50px;height:50px;border-radius:50%;object-fit:cover;display:block;flex:none;
  border:2px solid var(--gold);background:#fff7df;box-shadow:0 0 0 4px rgba(184,134,11,.10),0 5px 14px rgba(111,21,21,.16)
}
.brand-text{min-width:0}
.logo{font-size:25px;line-height:1;font-weight:900;letter-spacing:1.5px;color:var(--primary);white-space:nowrap;font-family:Georgia,"Times New Roman",serif}
.brand-sub{display:block;margin-top:4px;font-size:10px;letter-spacing:1.7px;color:#8a6b43;font-weight:800;white-space:nowrap}
nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}
nav a,nav button{
  margin:0;width:100px;height:48px;box-sizing:border-box;padding:0 8px;
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  text-decoration:none;font-size:13px;font-weight:800;border-radius:8px;
  white-space:nowrap;border:1px solid #751515;background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#fff;box-shadow:0 5px 13px rgba(111,21,21,.18);transition:transform .15s,box-shadow .15s;
}
nav a:hover,nav button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(111,21,21,.24);color:#fff}
#authBtn.smv-logout-btn{background:linear-gradient(135deg,#b52f2f,#7f1515);border-color:#6f1111;color:#fff}
#dashLink.smv-role-green,#adminLink.smv-role-green{background:linear-gradient(135deg,#16803a,#0d5c29);border-color:#0b4f23;color:#fff}
button{cursor:pointer;font:inherit;max-width:100%}
.btn{
  border:1px solid #751515;border-radius:8px;padding:11px 16px;
  background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:800;
  box-shadow:0 5px 13px rgba(111,21,21,.18);transition:transform .15s,box-shadow .15s;max-width:100%;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(111,21,21,.24)}
.btn.alt{background:linear-gradient(135deg,#f2d47d,var(--gold));color:#4a2b08;border-color:#a77708}
.btn.gray{background:#f5eee3;color:#5b4336;border-color:#ddcdb8;box-shadow:none}
.container{max-width:1160px;margin:auto;padding:22px 16px;min-width:0}
.hero{
  position:relative;padding:72px 22px;text-align:center;border:1px solid #dfc78e;border-radius:18px;
  background:
    linear-gradient(rgba(255,252,244,.93),rgba(255,247,226,.95)),
    radial-gradient(circle at 50% 50%,rgba(184,134,11,.15),transparent 58%);
  box-shadow:0 16px 38px rgba(111,21,21,.09),inset 0 0 0 5px rgba(184,134,11,.055);overflow:hidden;
}
.hero:before,.hero:after{content:"";position:absolute;top:18px;bottom:18px;width:22px;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);opacity:.7}
.hero:before{left:18px;border-left:2px solid var(--gold);border-radius:12px 0 0 12px}
.hero:after{right:18px;border-right:2px solid var(--gold);border-radius:0 12px 12px 0}
.hero .badge{position:relative;z-index:1}
.hero h1{position:relative;z-index:1;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,5vw,50px);margin:13px 0;color:var(--primary);line-height:1.15;letter-spacing:.3px}
.hero p{position:relative;z-index:1;color:var(--muted);font-size:17px;line-height:1.7;max-width:700px;margin:0 auto 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:16px;min-width:0}
.card{
  position:relative;background:var(--card);padding:20px;border-radius:13px;border:1px solid var(--line);
  box-shadow:0 8px 23px rgba(111,21,21,.065);min-width:0;max-width:100%;overflow:hidden;
}
.card:before{content:"";display:block;height:3px;width:64px;background:linear-gradient(90deg,var(--primary),var(--gold));margin-bottom:12px;border-radius:3px}
.card h2,.card h3,.card h4{overflow-wrap:anywhere;word-break:break-word;color:var(--maroon);font-family:Georgia,"Times New Roman",serif}
.card p,.card div,.card span,.card b,.card strong,.card label{max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
input,select,textarea{width:100%;max-width:100%;min-width:0;padding:12px;margin:7px 0;border:1px solid #dccbb0;border-radius:8px;font-size:15px;background:#fffdf9;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(184,134,11,.22);border-color:var(--gold)}
textarea{min-height:110px;resize:vertical;line-height:1.6;overflow-wrap:anywhere;word-break:break-word}
.hidden{display:none!important}
.badge{display:inline-block;padding:6px 11px;border-radius:99px;background:#fff0d0;color:var(--maroon);border:1px solid #e4c77e;font-size:12px;font-weight:900;letter-spacing:.3px}
.small{font-size:13px;color:var(--muted);line-height:1.55;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.error{color:var(--danger)}.success{color:var(--success)}
.modal{position:fixed;inset:0;width:100vw;height:100dvh;background:rgba(61,15,15,.68);display:grid;place-items:center;padding:12px;z-index:200;overflow:hidden}
.modalbox{position:relative;background:#fffaf0;width:min(480px,calc(100vw - 24px));max-width:480px;margin:0 auto;border-radius:14px;padding:22px;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #dfc78e;min-width:0;box-shadow:0 20px 50px rgba(61,15,15,.22);box-sizing:border-box}
.modalbox #modalContent{padding-right:0!important;margin:0 auto;width:100%;box-sizing:border-box}
section{scroll-margin-top:90px;min-width:0}
section>h2{color:var(--maroon);font-family:Georgia,"Times New Roman",serif}
.empty{padding:25px;text-align:center;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}
.stat{background:linear-gradient(180deg,#fff,#fff8e9);border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 5px 18px rgba(111,21,21,.05);min-width:0;overflow:hidden}
.stat b{font-size:28px;color:var(--primary);display:block;margin-top:5px;overflow-wrap:anywhere}
.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;min-width:0}.action-row>*{min-width:0;max-width:100%}
#admin,#adminSummary,#pendingAstros,#adminAnswers,#adminReviews,#adminQuestions,#dashboard,#dashboardContent,#astroList,#astroCards,#ask-flow,#register-flow{min-width:0;max-width:100%;overflow-x:hidden}
#adminQuestions>div,#adminAnswers>div,#pendingAstros>div,#adminReviews>div{min-width:0!important;max-width:100%!important;overflow:hidden!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
#adminQuestions b,#adminAnswers b,#pendingAstros b,#adminReviews b,#adminQuestions p,#adminAnswers p,#pendingAstros p,#adminReviews p{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important}

/* V134: professional horoscope tables and South Indian chart typography */
.data-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d9c39a;border-radius:10px;background:#fffdf8}
table.data-table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px;color:var(--text);background:#fffdf8}
.data-table th,.data-table td{padding:11px 12px;border-right:1px solid #e5d6bd;border-bottom:1px solid #e5d6bd;text-align:left;vertical-align:middle;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.data-table th{background:#f4e7cc;color:var(--maroon);font-weight:900;white-space:nowrap}
.data-table tr:last-child td{border-bottom:0}.data-table th:last-child,.data-table td:last-child{border-right:0}
.data-table tbody tr:nth-child(even){background:#fffaf0}.data-table tbody tr:hover{background:#fff3d5}
.data-table th:nth-child(1),.data-table td:nth-child(1){width:22%}.data-table th:nth-child(2),.data-table td:nth-child(2){width:20%}.data-table th:nth-child(3),.data-table td:nth-child(3){width:18%}.data-table th:nth-child(4),.data-table td:nth-child(4){width:30%}.data-table th:nth-child(5),.data-table td:nth-child(5){width:14%}
/* V20: பாவ கட்டம் — clean Tamil alignment; table only */
.bhava-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bhava-table{min-width:0!important;width:100%!important;table-layout:fixed;border-collapse:collapse}
.bhava-table th,.bhava-table td{box-sizing:border-box;text-align:center!important;vertical-align:middle!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;padding:9px 5px!important;line-height:1.35}
.bhava-table th{font-weight:800;font-size:14px}
.bhava-table td{font-size:14px}
.bhava-table th:nth-child(1),.bhava-table td:nth-child(1){width:8%}
.bhava-table th:nth-child(2),.bhava-table td:nth-child(2){width:18%}
.bhava-table th:nth-child(3),.bhava-table td:nth-child(3){width:20%}
.bhava-table th:nth-child(4),.bhava-table td:nth-child(4){width:18%}
.bhava-table th:nth-child(5),.bhava-table td:nth-child(5){width:15%}
.bhava-table th:nth-child(6),.bhava-table td:nth-child(6){width:21%}
@media(max-width:700px){.bhava-table th,.bhava-table td{padding:7px 3px!important;line-height:1.3;font-size:12px}.bhava-table th{font-size:12px}.bhava-table th:nth-child(2),.bhava-table td:nth-child(2),.bhava-table th:nth-child(4),.bhava-table td:nth-child(4){font-size:11px}.bhava-table th:nth-child(3),.bhava-table td:nth-child(3){font-size:11px}.bhava-table th:nth-child(5),.bhava-table td:nth-child(5){font-size:11px}.bhava-table th:nth-child(6),.bhava-table td:nth-child(6){font-size:12px}}
/* V157: stable table alignment + comfortable South Indian chart planet labels */
.strength-table{min-width:0!important;width:100%!important;table-layout:fixed}
.strength-table th,.strength-table td{text-align:center!important;vertical-align:middle!important;white-space:normal!important;overflow-wrap:anywhere}
.phase2-strength-table{min-width:0!important;width:100%!important;table-layout:fixed}.phase3-shadbala-table{min-width:980px;width:100%;table-layout:fixed}.phase3-shadbala-table th,.phase3-shadbala-table td{text-align:center!important;vertical-align:middle!important;white-space:normal!important;overflow-wrap:anywhere}.phase3-shadbala-table th:nth-child(1),.phase3-shadbala-table td:nth-child(1){width:11%}.phase3-shadbala-table th:nth-child(2),.phase3-shadbala-table td:nth-child(2){width:14%}.phase3-shadbala-table th:nth-child(3),.phase3-shadbala-table td:nth-child(3){width:10%}.phase3-shadbala-table th:nth-child(4),.phase3-shadbala-table td:nth-child(4){width:18%}.phase3-shadbala-table th:nth-child(5),.phase3-shadbala-table td:nth-child(5){width:10%}.phase3-shadbala-table th:nth-child(6),.phase3-shadbala-table td:nth-child(6){width:10%}.phase3-shadbala-table th:nth-child(7),.phase3-shadbala-table td:nth-child(7){width:10%}.phase3-shadbala-table th:nth-child(8),.phase3-shadbala-table td:nth-child(8){width:17%}.phase2-strength-table th,.phase2-strength-table td{text-align:center!important;vertical-align:middle!important;white-space:normal!important;overflow-wrap:anywhere}.phase2-strength-table th:nth-child(1),.phase2-strength-table td:nth-child(1){width:18%}.phase2-strength-table th:nth-child(2),.phase2-strength-table td:nth-child(2){width:20%}.phase2-strength-table th:nth-child(3),.phase2-strength-table td:nth-child(3){width:20%}.phase2-strength-table th:nth-child(4),.phase2-strength-table td:nth-child(4){width:20%}.phase2-strength-table th:nth-child(5),.phase2-strength-table td:nth-child(5){width:22%}
.strength-table th:nth-child(1),.strength-table td:nth-child(1){width:18%}
.strength-table th:nth-child(2),.strength-table td:nth-child(2){width:12%}
.strength-table th:nth-child(3),.strength-table td:nth-child(3){width:14%}
.strength-table th:nth-child(4),.strength-table td:nth-child(4){width:18%}
.strength-table th:nth-child(5),.strength-table td:nth-child(5){width:38%}
#tamilHoroscopeResult .south-rasi-cell .planet-line,#englishHoroscopeResult .south-rasi-cell .navamsa-planet-only .planet-glyph{font-size:1.08em;font-weight:700}.navamsa-planet-only{margin-top:1px}
.planet-line{font-size:clamp(15px,2.9vw,19px);font-weight:900;line-height:1.5;min-height:24px}
#tamilHoroscopeResult .south-rasi-cell .planet-glyph,#englishHoroscopeResult .south-rasi-cell .planet-glyph{font-size:1.05em;letter-spacing:.2px}
#tamilHoroscopeResult .south-rasi-cell .planet-degree,#englishHoroscopeResult .south-rasi-cell .planet-degree{font-size:.9em;font-weight:800}
@media(max-width:700px){.bhava-table{font-size:12px}.bhava-table th,.bhava-table td{padding:9px 5px!important;line-height:1.35}.strength-table{font-size:12px}.strength-table th,.strength-table td{padding:8px 4px!important}.phase2-strength-table{font-size:12px}.phase2-strength-table th,.phase2-strength-table td{padding:8px 4px!important}.phase3-shadbala-table{min-width:760px;font-size:12px}.phase3-shadbala-table th,.phase3-shadbala-table td{padding:8px 4px!important;line-height:1.35}.strength-table th:nth-child(4),.strength-table td:nth-child(4){width:17%}.strength-table th:nth-child(5),.strength-table td:nth-child(5){width:39%}#tamilHoroscopeResult .south-rasi-cell .planet-line,#englishHoroscopeResult .south-rasi-cell .planet-line{font-size:15px}}

.dasha-tree{display:flex;flex-direction:column;gap:10px}.dasha-node{border:1px solid #d8c7a7;border-radius:12px;background:#fffdf8;overflow:hidden}.dasha-head{width:100%;border:0;background:transparent;padding:14px 16px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;cursor:pointer}.dasha-head:hover{background:#fff8e9}.dasha-title{font-weight:700}.dasha-dates{font-size:.85em;color:#6d6256}.dasha-arrow{font-size:18px;transition:transform .2s}.dasha-node.open>.dasha-head .dasha-arrow{transform:rotate(90deg)}.dasha-body{display:none;padding:0 12px 12px}.dasha-node.open>.dasha-body{display:block}.dasha-subtable{width:100%;border-collapse:collapse}.dasha-subtable th,.dasha-subtable td{padding:9px 8px;border-bottom:1px solid #eee3d1;text-align:left;vertical-align:top}.dasha-subtable th{font-size:.85em;color:#6d6256}.dasha-mini{margin-top:8px}.dasha-current{outline:2px solid #d2a85a;background:#fff7dc}.dasha-breadcrumb{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff8e9;font-size:.9em}.dasha-empty{padding:10px;color:#777}
.dasha-table th:nth-child(1),.dasha-table td:nth-child(1){width:20%}.dasha-table th:nth-child(2),.dasha-table td:nth-child(2){width:20%}.dasha-table th:nth-child(3),.dasha-table td:nth-child(3){width:30%}.dasha-table th:nth-child(4),.dasha-table td:nth-child(4){width:30%}
.south-rasi-cell{position:relative;justify-content:flex-start;box-sizing:border-box}
.south-rasi-cell .planet-line{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:2px 1px;border-bottom:1px dotted #dbc9aa;font-size:clamp(10px,1.9vw,13px);font-weight:800;color:#6b2d16;line-height:1.3;white-space:nowrap}
.south-rasi-cell .planet-line:last-child{border-bottom:0}
.south-rasi-cell .planet-glyph{font-weight:900;color:#8a4b16}.south-rasi-cell .planet-degree{font-weight:700;color:#5f5346}
.bhava-rasi-cell .bhava-cusp{font-size:9px;color:#8b5b1e;font-weight:800;border:1px dashed #c9a86b;border-radius:4px;padding:2px 3px;margin:2px 0;line-height:1.15}.bhava-rasi-cell .planet-line{font-size:clamp(9px,1.7vw,12px)}
.south-rasi-cell .lagna{display:block;width:100%;padding:2px 0;border:1px solid #b78625;border-radius:5px;background:#fff0c7;color:#7b3d0e;font-size:10px}
@media(max-width:700px){table.data-table{min-width:620px}.data-table th,.data-table td{padding:9px 8px;font-size:13px}.south-indian-chart{width:min(680px,100%)}.south-rasi-cell .planet-line{font-size:10px;gap:2px}}

/* V133 South Indian ராசி chart: fixed-sign 4x4 layout with center blank */
.south-indian-chart{width:min(640px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);border:2px solid #6f4d2c;background:#fffdf7;aspect-ratio:1/1;box-shadow:0 8px 24px rgba(111,21,21,.08)}
.south-rasi-cell{border:1px solid #8f704f;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:7px 4px;min-width:0;overflow:hidden;background:linear-gradient(180deg,#fffdf7,#fff8e9)}
.south-rasi-cell .sign{font-weight:900;color:var(--maroon);font-size:clamp(20px,3.8vw,28px);line-height:1;min-height:28px;display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 3px}
.south-rasi-cell .house{font-size:10px;color:#80654d;margin-top:2px}
.south-rasi-cell .lagna{font-weight:900;color:#9b4b16;font-size:11px;margin-top:3px}
.south-rasi-cell .planet{font-size:clamp(10px,2vw,14px);font-weight:800;color:var(--primary);line-height:1.25;margin-top:2px;overflow-wrap:anywhere}
.south-chart-center{grid-column:2/4;grid-row:2/4;border:1px solid #8f704f;display:flex;align-items:center;justify-content:center;background:#fffdf7;color:#b08a5b;font-family:Georgia,serif;font-size:clamp(18px,4vw,28px);letter-spacing:3px}
@media(max-width:520px){.south-rasi-cell{padding:5px 3px}.south-rasi-cell .sign{font-size:22px;min-height:25px;margin-bottom:2px}.south-rasi-cell .house{font-size:8px;line-height:1.15}.south-rasi-cell .lagna{font-size:9px}.bhava-rasi-cell .planet-line{font-size:11px;line-height:1.2}.bhava-rasi-cell .bhava-cusp{font-size:8px;line-height:1.1;padding:2px 2px}}
footer{text-align:center;padding:35px 16px;color:var(--muted);border-top:3px double var(--gold);margin-top:30px;background:#fffaf0}

/* V53 homepage refinement: open welcome composition + separated registration choices */
.hero{
  position:relative;
  padding:58px 16px 52px;
  text-align:center;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  max-width:980px;
  margin:0 auto;
}
.hero:before,.hero:after{display:none}
.hero:after{content:""}
.hero .badge{
  position:relative;
  display:inline-block;
  padding:8px 16px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--maroon);
  font-size:12px;
  letter-spacing:1.4px;
}
.hero .badge:before,.hero .badge:after{
  content:"✦";
  color:var(--gold);
  margin:0 10px;
}
.hero h1{
  margin:18px auto 14px;
  max-width:850px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,6vw,62px);
  line-height:1.08;
  color:var(--primary);
  letter-spacing:.2px;
  text-shadow:0 2px 0 rgba(184,134,11,.10);
}
.hero p{
  max-width:760px;
  margin:0 auto 26px;
  color:#665247;
  font-size:17px;
  line-height:1.8;
}
.hero .btn{min-width:210px;border-radius:10px}
.hero-ornament{margin:0 auto 12px;color:var(--gold);font-size:18px;letter-spacing:8px}
.registration-panel{margin-top:12px;padding:10px 0 35px}
.registration-intro{text-align:center;max-width:720px;margin:0 auto 24px}
.registration-intro h2{margin-bottom:7px}
.registration-intro p{color:var(--muted);line-height:1.7}
.registration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;margin:0 auto}
.registration-option{
  position:relative;background:rgba(255,255,255,.82);padding:24px 22px;border:1px solid #e4cf9d;
  border-radius:12px;box-shadow:0 10px 25px rgba(111,21,21,.06);text-align:center;overflow:hidden
}
.registration-option:before{content:"";display:block;width:70px;height:2px;margin:0 auto 14px;background:linear-gradient(90deg,var(--gold),var(--primary),var(--gold))}
.registration-option h3{margin:8px 0 7px;color:var(--maroon);font-family:Georgia,"Times New Roman",serif;font-size:24px}
.registration-option p{min-height:48px;color:var(--muted);line-height:1.6;margin:0 auto 17px;max-width:340px}
.registration-option .btn{min-width:190px}
@media(max-width:760px){
  .hero{padding:42px 10px 36px}
  .hero h1{font-size:clamp(34px,10vw,48px)}
  .hero p{font-size:15px;line-height:1.7}
  .registration-options{grid-template-columns:1fr;gap:14px}
}


/* V55 homepage refinement: clean temple-inspired editorial layout */
.home-rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px auto 22px;color:var(--gold);font-size:12px;letter-spacing:3px}
.home-rule:before,.home-rule:after{content:"";height:1px;width:min(150px,20vw);background:linear-gradient(90deg,transparent,var(--gold));opacity:.8}
.home-rule:after{background:linear-gradient(90deg,var(--gold),transparent)}
.hero{max-width:1040px;padding:44px 14px 38px}
.hero .badge{padding:0;background:transparent;border:0;color:#8a6421;font-size:11px;letter-spacing:2px}
.hero h1{max-width:900px;margin:14px auto 13px;font-size:clamp(38px,6vw,64px);line-height:1.08;color:#7e1818;text-shadow:none}
.hero p{max-width:760px;margin:0 auto 25px;color:#5f5148;font-size:17px;line-height:1.85}
.hero .btn{min-width:220px;padding:13px 22px;border-radius:9px}
.hero-subline{max-width:720px;margin:24px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;color:#9a722a;font-size:11px;letter-spacing:1.8px;text-transform:uppercase}
.hero-subline:before,.hero-subline:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#d4b15a)}
.hero-subline:after{background:linear-gradient(90deg,#d4b15a,transparent)}
.registration-panel{padding-top:8px}
.registration-intro{max-width:820px;margin:0 auto 28px}
.registration-intro h2{font-size:clamp(28px,4vw,38px);margin:12px 0 8px;color:#7e1818}
.registration-intro p{max-width:680px;margin:0 auto;color:#6a5a50;line-height:1.75}
.registration-options{max-width:960px;gap:20px}
.registration-option{min-height:320px;padding:28px 24px 26px;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 9px 24px rgba(86,37,16,.07);border:1px solid #e1cf9f}
.registration-option:after{inset:6px;border-radius:10px}
.registration-icon{width:70px;height:70px;margin-bottom:13px}
.registration-option h3{font-size:23px;margin:6px 0 8px}
.registration-option p{min-height:74px;line-height:1.65}
.customer-option{border-top:3px solid #8f1d1d}
.astrologer-option{border-top:3px solid #b8860b}
@media(max-width:760px){
 .hero{padding:34px 8px 32px}.hero h1{font-size:clamp(34px,10vw,49px)}.hero p{font-size:15px;line-height:1.75}.home-rule:before,.home-rule:after{width:18vw}.hero-subline{font-size:9px;letter-spacing:1.2px}.registration-option{min-height:0}
}

/* V54 premium registration identity refinement */
.hero .badge{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:1.8px}
.hero h1{font-weight:700}
.registration-options{gap:24px;max-width:940px}
.registration-option{padding:30px 24px 28px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,249,235,.96));border:1px solid #d8b866;box-shadow:0 12px 30px rgba(111,21,21,.08)}
.registration-option:before{display:none}
.registration-option:after{content:"";position:absolute;inset:8px;border:1px solid rgba(184,134,11,.18);border-radius:13px;pointer-events:none}
.registration-icon{position:relative;z-index:1;width:78px;height:78px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;color:var(--gold);background:radial-gradient(circle,#fff7d8 0%,#f7df9b 65%,#ead083 100%);border:2px solid var(--gold);box-shadow:0 5px 15px rgba(184,134,11,.18)}
.registration-icon svg{width:54px;height:54px}
.registration-kicker{position:relative;z-index:1;color:#96702d;font-size:10px;font-weight:900;letter-spacing:1.6px;margin-bottom:7px}
.registration-option h3{position:relative;z-index:1;font-size:25px;margin:7px 0 9px}
.registration-option p{position:relative;z-index:1;min-height:72px}
.registration-option .btn{position:relative;z-index:1;min-width:210px}
.btn-icon{font-size:12px;margin-right:4px}
.customer-option{border-top:3px solid var(--primary)}
.astrologer-option{border-top:3px solid var(--gold)}
@media(max-width:760px){.registration-options{gap:16px}.registration-option{padding:26px 18px}.registration-option p{min-height:0}.registration-icon{width:70px;height:70px}.registration-icon svg{width:48px;height:48px}}

@media(max-width:760px){
  .nav{padding:9px 10px;align-items:center}.brand-logo{width:42px;height:42px}.logo{font-size:21px}.brand-sub{font-size:8px;letter-spacing:1px}
  nav{gap:3px}nav a{padding:7px 6px;font-size:11px}nav .btn{padding:8px 9px;font-size:11px}.container{padding:16px 10px}
  .hero{padding:42px 10px 36px}.hero p{font-size:15px}
}
@media(max-width:520px){
  .brand-sub{display:none}.logo{font-size:20px}.nav{flex-wrap:wrap}.brand{flex:1 1 auto}nav{width:100%;justify-content:flex-start;overflow:visible}
  nav a,nav .btn{flex:0 0 auto}.grid{grid-template-columns:1fr}.card{padding:16px}.action-row{flex-direction:column}.action-row .btn{width:100%}
}

/* V56/V57 homepage registration: keep Customer and Astrologer entry points visible and separate. */
.homepage-registration{margin:10px auto 38px;padding:8px 0 24px}
.homepage-registration .registration-intro .hidden{display:none!important}
.homepage-registration .registration-options{margin-top:18px}
.homepage-registration .registration-option{min-height:300px}
@media(max-width:760px){.homepage-registration{margin-bottom:28px!important}.homepage-registration .registration-option{min-height:0}}

/* V61 all-features expansion */
.feature-section{max-width:1160px;margin:34px auto;padding:0 16px;scroll-margin-top:90px}
.feature-shell{padding:20px}
.feature-top{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.feature-top>div:first-child{min-width:240px;flex:1}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.feature-tile{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fffdf9;text-decoration:none;color:var(--text);box-shadow:0 4px 12px rgba(111,21,21,.05);transition:.15s}
.feature-tile:hover{transform:translateY(-2px);border-color:#d4b36a}.feature-tile span{font-size:24px}.feature-tile b{color:var(--maroon);font-size:14px}.feature-tile small{color:var(--muted)}
.service-card{min-height:210px}.service-icon{font-size:30px}.service-card h3{margin-bottom:7px}
.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 15px;box-shadow:0 4px 12px rgba(111,21,21,.04)}.faq-list summary{cursor:pointer;font-weight:800;color:var(--maroon)}.faq-list p{color:var(--muted);line-height:1.6;margin:10px 0 2px}
.review-card{height:100%}.stars{letter-spacing:2px;color:var(--gold);font-size:18px}

.lang-tamil{font-family:"Noto Sans Tamil",Arial,sans-serif}
@media(max-width:700px){.feature-section{padding:0 10px}.feature-shell{padding:14px}}

/* V62 blog manager */
#blogList .blog-card{min-width:0}
.blog-content{white-space:pre-wrap;line-height:1.75}
.admin-blog-row{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;background:#fffdf8}
.admin-blog-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
@media(max-width:650px){.action-row[style*="grid-template-columns"]{grid-template-columns:1fr!important}}
@media(max-width:700px){
}


/* V58 Mobile-first polish — UI only */
@media(max-width:760px){
  body{overflow-x:hidden}
  .container{padding:14px 10px}
  .card{padding:17px 15px;border-radius:12px}
  .btn{
    min-height:46px;
    padding:12px 16px;
    border-radius:10px;
    font-size:14px;
  }
  input,select,textarea{
    min-height:46px;
    padding:12px 13px;
    font-size:16px;
    border-radius:9px;
  }
  textarea{min-height:120px}
  .action-row{gap:10px}
  .action-row .btn{min-height:46px}
  .modal{padding:8px;place-items:center}
  .modalbox{
    width:calc(100vw - 16px);
    max-width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px);
    margin:0 auto;
    padding:19px 15px;
    border-radius:13px;
  }
  .modalbox .btn{width:100%;margin-top:6px}
  section>h2{font-size:25px;line-height:1.25}
  .stat{padding:15px}
  .stat b{font-size:25px}
}

@media(max-width:520px){
  .container{padding-left:9px;padding-right:9px}
  .hero{padding:32px 7px 28px}
  .hero h1{font-size:clamp(32px,10vw,46px)}
  .hero p{font-size:14px;line-height:1.7}
  .registration-option{padding:22px 15px}
  .registration-option .btn{width:100%;min-width:0}
}
.smv-dialog-backdrop{position:fixed;inset:0;width:100vw;height:100dvh;background:rgba(28,25,61,.70);display:grid;place-items:center;padding:14px;z-index:500;backdrop-filter:blur(3px)}
.smv-dialog{width:min(430px,calc(100vw - 28px));max-width:430px;margin:0 auto;box-sizing:border-box;background:linear-gradient(180deg,#fffdf8,#fff7e8);border:1px solid #d8b866;border-radius:20px;box-shadow:0 24px 65px rgba(28,25,61,.28);padding:24px 20px 18px;color:var(--text)}
.smv-dialog-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:radial-gradient(circle,#fff8d9,#efd27d);border:2px solid var(--gold);font-size:23px}
.smv-dialog h3{margin:0;text-align:center;color:#7e1818;font-family:Georgia,"Times New Roman",serif;font-size:24px}
.smv-dialog p{margin:10px 0 18px;text-align:center;color:#62554d;line-height:1.65;white-space:pre-line}
.smv-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.smv-dialog-actions .btn{width:100%;min-height:46px;margin:0}
.smv-dialog-actions .btn.danger{background:linear-gradient(135deg,#8d2020,#b43d3d);border-color:#761818;color:#fff}.smv-dialog-actions.single{grid-template-columns:1fr}
.auth-shell{padding:2px 0 0}.auth-hero{text-align:center;margin-bottom:14px}
.auth-hero-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:radial-gradient(circle,#fff8d9,#efd27d);border:2px solid var(--gold);box-shadow:0 6px 16px rgba(184,134,11,.18);font-size:28px}
.auth-hero h2{margin:0;color:#7e1818;font-family:Georgia,"Times New Roman",serif;font-size:30px}.auth-hero p{margin:5px 0 0;color:#76665c;font-size:13px}
.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 12px}.auth-tabs .btn{padding:10px 6px;min-height:44px;font-size:12px;box-shadow:none}.auth-tabs .btn.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-color:#751515;box-shadow:0 5px 13px rgba(48,43,104,.16)}
.auth-field-label{display:block;margin:8px 2px 4px;color:#60483c;font-size:12px;font-weight:800}.auth-field{margin:0 0 5px!important;min-height:48px!important}.auth-submit{width:100%;min-height:50px;margin-top:8px!important;font-size:16px!important}.auth-secondary{width:100%;min-height:46px;margin-top:7px!important}.password-wrap{position:relative}.password-wrap{position:relative}
.password-wrap input{padding-right:48px}

.password-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  border:0;
  background:transparent;
  color:#6b5144;
  font-size:20px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  border-radius:50%;
}

.password-toggle:hover{
  background:transparent;
}

.password-toggle:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
  }.auth-note{margin:9px 2px 2px;text-align:center;font-size:12px;color:#75665e;line-height:1.5}
@media(max-width:520px){.modal{padding:7px;place-items:center}.modalbox{width:calc(100vw - 14px);max-width:calc(100vw - 14px);max-height:calc(100dvh - 14px);margin:0 auto;padding:18px 13px 15px;border-radius:18px}.modalbox #modalContent{padding-right:0!important;margin:0 auto}.auth-hero-icon{width:54px;height:54px;font-size:24px}.auth-hero h2{font-size:27px}.auth-tabs{grid-template-columns:1fr;gap:7px}.auth-tabs .btn{min-height:43px;font-size:13px}.auth-submit,.auth-secondary{font-size:14px!important}.smv-dialog{padding:21px 15px 15px;border-radius:18px}.smv-dialog h3{font-size:22px}.smv-dialog-actions{grid-template-columns:1fr;gap:8px}.smv-dialog-actions .btn{min-height:48px}}

/* Final SMV Astro UI refinement: compact astrologer cards on desktop only. */
@media (min-width:521px){
  #astroCards{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    align-items:stretch;
  }
  #astroCards .astro-public-card{
    margin-top:0!important;
    padding:14px!important;
    border-radius:14px;
    min-height:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
  }
  #astroCards .astro-public-card img{
    width:56px!important;
    height:56px!important;
    margin-bottom:4px;
  }
  #astroCards .astro-public-card h3{
    margin:5px 0 4px;
    font-size:18px;
  }
  #astroCards .astro-public-card p{
    margin:5px 0;
    font-size:12px;
    line-height:1.45;
  }
  #astroCards .astro-public-card .action-row{
    margin-top:auto;
    padding-top:6px;
  }
  #astroCards .astro-public-card .action-row .btn{
    font-size:12px;
    padding:9px 12px;
  }
}

/* FINAL DESKTOP LAYOUT FIX — desktop only; mobile layout remains unchanged. */
@media (min-width:761px){
  #astroCards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  #astroCards .astro-public-card{
    width:100%!important;
    margin-top:0!important;
    min-width:0!important;
  }
  #dashboardContent > .grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  #dashboardContent > .grid > .card{min-width:0!important;}
  #admin > .card:first-child #adminSummary{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

/* Profile & Reviews opens as a clean, centered premium dialog. */
.profile-dialog{text-align:center;padding:4px 0 0;}
.profile-dialog .profile-photo{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:0 6px 18px rgba(184,134,11,.18);margin:4px auto 10px;display:block;}
.profile-dialog .profile-title{margin:0;color:var(--maroon);font-family:Georgia,"Times New Roman",serif;font-size:26px;}
.profile-dialog .profile-expertise{font-weight:800;color:#60483c;margin:6px 0;}
.profile-dialog .profile-bio{text-align:left;line-height:1.55;}
.profile-dialog .profile-reviews-title{text-align:left;color:var(--maroon);font-family:Georgia,"Times New Roman",serif;margin:18px 0 8px;}
.profile-dialog #publicProfileReviews .card{text-align:left;margin:10px 0;padding:12px;}
.profile-dialog #publicProfileReviews{
  max-height:320px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:2px 8px 4px 2px;
  margin-top:4px;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.profile-dialog #publicProfileReviews::-webkit-scrollbar{width:7px}
.profile-dialog #publicProfileReviews::-webkit-scrollbar-thumb{background:#c9a86b;border-radius:10px}
.profile-dialog #publicProfileReviews::-webkit-scrollbar-track{background:#f7f1e4;border-radius:10px}
@media(max-width:520px){
  .profile-dialog #publicProfileReviews{
    max-height:300px;
    padding-right:6px;
  }
}

@media(max-width:520px){
  .profile-dialog .profile-photo{width:88px;height:88px;}
  .profile-dialog .profile-title{font-size:23px;}
}

/* Expanded answer editor: Astrologer + Admin dashboards */
textarea[id^="ans_"],
textarea[id^="boardAdminAnswer_"],
textarea[id^="adminAns_"]{
  min-height:370px !important;
  height:370px !important;
  max-height:none !important;
  resize:vertical !important;
  line-height:1.6 !important;
  overflow-y:auto !important;
}

/* V18: mobile-only table space optimization. Keep desktop untouched. */
@media (max-width:700px){
  /* Every horoscope/result table uses the phone width instead of reserving desktop column space. */
  .data-table-wrap{width:100%;max-width:100%;overflow-x:hidden;}
  table.data-table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:10.5px!important;}
  .data-table th,.data-table td{padding:5px 3px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
  .data-table th{font-size:10px!important;}
  .data-table th:nth-child(1),.data-table td:nth-child(1){width:18%!important}
  .data-table th:nth-child(2),.data-table td:nth-child(2){width:18%!important}
  .data-table th:nth-child(3),.data-table td:nth-child(3){width:20%!important}
  .data-table th:nth-child(4),.data-table td:nth-child(4){width:24%!important}
  .data-table th:nth-child(5),.data-table td:nth-child(5){width:20%!important}

  /* பாவம் / strength tables: crop excess padding, never create a wide hidden column. */
  .bhava-table,.strength-table,.phase2-strength-table,.phase3-shadbala-table{min-width:0!important;width:100%!important;table-layout:fixed!important;}
  .bhava-table th,.bhava-table td,.strength-table th,.strength-table td,.phase2-strength-table th,.phase2-strength-table td,.phase3-shadbala-table th,.phase3-shadbala-table td{padding:5px 2px!important;font-size:10px!important;line-height:1.18!important;}
  .phase3-shadbala-table th:nth-child(1),.phase3-shadbala-table td:nth-child(1){width:12%!important}
  .phase3-shadbala-table th:nth-child(2),.phase3-shadbala-table td:nth-child(2){width:13%!important}
  .phase3-shadbala-table th:nth-child(3),.phase3-shadbala-table td:nth-child(3){width:11%!important}
  .phase3-shadbala-table th:nth-child(4),.phase3-shadbala-table td:nth-child(4){width:15%!important}
  .phase3-shadbala-table th:nth-child(5),.phase3-shadbala-table td:nth-child(5){width:10%!important}
  .phase3-shadbala-table th:nth-child(6),.phase3-shadbala-table td:nth-child(6){width:10%!important}
  .phase3-shadbala-table th:nth-child(7),.phase3-shadbala-table td:nth-child(7){width:10%!important}
  .phase3-shadbala-table th:nth-child(8),.phase3-shadbala-table td:nth-child(8){width:19%!important}

  /* Dasha tables: the old long 'Pratyantara Dasha' heading no longer reserves a huge column. */
  .dasha-subtable{width:100%!important;table-layout:fixed!important;font-size:10.5px!important;}
  .dasha-subtable th,.dasha-subtable td{padding:5px 3px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .dasha-subtable th:nth-child(1),.dasha-subtable td:nth-child(1){width:42%!important}
  .dasha-subtable th:nth-child(2),.dasha-subtable td:nth-child(2){width:29%!important}
  .dasha-subtable th:nth-child(3),.dasha-subtable td:nth-child(3){width:29%!important}
  .dasha-breadcrumb{padding:6px 7px!important;margin-bottom:6px!important;font-size:10px!important;}
  .dasha-body{padding:0 6px 6px!important;}
}

.sbc-planet-row{display:block;white-space:nowrap;word-spacing:2px;font-style:normal;line-height:1.1}
.sbc-cell{overflow:hidden}
.kota-name-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.kota-name-details>div{padding:10px;border:1px solid rgba(180,130,40,.22);border-radius:10px;background:rgba(255,250,235,.55)}
.kota-name-details b,.kota-name-details span{display:block}
.kota-name-details span{margin-top:5px}
@media(max-width:760px){.kota-name-details{grid-template-columns:1fr 1fr}.sbc-planet-row{font-size:.86em}}

/* smv-final-normal-mobile-only */

/* SMV ASTRO FINAL MOBILE NORMALIZATION
   Mobile/tablet only. Desktop styles are intentionally untouched. */
@media (max-width: 767px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{font-size:14px!important;line-height:1.45!important}
  .container{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:14px 10px!important}
  section{width:100%!important;max-width:100%!important;min-width:0!important}

  /* Header / navigation: normal compact mobile sizing */
  .nav{width:100%!important;max-width:100%!important;padding:8px 10px!important;gap:8px!important}
  .brand{gap:7px!important;max-width:55%!important}
  .brand-logo{width:38px!important;height:38px!important}
  .logo{font-size:17px!important;letter-spacing:.6px!important}
  .brand-sub{font-size:7px!important;letter-spacing:1px!important;margin-top:2px!important}
  nav{gap:4px!important}
  nav a{font-size:11px!important;padding:7px 6px!important}
  nav .btn,.nav .btn{min-height:38px!important;padding:8px 10px!important;font-size:11px!important}

  /* Normal mobile headings */
  h1{font-size:30px!important;line-height:1.2!important}
  h2{font-size:22px!important;line-height:1.3!important}
  h3{font-size:18px!important;line-height:1.3!important}
  h4{font-size:16px!important;line-height:1.3!important}
  section>h2{font-size:22px!important;line-height:1.3!important}
  .hero{padding:28px 8px 24px!important}
  .hero h1{font-size:32px!important;line-height:1.18!important;margin:10px 0 12px!important}
  .hero p{font-size:14px!important;line-height:1.6!important}

  /* Normal cards everywhere */
  .card{width:100%!important;max-width:100%!important;min-width:0!important;padding:14px!important;border-radius:12px!important;box-sizing:border-box!important}
  .card h2,.card h3,.card h4{margin-top:4px!important}
  .card p{font-size:13px!important;line-height:1.5!important}
  .small{font-size:11px!important;line-height:1.45!important}
  .empty{padding:18px 8px!important;font-size:13px!important}

  /* ASTROLOGER DASHBOARD — first 3 boxes normal vertical mobile only */
  #dashboardContent .astro-dashboard-summary{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  #dashboardContent .astro-dashboard-summary>.card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:14px!important;
    box-sizing:border-box!important;
  }
  #dashboardContent .astro-dashboard-summary>.card h3{font-size:17px!important}
  #dashboardContent .astro-dashboard-summary>.card p{font-size:13px!important}
  #dashboardContent .astro-dashboard-summary>.card .small{font-size:11px!important}
  #dashboardContent .astro-dashboard-summary>.card img{max-width:56px!important;max-height:56px!important}
  #dashboardContent .astro-dashboard-summary>.card .btn{font-size:12px!important;min-height:40px!important;padding:9px 12px!important}

  /* All other Astrologer dashboard sections — normal single-column mobile */
  #dashboardContent{width:100%!important;max-width:100%!important;min-width:0!important}
  #dashboardContent>.card,
  #dashboardContent .astro-dashboard-summary + .card{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0 0 10px!important;padding:14px!important;box-sizing:border-box!important;
  }
  #dashboardContent>.grid:not(.astro-dashboard-summary){
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;
  }
  #dashboardContent>.grid:not(.astro-dashboard-summary)>.card{width:100%!important;min-width:0!important}

  /* Admin dashboard */
  #admin{width:100%!important;max-width:100%!important;margin-top:18px!important}
  #admin>.card{width:100%!important;max-width:100%!important;padding:14px!important;margin:0 0 10px!important}
  #adminSummary{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  #adminSummary .stat{width:100%!important;min-width:0!important;padding:12px!important}
  #adminSummary .stat b{font-size:22px!important}
  #pendingAstros,#adminAnswers,#adminReviews,#adminQuestions{width:100%!important;max-width:100%!important}
  #pendingAstros>div,#adminAnswers>div,#adminReviews>div,#adminQuestions>div{width:100%!important;max-width:100%!important;box-sizing:border-box!important}

  /* Astrologer list / question cards */
  #astroCards{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:100%!important}
  #astroCards .astro-public-card{width:100%!important;min-width:0!important;padding:12px!important;margin:0!important;box-sizing:border-box!important}
  #astroCards .astro-public-card h3{font-size:17px!important}
  #astroCards .astro-public-card p{font-size:12px!important;line-height:1.45!important}
  #astroCards .astro-public-card img{width:56px!important;height:56px!important}

  /* கேள்வி form / answer form / contact */
  #ask-flow,#appointment,#contact{width:100%!important;max-width:100%!important;min-width:0!important;margin-top:18px!important}
  #ask-flow>.card,#appointment>.card,#contact>.card{width:100%!important;max-width:100%!important;padding:14px!important;box-sizing:border-box!important}
  #ask-flow h2,#appointment h2,#contact h2{font-size:22px!important}
  #ask-flow h3,#appointment h3,#contact h3{font-size:17px!important}
  #ask-flow p,#appointment p,#contact p,#ask-flow label,#appointment label,#contact label{font-size:13px!important;line-height:1.5!important}

  /* Registration / login / auth forms */
  #register-flow,#astro-register-form{width:100%!important;max-width:100%!important;margin-top:18px!important}
  #register-flow .card,#astro-register-form .card{width:100%!important;max-width:100%!important;padding:14px!important;box-sizing:border-box!important}
  #register-flow .registration-options{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  #register-flow .registration-option{width:100%!important;min-height:0!important;padding:14px 12px!important}
  #register-flow .registration-option h3{font-size:18px!important}
  #register-flow .registration-option p{font-size:12px!important;line-height:1.5!important}

  .auth-shell{width:100%!important;padding:0!important}
  .auth-hero h2{font-size:24px!important}
  .auth-hero p{font-size:12px!important}
  .auth-tabs{grid-template-columns:1fr!important;gap:6px!important}
  .auth-tabs .btn{min-height:42px!important;font-size:12px!important}

  /* Normal mobile controls */
  input,select,textarea{width:100%!important;max-width:100%!important;min-width:0!important;min-height:42px!important;padding:9px 11px!important;font-size:14px!important;box-sizing:border-box!important}
  textarea{min-height:90px!important}
  .btn{min-height:40px!important;padding:9px 12px!important;font-size:12px!important;max-width:100%!important}
  .action-row{gap:7px!important;flex-wrap:wrap!important}
  .action-row .btn{min-height:40px!important}

  .feature-section{width:100%!important;max-width:100%!important;margin:22px auto!important;padding:0 10px!important}
  .feature-shell{padding:14px!important}
  .feature-grid{grid-template-columns:1fr!important}

  /* Tables and long text stay inside the mobile viewport */
  table{width:100%!important;max-width:100%!important;font-size:11px!important;display:block!important;overflow-x:auto!important}
  img,video,iframe{max-width:100%!important}
  .modalbox{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;padding:14px!important}
}

/* smv-v172-print-english-only-create-first */

@media print{

  body{background:#fff!important;}
  .container{padding:0!important;}
  .feature-section{display:none!important;}

  /* Start PDF with the English Create Horoscope form. */
  #english-horoscope{display:block!important;visibility:visible!important;page-break-before:auto!important;break-before:auto!important;}
  #english-horoscope>.home-rule{display:block!important;visibility:visible!important;}
  #english-horoscope>.card{display:block!important;visibility:visible!important;max-width:none!important;margin:0!important;box-shadow:none!important;border:0!important;padding:0!important;background:#fff!important;}
  #english-horoscope>.card>h2,
  #english-horoscope>.card>p,
  #english-horoscope>.card>.grid{display:grid!important;visibility:visible!important;}
  #english-horoscope>.card>h2{display:block!important;}
  #english-horoscope>.card>p{display:block!important;}
  #english-horoscope>.card>.grid{display:grid!important;}

  /* Buttons are controls, not part of the printed Create Horoscope page. */
  #english-horoscope>.card>.action-row{display:none!important;}

  /* The generated English horoscope starts on the next printed page. */
  #englishHoroscopeResult{display:block!important;visibility:visible!important;page-break-before:always!important;break-before:page!important;margin-top:0!important;}
  #englishHoroscopeResult.hidden{display:none!important;visibility:hidden!important;}
  #englishHoroscopeResult .horoscope-export-actions{display:none!important;}

  #englishHoroscopeResult .card{break-inside:auto!important;page-break-inside:auto!important;}
  #englishHoroscopeResult .south-indian-chart,
  #englishHoroscopeResult .data-table-wrap,
  #englishHoroscopeResult .dasha-node{break-inside:avoid!important;page-break-inside:avoid!important;}
  h2,h3{break-after:avoid!important;page-break-after:avoid!important;}
  table{break-inside:auto!important;page-break-inside:auto!important;}
  tr{break-inside:avoid!important;page-break-inside:avoid!important;}
}

/* smv-final-home-design */


/* Put the SMV logo at the top and center the brand beneath it. */
header .nav{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:16px 12px 12px!important;
}
header .brand{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:center!important;
}
header .brand-logo{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  display:block!important;
  flex:0 0 auto!important;
}
header .brand-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
header .logo{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(34px,7vw,58px)!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:1px!important;
  color:#30206f!important;
  text-align:center!important;
}
header .brand-sub{
  display:block!important;
  margin-top:7px!important;
  font-size:clamp(10px,2vw,15px)!important;
  letter-spacing:3px!important;
  color:#9a722a!important;
  text-align:center!important;
}
header nav{
  width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
}
header nav a,
header nav button,
header nav .btn{
  width:auto!important;
  min-width:110px!important;
  max-width:none!important;
  height:46px!important;
  min-height:46px!important;
  max-height:none!important;
  padding:10px 18px!important;
  border-radius:10px!important;
  font-size:14px!important;
}

@media(max-width:700px){
  header .nav{
    padding:12px 8px 10px!important;
    gap:8px!important;
  }
  header .brand-logo{
    width:66px!important;
    height:66px!important;
  }
  header .logo{
    font-size:34px!important;
  }
  header .brand-sub{
    font-size:9px!important;
    letter-spacing:2px!important;
  }
  header nav{
    gap:6px!important;
  }
  header nav a,
  header nav button,
  header nav .btn{
    min-width:96px!important;
    height:42px!important;
    min-height:42px!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }
}


/* smv-welcome-only-center-fix */

/* Put only the WELCOME label on the exact horizontal center line. */
#home.hero > .badge{
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:calc(100% - 20px)!important;
  display:block!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:center!important;
  box-sizing:border-box!important;
}

@media(max-width:700px){
  #home.hero > .badge{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 16px)!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:center!important;
  }
}

/* smv-traditional-indian-premium-theme */

/*
  SMV ASTRO — TRADITIONAL INDIAN PREMIUM THEME
  SAFE DESIGN-ONLY LAYER.
  No HTML content, IDs, JavaScript, Firebase, authentication,
  payment flow, navigation logic, or application functionality is changed.
  Palette: Deep Red + Temple Gold + Warm White.
*/

/* ===== Core palette / typography ===== */
:root{
  --smv-red:#8f1717;
  --smv-red-dark:#651010;
  --smv-red-soft:#a82b22;
  --smv-gold:#b8862d;
  --smv-gold-light:#d7b45a;
  --smv-cream:#fffdf7;
  --smv-white:#ffffff;
  --smv-ink:#351a1a;
  --smv-muted:#5f4c4c;
  --smv-border:rgba(184,134,45,.45);
  --smv-shadow:0 10px 28px rgba(101,16,16,.12);
}

html{
  background:var(--smv-cream)!important;
}

body{
  background:
    radial-gradient(circle at 18% 12%,rgba(184,134,45,.07) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 28%,rgba(143,23,23,.045) 0 2px,transparent 3px),
    linear-gradient(180deg,#fffdf8 0%,#fffaf0 48%,#fffdf8 100%)!important;
  background-size:34px 34px,42px 42px,100% 100%!important;
  color:var(--smv-ink)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
  line-height:1.65!important;
}

/* Make all normal site text strong and substantial without changing icons/images */
p,li,dd,dt,label,legend,small,
main,section,article,.container,.card,
#home,#faq,#contact,#content,#about,#dashboard,#admin,
#dashboardContent,#adminContent{
  font-weight:600!important;
}

p,li,dd,dt,label,legend{
  color:var(--smv-muted)!important;
}

/* ===== Headings ===== */
h1,h2,h3,h4,h5,h6{
  color:var(--smv-red)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:900!important;
  letter-spacing:.3px!important;
  text-shadow:0 1px 0 rgba(184,134,45,.12)!important;
}

h1{font-weight:900!important}
h2{font-weight:900!important}
h3{font-weight:900!important}
h4,h5,h6{font-weight:800!important}

/* ===== Decorative section rule: temple-gold feel ===== */
.home-rule{
  color:var(--smv-gold)!important;
  font-weight:900!important;
  letter-spacing:2.5px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.9)!important;
}

.home-rule span{
  font-weight:900!important;
}

/* ===== Header / brand ===== */
header{
  background:linear-gradient(180deg,#fffefa 0%,#fff8ea 100%)!important;
  border-bottom:2px solid var(--smv-gold)!important;
  box-shadow:0 4px 18px rgba(101,16,16,.10)!important;
}

header .brand-text .logo,
header .brand-text .logo a{
  color:var(--smv-red)!important;
  font-weight:900!important;
  letter-spacing:1px!important;
}

header .brand-sub{
  color:#8a6826!important;
  font-weight:800!important;
  letter-spacing:1.5px!important;
}

/* ===== Navigation ===== */
header nav a,
header nav button,
header nav .btn{
  background:linear-gradient(135deg,#9c2220,#711212)!important;
  color:#fffdf7!important;
  border:1px solid #d1a64c!important;
  box-shadow:0 4px 12px rgba(101,16,16,.20)!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  text-shadow:0 1px 1px rgba(0,0,0,.28)!important;
}

header nav a:hover,
header nav button:hover,
header nav .btn:hover{
  background:linear-gradient(135deg,#b33227,#7a1111)!important;
  border-color:#f0cc70!important;
  transform:translateY(-1px);
}

header nav #authBtn.smv-logout-btn{
  background:linear-gradient(135deg,#b52f2f,#7f1515)!important;
  border-color:#d6ad55!important;
}

/* ===== Main hero ===== */
#home.hero{
  background:
    radial-gradient(circle at 50% 20%,rgba(184,134,45,.08),transparent 30%),
    linear-gradient(180deg,rgba(255,253,247,.96),rgba(255,250,240,.94))!important;
  border-bottom:1px solid rgba(184,134,45,.25)!important;
}

#home.hero .badge{
  color:#8a6826!important;
  font-weight:900!important;
  letter-spacing:2px!important;
}

#home.hero h1{
  color:var(--smv-red)!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  text-shadow:0 2px 0 rgba(184,134,45,.12)!important;
}

#home.hero p{
  color:#574646!important;
  font-weight:650!important;
}

/* ===== Premium cards ===== */
.card,
.feature-section details,
.faq-list details,
section .card{
  background:rgba(255,255,255,.96)!important;
  border:1.5px solid var(--smv-border)!important;
  border-radius:18px!important;
  box-shadow:var(--smv-shadow)!important;
}

.card:hover,
.feature-section details:hover,
.faq-list details:hover{
  border-color:rgba(184,134,45,.72)!important;
  box-shadow:0 14px 34px rgba(101,16,16,.15)!important;
}

/* ===== FAQ ===== */
#faq h2{
  color:var(--smv-red)!important;
  font-weight:900!important;
}

#faq summary{
  color:var(--smv-red-dark)!important;
  font-weight:900!important;
}

#faq details[open] summary{
  color:var(--smv-red)!important;
}

#faq details p{
  color:#554444!important;
  font-weight:600!important;
}

/* ===== Buttons across the whole website ===== */
button,
.btn,
input[type="button"],
input[type="submit"]{
  font-weight:900!important;
  letter-spacing:.25px!important;
}

.btn:not(.gray){
  background:linear-gradient(135deg,#9c2220,#711212)!important;
  color:#fff!important;
  border:1px solid #d5ad54!important;
  box-shadow:0 5px 14px rgba(101,16,16,.18)!important;
}

.btn:not(.gray):hover{
  background:linear-gradient(135deg,#b33227,#7a1111)!important;
}

/* ===== Form fields ===== */
input,
textarea,
select{
  background:#fffefb!important;
  color:#351a1a!important;
  border:1.5px solid rgba(184,134,45,.55)!important;
  font-weight:600!important;
  border-radius:10px!important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--smv-red)!important;
  box-shadow:0 0 0 3px rgba(184,134,45,.16)!important;
  outline:none!important;
}

input::placeholder,
textarea::placeholder{
  color:#887777!important;
  font-weight:600!important;
}

/* ===== Status / badges ===== */
.badge{
  font-weight:900!important;
}

.status,
.badge{
  border-color:rgba(184,134,45,.55)!important;
}

/* ===== Dashboard / Admin ===== */
#dashboard,
#admin,
#dashboardContent,
#adminContent{
  color:var(--smv-ink)!important;
}

#dashboard h2,#dashboard h3,#dashboard h4,
#admin h2,#admin h3,#admin h4{
  color:var(--smv-red)!important;
  font-weight:900!important;
}



#dashboardContent [style*="border-bottom"],
#admin [style*="border-bottom"]{
  border-bottom-color:rgba(184,134,45,.32)!important;
}

/* Tables */
#dashboardContent table,
#admin table{
  border-color:rgba(184,134,45,.4)!important;
}

#dashboardContent th,
#admin th{
  background:linear-gradient(135deg,#8f1717,#721111)!important;
  color:#fff!important;
  font-weight:700!important;
}

#dashboardContent td,
#admin td{
  font-weight:600!important;
  color:#4f3b3b!important;
}

/* ===== Login / registration / panels ===== */
#login-flow,
#register-flow,
#astro-register-flow,
.registration-panel{
  background:transparent!important;
}

#login-flow h2,
#register-flow h2,
#astro-register-flow h2{
  color:var(--smv-red)!important;
  font-weight:900!important;
}

/* ===== Links ===== */
a{
  color:var(--smv-red)!important;
  font-weight:700!important;
}

a:hover{
  color:#b8862d!important;
}

.feature-section{
  position:relative;
}

.feature-section::before{
  content:"✦";
  display:block;
  text-align:center;
  color:rgba(184,134,45,.62);
  font-size:16px;
  font-weight:900;
  margin-bottom:4px;
}

/* ===== Footer ===== */
footer{
  background:linear-gradient(180deg,#fff8e9,#7b1515 16%,#5f0d0d 100%)!important;
  color:#fffaf0!important;
  border-top:2px solid #d5ad54!important;
}

footer p,
footer span,
footer div,
footer a{
  color:#fff8e9!important;
  font-weight:650!important;
}

footer a:hover{
  color:#f0cf78!important;
}

/* ===== Mobile: thick, comfortable, premium ===== */
@media(max-width:767px){
  body{
    font-size:17px!important;
    line-height:1.65!important;
  }

  p,li,dd,dt,label,legend{
    font-size:17px!important;
    line-height:1.65!important;
    font-weight:650!important;
  }

  h1{
    font-size:clamp(34px,9vw,44px)!important;
    line-height:1.18!important;
    font-weight:900!important;
  }

  h2{
    font-size:clamp(28px,7vw,36px)!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  h3{
    font-size:22px!important;
    line-height:1.3!important;
    font-weight:900!important;
  }

  header nav a,
  header nav button,
  header nav .btn{
    font-weight:900!important;
  }

  .card,
  .feature-section details,
  .faq-list details{
    border-radius:17px!important;
  }
}

/* ===== Desktop: same visual weight, not thin desktop typography ===== */
@media(min-width:768px){
  body{
    font-size:18px!important;
  }

  p,li,dd,dt,label,legend{
    font-size:18px!important;
    font-weight:650!important;
  }
}

/* ===== Respect existing reduced-motion preference ===== */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}

/* smv-v15-mobile-real-compact */

/* V15 REAL MOBILE COMPACT LAYOUT — structure/spacing only; answer editor protected */
@media (max-width: 600px){
  html,body{width:100%;overflow-x:hidden!important}
  body{font-size:13px!important;line-height:1.38!important}
  .container{width:100%!important;max-width:none!important;padding-left:8px!important;padding-right:8px!important}
  header{padding:5px 8px!important;min-height:0!important}
  header .container{padding:0!important}
  header .logo,header .brand,header h1{font-size:18px!important;line-height:1.05!important;margin:0!important}
  header nav{gap:4px!important;margin:4px 0 0!important}
  header nav a,header nav button,header nav .btn{min-height:34px!important;height:34px!important;padding:5px 7px!important;font-size:11px!important}
  main{padding-top:6px!important}
  section{margin-top:8px!important;margin-bottom:8px!important}
  .feature-section{padding:0 6px!important;margin:8px auto!important}
  .feature-shell{padding:8px!important;border-radius:10px!important}
  .feature-section h2,.feature-section h3{margin:2px 0 6px!important;line-height:1.2!important}
  .card{padding:8px!important;margin:6px 0!important;border-radius:9px!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}
  .card:before{height:2px!important;width:38px!important;margin-bottom:5px!important}
  .card h2{font-size:18px!important;margin:2px 0 5px!important}
  .card h3{font-size:15px!important;margin:2px 0 4px!important}
  .card h4{font-size:14px!important;margin:2px 0 4px!important}
  .card p{font-size:12px!important;line-height:1.38!important;margin:3px 0!important}
  .card .small,.small{font-size:10.5px!important;line-height:1.3!important}
  .grid{gap:6px!important;margin:6px 0!important}
  .stats-grid{gap:5px!important;margin:5px 0!important}
  .stat{padding:7px!important;min-height:0!important;border-radius:8px!important}
  .stat h3,.stat strong{font-size:15px!important}
  .stat p,.stat span{font-size:10.5px!important}
  .action-row{gap:5px!important;margin:5px 0!important}
  .action-row .btn,.btn{min-height:34px!important;height:auto!important;padding:7px 9px!important;font-size:11px!important;border-radius:7px!important}
  input,select{min-height:36px!important;padding:7px 9px!important;margin:4px 0!important;font-size:13px!important;border-radius:7px!important}
  textarea:not([id^="ans_"]):not([id^="boardAdminAnswer_"]):not([id^="adminAns_"]){min-height:68px!important;padding:7px 9px!important;margin:4px 0!important;font-size:13px!important;line-height:1.4!important}
  label{font-size:11px!important;margin:2px 0!important}
  .data-table-wrap{margin:5px 0!important;border-radius:7px!important}
  .data-table{font-size:10.5px!important}
  .data-table th,.data-table td{padding:5px 6px!important;line-height:1.25!important}
  .badge{padding:3px 6px!important;font-size:9.5px!important;border-radius:10px!important}
  .empty{padding:9px!important;font-size:11px!important}
  .media-card{padding:7px!important;margin:5px 0!important}
  .media-card img{max-height:100px!important;object-fit:cover!important}
  .modal{padding:5px!important}
  .modalbox{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important;max-height:calc(100dvh - 10px)!important;padding:10px!important;border-radius:11px!important}
  .modalbox h2,.modalbox h3{font-size:17px!important;margin:3px 0 6px!important}
  .smv-dialog-backdrop{padding:5px!important}
  .smv-dialog{width:calc(100vw - 10px)!important;max-width:none!important;padding:11px!important;border-radius:11px!important}
  .smv-dialog-icon{width:38px!important;height:38px!important;font-size:18px!important;margin:0 auto 6px!important}
  .smv-dialog h3{font-size:17px!important}
  .smv-dialog p{font-size:12px!important;line-height:1.35!important;margin:5px 0 9px!important}
  .smv-dialog-actions{gap:5px!important}.smv-dialog-actions .btn{min-height:34px!important}
  .faq-section,.faq-list,details{margin:5px 0!important}
  details summary{padding:7px!important;font-size:12px!important}
  details p{padding:6px!important;font-size:11px!important}
  footer{padding:12px 8px!important;margin-top:10px!important;font-size:10.5px!important}

  /* Public astrologer cards: keep the successful V13 horizontal treatment */
  .astrologer-card,.astrologer-item,.astro-card{min-height:0!important}
  .astrologer-card img,.astrologer-item img,.astro-card img{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;object-fit:cover!important}

  /* Dashboard content: make every information block dense */
  #dashboardContent>.card,#admin>.card,#ask-flow>.card,#register-flow .card,#astro-register-form .card{padding:8px!important;margin:6px 0!important}
  #dashboardContent>.grid{gap:6px!important}
  #dashboardContent>.card h2,#admin>.card h2{font-size:17px!important}
  #dashboardContent>.card h3,#admin>.card h3{font-size:14px!important}
  #dashboardContent>.card p,#admin>.card p{font-size:11.5px!important}
  #dashboardContent .action-row .btn,#admin .action-row .btn{min-height:32px!important;padding:6px 8px!important;font-size:10.5px!important}

  /* கேள்வி/answer containers: compact question; DO NOT reduce answer editor */
  .astro-question-item,.astro-answer-item{padding:7px!important;margin:5px 0!important;border-radius:8px!important}
  .astro-question-item p,.astro-answer-item p{font-size:11.5px!important;line-height:1.4!important}
  #questionText{min-height:68px!important}
  #contactQuery{min-height:68px!important}
  #astroQuestionQueue .astro-question-item textarea,
  #astroAnsweredBox .astro-answer-item textarea,
  textarea[id^="ans_"],textarea[id^="boardAdminAnswer_"],textarea[id^="adminAns_"]{
    min-height:180px!important;font-size:14px!important;line-height:1.6!important;padding:12px!important
  }

  /* Blog/article cards */
  #blogs .card,#blogList .card,#adminBlogs .card{padding:7px!important;margin:5px 0!important}
  #blogs .card h3,#blogList .card h3{font-size:14px!important}
  #blogs .card p,#blogList .card p{font-size:11px!important;line-height:1.35!important}
}

/* smv-v22-bhava-english-final */

/* V22: Mobile-only clean பாவ கட்டம். The visual பாவம் chart is not part of this section. */
.bhava-table-wrap{width:100%!important;overflow-x:hidden!important}
.bhava-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
.bhava-table th,.bhava-table td{
  box-sizing:border-box!important;text-align:center!important;vertical-align:middle!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
  padding:6px 3px!important;line-height:1.2!important;
}
.bhava-table th{font-weight:900!important}
@media(max-width:700px){
  .bhava-table th,.bhava-table td{font-size:10.5px!important;padding:5px 2px!important}
  .bhava-table th:nth-child(1),.bhava-table td:nth-child(1){width:8%!important}
  .bhava-table th:nth-child(2),.bhava-table td:nth-child(2){width:18%!important}
  .bhava-table th:nth-child(3),.bhava-table td:nth-child(3){width:20%!important}
  .bhava-table th:nth-child(4),.bhava-table td:nth-child(4){width:18%!important}
  .bhava-table th:nth-child(5),.bhava-table td:nth-child(5){width:14%!important}
  .bhava-table th:nth-child(6),.bhava-table td:nth-child(6){width:22%!important}
  .bhava-table th:nth-child(5),.bhava-table td:nth-child(5),
  .bhava-table th:nth-child(6),.bhava-table td:nth-child(6){font-size:10px!important}
}

/* smv-start-build-red-polish */

/* =========================================================
   SMV ASTRO — START BUILD / FINAL RED POLISH
   VISUAL ONLY. Existing HTML IDs, JavaScript and functionality
   are intentionally preserved.
   ========================================================= */
:root{
  --primary:#980000!important;
  --primary2:#c20b0b!important;
  --maroon:#850000!important;
  --gold:#b88935!important;
  --gold2:#d5b15a!important;
  --cream:#fff!important;
  --bg:#fff!important;
  --text:#242424!important;
  --muted:#666!important;
  --line:#dedede!important;
  --card:#fff!important;
  --deep:#650000!important;
}

html{background:#fff!important;}
body{
  background:#fff!important;
  color:#242424!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

/* ---------- HEADER ---------- */
header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:#8f0000!important;
  border-bottom:3px solid #b88935!important;
  box-shadow:0 3px 12px rgba(0,0,0,.18)!important;
}
header:after{
  content:"✦  ॐ  ✦"!important;
  height:10px!important;
  line-height:8px!important;
  background:#780000!important;
  color:#e5c77c!important;
  font-size:8px!important;
  letter-spacing:6px!important;
}
.nav{
  max-width:1180px!important;
  padding:9px 16px!important;
  gap:14px!important;
}
.brand{
  gap:10px!important;
  min-width:190px!important;
}
.brand-logo{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:2px solid #e5c77c!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.16)!important;
}
.logo{
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:23px!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
}
.brand-sub{
  color:#f0d78d!important;
  font-size:9px!important;
  letter-spacing:1.4px!important;
  font-weight:800!important;
}
nav a,nav button{
  background:#fff!important;
  color:#8f0000!important;
  border:1px solid #e4c77e!important;
  border-radius:6px!important;
  box-shadow:none!important;
  font-weight:800!important;
}
nav a:hover,nav button:hover{
  background:#fff8e8!important;
  color:#700000!important;
  transform:none!important;
  box-shadow:0 2px 7px rgba(0,0,0,.16)!important;
}
#authBtn.smv-logout-btn{
  background:#fff!important;
  color:#8f0000!important;
  border-color:#e4c77e!important;
}
#dashLink.smv-role-green,#adminLink.smv-role-green{
  background:#fff!important;
  color:#8f0000!important;
  border-color:#e4c77e!important;
}

/* ---------- PAGE ---------- */
.container{max-width:1180px!important;background:#fff!important;padding-top:20px!important;}
.feature-section{background:#fff!important;}

/* ---------- HERO ---------- */
.hero{
  max-width:1050px!important;
  margin:0 auto!important;
  padding:44px 24px 38px!important;
  background:#fff!important;
  border:1px solid #e2e2e2!important;
  border-radius:10px!important;
  box-shadow:0 3px 14px rgba(0,0,0,.06)!important;
  box-sizing:border-box!important;
}
.hero:before,.hero:after{display:none!important;}
.hero .home-rule{color:#a87924!important;}
.hero .badge{
  background:#fff!important;
  color:#8f0000!important;
  border:1px solid #a40000!important;
  border-radius:20px!important;
  padding:5px 12px!important;
}
.hero h1{
  color:#8f0000!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:800!important;
  text-shadow:none!important;
}
.hero p{color:#555!important;}
.hero-subline{color:#9a7428!important;}

.smv-ask-section{
  padding-top:8px!important;
  padding-bottom:10px!important;
}

/* ---------- SECTION HEADINGS ---------- */
.home-rule{
  color:#a87924!important;
  letter-spacing:2px!important;
}
section>h2{
  color:#8f0000!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:800!important;
}

/* ---------- CARDS ---------- */
.card,
.stat,
.registration-option,
.feature-shell,
.astro-public-card{
  background:#fff!important;
  background-image:none!important;
  border:1px solid #ddd!important;
  border-radius:8px!important;
  box-shadow:0 2px 9px rgba(0,0,0,.07)!important;
}
.card:before{background:#980000!important;}
.card h2,.card h3,.card h4{color:#8f0000!important;}

/* ---------- BUTTONS ---------- */
.btn{
  background:#980000!important;
  color:#fff!important;
  border:1px solid #780000!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
.btn:hover{
  background:#b00000!important;
  color:#fff!important;
  transform:none!important;
  box-shadow:0 2px 7px rgba(120,0,0,.18)!important;
}
.btn.alt{background:#fff!important;color:#8f0000!important;border-color:#8f0000!important;}
.btn.gray{background:#f5f5f5!important;color:#444!important;border-color:#ccc!important;}

/* ---------- FORMS ---------- */
input,select,textarea{
  background:#fff!important;
  color:#222!important;
  border:1px solid #cfcfcf!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{
  outline:2px solid rgba(152,0,0,.10)!important;
  border-color:#980000!important;
}

/* ---------- PASSWORD EYE ---------- */
.password-toggle{
  background:#fff!important;
  color:#000!important;
  border:0!important;
  box-shadow:none!important;
}
.password-toggle:hover{background:#fff!important;}
.password-toggle svg{width:18px!important;height:18px!important;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.password-toggle svg circle{fill:#000;stroke:#000;}

/* ---------- MODALS ---------- */
.modalbox,.smv-dialog{
  background:#fff!important;
  border:1px solid #ddd!important;
  border-radius:9px!important;
  box-shadow:0 12px 35px rgba(0,0,0,.20)!important;
}
.smv-dialog-icon{background:#fff!important;border-color:#980000!important;box-shadow:none!important;color:#980000!important;}
.smv-dialog h3{color:#8f0000!important;}

/* ---------- ASTROLOGER CARDS ---------- */
#astroCards{gap:12px!important;}
#astroCards .astro-public-card{
  padding:13px!important;
  min-height:0!important;
}
#astroCards .astro-public-card img{
  border-radius:50%!important;
  border:1px solid #d4b66b!important;
}
#astroCards .astro-public-card h3{color:#8f0000!important;}
#astroCards .astro-public-card .action-row .btn{background:#980000!important;}

/* ---------- TABLES ---------- */
th{background:#980000!important;color:#fff!important;}
td{background:#fff!important;color:#222!important;}
.data-table tbody tr:nth-child(even){background:#fafafa!important;}
.data-table tbody tr:hover{background:#fff5f5!important;}

/* ---------- LINKS ---------- */
a{color:#8f0000;}
a:hover{color:#b00000;}

/* ---------- MOBILE ---------- */
@media(max-width:767px){
  header{position:sticky!important;}
  .nav{
    padding:8px 8px 7px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:7px!important;
  }
  .brand{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-content:center!important;
    margin-bottom:3px!important;
  }
  .brand-logo{width:42px!important;height:42px!important;}
  .logo{font-size:20px!important;}
  .brand-sub{font-size:8px!important;}
  .nav nav{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;
    justify-content:center!important;
  }
  .nav nav a,.nav nav button,.nav nav .btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 4px!important;
    font-size:11px!important;
    border-radius:6px!important;
  }
  #registerNav{grid-column:2!important;}

  .container{padding:12px 8px!important;}
  .hero{
    padding:28px 12px 24px!important;
    border-radius:8px!important;
  }
  .hero .badge{font-size:10px!important;letter-spacing:1.2px!important;}
  .hero h1{
    font-size:31px!important;
    line-height:1.18!important;
    margin:12px 0!important;
  }
  .hero p{font-size:14px!important;line-height:1.55!important;}
  .hero-subline{font-size:8px!important;letter-spacing:1px!important;gap:7px!important;}
  .feature-section{margin-top:16px!important;}
  section>h2{font-size:23px!important;}
  .card,.astro-public-card,.registration-option{border-radius:7px!important;}
}

@media(max-width:380px){
  .nav nav{gap:5px!important;}
  .nav nav a,.nav nav button,.nav nav .btn{font-size:10px!important;}
  .logo{font-size:18px!important;}
  .hero h1{font-size:28px!important;}
}

/* smv-final-header-brand-visibility */

/* FINAL BRAND VISIBILITY — bright yellow on red header */
header{
  background:#8b0000!important;
  color:#fff!important;
}
header .brand,
header .brand-text{
  position:relative!important;
  z-index:20!important;
  opacity:1!important;
  visibility:visible!important;
}
header .brand-text .logo,
header .brand-text .logo a,
header .logo{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff200!important;
  -webkit-text-fill-color:#fff200!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
  font-weight:900!important;
}
header .brand-sub{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}
header .brand-logo{
  position:relative!important;
  z-index:21!important;
  opacity:1!important;
  visibility:visible!important;
  background:#fff!important;
}
@media(max-width:520px){
  header .brand-text .logo,
  header .brand-text .logo a,
  header .logo{
    color:#fff200!important;
    -webkit-text-fill-color:#fff200!important;
    font-size:20px!important;
    font-weight:900!important;
  }
  header .brand-sub{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

/* smv-red-yellow-theme-final */

/* =========================================================
   SMV ASTRO — FINAL RED / YELLOW HOROSCOPE THEME
   Homepage header/navigation is intentionally unchanged.
   ========================================================= */

:root{
  --smv-header-red:#a80000;
  --smv-header-red-dark:#850000;
  --smv-header-yellow:#ffd84d;
  --smv-chart-yellow:#fff2a8;
  --smv-chart-yellow-light:#fff8cf;
  --smv-planet-red:#a40000;
}

/* 1) சுயவிவரம் மற்றும் மதிப்புரைகள் button — homepage header/navigation unaffected */
#astroCards .astro-public-card [data-profile],
#astroCards .astro-public-card .action-row .btn{
  background:linear-gradient(135deg,var(--smv-header-red),var(--smv-header-red-dark))!important;
  color:var(--smv-header-yellow)!important;
  border-color:var(--smv-header-red-dark)!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12);
}
#astroCards .astro-public-card [data-profile]:hover,
#astroCards .astro-public-card .action-row .btn:hover{
  background:linear-gradient(135deg,#b80000,#8d0000)!important;
  color:#ffe56b!important;
}

/* 2) ALL DATA / HOROSCOPE TABLE HEADERS
      Red background + yellow text */
.data-table th,
.bhava-table th,
.strength-table th,
.phase2-strength-table th,
.phase3-shadbala-table th,
.dasha-table th,
.dasha-subtable th,
.navamsa-table th,
table.data-table thead th{
  background:var(--smv-header-red)!important;
  color:var(--smv-header-yellow)!important;
  font-weight:900!important;
  border-color:#d7b53d!important;
  text-shadow:0 1px 0 rgba(0,0,0,.15);
}

/* Keep all table body rows readable */
.data-table tbody tr:nth-child(even),
.bhava-table tbody tr:nth-child(even),
.strength-table tbody tr:nth-child(even),
.phase2-strength-table tbody tr:nth-child(even),
.phase3-shadbala-table tbody tr:nth-child(even),
.dasha-subtable tbody tr:nth-child(even){
  background:#fffdf1!important;
}

/* 3) ALL HOROSCOPE CHARTS — yellow background */
#tamilHoroscopeResult .south-indian-chart,
#englishHoroscopeResult .south-indian-chart,
#tamilHoroscopeResult .south-rasi-cell,
#englishHoroscopeResult .south-rasi-cell,
#tamilHoroscopeResult .south-chart-center,
#englishHoroscopeResult .south-chart-center{
  background:var(--smv-chart-yellow)!important;
}

/* Chart cells get a slightly lighter yellow so the grid remains clear */
#tamilHoroscopeResult .south-rasi-cell,
#englishHoroscopeResult .south-rasi-cell{
  border-color:#9b6b27!important;
  background:var(--smv-chart-yellow-light)!important;
}

/* Chart center */
#tamilHoroscopeResult .south-chart-center,
#englishHoroscopeResult .south-chart-center{
  background:#ffe98a!important;
  border-color:#9b6b27!important;
}

/* Chart outer border */
#tamilHoroscopeResult .south-indian-chart,
#englishHoroscopeResult .south-indian-chart{
  background:var(--smv-chart-yellow)!important;
  border-color:#8f5f18!important;
}

/* 4) PLANET NAMES — red inside all charts */
#tamilHoroscopeResult .south-rasi-cell .planet-line,
#englishHoroscopeResult .south-rasi-cell .planet-line,
#tamilHoroscopeResult .south-rasi-cell .planet-glyph,
#englishHoroscopeResult .south-rasi-cell .planet-glyph,
#tamilHoroscopeResult .south-rasi-cell .planet,
#englishHoroscopeResult .south-rasi-cell .planet,
#tamilHoroscopeResult .bhava-rasi-cell .planet-line,
#englishHoroscopeResult .bhava-rasi-cell .planet-line,
#tamilHoroscopeResult .bhava-rasi-cell .bhava-planet-house,
#englishHoroscopeResult .bhava-rasi-cell .bhava-planet-house,
#tamilHoroscopeResult .navamsa-planet-only .planet-glyph,
#englishHoroscopeResult .navamsa-planet-only .planet-glyph{
  color:var(--smv-planet-red)!important;
  font-weight:900!important;
}

/* Planet degrees remain red-toned but slightly softer */
#tamilHoroscopeResult .south-rasi-cell .planet-degree,
#englishHoroscopeResult .south-rasi-cell .planet-degree{
  color:#8f2a16!important;
  font-weight:800!important;
}

/* Lagna / Ascendant marker */
#tamilHoroscopeResult .south-rasi-cell .lagna,
#englishHoroscopeResult .south-rasi-cell .lagna{
  background:#ffe98a!important;
  color:var(--smv-planet-red)!important;
  border-color:#9b6b27!important;
}

/* ராசி / house numbers remain clearly visible on yellow */
#tamilHoroscopeResult .south-rasi-cell .sign,
#englishHoroscopeResult .south-rasi-cell .sign,
#tamilHoroscopeResult .south-rasi-cell .dynamic-rasi-number,
#englishHoroscopeResult .south-rasi-cell .dynamic-rasi-number{
  color:#6f2a12!important;
}

/* பாவம் cusp labels */
#tamilHoroscopeResult .bhava-rasi-cell .bhava-cusp,
#englishHoroscopeResult .bhava-rasi-cell .bhava-cusp{
  color:var(--smv-planet-red)!important;
  border-color:#b78625!important;
  background:#fff0a8!important;
}

/* 5) Horoscope section headings — red, while HOME PAGE hero/header stays unchanged */
#tamilHoroscopeResult h2,
#englishHoroscopeResult h2,
#tamilHoroscopeResult h3,
#englishHoroscopeResult h3{
  color:var(--smv-planet-red)!important;
}

/* 6) Chart/table wrappers retain the premium gold outline */
#tamilHoroscopeResult .data-table-wrap,
#englishHoroscopeResult .data-table-wrap{
  border-color:#c9a24a!important;
  background:#fffdf1!important;
}

/* Do not alter the website's main sticky homepage/navigation header. */
header,
nav,
.hero{
  /* intentionally inherit existing styles */
}

/* smv-final-chart-theme-v2 */

/* FINAL CHART THEME
   Homepage header/navigation remains untouched.
*/

/* ---------- ALL HOROSCOPE CHART BOXES ---------- */
#tamilHoroscopeResult .south-indian-chart,
#englishHoroscopeResult .south-indian-chart{
  background:#fff!important;
}

/* Every individual chart box/cell is white */
#tamilHoroscopeResult .south-rasi-cell,
#englishHoroscopeResult .south-rasi-cell,
#tamilHoroscopeResult .bhava-rasi-cell,
#englishHoroscopeResult .bhava-rasi-cell{
  background:#fff!important;
  background-image:none!important;
}

/* ---------- CHART CENTRE ---------- */
#tamilHoroscopeResult .south-chart-center,
#englishHoroscopeResult .south-chart-center{
  background:#ffe477!important;
  background-image:none!important;
  color:#e00000!important;
}

/* If the centre is a generic grid element rather than .south-chart-center */
#tamilHoroscopeResult .south-indian-chart .chart-center,
#englishHoroscopeResult .south-indian-chart .chart-center,
#tamilHoroscopeResult .south-indian-chart .center-cell,
#englishHoroscopeResult .south-indian-chart .center-cell{
  background:#ffe477!important;
  color:#e00000!important;
}

/* ---------- CHART TITLES ---------- */
#tamilHoroscopeResult h3,
#englishHoroscopeResult h3,
#tamilHoroscopeResult .bhava-chart-title,
#englishHoroscopeResult .bhava-chart-title{
  color:#e00000!important;
}

/* ---------- PLANET NAMES: BRIGHT RED ---------- */
#tamilHoroscopeResult .south-rasi-cell .planet,
#englishHoroscopeResult .south-rasi-cell .planet,
#tamilHoroscopeResult .south-rasi-cell .planet-line,
#englishHoroscopeResult .south-rasi-cell .planet-line,
#tamilHoroscopeResult .south-rasi-cell .planet-glyph,
#englishHoroscopeResult .south-rasi-cell .planet-glyph,
#tamilHoroscopeResult .bhava-rasi-cell .planet,
#englishHoroscopeResult .bhava-rasi-cell .planet,
#tamilHoroscopeResult .bhava-rasi-cell .planet-line,
#englishHoroscopeResult .bhava-rasi-cell .planet-line{
  color:#e00000!important;
  font-weight:900!important;
}

/* Planet degrees also red */
#tamilHoroscopeResult .south-rasi-cell .planet-degree,
#englishHoroscopeResult .south-rasi-cell .planet-degree{
  color:#e00000!important;
  font-weight:800!important;
}

/* ---------- HOUSE / RASI NUMBERS: BLACK ---------- */
/* D1/D9 numeric signs */
#tamilHoroscopeResult .south-rasi-cell .sign,
#englishHoroscopeResult .south-rasi-cell .sign,
#tamilHoroscopeResult .south-rasi-cell .dynamic-rasi-number,
#englishHoroscopeResult .south-rasi-cell .dynamic-rasi-number{
  color:#000!important;
  font-weight:900!important;
}

/* பாவம் Roman house numbers I, II ... XII */
#tamilHoroscopeResult .bhava-rasi-cell .sign,
#englishHoroscopeResult .bhava-rasi-cell .sign,
#tamilHoroscopeResult .bhava-rasi-cell .house,
#englishHoroscopeResult .bhava-rasi-cell .house{
  color:#000!important;
  font-weight:900!important;
}

/* Any chart number/house marker */
#tamilHoroscopeResult .south-indian-chart .house-number,
#englishHoroscopeResult .south-indian-chart .house-number,
#tamilHoroscopeResult .south-indian-chart .rasi-number,
#englishHoroscopeResult .south-indian-chart .rasi-number{
  color:#000!important;
  font-weight:900!important;
}

/* Empty dash remains black */
#tamilHoroscopeResult .south-rasi-cell .empty,
#englishHoroscopeResult .south-rasi-cell .empty{
  color:#000!important;
}

/* Lagna label: keep red, but not the house number */
#tamilHoroscopeResult .south-rasi-cell .lagna,
#englishHoroscopeResult .south-rasi-cell .lagna{
  background:#fff!important;
  color:#e00000!important;
  border-color:#c9a24a!important;
}

/* ---------- ALL TABLE HEADERS ---------- */
#tamilHoroscopeResult table.data-table thead th,
#englishHoroscopeResult table.data-table thead th,
#tamilHoroscopeResult .data-table th,
#englishHoroscopeResult .data-table th,
#tamilHoroscopeResult .bhava-table th,
#englishHoroscopeResult .bhava-table th{
  background:#c00000!important;
  color:#ffff00!important;
  font-weight:900!important;
  text-shadow:none!important;
}

/* ---------- TABLE BODY ---------- */
#tamilHoroscopeResult .data-table tbody td,
#englishHoroscopeResult .data-table tbody td{
  background:#fff!important;
}

/* smv-dashboard-text-final */

.astro-dashboard-summary,.astro-dashboard-summary .card,.astro-dashboard-summary .card h3,.astro-dashboard-summary .card p,.astro-dashboard-summary .card .small,.astro-dashboard-summary .card b,.astro-dashboard-summary .card span,.astro-dashboard-summary .card div,#astroQuestionQueue,#astroQuestionQueue h3,#astroQuestionQueue p,#astroQuestionQueue .small,#astroQuestionQueue b,#astroQuestionQueue span,#astroQuestionQueue div{color:#000!important;font-weight:800!important}
.astro-dashboard-summary .btn,#astroQuestionQueue .btn{color:#000!important;font-weight:900!important}
#astroAnsweredBox>p{color:#000!important;font-weight:800!important}
#astroAnsweredBox .answer-meta-label{color:#000!important;font-weight:900!important}
#astroAnsweredBox .answer-meta-value{color:#e00000!important;font-weight:900!important;font-size:1.12em!important}
#astroAnsweredBox .astro-answer-item>h3,#astroAnsweredBox .astro-answer-item .answer-body,#astroAnsweredBox .astro-answer-item .answer-status{color:#000!important;font-weight:800!important}
.withdrawal-history-section .withdrawal-meta-label{color:#000!important;font-weight:900!important}
.withdrawal-history-section .withdrawal-meta-value{color:#e00000!important;font-weight:900!important;font-size:1.12em!important}

/* smv-dashboard-text-final-v2 */

/* Requested dashboard typography/colors — logic untouched */

/* Profile through Unanswered Queue: all visible contents bold black */
#dashboardContent .astro-dashboard-summary,
#dashboardContent .astro-dashboard-summary *,
#dashboardContent .astro-dashboard-summary p,
#dashboardContent .astro-dashboard-summary .small,
#dashboardContent .astro-dashboard-summary div,
#dashboardContent .astro-dashboard-summary span,
#dashboardContent .astro-dashboard-summary b,
#dashboardContent .astro-dashboard-summary strong,
#dashboardContent .astro-dashboard-summary a,
#dashboardContent .astro-dashboard-summary label,
#dashboardContent .astroQuestionQueue,
#dashboardContent .astroQuestionQueue *,
#dashboardContent #astroQuestionQueue,
#dashboardContent #astroQuestionQueue *,
#dashboardContent #astroQuestionQueue .small,
#dashboardContent #astroQuestionQueue p,
#dashboardContent #astroQuestionQueue div,
#dashboardContent #astroQuestionQueue span,
#dashboardContent #astroQuestionQueue b{
  color:#000!important;
  font-weight:900!important;
}

/* Queue heading specifically RED */
#dashboardContent #astroQuestionQueue > h3{
  color:#e00000!important;
  font-weight:900!important;
}

/* Public கேள்வி Inbox description + empty message: bold black */
#dashboardContent .public-inbox-description,
#dashboardContent .no-paid-public-questions{
  color:#000!important;
  font-weight:900!important;
}

/* Answers: labels black; actual birth details / IDs / dates bright red and larger */
#dashboardContent #astroAnsweredBox .answer-meta-label{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent #astroAnsweredBox .answer-meta-value{
  color:#e00000!important;
  font-weight:900!important;
  font-size:1.16em!important;
  line-height:1.5!important;
}

/* Unanswered metadata follows the same requested red-value treatment */
#dashboardContent #astroQuestionQueue .answer-meta-label{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent #astroQuestionQueue .answer-meta-value{
  color:#e00000!important;
  font-weight:900!important;
  font-size:1.10em!important;
}

/* Withdrawal history: labels black; all IDs/date-time values red */
#dashboardContent .withdrawal-history-section .withdrawal-meta-label{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent .withdrawal-history-section .withdrawal-meta-value{
  color:#e00000!important;
  font-weight:900!important;
  font-size:1.14em!important;
  line-height:1.5!important;
}

/* Notifications: payment IDs + dates/times red, including future dynamically loaded notifications */
#dashboardContent .notification-red-value{
  color:#e00000!important;
  font-weight:900!important;
  font-size:1.08em!important;
}
#dashboardContent .smv-notification-meta > b{
  color:#000!important;
  font-weight:900!important;
}

/* smv-dashboard-text-final-v3 */

/* =========================================================
   FINAL DASHBOARD TEXT COLOR / WEIGHT RULES
   ========================================================= */

/* Main dashboard section headings — bold black */
#dashboardContent .card > h3,
#dashboardContent #astroQuestionQueue > h3,
#dashboardContent #astroAnsweredBox > h3,
#dashboardContent .withdrawal-history-title,
#dashboardContent .card:has(#userNotifications) > h3,
#dashboardContent .card:has(#astroNotifications) > h3,
#dashboardContent .card:has(#astrologerNotifications) > h3{
  color:#000!important;
  font-weight:900!important;
}

/* Public கேள்வி Inbox */
#dashboardContent .public-inbox-description,
#dashboardContent .no-paid-public-questions{
  color:#000!important;
  font-weight:900!important;
}

/* Payment Method privacy sentence */
#dashboardContent .card:has(#changePayoutBtn2) > p.small{
  color:#000!important;
  font-weight:900!important;
}

/* Answers section: labels black, actual values NORMAL RED */
#dashboardContent #astroAnsweredBox .answer-meta-label{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent #astroAnsweredBox .answer-meta-value{
  color:#b00000!important;
  font-weight:900!important;
  font-size:1.16em!important;
  line-height:1.5!important;
}

/* Unanswered queue labels black; values remain normal red */
#dashboardContent #astroQuestionQueue .answer-meta-label{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent #astroQuestionQueue .answer-meta-value{
  color:#b00000!important;
  font-weight:900!important;
  font-size:1.10em!important;
}

/* Withdrawal history: labels black, all ID/date values NORMAL RED */
#dashboardContent .withdrawal-history-section .withdrawal-meta-label{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent .withdrawal-history-section .withdrawal-meta-value{
  color:#b00000!important;
  font-weight:900!important;
  font-size:1.14em!important;
  line-height:1.5!important;
}

/* Notifications:
   titles/messages such as Withdrawal ID, Payment ID, கேள்வி Re-allocated,
   Withdrawal paid, Withdrawal is processing, New கேள்வி Assigned = bold black.
   IDs and date/time values are normal red. */
#dashboardContent #userNotifications .smv-notification-title,
#dashboardContent #userNotifications .smv-notification-title b,
#dashboardContent #userNotifications .smv-notification-content,
#dashboardContent #userNotifications .smv-notification-content b,
#dashboardContent #userNotifications .smv-notification-meta,
#dashboardContent #userNotifications .smv-notification-meta b{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent #userNotifications .notification-red-value{
  color:#b00000!important;
  font-weight:900!important;
  font-size:1.08em!important;
}

/* Also cover astrologer/admin notification containers if they are used */
#dashboardContent #astroNotifications .smv-notification-title,
#dashboardContent #astroNotifications .smv-notification-title b,
#dashboardContent #astroNotifications .smv-notification-content,
#dashboardContent #astroNotifications .smv-notification-content b,
#dashboardContent #astroNotifications .smv-notification-meta,
#dashboardContent #astroNotifications .smv-notification-meta b,
#dashboardContent #astrologerNotifications .smv-notification-title,
#dashboardContent #astrologerNotifications .smv-notification-title b,
#dashboardContent #astrologerNotifications .smv-notification-content,
#dashboardContent #astrologerNotifications .smv-notification-content b,
#dashboardContent #astrologerNotifications .smv-notification-meta,
#dashboardContent #astrologerNotifications .smv-notification-meta b{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent #astroNotifications .notification-red-value,
#dashboardContent #astrologerNotifications .notification-red-value{
  color:#b00000!important;
  font-weight:900!important;
}

/* Available to Withdraw:
   below ₹300 = normal red; ₹300 or above = green */
#dashboardContent .available-withdraw-amount{
  font-weight:900!important;
}
#dashboardContent .available-withdraw-amount.withdraw-red{
  color:#b00000!important;
}
#dashboardContent .available-withdraw-amount.withdraw-green{
  color:#198754!important;
}

/* smv-role-dashboard-final-theme */

/* Astrologer profile status */
#dashboardContent .profile-status-value{
  font-weight:900!important;
}
#dashboardContent .profile-status-approved{
  color:#16a34a!important;
}
#dashboardContent .profile-status-rejected{
  color:#b00000!important;
}
#dashboardContent .profile-status-pending{
  color:#000!important;
}

/* Customer + Admin use the same dashboard text treatment */
#dashboardContent,
#admin{
  color:#000;
}
#dashboardContent .card > h2,
#dashboardContent .card > h3,
#admin .card > h2,
#admin .card > h3,
#admin .card > h4{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent .card p,
#dashboardContent .card .small,
#dashboardContent .card .empty,
#admin .card p,
#admin .card .small,
#admin .card .empty,
#admin .card label{
  color:#000!important;
  font-weight:900!important;
}
#dashboardContent .dashboard-value-red,
#admin .dashboard-value-red{
  color:#b00000!important;
  font-weight:900!important;
  font-size:1.08em!important;
}

/* Admin section headings and common dashboard labels stay black */
#admin .action-row,
#admin .action-row *,
#admin .stats-grid,
#admin .stats-grid *{
  font-weight:900;
}
#admin .stats-grid .success,
#admin .stats-grid .error{
  font-weight:900!important;
}

/* smv-role-status-green-hard-final */

/* HARD OVERRIDE: requested profile status values only */
#dashboardContent .astro-profile-info .profile-status-approved,
#dashboardContent .profile-status-approved{
  color:#00e676!important;
  -webkit-text-fill-color:#00e676!important;
  font-weight:900!important;
}
#dashboardContent .customer-profile-verified{
  color:#00e676!important;
  -webkit-text-fill-color:#00e676!important;
  font-weight:900!important;
}

/* base */

.profile-status-approved-tick,
.customer-profile-verified-tick {
  color: #198754 !important;
  -webkit-text-fill-color: #198754 !important;
  font-weight: 900 !important;
  font-size: 1.05em !important;
  white-space: nowrap;
}

.profile-status-approved-tick::first-letter,
.customer-profile-verified-tick::first-letter {
  color: #198754 !important;
}
  
/* smv-final-user-dashboard-fixes */


/* Dashboard section headings that were red -> dark pink.
   Total Earnings is deliberately excluded and stays red. */
#dashboardContent h2,
#dashboardContent .card > h3,
#dashboardContent #astroQuestionQueue > h3,
#dashboardContent #astroAnsweredBox > h3,
#dashboardContent .withdrawal-history-title,
#dashboardContent .card:has(#userNotifications) > h3,
#dashboardContent .card:has(#astroNotifications) > h3,
#dashboardContent .card:has(#astrologerNotifications) > h3{
  color:#8a1f5d !important;
}

/* Keep ONLY the Total Earnings heading red as requested. */
#dashboardContent .total-earnings-card > h3{
  color:#8b0000 !important;
}

/* If the Total Earnings card is rendered without the helper class,
   this text-specific selector still preserves its red heading. */
#dashboardContent .astro-dashboard-summary > .card:nth-child(3) > h3{
  color:#8b0000 !important;
}

/* smv-final-admin-dashboard-typography-colours */

/* =========================================================
   ADMIN DASHBOARD — FINAL USER REQUEST
   Headings: dark pink
   Normal content: 18px, normal weight, black
   Red dashboard words/values: dark red
   ========================================================= */

/* 1. ALL ADMIN DASHBOARD HEADINGS — DARK PINK */
#admin h1,
#admin h2,
#admin h3,
#admin h4,
#admin h5,
#admin h6,
#admin .section-title,
#admin .home-rule,
#admin .home-rule span{
  color:#8a1f5d !important;
  -webkit-text-fill-color:#8a1f5d !important;
}

/* 2. ADMIN DASHBOARD CONTENT — 18px, NORMAL, BLACK */
#admin p,
#admin li,
#admin label,
#admin .small,
#admin .empty,
#admin .stat,
#admin .stat b,
#admin .card,
#admin .card p,
#admin .card li,
#admin .card label,
#admin .card span,
#admin .card div,
#admin .action-row,
#admin .action-row span,
#admin .action-row label,
#admin input,
#admin select,
#admin textarea{
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}

/* Keep headings as headings after the general content rule. */
#admin h1,
#admin h2,
#admin h3,
#admin h4,
#admin h5,
#admin h6{
  font-weight:800 !important;
}

/* 3. ALL RED WORDS / VALUES INSIDE ADMIN DASHBOARD → DARK RED */
#admin .error,
#admin .danger,
#admin .dashboard-value-red,
#admin .notification-red-value,
#admin .answer-meta-value,
#admin .withdrawal-meta-value,
#admin .profile-status-rejected,
#admin [style*="color:red"],
#admin [style*="color: red"],
#admin [style*="color:#e00000"],
#admin [style*="color: #e00000"],
#admin [style*="color:#b00000"],
#admin [style*="color: #b00000"],
#admin [style*="color:#c00000"],
#admin [style*="color: #c00000"],
#admin [style*="color:#8b0000"],
#admin [style*="color: #8b0000"]{
  color:#8b0000 !important;
  -webkit-text-fill-color:#8b0000 !important;
  font-size:18px !important;
  font-weight:400 !important;
}

/* Admin statistics values also use normal black unless explicitly red. */
#admin .stats-grid .success{
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
  font-size:18px !important;
  font-weight:400 !important;
}

/* smv-admin-dashboard-final-typography-v5 */

/* =========================================================
   ADMIN DASHBOARD — REQUESTED TYPOGRAPHY
   Main headings       24px bold
   Content / stats     18px bold
   கேள்வி/Answer     14px
   Normal content      13px
   Amount / status     15px
   Date & Time         12px
   ID / metadata       11px
   Answer box          NOT TOUCHED — existing 400px behavior preserved
   ========================================================= */

/* 1. MAIN ADMIN DASHBOARD HEADINGS */
#admin > .card:first-child h2,
#admin > .card > h3{
  font-size:24px !important;
  line-height:1.28 !important;
  font-weight:800 !important;
}

/* 2. ADMIN SUMMARY / IMPORTANT DASHBOARD CONTENT */
#adminSummary .stat b,
#adminSummary .stat strong{
  font-size:18px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}

/* 3. NORMAL ADMIN CONTENT */
#admin > .card > p,
#admin > .card .empty,
#admin > .card .small,
#admin > .card label,
#admin > .card .action-row,
#admin > .card input,
#admin > .card select{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* 4. QUESTION / ANSWER TITLES
   These are the generated customer/question/answer headings. */
#adminPendingQuestions .card > h3,
#adminAnswers .card > h3,
#adminQuestions > div > b,
#adminAnswers > div > b,
#pendingAstros > div > b,
#adminReviews > div > b{
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* Customer/question titles generated as direct headings. */
#adminPendingQuestions h3,
#adminAnswers h3,
#adminQuestions h3{
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* 5. NORMAL CONTENT INSIDE QUESTION / ANSWER BOXES */
#adminPendingQuestions p,
#adminPendingQuestions .small,
#adminAnswers p,
#adminAnswers .small,
#adminQuestions p,
#adminQuestions .small,
#pendingAstros p,
#pendingAstros .small,
#adminReviews p,
#adminReviews .small,
#adminPayoutChanges p,
#adminPayoutChanges .small,
#adminWithdrawals p,
#adminWithdrawals .small,
#adminEarningsHistory p,
#adminEarningsHistory .small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* 6. IMPORTANT AMOUNTS / STATUS */
#admin .success,
#admin .error,
#admin [class*="status"],
#admin [class*="amount"],
#admin [id*="Amount"],
#admin [id*="Status"],
#admin .stat-value{
  font-size:15px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* Preserve the main summary numbers as 18px bold. */
#adminSummary .stat b,
#adminSummary .stat strong{
  font-size:18px !important;
  font-weight:800 !important;
}

/* 7. DATE & TIME */
#admin .date-time,
#admin .datetime,
#admin [class*="date-time"],
#admin [class*="datetime"]{
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* Date/time appears in the small metadata rows in the generated
   question list; keep those rows readable at 12px. */
#adminQuestions > div > .small:last-child,
#adminAnswers > div > .small:last-child,
#adminPendingQuestions .small.date-time{
  font-size:12px !important;
  line-height:1.4 !important;
}

/* 8. ID / METADATA */
#admin .metadata,
#admin .meta,
#admin [class*="metadata"],
#admin [class*="meta"],
#admin [id*="Id"],
#admin [id*="ID"]{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* கேள்வி ID / Payment ID / Customer ID lines are metadata,
   but do not touch the answer textarea. */
#adminPendingQuestions p:has(b),
#adminAnswers p:has(b){
  font-size:13px !important;
}

/* Specific metadata labels remain compact. */
#adminPendingQuestions p b:first-child,
#adminAnswers p b:first-child,
#adminQuestions .small b,
#pendingAstros .small b{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* 9. ANSWER BOX — DELIBERATELY NO textarea sizing rule.
   Existing 400px runtime sizing remains untouched. */
#admin textarea[id^="boardAdminAnswer_"],
#admin textarea[id^="adminAns_"]{
  /* Typography only; height/min-height intentionally inherited. */
  font-size:14px !important;
  line-height:1.6 !important;
}

/* smv-admin-final-hierarchy-v6 */

/* =========================================================
   SMV ASTRO — FINAL ADMIN DASHBOARD TYPOGRAPHY
   Clean hierarchy for EVERY ADMIN section.

   Main section heading       24px bold
   Main dashboard content     18px bold where important
   கேள்வி / Answer title    14px
   Normal content             13px normal
   Important amount/status    15px bold
   Date & Time                12px
   ID / metadata              11px
   Answer editor              EXISTING SIZE UNTOUCHED
   ========================================================= */

/* ---------- ADMIN SECTION HEADINGS ---------- */
#admin > .card > div:first-child > div > h2,
#admin > .card > h3{
  font-size:24px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  margin-top:0 !important;
}

/* The introductory Admin Dashboard description is normal small text. */
#admin > .card > div:first-child > div > p.small{
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}

/* ---------- SUMMARY / MAIN CONTENT ---------- */
#adminSummary .stat{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#adminSummary .stat b{
  font-size:18px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}

/* ---------- RESET THE OLD OVER-BROAD 16/18px RULES ----------
   Do NOT let every div/span/b inherit the same large size. */
#admin > .card > div:not(#adminSummary),
#admin > .card > div:not(#adminSummary) div,
#admin > .card > div:not(#adminSummary) span,
#admin > .card > div:not(#adminSummary) p,
#admin > .card > div:not(#adminSummary) label{
  line-height:1.45 !important;
}

/* ---------- ASTROLOGER APPLICATIONS / PAYMENT CHANGES ----------
   Nested record titles are important content. */
#pendingAstros > .card > h3,
#adminPayoutChanges > .card > h3{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#pendingAstros > .card > p,
#adminPayoutChanges > .card > .small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* ---------- QUESTION / ANSWER TITLES ---------- */
#adminPendingQuestions > .card > h3,
#adminAnswers > .card > b:nth-of-type(2),
#adminAnswers > .card > b,
#adminQuestions > div > b:first-child{
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* Public question approval records: customer/question labels remain readable. */
#adminPendingQuestions > .card > p{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* ---------- ANSWERS AWAITING APPROVAL ---------- */
#adminAnswers > .card > p{
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}
#adminAnswers > .card > .small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminAnswers > .card > .small b{
  font-size:15px !important;
  font-weight:700 !important;
}

/* ---------- RECENT QUESTIONS ---------- */
#adminQuestions > div{
  font-size:13px !important;
  line-height:1.5 !important;
}
#adminQuestions > div > b:first-child{
  display:block !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  margin-bottom:3px !important;
}
#adminQuestions > div > .small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminQuestions > div > .small b{
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

/* Important amount/status values inside recent questions. */
#adminQuestions > div > .small:first-of-type{
  font-size:13px !important;
}

/* ---------- CUSTOMER REVIEWS ---------- */
#adminReviews > div{
  font-size:13px !important;
  line-height:1.5 !important;
}
#adminReviews > div > div:first-child{
  font-size:15px !important;
  font-weight:700 !important;
}
#adminReviews > div > div:nth-child(2){
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}
#adminReviews > div > .small{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* ---------- WITHDRAWALS ---------- */
#adminWithdrawals > .card > b{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#adminWithdrawals > .card > .small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminWithdrawals > .card > .small b{
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}
/* Important payment/status line stays 15px. */
#adminWithdrawals > .card > b + b{
  font-size:15px !important;
  font-weight:800 !important;
}
/* Date/time lines are deliberately smaller. */
#adminWithdrawals > .card > .small{
  font-size:13px !important;
}
#adminWithdrawals > .card > .small .date-time,
#adminWithdrawals > .card > .small [class*="date"]{
  font-size:12px !important;
}

/* ---------- ADMIN EARNINGS HISTORY ---------- */
#adminEarningsHistory .stat{
  font-size:18px !important;
  font-weight:800 !important;
}
#adminEarningsHistory .stat b{
  font-size:18px !important;
  font-weight:800 !important;
}
#adminEarningsHistory > div:not(.stats-grid) > div{
  font-size:13px !important;
  line-height:1.5 !important;
}
#adminEarningsHistory > div:not(.stats-grid) > div > div:first-child b{
  font-size:15px !important;
  font-weight:800 !important;
}
#adminEarningsHistory .small{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* ---------- SETTINGS SECTIONS ---------- */
#admin > .card:has(#questionPrice) label,
#admin > .card:has(#astroCommission) label,
#admin > .card:has(#minimumAnswerWords) label{
  font-size:13px !important;
  font-weight:400 !important;
}
#admin > .card:has(#questionPrice) input,
#admin > .card:has(#astroCommission) input,
#admin > .card:has(#minimumAnswerWords) input{
  font-size:14px !important;
}
#admin > .card:has(#questionPrice) .small,
#admin > .card:has(#astroCommission) .small,
#admin > .card:has(#minimumAnswerWords) .small{
  font-size:11px !important;
}

/* ---------- IMPORTANT AMOUNTS / STATUS ---------- */
#admin .success,
#admin .error{
  font-size:15px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* ---------- BUTTONS ---------- */
#admin .btn{
  font-size:13px !important;
  font-weight:800 !important;
}

/* =========================================================
   BLOG SECTION
   Title = big
   Short description = normal
   Full description/body = small
   ========================================================= */

/* Public blog cards */
#publicBlogs .blog-card > h3,
#blogs .blog-card > h3,
#blogList .blog-card > h3{
  font-size:24px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  margin:0 0 10px !important;
}

/* Short description / summary */
#publicBlogs .blog-card > p.small,
#blogs .blog-card > p.small,
#blogList .blog-card > p.small{
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  color:#222 !important;
  margin:8px 0 12px !important;
}

/* Full blog description/content */
#publicBlogs .blog-card .blog-content,
#blogs .blog-card .blog-content,
#blogList .blog-card .blog-content{
  font-size:13px !important;
  line-height:1.65 !important;
  font-weight:400 !important;
  color:#222 !important;
  white-space:pre-wrap !important;
}

/* வெளியிடப்பட்டது date is metadata */
#publicBlogs .blog-card > .small:last-child,
#blogs .blog-card > .small:last-child,
#blogList .blog-card > .small:last-child{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* Admin blog/content list */
#adminBlogsMedia .admin-content-row > b{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#adminBlogsMedia .admin-content-row{
  font-size:13px !important;
  line-height:1.45 !important;
}
#adminBlogsMedia .admin-content-row .small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminBlogsMedia .admin-content-row .success{
  font-size:12px !important;
}

/* Blog writer labels and fields */
#adminContentManager label{
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
}
#adminContentManager #blogTitle{
  font-size:18px !important;
  font-weight:700 !important;
}
#adminContentManager #blogSummary{
  font-size:16px !important;
  line-height:1.5 !important;
}
#adminContentManager #blogBody{
  font-size:13px !important;
  line-height:1.65 !important;
}

/* Media content titles */
#publicMedia .media-card > h3{
  font-size:22px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}
#publicMedia .media-card > p.small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* =========================================================
   DATE / TIME + IDs / METADATA — final explicit selectors
   ========================================================= */
#admin [data-date],
#admin .date-time,
#admin .datetime{
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}
#admin .metadata,
#admin .meta{
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

/* Do not change answer editor height/min-height.
   Existing answer-box sizing rules remain authoritative. */
#admin textarea[id^="boardAdminAnswer_"],
#admin textarea[id^="adminAns_"]{
  font-size:13px !important;
  line-height:1.6 !important;
  /* NO height/min-height/max-height declarations here */
}

/* smv-admin-heading-final-v7 */

/* =========================================================
   ADMIN DASHBOARD — FINAL HEADING / WITHDRAWAL TYPOGRAPHY
   Main "Admin Dashboard" heading: 24px
   Other section headings: 18px
   Withdrawal / Payment ID / Requested / Date: 12px
   ID / metadata: 11px
   ========================================================= */

/* ONLY the main Admin Dashboard heading is 24px. */
#admin > .card:first-child h2,
#admin h2.admin-dashboard-title{
  font-size:24px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

/* Every other Admin section heading is 18px. */
#admin > .card > h3,
#admin > .card > div:first-child > div > h3,
#admin .admin-section-title{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* Explicitly keep known section titles at 18px. */
#adminPendingQuestions > .card > h3,
#pendingAstros > .card > h3,
#adminPayoutChanges > .card > h3,
#adminAnswers > .card > h3,
#adminQuestions > .card > h3,
#adminReviews > .card > h3,
#adminWithdrawals > .card > h3,
#adminEarningsHistory > .card > h3{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* Withdrawal / payment records:
   Withdrawal ID, Admin Payment ID, Requested, Paid Date & Time,
   and related date/payment lines = 12px. */
#adminWithdrawals .withdrawal-id,
#adminWithdrawals .payment-id,
#adminWithdrawals .requested,
#adminWithdrawals .paid-date,
#adminWithdrawals .date-time,
#adminWithdrawals .datetime,
#adminWithdrawals [class*="withdrawal-id"],
#adminWithdrawals [class*="payment-id"],
#adminWithdrawals [class*="requested"],
#adminWithdrawals [class*="paid-date"],
#adminWithdrawals [class*="date-time"],
#adminWithdrawals [class*="datetime"]{
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}

/* The withdrawal cards currently use .small for these record details.
   Keep the detail text at 12px rather than the larger dashboard content size. */
#adminWithdrawals > .card > .small{
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* ID / metadata = 11px. */
#adminWithdrawals .metadata,
#adminWithdrawals .meta,
#adminWithdrawals [class*="metadata"],
#adminWithdrawals [class*="meta"],
#adminWithdrawals .astro-id,
#adminWithdrawals [class*="astro-id"]{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* Private payment details are metadata/details, not a heading. */
#adminWithdrawals .private-payment-details,
#adminWithdrawals [class*="private-payment"]{
  font-size:11px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}

/* Keep the important amount/status itself at 15px. */
#adminWithdrawals > .card > b:first-child,
#adminWithdrawals .withdrawal-amount,
#adminWithdrawals .withdrawal-status{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* Do not alter answer-box height. */
#admin textarea[id^="boardAdminAnswer_"],
#admin textarea[id^="adminAns_"]{
  /* typography only; no height/min-height rules */
  font-size:13px !important;
  line-height:1.6 !important;
}

/* smv-withdrawal-font-final-correction */

/* =========================================================
   FINAL WITHDRAWAL TYPOGRAPHY CORRECTION
   Remove visual size conflicts from em / inherited bold rules.
   ========================================================= */

/* These four withdrawal detail lines are EXACTLY 12px.
   No em scaling and normal weight. */
#adminWithdrawals .withdrawal-id,
#adminWithdrawals .payment-id,
#adminWithdrawals .requested,
#adminWithdrawals .paid-date,
#adminWithdrawals .date-time,
#adminWithdrawals .datetime,
#adminWithdrawals [class*="withdrawal-id"],
#adminWithdrawals [class*="payment-id"],
#adminWithdrawals [class*="requested"],
#adminWithdrawals [class*="paid-date"],
#adminWithdrawals [class*="date-time"],
#adminWithdrawals [class*="datetime"]{
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}

/* The actual withdrawal detail container is also locked to 12px,
   so inherited 1.12em / 900-weight rules cannot make it look larger. */
#adminWithdrawals > .card > .small{
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* Explicitly neutralize common old scaling/weight rules on the
   four detail lines and their child elements. */
#adminWithdrawals > .card > .small,
#adminWithdrawals > .card > .small *{
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* ID / metadata that is genuinely metadata remains 11px. */
#adminWithdrawals .metadata,
#adminWithdrawals .meta,
#adminWithdrawals [class*="metadata"],
#adminWithdrawals [class*="meta"],
#adminWithdrawals .astro-id,
#adminWithdrawals [class*="astro-id"]{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* Important amount/status remains clearly larger. */
#adminWithdrawals .withdrawal-amount,
#adminWithdrawals .withdrawal-status{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* If the amount/status is rendered as the first bold item in a
   withdrawal card, preserve the 15px hierarchy. */
#adminWithdrawals > .card > b:first-child{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* smv-admin-final-consistent-hierarchy-v8 */

/* =========================================================
   FINAL CONSISTENT ADMIN TYPOGRAPHY
   Labels requested by user: bold
   Same visual hierarchy across ALL admin sections.
   ========================================================= */

/* ---------- IMPORTANT RECORD LABELS: BOLD ---------- */
/* Astrologer / Astrologer ID / Requested */
#admin .astrologer-label,
#admin .astrologer-id-label,
#admin .requested-label,
#admin .withdrawal-astrologer,
#admin .withdrawal-astrologer-id,
#admin .withdrawal-requested,
#admin [class*="astrologer"],
#admin [class*="requested"]{
  font-weight:700 !important;
}

/* The actual withdrawal detail line stays 12px,
   but the requested labels are bold. */
#adminWithdrawals > .card > .small{
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminWithdrawals > .card > .small b,
#adminWithdrawals > .card > .small strong{
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:700 !important;
}

/* ---------- WITHDRAWAL ID / PAYMENT ID / DATE ---------- */
#adminWithdrawals .withdrawal-id,
#adminWithdrawals .payment-id,
#adminWithdrawals .requested,
#adminWithdrawals .paid-date,
#adminWithdrawals .date-time,
#adminWithdrawals .datetime{
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}
#adminWithdrawals .withdrawal-id b,
#adminWithdrawals .payment-id b,
#adminWithdrawals .requested b,
#adminWithdrawals .paid-date b,
#adminWithdrawals .date-time b,
#adminWithdrawals .datetime b{
  font-size:12px !important;
  font-weight:700 !important;
}

/* ---------- METADATA ---------- */
#admin .metadata,
#admin .meta,
#admin [class*="metadata"],
#admin [class*="meta"]{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* ---------- AMOUNTS / STATUS ---------- */
#admin .withdrawal-amount,
#admin .withdrawal-status,
#admin .payment-amount,
#admin .payment-status{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* ---------- RECENT QUESTIONS ---------- */
#adminQuestions > div{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminQuestions > div > b:first-child{
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}
#adminQuestions > div .small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminQuestions > div .small b{
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

/* ---------- EARNINGS HISTORY ---------- */
#adminEarningsHistory .stat,
#adminEarningsHistory .stat b{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#adminEarningsHistory > div:not(.stats-grid){
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminEarningsHistory > div:not(.stats-grid) b{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#adminEarningsHistory .small{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* ---------- ALL OTHER ADMIN RECORD SECTIONS ---------- */
#adminPendingQuestions > .card > h3,
#adminAnswers > .card > h3,
#pendingAstros > .card > h3,
#adminPayoutChanges > .card > h3,
#adminReviews > .card > h3{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

#adminPendingQuestions > .card > p,
#adminAnswers > .card > p,
#pendingAstros > .card > p,
#adminPayoutChanges > .card > p{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

#adminPendingQuestions > .card > p b,
#adminAnswers > .card > p b,
#pendingAstros > .card > p b,
#adminPayoutChanges > .card > p b{
  font-size:14px !important;
  font-weight:700 !important;
}

/* Dates throughout admin records */
#admin .date-time,
#admin .datetime,
#admin [class*="date-time"],
#admin [class*="datetime"]{
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* ---------- ANSWER BOX: DO NOT CHANGE HEIGHT ---------- */
#admin textarea[id^="boardAdminAnswer_"],
#admin textarea[id^="adminAns_"]{
  font-size:13px !important;
  line-height:1.6 !important;
}

@media (max-width:767px){
}
@media (min-width:768px){
}

/* SMV_ADMIN_FINAL_OVERRIDE_20260826 */

/* =========================================================
   SMV ASTRO — FINAL ADMIN TYPOGRAPHY OVERRIDE
   IMPORTANT: this stylesheet is intentionally the LAST admin
   stylesheet so older responsive rules cannot override it.
   ========================================================= */

/* ---------- BASE ADMIN RECORD TEXT ---------- */
#admin{
  font-size:13px !important;
  line-height:1.5 !important;
}
#admin .card{
  font-size:13px !important;
  line-height:1.5 !important;
}
#admin .card p,
#admin .card .small,
#admin .card label,
#admin .card li{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* ---------- HEADINGS ---------- */
/* Only the main Admin Dashboard heading = 24px */
#admin > .card:first-child h2{
  font-size:24px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

/* Every other Admin section heading = 18px */
#admin > .card h3,
#admin > .card h4{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* ---------- SUMMARY NUMBERS ---------- */
#adminSummary .stat b,
#adminSummary .stat strong{
  font-size:18px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}

/* ---------- QUESTION / ANSWER TITLES ---------- */
#adminPendingQuestions > .card h3,
#adminAnswers > .card h3,
#adminQuestions > div > b:first-child{
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* ---------- IMPORTANT AMOUNTS / STATUS ---------- */
#admin .withdrawal-amount,
#admin .withdrawal-status,
#admin .payment-amount,
#admin .payment-status,
#adminEarningsHistory .smv-history-amount,
#adminEarningsHistory .smv-history-amount b,
#adminWithdrawals > .card > b:first-child,
#adminWithdrawals > .card > b:nth-child(2){
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* ---------- WITHDRAWALS ----------
   Astrologer / Astrologer ID / Requested are BOLD.
   The whole detail line is 12px.
   Metadata is 11px.
   ---------- */
#adminWithdrawals > .card > .small{
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* IMPORTANT: override the old .withdrawal-meta-value 1.12em rule */
#adminWithdrawals .withdrawal-meta-label,
#adminWithdrawals .withdrawal-meta-value{
  font-size:12px !important;
  line-height:1.45 !important;
}
#adminWithdrawals .withdrawal-meta-label{
  font-weight:700 !important;
}
#adminWithdrawals .withdrawal-meta-value{
  font-weight:400 !important;
}

/* Astrologer line: bold labels, 12px */
#adminWithdrawals > .card > .small .withdrawal-astrologer-label,
#adminWithdrawals > .card > .small .withdrawal-astrologer-id-label,
#adminWithdrawals > .card > .small .withdrawal-requested-label{
  font-size:12px !important;
  font-weight:700 !important;
}

/* IDs / private payment metadata = 11px */
#adminWithdrawals .metadata,
#adminWithdrawals .meta,
#adminWithdrawals .withdrawal-metadata,
#adminWithdrawals .private-payment-metadata{
  font-size:11px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* ---------- RECENT QUESTIONS ---------- */
#adminQuestions > div{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminQuestions > div > b:first-child{
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}
#adminQuestions > div > .small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminQuestions > div > .small b{
  font-size:12px !important;
  font-weight:700 !important;
}
#adminQuestions > div > .small .question-id,
#adminQuestions > div > .small .metadata,
#adminQuestions > div > .small .meta{
  font-size:11px !important;
  font-weight:400 !important;
}

/* ---------- ADMIN EARNINGS HISTORY ---------- */
#adminEarningsHistory .stats-grid .stat{
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .stats-grid .stat b{
  font-size:18px !important;
  font-weight:800 !important;
}
#adminEarningsHistory > .smv-history-row,
#adminEarningsHistory .smv-history-row{
  font-size:13px !important;
}
#adminEarningsHistory .smv-history-amount{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#adminEarningsHistory .smv-history-content{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .smv-history-detail{
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .smv-history-detail b{
  font-size:12px !important;
  font-weight:700 !important;
}
#adminEarningsHistory .smv-history-detail .question-id,
#adminEarningsHistory .smv-history-detail .metadata,
#adminEarningsHistory .smv-history-detail .meta{
  font-size:11px !important;
}

/* ---------- ALL OTHER ADMIN RECORD SECTIONS ---------- */
#pendingAstros > .card > p,
#adminPayoutChanges > .card > p,
#adminPendingQuestions > .card > p,
#adminAnswers > .card > p,
#adminReviews > div,
#adminQuestions > div{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* Status / amount inside those records */
#pendingAstros .success,
#pendingAstros .error,
#adminPayoutChanges .success,
#adminPayoutChanges .error,
#adminPendingQuestions .success,
#adminPendingQuestions .error,
#adminAnswers .success,
#adminAnswers .error{
  font-size:15px !important;
  font-weight:700 !important;
}

/* Dates everywhere in Admin = 12px */
#admin .date-time,
#admin .datetime,
#admin [data-date],
#admin .admin-date-time{
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* Generic metadata = 11px, but NEVER override the explicit
   withdrawal-meta classes above. */
#admin .metadata,
#admin .meta,
#admin .admin-metadata{
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
#admin .withdrawal-meta-label,
#admin .withdrawal-meta-value{
  font-size:12px !important;
}

/* ---------- ANSWER BOX: HEIGHT UNTOUCHED ---------- */
#admin textarea[id^="boardAdminAnswer_"],
#admin textarea[id^="adminAns_"]{
  font-size:13px !important;
  line-height:1.6 !important;
  /* NO height / min-height / max-height */
}

/* SMV_FINAL_VISUAL_HIERARCHY_V9 */

/* =========================================================
   FINAL VISUAL HIERARCHY — fix actual visual inversion
   Use explicit px on the actual rendered elements and reset
   inherited/em font rules.
   ========================================================= */

/* ---------- RECENT QUESTIONS ---------- */
#adminQuestions > div{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* கேள்வி/customer title */
#adminQuestions > div > b:first-child{
  display:block !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* Status, Customer, Price Paid, Astrologer Share,
   Admin Share, Claimed/Unclaimed — ALL BOLD 13px */
#adminQuestions > div .rq-label,
#adminQuestions > div .status-label,
#adminQuestions > div .customer-label,
#adminQuestions > div .price-paid-label,
#adminQuestions > div .astrologer-share-label,
#adminQuestions > div .admin-share-label,
#adminQuestions > div .claimed-label,
#adminQuestions > div .unclaimed-label{
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

/* Actual values beside those labels stay normal 13px,
   so the whole row does not become visually oversized. */
#adminQuestions > div .rq-value,
#adminQuestions > div .status-value,
#adminQuestions > div .customer-value,
#adminQuestions > div .price-paid-value,
#adminQuestions > div .astrologer-share-value,
#adminQuestions > div .admin-share-value{
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}

/* Date/time: SMALL 12px. No em scaling. */
#adminQuestions > div .rq-date,
#adminQuestions > div .date-time,
#adminQuestions > div .datetime,
#adminQuestions > div [class*="date-time"],
#adminQuestions > div [class*="datetime"]{
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

/* The actual date string "26 Aug 2026, ..." must remain small. */
#adminQuestions > div .rq-date *,
#adminQuestions > div .date-time *,
#adminQuestions > div .datetime *{
  font-size:12px !important;
  font-weight:400 !important;
}

/* IDs/metadata */
#adminQuestions > div .question-id,
#adminQuestions > div .metadata,
#adminQuestions > div .meta{
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

/* ---------- ADMIN EARNINGS HISTORY ---------- */
#adminEarningsHistory{
  font-size:13px !important;
  line-height:1.5 !important;
}

/* Summary cards: number is intentionally bigger */
#adminEarningsHistory .stats-grid .stat{
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .stats-grid .stat b,
#adminEarningsHistory .stats-grid .stat strong{
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

/* History row normal content */
#adminEarningsHistory .earnings-row,
#adminEarningsHistory .history-row,
#adminEarningsHistory .smv-history-row{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* Amount/share: 15px bold */
#adminEarningsHistory .earnings-amount,
#adminEarningsHistory .history-amount,
#adminEarningsHistory .smv-history-amount{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* Date/time: 12px small */
#adminEarningsHistory .earnings-date,
#adminEarningsHistory .history-date,
#adminEarningsHistory .smv-history-detail,
#adminEarningsHistory .date-time,
#adminEarningsHistory .datetime{
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .earnings-date *,
#adminEarningsHistory .history-date *,
#adminEarningsHistory .smv-history-detail *{
  font-size:12px !important;
  font-weight:400 !important;
}

/* Metadata / IDs: 11px */
#adminEarningsHistory .earnings-id,
#adminEarningsHistory .history-id,
#adminEarningsHistory .metadata,
#adminEarningsHistory .meta{
  font-size:11px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
}

/* ---------- UPLOAD PDF / MEDIA ----------
   Title BIG, description SMALL.
   ---------- */
#adminContentManager .media-title,
#adminContentManager .pdf-title,
#adminContentManager .upload-title,
#adminBlogsMedia .media-title,
#adminBlogsMedia .pdf-title,
#adminBlogsMedia .upload-title{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* Media/blog description/summary = small */
#adminContentManager .media-description,
#adminContentManager .pdf-description,
#adminContentManager .upload-description,
#adminContentManager .media-summary,
#adminBlogsMedia .media-description,
#adminBlogsMedia .pdf-description,
#adminBlogsMedia .upload-description,
#adminBlogsMedia .media-summary{
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}

/* Direct media rows: reset broad inherited sizes */
#adminContentManager .admin-content-row,
#adminBlogsMedia .admin-content-row{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminContentManager .admin-content-row b:first-child,
#adminBlogsMedia .admin-content-row b:first-child{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#adminContentManager .admin-content-row .small,
#adminBlogsMedia .admin-content-row .small{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

@media (max-width:767px){
}
@media (min-width:768px){
}

/* SMV_REAL_RENDERED_ELEMENTS_FINAL_V10 */

/* =========================================================
   FINAL FIX — styles actual rendered elements, not guessed
   selectors. This is appended last so old rules cannot win.
   ========================================================= */

/* ================= RECENT QUESTIONS ================= */
#adminQuestions .smv-rq-row{
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
}
#adminQuestions .smv-rq-question{
  display:block !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  margin-bottom:3px !important;
}
#adminQuestions .smv-rq-info{
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
}
#adminQuestions .smv-rq-info .smv-rq-label{
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}
#adminQuestions .smv-rq-info .smv-rq-value{
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.45 !important;
}
#adminQuestions .smv-rq-date{
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  margin-top:3px !important;
}
#adminQuestions .smv-rq-date b,
#adminQuestions .smv-rq-date span{
  font-size:12px !important;
  font-weight:400 !important;
}

/* ================= ADMIN EARNINGS HISTORY ================= */
#adminEarningsHistory .smv-admin-earn-row{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .smv-admin-earn-amount,
#adminEarningsHistory .smv-admin-earn-amount b{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#adminEarningsHistory .smv-admin-earn-meta{
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .smv-admin-earn-meta b{
  font-size:11px !important;
  font-weight:700 !important;
}
#adminEarningsHistory .smv-admin-earn-content{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .smv-admin-earn-date,
#adminEarningsHistory .smv-admin-earn-date b{
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

/* Summary numbers in Earnings History */
#adminEarningsHistory .stats-grid .stat{
  font-size:13px !important;
  font-weight:400 !important;
}
#adminEarningsHistory .stats-grid .stat b{
  font-size:18px !important;
  font-weight:800 !important;
}

/* ================= UPLOAD PDF / MEDIA ================= */
#adminBlogsMedia .admin-content-row{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminBlogsMedia .smv-media-title{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}
#adminBlogsMedia .smv-media-description{
  display:block !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  margin-top:4px !important;
}
#adminBlogsMedia .admin-blog-actions .btn{
  font-size:13px !important;
}

/* ================= WITHDRAWAL DETAIL ================= */
#adminWithdrawals > .card > .small{
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
#adminWithdrawals > .card > .small b{
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}
#adminWithdrawals .withdrawal-astrologer-label,
#adminWithdrawals .withdrawal-astrologer-id-label,
#adminWithdrawals .withdrawal-requested-label{
  font-size:12px !important;
  font-weight:700 !important;
}
#adminWithdrawals .withdrawal-meta-label,
#adminWithdrawals .withdrawal-meta-value{
  font-size:12px !important;
}
#adminWithdrawals .metadata,
#adminWithdrawals .meta{
  font-size:11px !important;
  font-weight:400 !important;
}

/* SMV_EXACT_FINAL_FIX_V11 */

/* =========================================================
   V11 — exact fixes based on the supplied screenshots
   ========================================================= */

/* ---------------- Recent Questions ---------------- */
/* Only "Date & Time" is bold; actual date remains small/normal. */
#adminQuestions .smv-rq-date{
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
#adminQuestions .smv-rq-date b{
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}
#adminQuestions .smv-rq-date span{
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

/* ---------------- Admin Earnings History ---------------- */
/* Amount/status */
#adminEarningsHistory .smv-admin-earn-amount,
#adminEarningsHistory .smv-admin-earn-amount b,
#adminEarningsHistory .smv-admin-earn-amount .success{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* ID / metadata line: 11px. Labels bold, values normal. */
#adminEarningsHistory .smv-admin-earn-meta{
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .smv-admin-earn-meta b{
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

/* Normal description */
#adminEarningsHistory .smv-admin-earn-content{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* Credited label + date: 12px. Label bold, date normal. */
#adminEarningsHistory .smv-admin-earn-date{
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
#adminEarningsHistory .smv-admin-earn-date b{
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

/* ---------------- Upload PDF / Media form ---------------- */
/* Labels remain readable but smaller than the actual title input. */
#adminContentManager label{
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
}

/* Title = BIG */
#adminContentManager #mediaTitle,
#adminContentManager #blogTitle{
  font-size:18px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
  box-sizing:border-box !important;
}

/* Description = SMALL */
#adminContentManager #mediaDescription,
#adminContentManager #blogSummary,
#adminContentManager #blogBody{
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  box-sizing:border-box !important;
}

@media (max-width:700px){
}

@media (min-width:701px){
}

/* SMV_FINAL_V13 */

/* HOMEPAGE HEADER */
.smv-site-header, header.smv-site-header, #siteHeader{
  background:#ffd43b !important;
  background-color:#ffd43b !important;
}
.smv-site-header .brand-title,
.smv-site-header .site-title,
.smv-site-header h1,
.smv-site-header .logo-text,
#siteHeader .brand-title,
#siteHeader .site-title,
#siteHeader h1{
  color:#b00000 !important;
}
.smv-site-header nav a,
.smv-site-header nav button,
.smv-site-header .nav-btn,
.smv-site-header .header-btn,
#siteHeader nav a,
#siteHeader nav button,
#siteHeader .nav-btn,
#siteHeader .header-btn{
  color:#ffeb3b !important;
}
@media (min-width:701px){
}
@media (max-width:700px){
}

/* ASTROLOGER DASHBOARD — withdrawal history heading */
#astrologerDashboard h2,
#astrologerDashboard h3,
#astrologerDashboard .section-title,
#astrologerDashboard .dashboard-section-title,
#astrologerDashboard .withdrawal-history-title{
  font-size:18px !important;
  line-height:1.3 !important;
}


/* smv-final-bhava-header-chart-center-fix */

/* FINAL FIX — பாவம் table headers, பாவம் chart box backgrounds, homepage zodiac centering */

/* 1) பாவ கட்டம்: remove the duplicate generated header text.
   The real <th> text is already supplied by the renderer/English translator. */
#tamilHoroscopeResult .bhava-table th::after,
#englishHoroscopeResult .bhava-table th::after{
  content:none !important;
  display:none !important;
}

/* Keep the real பாவம் table header text visible and centered. */
#tamilHoroscopeResult .bhava-table th,
#englishHoroscopeResult .bhava-table th{
  font-size:10.5px !important;
  line-height:1.15 !important;
  text-align:center !important;
  vertical-align:middle !important;
}

/* 2) பாவ கட்டம்: remove the yellow fill/shadow from every box.
   Keep the gold/brown grid borders and the red planet/house text. */
#tamilHoroscopeResult #bhavaChart.south-indian-chart,
#englishHoroscopeResult #bhavaChart.south-indian-chart,
#tamilHoroscopeResult #bhavaChart .south-rasi-cell,
#englishHoroscopeResult #bhavaChart .south-rasi-cell,
#tamilHoroscopeResult #bhavaChart .south-chart-center,
#englishHoroscopeResult #bhavaChart .south-chart-center{
  background:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Remove the pale-yellow fill specifically from பாவம் house-number labels. */
#tamilHoroscopeResult #bhavaChart .bhava-cusp,
#englishHoroscopeResult #bhavaChart .bhava-cusp{
  background:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* smv-final-rasi-navamsa-center-fix */

/* FINAL — ராசி + நவாம்சம் chart center styling */

/* Remove the yellow center fill/shadow from D1 and D9 charts. */
#tamilHoroscopeResult #rasiChart .south-chart-center,
#englishHoroscopeResult #rasiChart .south-chart-center,
#tamilHoroscopeResult #navamsaChart .south-chart-center,
#englishHoroscopeResult #navamsaChart .south-chart-center{
  background:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#b00000 !important;
  -webkit-text-fill-color:#b00000 !important;
  font-weight:900 !important;
  font-family:Georgia,serif !important;
  text-align:center !important;
  letter-spacing:.5px !important;
}

/* Keep the requested labels clearly bold and red on mobile too. */
@media(max-width:700px){
  #tamilHoroscopeResult #rasiChart .south-chart-center,
  #englishHoroscopeResult #rasiChart .south-chart-center,
  #tamilHoroscopeResult #navamsaChart .south-chart-center,
  #englishHoroscopeResult #navamsaChart .south-chart-center{
    font-weight:900 !important;
    color:#b00000 !important;
    -webkit-text-fill-color:#b00000 !important;
  }
}

/* smv-final-bhava-and-rasi-degree-fix */

/* FINAL V2 — பாவம் center title + ராசி planet degrees */

/* பாவ கட்டம் center title: bold red, no yellow background/shadow. */
#tamilHoroscopeResult #bhavaChart .south-chart-center,
#englishHoroscopeResult #bhavaChart .south-chart-center{
  background:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#b00000 !important;
  -webkit-text-fill-color:#b00000 !important;
  font-weight:900 !important;
  font-family:Georgia,serif !important;
  text-align:center !important;
  letter-spacing:.5px !important;
}

/* ராசி கட்டம்: planet degrees only — bold violet. */
#tamilHoroscopeResult #rasiChart .planet-degree,
#englishHoroscopeResult #rasiChart .planet-degree{
  color:#7a1fa2 !important;
  -webkit-text-fill-color:#7a1fa2 !important;
  font-weight:900 !important;
}

/* Do not change the நவாம்சம் chart degree styling. */

/* smv-final-la-heading-fix */

/* Ascendant abbreviation: La — same size as planet text, bold pink. */
#tamilHoroscopeResult .south-rasi-cell .lagna,
#englishHoroscopeResult .south-rasi-cell .lagna,
#tamilHoroscopeResult .bhava-rasi-cell .lagna,
#englishHoroscopeResult .bhava-rasi-cell .lagna{
  color:#ff1493 !important;
  -webkit-text-fill-color:#ff1493 !important;
  font-weight:900 !important;
  font-size:inherit !important;
}

/* Requested chart headings: bright coffee-brown. */
#tamilHoroscopeResult h2,
#englishHoroscopeResult h2,
#tamilHoroscopeResult h3,
#englishHoroscopeResult h3{
  color:#8B5A2B !important;
  -webkit-text-fill-color:#8B5A2B !important;
}

/* smv-final-all-horoscope-headings-gold */

/* FINAL V4 — All horoscope section headings: bold gold */
#tamilHoroscopeResult h2,
#englishHoroscopeResult h2,
#tamilHoroscopeResult h3,
#englishHoroscopeResult h3,
#tamilHoroscopeResult .section-title,
#englishHoroscopeResult .section-title{
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
  font-weight:900 !important;
}

/* smv-final-v5-rasi-status-markers */

/* V5 — requested final horoscope styling */

/* All horoscope section headings: bold pink. */
#tamilHoroscopeResult h2,
#englishHoroscopeResult h2,
#tamilHoroscopeResult h3,
#englishHoroscopeResult h3,
#tamilHoroscopeResult .section-title,
#englishHoroscopeResult .section-title{
  color:#e91e63 !important;
  -webkit-text-fill-color:#e91e63 !important;
  font-weight:900 !important;
}

/* Combustion = C in dark blue; Retrograde = R in normal green.
   Markers are intentionally compact and appear only in ராசி + Planetary Positions. */
.rasi-status-marker{
  font-weight:900 !important;
  font-size:.82em !important;
  white-space:nowrap !important;
  margin-left:2px !important;
  letter-spacing:0 !important;
}
.rasi-status-marker.status-c{
  color:#173b8f !important;
  -webkit-text-fill-color:#173b8f !important;
}
.rasi-status-marker.status-r{
  color:#2e8b57 !important;
  -webkit-text-fill-color:#2e8b57 !important;
}

/* Keep ராசி markers aligned with the existing planet label/degree. */
#tamilHoroscopeResult #rasiChart .rasi-status-marker,
#englishHoroscopeResult #rasiChart .rasi-status-marker{
  font-size:.78em !important;
}

/* Planetary Positions: marker stays the same compact size as the planet name. */
#tamilHoroscopeResult .data-table .rasi-status-marker,
#englishHoroscopeResult .data-table .rasi-status-marker{
  font-size:.82em !important;
}

/* smv-final-v6-as-degree-fix */

/* V6 — Ascendant and degree display */

/* Ascendant: லக், same font size as other short planet names, bold pink. */
#tamilHoroscopeResult .south-rasi-cell .lagna,
#englishHoroscopeResult .south-rasi-cell .lagna,
#tamilHoroscopeResult .bhava-rasi-cell .lagna,
#englishHoroscopeResult .bhava-rasi-cell .lagna{
  color:#ff1493 !important;
  -webkit-text-fill-color:#ff1493 !important;
  font-weight:900 !important;
  font-size:inherit !important;
}

/* ராசி chart degree text: retain only whole degrees, no minutes. */
#tamilHoroscopeResult #rasiChart .planet-degree,
#englishHoroscopeResult #rasiChart .planet-degree{
  font-weight:900 !important;
}

/* Keep C/R markers compact beside the planet names. */
#tamilHoroscopeResult #rasiChart .rasi-status-marker,
#englishHoroscopeResult #rasiChart .rasi-status-marker{
  font-weight:900 !important;
}

/* smv-final-v7-degree-as-fix */

/* V7 — actual final fixes */

/* Ascendant: show லக் only (no house number 1), bold pink, same size as planet names. */
#tamilHoroscopeResult #rasiChart .lagna,
#englishHoroscopeResult #rasiChart .lagna,
#tamilHoroscopeResult #navamsaChart .lagna,
#englishHoroscopeResult #navamsaChart .lagna{
  display:inline-block !important;
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
  margin:1px 0 2px !important;
  border:0 !important;
  background:transparent !important;
  color:#ff1493 !important;
  -webkit-text-fill-color:#ff1493 !important;
  font-size:clamp(15px,2.9vw,19px) !important;
  font-weight:900 !important;
  line-height:1.5 !important;
  white-space:nowrap !important;
}

/* Whole-degree values in the ராசி chart. */
#tamilHoroscopeResult #rasiChart .planet-degree,
#englishHoroscopeResult #rasiChart .planet-degree{
  color:#7a1fa2 !important;
  -webkit-text-fill-color:#7a1fa2 !important;
  font-weight:900 !important;
}

/* smv-final-v8-degree-format */

/* V8 — degree format:
   ராசி கட்டம் = whole degrees only (e.g. Sa 20°)
   Planetary Positions = full source degree (e.g. 14°13'34") */

/* ராசி degrees stay bold violet and whole-degree only. */
#tamilHoroscopeResult #rasiChart .planet-degree,
#englishHoroscopeResult #rasiChart .planet-degree{
  color:#7a1fa2 !important;
  -webkit-text-fill-color:#7a1fa2 !important;
  font-weight:900 !important;
}

/* Planetary Positions degree column keeps the complete degree value. */
#tamilHoroscopeResult .data-table td:nth-child(3),
#englishHoroscopeResult .data-table td:nth-child(3){
  font-weight:700 !important;
}

/* smv-final-v9-degree-display */

/* V9 — make the requested degree distinction unmistakable */

/* ராசி: planet short name + whole degree, e.g. Sa 20°. */
#tamilHoroscopeResult #rasiChart .planet-line,
#englishHoroscopeResult #rasiChart .planet-line{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:4px !important;
  white-space:nowrap !important;
}
#tamilHoroscopeResult #rasiChart .planet-degree,
#englishHoroscopeResult #rasiChart .planet-degree{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  color:#7a1fa2 !important;
  -webkit-text-fill-color:#7a1fa2 !important;
  font-size:0.92em !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

/* Planetary Positions: retain complete degree, e.g. 14°13'34". */
#tamilHoroscopeResult .data-table .full-degree,
#englishHoroscopeResult .data-table .full-degree{
  display:table-cell !important;
  visibility:visible !important;
  opacity:1 !important;
  white-space:nowrap !important;
  font-weight:700 !important;
}

/* smv-v26-advanced-detail */
.transit-panchang-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.advanced-astro-card .highlight-row{background:#fff7dc}.sbc-detail{overflow:auto}.sbc-grid{min-width:540px;display:grid!important;grid-template-columns:repeat(9,1fr);gap:2px}.sbc-grid span{min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #d7c7a7;border-radius:3px;font-size:11px;padding:3px;text-align:center}.chakra-ring{margin-bottom:14px}.adv-legend{padding:10px;background:#fff8e9;border-radius:8px;margin-top:10px;font-size:13px}@media(max-width:700px){.transit-panchang-grid{grid-template-columns:1fr}.sbc-grid span{min-height:42px;font-size:9px}}
/* smv-advanced-v30-fix */

.advanced-astro-grid{width:100%;max-width:100%;overflow:visible}
.adv-section{width:100%;box-sizing:border-box}
.adv-table-wrap,.adv-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.adv-wide{width:100%;min-width:0;table-layout:auto;border-collapse:collapse}
.adv-wide th,.adv-wide td{white-space:normal;word-break:normal;overflow-wrap:anywhere}
.adv-bav,.adv-sav{table-layout:fixed;width:100%;min-width:0}
.adv-bav th:first-child,.adv-bav td:first-child{width:12%}
.adv-bav th:not(:first-child),.adv-bav td:not(:first-child){width:auto}
.sbc-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px}
.sbc-grid-full{width:min(100%,760px);min-width:0;aspect-ratio:1/1;margin:0 auto;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:1px}
.sbc-cell{min-width:0;min-height:0;border:1px solid #cdb98e;background:#fffaf0;padding:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center;font-size:clamp(8px,1.1vw,12px);line-height:1.15;box-sizing:border-box;overflow:hidden}
.sbc-cell .sbc-main{font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sbc-cell em,.sbc-cell small{font-style:normal;font-size:clamp(7px,.95vw,10px);font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sbc-cell.has-planet{box-shadow:inset 0 0 0 2px #c7922f;background:#fff3c9}
.sbc-cell.has-vedha{outline:1px dashed #a04b3a;outline-offset:-3px}
.sbc-vowel{font-weight:900}.sbc-rasi{font-weight:800}.sbc-tithi{font-weight:800;background:#fff8dc}
.adv-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.adv-detail-grid>div{padding:10px;border:1px solid #eadfc9;border-radius:10px;background:#fffdf9;min-width:0}.adv-detail-grid ul{margin:6px 0 0 18px;padding:0}.sbc-info{padding:10px;border-radius:10px;background:#fff8e9;margin-bottom:12px}
@media(max-width:700px){.adv-wide{min-width:900px}.adv-bav,.adv-sav{min-width:900px;table-layout:auto}.sbc-grid-full{width:720px;min-width:720px;margin:0}.adv-detail-grid{grid-template-columns:1fr}.adv-section{padding:10px}.sbc-cell{font-size:9px}.sbc-cell em,.sbc-cell small{font-size:8px}}

/* smv-v34-layout-fix */

#tamilHoroscopeResult,#englishHoroscopeResult{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#tamilHoroscopeResult>.card,#englishHoroscopeResult>.card{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#tamilHoroscopeResult .data-table-wrap,#englishHoroscopeResult .data-table-wrap{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:auto!important}
#tamilHoroscopeResult .bhava-table,#englishHoroscopeResult .bhava-table,#tamilHoroscopeResult .strength-table,#englishHoroscopeResult .strength-table,#tamilHoroscopeResult .phase2-strength-table,#englishHoroscopeResult .phase2-strength-table,#tamilHoroscopeResult .phase3-shadbala-table,#englishHoroscopeResult .phase3-shadbala-table{width:100%!important;max-width:100%!important;table-layout:fixed!important}
#tamilHoroscopeResult .bhava-table th,#tamilHoroscopeResult .bhava-table td,#englishHoroscopeResult .bhava-table th,#englishHoroscopeResult .bhava-table td,#tamilHoroscopeResult .strength-table th,#tamilHoroscopeResult .strength-table td,#englishHoroscopeResult .strength-table th,#englishHoroscopeResult .strength-table td,#tamilHoroscopeResult .phase2-strength-table th,#tamilHoroscopeResult .phase2-strength-table td,#englishHoroscopeResult .phase2-strength-table th,#englishHoroscopeResult .phase2-strength-table td,#tamilHoroscopeResult .phase3-shadbala-table th,#tamilHoroscopeResult .phase3-shadbala-table td,#englishHoroscopeResult .phase3-shadbala-table th,#englishHoroscopeResult .phase3-shadbala-table td{box-sizing:border-box;overflow-wrap:anywhere;word-break:normal}
.transit-panchang-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr)!important;gap:18px!important;align-items:start!important}.transit-panchang-grid>.card{min-width:0!important;max-width:100%!important}.transit-panchang-grid .data-table{width:100%!important;table-layout:fixed!important}.transit-panchang-grid .data-table th,.transit-panchang-grid .data-table td{padding:6px 7px!important;line-height:1.25!important;white-space:normal!important}
.sbc-edge-wrap{position:relative;width:min(100%,760px);margin:0 auto;padding:28px 34px;box-sizing:border-box}.sbc-edge-label{position:absolute;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;z-index:2}.sbc-edge-north{top:4px;left:50%;transform:translateX(-50%)}.sbc-edge-south{bottom:4px;left:50%;transform:translateX(-50%)}.sbc-edge-west{left:2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sbc-edge-east{right:2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sbc-grid-full{width:100%!important;min-width:0!important;aspect-ratio:1/1!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;grid-template-rows:repeat(9,minmax(0,1fr))!important}.sbc-cell{min-width:0!important;min-height:0!important;font-size:clamp(8px,1vw,12px)!important;padding:3px!important}.sbc-cell em,.sbc-cell small{font-size:clamp(7px,.8vw,10px)!important}
@media(max-width:900px){.transit-panchang-grid{grid-template-columns:1fr!important}.sbc-edge-wrap{width:100%;min-width:700px}.sbc-grid-full{min-width:0!important}}
@media(max-width:700px){.sbc-edge-wrap{min-width:680px;padding:26px 32px}.transit-panchang-grid .data-table{font-size:12px!important}}

/* smv-v34-transit-compact */

.transit-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.transit-planet{border:1px solid #e1d4bd;border-radius:8px;padding:7px;background:#fffaf0;display:grid;gap:2px;min-width:0;font-size:12px;line-height:1.25}.transit-planet span{overflow-wrap:anywhere}.panchang-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.panchang-compact-grid>div{border:1px solid #e1d4bd;border-radius:8px;padding:7px;background:#fffaf0;min-width:0;display:grid;gap:2px;font-size:12px;line-height:1.25}.panchang-compact-grid span{overflow-wrap:anywhere}@media(max-width:900px){.transit-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.transit-compact-grid{grid-template-columns:1fr 1fr}.panchang-compact-grid{grid-template-columns:1fr}}

/* smv-v35-layout-and-rasi-fix */

/* V3.5: desktop horoscope tables use the full result width without a trailing blank area. */
#tamilHoroscopeResult .data-table-wrap,#englishHoroscopeResult .data-table-wrap{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#tamilHoroscopeResult .data-table-wrap table,#englishHoroscopeResult .data-table-wrap table{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#tamilHoroscopeResult .rasi-status-marker,#englishHoroscopeResult .rasi-status-marker{margin-left:0!important;margin-right:0!important;display:inline-block!important;white-space:nowrap!important}
#tamilHoroscopeResult .planet-line,#englishHoroscopeResult .planet-line{gap:0!important}
/* Transit + Panchang: compact desktop presentation. */
.transit-panchang-grid{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr)!important;gap:14px!important}
.transit-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.transit-planet{padding:6px!important;font-size:11.5px!important;line-height:1.18!important}
.panchang-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.panchang-compact-grid>div{padding:6px!important;font-size:11.5px!important;line-height:1.18!important}
@media(max-width:900px){.transit-panchang-grid{grid-template-columns:1fr!important}.transit-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.transit-compact-grid{grid-template-columns:1fr 1fr!important}.panchang-compact-grid{grid-template-columns:1fr!important}}

/* smv-v35-birth-panchang */

.hora-section{margin-top:10px;border-top:1px solid #e1d4bd;padding-top:8px}.hora-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px}.hora-list>span{border:1px solid #e1d4bd;border-radius:7px;padding:6px;background:#fffaf0;display:flex;gap:5px;align-items:center;min-width:0;font-size:11px}.hora-list small{margin-left:auto;white-space:nowrap}@media(max-width:900px){.hora-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.hora-list{grid-template-columns:1fr}}.birth-panchang-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.birth-panchang-grid>div{border:1px solid #e1d4bd;border-radius:8px;padding:7px;background:#fffaf0;min-width:0;display:grid;gap:2px;font-size:12px;line-height:1.25}.birth-panchang-grid span{overflow-wrap:anywhere}
@media(max-width:900px){.birth-panchang-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.birth-panchang-grid{grid-template-columns:1fr 1fr}.birth-panchang-grid>div{font-size:11px;padding:6px}}

/* sbc-v39-traditional */
.sbc-traditional-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.sbc-traditional-meta>div{border:1px solid #e1d4bd;border-radius:8px;padding:7px;background:#fffaf0;min-width:0}.sbc-traditional-meta b,.sbc-traditional-meta span{display:block}.sbc-traditional-meta span{margin-top:3px;font-size:.9em}.sbc-cell .sbc-planet-row{display:block!important;white-space:nowrap!important;word-spacing:0!important;letter-spacing:0!important}.sbc-cell small{display:inline-block!important;white-space:nowrap!important;margin-right:2px!important}.sbc-cell small+small{margin-left:1px!important}@media(max-width:900px){.sbc-traditional-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sbc-traditional-meta{grid-template-columns:1fr 1fr}.sbc-traditional-meta span{font-size:.82em}}
/* smv-advanced-astrology */
.advanced-astro-grid{display:block}.adv-section{margin:16px 0;padding:14px;border:1px solid #d8c7a7;border-radius:14px;background:#fffdf8}.adv-section h3,.adv-section h4{margin:0 0 12px}.adv-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.adv-wide{border-collapse:collapse;min-width:900px;width:max-content}.adv-wide th,.adv-wide td{border:1px solid #e1d4bd;padding:8px 10px;text-align:center;white-space:nowrap;vertical-align:middle}.adv-wide thead th{background:#fff3d5}.adv-wide tbody th{background:#fffaf0;position:sticky;left:0}.adv-meta{margin-top:10px;font-size:13px;line-height:1.7}.sbc-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.sbc-grid-full{display:grid;grid-template-columns:repeat(9,minmax(105px,1fr));gap:2px;min-width:945px}.sbc-cell{min-height:78px;border:1px solid #cdb98e;background:#fffaf0;padding:5px;display:flex;flex-direction:column;gap:3px;font-size:11px}.sbc-cell span{font-weight:700}.sbc-cell em{font-style:normal;font-weight:700;font-size:10px}.adv-section .small{font-size:13px}@media(max-width:700px){.adv-section{padding:10px;margin:12px 0}.adv-wide{min-width:860px}.sbc-grid-full{min-width:945px}.sbc-cell{min-height:72px}} 
/* smv-v19-vimsottari-mobile-final */

/* V19: Mobile-only பாவம் + Vimshottari Dasa cleanup. Desktop is untouched. */
.dasha-antara-title{font-weight:900;font-size:14px;margin:6px 0 6px;color:#7b1111}
@media(max-width:700px){
  /* பாவம் table: short, proportional headings and no oversized empty columns. */
  #tamilHoroscopeResult .bhava-table,#englishHoroscopeResult .bhava-table{table-layout:fixed!important;width:100%!important;min-width:0!important}
  #tamilHoroscopeResult .bhava-table th,#englishHoroscopeResult .bhava-table th{font-size:0!important;padding:5px 2px!important;white-space:normal!important;line-height:1.05!important}
  #tamilHoroscopeResult .bhava-table th:nth-child(1),#englishHoroscopeResult .bhava-table th:nth-child(1){width:8%!important}
  #tamilHoroscopeResult .bhava-table th:nth-child(2),#englishHoroscopeResult .bhava-table th:nth-child(2){width:18%!important}
  #tamilHoroscopeResult .bhava-table th:nth-child(3),#englishHoroscopeResult .bhava-table th:nth-child(3){width:23%!important}
  #tamilHoroscopeResult .bhava-table th:nth-child(4),#englishHoroscopeResult .bhava-table th:nth-child(4){width:18%!important}
  #tamilHoroscopeResult .bhava-table th:nth-child(5),#englishHoroscopeResult .bhava-table th:nth-child(5){width:15%!important}
  #tamilHoroscopeResult .bhava-table th:nth-child(6),#englishHoroscopeResult .bhava-table th:nth-child(6){width:18%!important}
  #tamilHoroscopeResult .bhava-table th:nth-child(1)::after{content:'பாவம்';font-size:10px}
  #tamilHoroscopeResult .bhava-table th:nth-child(2)::after{content:'ஆரம்பம்';font-size:10px}
  #tamilHoroscopeResult .bhava-table th:nth-child(3)::after{content:'ஸ்புடம்';font-size:10px}
  #tamilHoroscopeResult .bhava-table th:nth-child(4)::after{content:'முடிவு';font-size:10px}
  #tamilHoroscopeResult .bhava-table th:nth-child(5)::after{content:'ராசி';font-size:10px}
  #tamilHoroscopeResult .bhava-table th:nth-child(6)::after{content:'கிரகங்கள்';font-size:10px}
  #tamilHoroscopeResult.english-horoscope .bhava-table th:nth-child(1)::after{content:'பாவம்';font-size:10px}
  #tamilHoroscopeResult.english-horoscope .bhava-table th:nth-child(2)::after{content:'Start';font-size:10px}
  #tamilHoroscopeResult.english-horoscope .bhava-table th:nth-child(3)::after{content:'Middle';font-size:10px}
  #tamilHoroscopeResult.english-horoscope .bhava-table th:nth-child(4)::after{content:'End';font-size:10px}
  #tamilHoroscopeResult.english-horoscope .bhava-table th:nth-child(5)::after{content:'ராசி';font-size:10px}
  #tamilHoroscopeResult.english-horoscope .bhava-table th:nth-child(6)::after{content:'Planets';font-size:10px}
  /* V29: English பாவ கட்டம் headers must remain visible in #englishHoroscopeResult. */
  #englishHoroscopeResult .bhava-table th{color:inherit!important;font-size:10px!important;line-height:1.15!important;visibility:visible!important;opacity:1!important}
  #englishHoroscopeResult .bhava-table th:nth-child(1)::after{content:'House';font-size:10px}
  #englishHoroscopeResult .bhava-table th:nth-child(2)::after{content:'Start';font-size:10px}
  #englishHoroscopeResult .bhava-table th:nth-child(3)::after{content:'Middle';font-size:10px}
  #englishHoroscopeResult .bhava-table th:nth-child(4)::after{content:'End';font-size:10px}
  #englishHoroscopeResult .bhava-table th:nth-child(5)::after{content:'ராசி';font-size:10px}
  #englishHoroscopeResult .bhava-table th:nth-child(6)::after{content:'Planets';font-size:10px}

  #tamilHoroscopeResult .bhava-table td,#englishHoroscopeResult .bhava-table td{padding:5px 2px!important;font-size:10px!important;line-height:1.15!important;word-break:break-word!important;overflow-wrap:anywhere!important}

  /* V28: English நவாம்சம் Positions — fit all columns inside mobile width. */
  #tamilHoroscopeResult .navamsa-table,#englishHoroscopeResult .navamsa-table{
    min-width:0!important;width:100%!important;table-layout:fixed!important
  }
  #tamilHoroscopeResult .navamsa-table th,#tamilHoroscopeResult .navamsa-table td,
  #englishHoroscopeResult .navamsa-table th,#englishHoroscopeResult .navamsa-table td{
    padding:6px 3px!important;font-size:10px!important;line-height:1.15!important;
    white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important
  }
  #tamilHoroscopeResult .navamsa-table th:nth-child(1),#tamilHoroscopeResult .navamsa-table td:nth-child(1),
  #englishHoroscopeResult .navamsa-table th:nth-child(1),#englishHoroscopeResult .navamsa-table td:nth-child(1){width:18%!important}
  #tamilHoroscopeResult .navamsa-table th:nth-child(2),#tamilHoroscopeResult .navamsa-table td:nth-child(2),
  #englishHoroscopeResult .navamsa-table th:nth-child(2),#englishHoroscopeResult .navamsa-table td:nth-child(2){width:20%!important}
  #tamilHoroscopeResult .navamsa-table th:nth-child(3),#tamilHoroscopeResult .navamsa-table td:nth-child(3),
  #englishHoroscopeResult .navamsa-table th:nth-child(3),#englishHoroscopeResult .navamsa-table td:nth-child(3){width:27%!important}
  #tamilHoroscopeResult .navamsa-table th:nth-child(4),#tamilHoroscopeResult .navamsa-table td:nth-child(4),
  #englishHoroscopeResult .navamsa-table th:nth-child(4),#englishHoroscopeResult .navamsa-table td:nth-child(4){width:17%!important}
  #tamilHoroscopeResult .navamsa-table th:nth-child(5),#tamilHoroscopeResult .navamsa-table td:nth-child(5),
  #englishHoroscopeResult .navamsa-table th:nth-child(5),#englishHoroscopeResult .navamsa-table td:nth-child(5){width:18%!important}

  /* Every Vimshottari sub-table: Mahadasha/Bhukti context is the title, not a long column heading. */
  #tamilHoroscopeResult .dasha-antara-title,#englishHoroscopeResult .dasha-antara-title{font-size:14px!important;margin:5px 0 5px!important}
  #tamilHoroscopeResult .dasha-subtable,#englishHoroscopeResult .dasha-subtable{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:11px!important}
  #tamilHoroscopeResult .dasha-subtable th,#englishHoroscopeResult .dasha-subtable th{padding:5px 3px!important;font-size:10px!important;line-height:1.05!important;white-space:nowrap!important}
  #tamilHoroscopeResult .dasha-subtable td,#englishHoroscopeResult .dasha-subtable td{padding:5px 3px!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important}
  #tamilHoroscopeResult .dasha-subtable th:nth-child(1),#englishHoroscopeResult .dasha-subtable th:nth-child(1),#tamilHoroscopeResult .dasha-subtable td:nth-child(1),#englishHoroscopeResult .dasha-subtable td:nth-child(1){width:38%!important}
  #tamilHoroscopeResult .dasha-subtable th:nth-child(2),#englishHoroscopeResult .dasha-subtable th:nth-child(2),#tamilHoroscopeResult .dasha-subtable td:nth-child(2){width:31%!important}
  #tamilHoroscopeResult .dasha-subtable th:nth-child(3),#englishHoroscopeResult .dasha-subtable th:nth-child(3),#tamilHoroscopeResult .dasha-subtable td:nth-child(3){width:31%!important}
}

/* SMV_V12_FINAL_FONT_AND_ZODIAC_FIREWALL */

/* ---------- ADMIN EARNINGS: final, highest-priority sizing ---------- */
#adminEarningsHistory{
  font-size:13px !important;
  line-height:1.5 !important;
}
#adminEarningsHistory .smv-admin-earn-row{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* Amount / status = 15px bold */
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-amount,
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-amount *,
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-amount b,
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-amount .success{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* ID / metadata = 11px */
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-meta,
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-meta *,
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-meta b{
  font-size:11px !important;
  line-height:1.35 !important;
}
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-meta{
  font-weight:400 !important;
}
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-meta b{
  font-weight:700 !important;
}

/* Normal content = 13px */
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-content,
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-content *{
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

/* Date / time = 12px; label bold, date normal */
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-date,
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-date *{
  font-size:12px !important;
  line-height:1.35 !important;
}
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-date{
  font-weight:400 !important;
}
#adminEarningsHistory .smv-admin-earn-row .smv-admin-earn-date b{
  font-weight:700 !important;
}

/* The explanatory paragraph above the history = 13px */
#adminEarningsHistory + *{font-size:inherit !important;}

/* ---------- Remove the old 1.12em scaling only where it can
   affect the Admin dashboard. Do NOT touch global answer/payment
   areas outside #admin. ---------- */
#admin *{
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

/* Desktop: keep the wheel centered within the actual section,
   not the left edge of the page/container. */
@media (min-width:701px){
}

/* Mobile */
@media (max-width:700px){
}

/* smv-v32-advanced-layout-fix */

.advanced-astro-grid{width:100%;max-width:100%;box-sizing:border-box}.adv-section{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.adv-table-wrap,.adv-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.adv-wide{width:100%;min-width:720px;table-layout:auto}.adv-wide th,.adv-wide td{white-space:nowrap}.transit-panchang-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px;align-items:start}.transit-panchang-grid>.card{min-width:0;width:100%;box-sizing:border-box}.transit-panchang-grid .adv-table-wrap{overflow-x:auto}.sbc-wrap{width:100%;overflow-x:auto}.sbc-grid-full{width:100%;min-width:760px;max-width:100%;margin:0 auto;aspect-ratio:1/1}.sbc-cell{min-width:0;overflow:hidden;text-overflow:ellipsis}.kota-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kota-source-grid>div{min-width:0}.advanced-astro-grid .adv-detail-grid{width:100%;box-sizing:border-box}@media(max-width:900px){.transit-panchang-grid{grid-template-columns:1fr!important}.adv-wide{min-width:820px}.sbc-grid-full{min-width:720px}.sbc-edge-wrap{width:790px!important;min-width:790px!important}.sbc-edge-east{right:2px!important}.sbc-edge-west{left:2px!important}.kota-source-grid{grid-template-columns:1fr}}

/* smv-start-build-red-html-design */

/* =========================================================
   SMV ASTRO — START BUILD DESIGN
   NORMAL HTML / CLEAN RED THEME
   DESIGN ONLY — application logic intentionally untouched
   ========================================================= */
:root{
  --primary:#8b0000!important;
  --primary2:#b22222!important;
  --gold:#8b0000!important;
  --maroon:#8b0000!important;
  --text:#222!important;
  --muted:#666!important;
  --line:#d9d9d9!important;
  --bg:#fff!important;
  --card:#fff!important;
  --success:#287a3e!important;
  --danger:#a00000!important;
}

html,body{background:#fff!important;color:#222!important;}
body{font-family:Arial,Helvetica,sans-serif!important;line-height:1.5!important;font-weight:400!important;}

h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif!important;color:#8b0000!important;font-weight:700!important;}
p,li,dd,dt,label,legend,small{font-family:Arial,Helvetica,sans-serif!important;color:#444!important;font-weight:400!important;}

/* Main layout */
main,section,article,.container,#home,#faq,#contact,#content,#about,#dashboard,#admin,#dashboardContent,#adminContent{background:#fff!important;}

/* Header / navigation */
header,nav,.navbar,.topbar{background:#8b0000!important;color:#fff!important;border-color:#8b0000!important;box-shadow:none!important;}
header a,nav a,.navbar a,.topbar a{color:#fff!important;}

/* Hero */
.hero{background:#fff!important;box-shadow:none!important;}
.hero h1,.hero h2{color:#8b0000!important;text-shadow:none!important;}
.hero p{color:#444!important;}
.hero .badge{background:#fff!important;color:#8b0000!important;border:1px solid #8b0000!important;box-shadow:none!important;}

/* Buttons */
.btn{background:#8b0000!important;color:#fff!important;border:1px solid #8b0000!important;border-radius:6px!important;box-shadow:none!important;text-shadow:none!important;}
.btn:hover{background:#b22222!important;color:#fff!important;border-color:#b22222!important;box-shadow:none!important;}
.btn:active{background:#700000!important;border-color:#700000!important;}
.btn.active{background:#8b0000!important;color:#fff!important;border-color:#8b0000!important;box-shadow:none!important;}
.btn.danger,.smv-dialog-actions .btn.danger{background:#a00000!important;border-color:#a00000!important;color:#fff!important;}

/* Forms */
input,textarea,select{background:#fff!important;color:#222!important;border:1px solid #cfcfcf!important;border-radius:6px!important;box-shadow:none!important;}
input:focus,textarea:focus,select:focus{border-color:#8b0000!important;outline:2px solid rgba(139,0,0,.10)!important;box-shadow:none!important;}
input::placeholder,textarea::placeholder{color:#888!important;}
.auth-field-label,label{color:#444!important;}

/* Authentication */
.auth-shell,.auth-hero{background:#fff!important;}
.auth-hero h2{color:#8b0000!important;}
.auth-tabs .btn{background:#fff!important;color:#8b0000!important;border-color:#8b0000!important;}
.auth-tabs .btn.active{background:#8b0000!important;color:#fff!important;border-color:#8b0000!important;box-shadow:none!important;}

/* Password eye */
.password-toggle{background:transparent!important;color:#000!important;border:0!important;box-shadow:none!important;}
.password-toggle:hover{background:transparent!important;}
.password-toggle:focus-visible{outline:2px solid #8b0000!important;outline-offset:2px;}
.password-toggle svg{width:18px;height:18px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.password-toggle svg circle{fill:#000;stroke:#000;}

/* Modal / dialog */
.modalbox,.smv-dialog{background:#fff!important;color:#222!important;border:1px solid #ddd!important;border-radius:8px!important;box-shadow:0 10px 35px rgba(0,0,0,.18)!important;}
.smv-dialog h3{color:#8b0000!important;}
.smv-dialog-backdrop{background:rgba(0,0,0,.55)!important;backdrop-filter:none!important;}

/* Tables */
table{background:#fff!important;border-color:#ddd!important;}
th{background:#8b0000!important;color:#fff!important;border-color:#8b0000!important;}
td{background:#fff!important;color:#222!important;border-color:#ddd!important;}

/* Links */
a{color:#8b0000;}
a:hover{color:#b22222;}

/* Status */
.timeline{background:#fff!important;border:1px solid #ddd!important;}
.timeline-step{background:#f5f5f5!important;color:#666!important;}
.timeline-step.done{background:#eef7f0!important;color:#287a3e!important;}

/* Profile */
.profile-dialog{background:#fff!important;}
.profile-dialog .profile-photo{border-color:#8b0000!important;box-shadow:none!important;}
.profile-dialog .profile-title,.profile-dialog .profile-reviews-title{color:#8b0000!important;}

/* Mobile: keep the existing responsive structure, only simplify appearance */
@media(max-width:520px){
  .btn{min-height:44px;}
  input,textarea,select{min-height:46px;}
}

/* smv-v36-final-layout */

.advanced-astro-grid,.adv-section,.adv-table-wrap,.data-table-wrap{width:100%!important;max-width:100%!important;box-sizing:border-box}.adv-table-wrap{overflow-x:auto;overflow-y:hidden}.adv-wide{width:max-content;min-width:100%}.transit-panchang-grid{width:100%!important;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr)!important}.transit-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.transit-planet{min-height:0!important;padding:6px!important}.panchang-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.kota-summary-grid,.kota-zones-grid,.kota-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.kota-summary-grid>div,.kota-zones-grid>div,.kota-path-grid>div{border:1px solid #e1d4bd;border-radius:8px;padding:8px;background:#fffaf0;min-width:0;display:grid;gap:3px}.kota-path-grid{grid-template-columns:1fr 1fr}.sbc-cell em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.05}.sbc-cell .sbc-main{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.south-rasi-cell .rasi-status-marker{margin:0!important;padding:0!important;display:inline-block!important}.south-rasi-cell .planet-line .rasi-status-marker + .rasi-status-marker{margin-left:-2px!important}@media(min-width:901px){.horoscope-result{width:100%!important;max-width:100%!important}.data-table-wrap{width:100%!important}.birth-panchang-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:900px){.transit-panchang-grid{grid-template-columns:1fr!important}.transit-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kota-summary-grid,.kota-zones-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.adv-wide{min-width:720px!important}.transit-compact-grid,.panchang-compact-grid{grid-template-columns:1fr 1fr!important}.sbc-grid-full{min-width:720px!important}.sbc-cell .sbc-planet-row{display:block!important;white-space:nowrap!important;word-spacing:0!important;letter-spacing:0!important}.sbc-edge-wrap{width:790px!important;min-width:790px!important}.south-rasi-cell .rasi-status-marker{margin-left:0!important;margin-right:0!important}.south-rasi-cell .planet-line .rasi-status-marker + .rasi-status-marker{margin-left:-3px!important}.kota-summary-grid,.kota-zones-grid,.kota-path-grid{grid-template-columns:1fr 1fr}}

/* smv-v11-restored-clean-design */

/* V11: restore cleaned horoscope presentation without changing calculation logic */
.advanced-astro-grid{width:100%;max-width:100%;overflow:visible!important;display:block!important}
.adv-section{width:100%!important;box-sizing:border-box!important;margin:16px 0!important;padding:14px!important;border:1px solid #d8c7a7!important;border-radius:14px!important;background:#fffdf8!important;overflow:visible!important}
.adv-section h3,.adv-section h4{margin:0 0 12px!important}
.adv-table-wrap,.adv-scroll{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}
.adv-wide{border-collapse:collapse!important;min-width:900px!important;width:max-content!important;table-layout:auto!important}
.adv-wide th,.adv-wide td{border:1px solid #e1d4bd!important;padding:8px 10px!important;text-align:center!important;white-space:nowrap!important;vertical-align:middle!important}
.adv-wide thead th{background:#fff3d5!important;color:var(--maroon,#7a2a1c)!important}
.phase4-dasa-slot{content-visibility:visible!important;contain:none!important;margin-top:16px!important}
.phase4-dasa-module{margin:16px 0!important;padding:14px!important;border:1px solid #d8c7a7!important;border-radius:14px!important;background:#fffdf8!important}
.phase4-dasa-module h4{color:var(--maroon,#7a2a1c)!important;margin:0 0 10px!important}
.phase4-dasa-module .adv-table-wrap{border:1px solid #d9c39a!important;border-radius:10px!important;background:#fffdf8!important}
.phase4-dasa-module .adv-wide{min-width:760px!important;width:100%!important;table-layout:fixed!important}
.phase4-dasa-module .adv-wide th,.phase4-dasa-module .adv-wide td{white-space:normal!important;overflow-wrap:anywhere!important}
.phase4-dasa-module .adv-wide th{background:#f4e7cc!important;font-weight:900!important}
.phase4-dasa-module .adv-wide td{background:#fffdf8!important}
@media(max-width:700px){.adv-section{margin:12px 0!important;padding:10px!important}.phase4-dasa-module{padding:10px!important}.phase4-dasa-module .adv-wide{min-width:680px!important}.adv-wide th,.adv-wide td{padding:7px 8px!important;font-size:13px!important}}

.bhava-special-features{margin-top:16px!important}
.bhava-special-features .bhava-special-table{min-width:0!important;width:100%!important;table-layout:fixed!important}
.bhava-special-features .bhava-special-table th,.bhava-special-features .bhava-special-table td{white-space:normal!important;overflow-wrap:anywhere!important}
.bhava-special-features .bhava-special-table th:first-child{font-weight:900!important;width:42%!important}
.bhava-special-features .bhava-special-table th:nth-child(2),.bhava-special-features .bhava-special-table td:nth-child(2){width:58%!important}

/* smv-advanced-five-part-layout */

.smv-advanced-shell{margin-top:18px}
.smv-advanced-title{margin:20px 0 14px;padding:12px 16px;border-radius:14px;background:#fff3d5;border:2px solid #c59b4a;text-align:center}
.smv-advanced-title h2{margin:0;color:#8b0000;font-weight:900;letter-spacing:.8px}
.smv-advanced-part{display:block;margin:16px 0 22px;padding:12px;border:2px solid #d8c7a7;border-radius:16px;background:#fffdf8}
.smv-advanced-part-title{margin:-12px -12px 14px;padding:11px 14px;border-radius:14px 14px 0 0;background:#fff3d5;border-bottom:2px solid #d8c7a7}
.smv-advanced-part-title h3{margin:0;color:#8b0000;font-weight:900;text-align:left}
.smv-advanced-part>.adv-section{margin:14px 0}
.smv-advanced-part-ready>.adv-section{display:block!important;visibility:visible!important;opacity:1!important}
.smv-advanced-part-ready>.adv-section h3,.smv-advanced-part-ready>.adv-section h4{display:block!important;visibility:visible!important}
.smv-advanced-subtitle{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:#fffaf0;color:#7a2a1c;font-weight:800}
.smv-advanced-part>.adv-section:last-child{margin-bottom:0}
.special-lagnas-moved>#specialLagnasNextToNavamsa{display:block}
@media(max-width:700px){.smv-advanced-part{padding:9px;margin:12px 0 18px}.smv-advanced-part-title{margin:-9px -9px 10px;padding:10px 11px}.smv-advanced-part-title h3{font-size:17px}.smv-advanced-title h2{font-size:20px}}

/* smv-final-horoscope-overrides */

/* Final requested horoscope presentation */
#tamilHoroscopeResult .south-rasi-cell .planet-glyph .rasi-degree,
#englishHoroscopeResult .south-rasi-cell .planet-glyph .rasi-degree{font-weight:900!important;color:#7c3aed!important;}
#tamilHoroscopeResult #rasiChart .rasi-degree, #englishHoroscopeResult #rasiChart .rasi-degree{font-weight:900!important;color:#7c3aed!important;}
#tamilHoroscopeResult .status-combust, #englishHoroscopeResult .status-combust{font-weight:900!important;color:#62b7e8!important;margin:0!important;padding:0!important;}
#tamilHoroscopeResult .status-retro, #englishHoroscopeResult .status-retro{font-weight:900!important;color:#f28a35!important;margin:0!important;padding:0!important;}
#tamilHoroscopeResult .south-rasi-cell .lagna, #englishHoroscopeResult .south-rasi-cell .lagna{font-size:inherit!important;}
.birth-panchang-before-rasi{margin-top:18px;}

/* smv-advanced-five-parts-final-fix */

/* Five-part Advanced Analysis: one clear container per part. */
.smv-advanced-title h2{font-size:clamp(20px,4.5vw,30px)!important}
.smv-advanced-part{overflow:visible!important}
.smv-advanced-part>.adv-section{overflow:visible!important}
.smv-advanced-part .adv-table-wrap{overflow-x:auto!important;overflow-y:visible!important;width:100%!important;max-width:100%!important}
/* பாவம் Special Features must always show both columns on mobile. */
.bhava-special-features .adv-table-wrap{overflow-x:visible!important}
.bhava-special-features .bhava-special-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
.bhava-special-features .bhava-special-table th,
.bhava-special-features .bhava-special-table td{box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;position:static!important;}
.bhava-special-features .bhava-special-table thead th:first-child,
.bhava-special-features .bhava-special-table tbody th{width:42%!important;background:#fff3d5!important;color:#7a2a1c!important;font-weight:900!important}
.bhava-special-features .bhava-special-table thead th:nth-child(2),
.bhava-special-features .bhava-special-table tbody td{width:58%!important;background:#fffdf8!important;color:#222!important;font-weight:700!important}
.bhava-special-features .bhava-special-table tbody tr:nth-child(even) td{background:#fffaf0!important}
/* Part-1 tables should be readable without creating a hidden second column. */
.part1-natural-karakas .adv-wide,.part1-chara-karakas .adv-wide,.part1-baadhaka .adv-wide,.part1-house-classification .adv-wide{min-width:0!important;width:100%!important;table-layout:fixed!important}
.part1-natural-karakas .adv-wide th,.part1-natural-karakas .adv-wide td,
.part1-chara-karakas .adv-wide th,.part1-chara-karakas .adv-wide td,
.part1-baadhaka .adv-wide th,.part1-baadhaka .adv-wide td,
.part1-house-classification .adv-wide th,.part1-house-classification .adv-wide td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:700px){
  .smv-advanced-part{padding:10px!important}
  .smv-advanced-part-title{margin:-10px -10px 12px!important;padding:10px 12px!important}
  .bhava-special-features .bhava-special-table th,.bhava-special-features .bhava-special-table td{font-size:13px!important;padding:9px 7px!important;line-height:1.3!important}
  .part1-natural-karakas .adv-wide th,.part1-natural-karakas .adv-wide td,
  .part1-chara-karakas .adv-wide th,.part1-chara-karakas .adv-wide td,
  .part1-baadhaka .adv-wide th,.part1-baadhaka .adv-wide td,
  .part1-house-classification .adv-wide th,.part1-house-classification .adv-wide td{font-size:12px!important;padding:7px 5px!important}
}

/* smv-dashboard-content-meta-hierarchy-final */

/* =========================================================
   SMV FINAL CONTENT / META HIERARCHY ONLY
   Font weight + size only.
   NO color declarations. NO layout changes. NO JS changes.
   ========================================================= */
@media (max-width:760px){

  /* ---------- CUSTOMER / ASTROLOGER SUMMARY CONTENT ---------- */
  #dashboardContent .astro-dashboard-summary .card p,
  #dashboardContent .astro-dashboard-summary .card .small,
  #dashboardContent .astro-dashboard-summary .card .empty{
    font-weight:400!important;
  }

  /* Labels inside metadata remain bold; their values stay normal. */
  #dashboardContent .astro-dashboard-summary .card p b,
  #dashboardContent .astro-dashboard-summary .card p strong,
  #dashboardContent .astro-dashboard-summary .card .small b,
  #dashboardContent .astro-dashboard-summary .card .small strong{
    font-weight:700!important;
  }

  /* கேள்வி / answer body text: readable normal weight. */
  #dashboardContent #astroAnsweredBox .astro-answer-item > h3,
  #dashboardContent #astroAnsweredBox .astro-answer-item > div[style*="white-space:pre-wrap"],
  #dashboardContent #astroQuestionQueue .astro-question-item > h3{
    font-weight:500!important;
  }

  #dashboardContent #astroAnsweredBox .astro-answer-item .small,
  #dashboardContent #astroQuestionQueue .astro-question-item .small{
    font-weight:400!important;
  }

  #dashboardContent #astroAnsweredBox .astro-answer-item .small b,
  #dashboardContent #astroQuestionQueue .astro-question-item .small b{
    font-weight:700!important;
  }

  /* Existing semantic label/value spans: label bold, value normal. */
  #dashboardContent .answer-meta-label,
  #dashboardContent .withdrawal-meta-label,
  #dashboardContent .smv-meta-label{
    font-weight:700!important;
  }
  #dashboardContent .answer-meta-value,
  #dashboardContent .withdrawal-meta-value,
  #dashboardContent .smv-meta-value{
    font-weight:400!important;
  }

  /* ---------- NOTIFICATIONS ---------- */
  #dashboardContent #userNotifications,
  #dashboardContent #astroNotifications,
  #dashboardContent #astrologerNotifications{
    font-weight:400!important;
  }

  /* Notification title is the only prominent notification text. */
  #dashboardContent #userNotifications .smv-notification-title,
  #dashboardContent #astroNotifications .smv-notification-title,
  #dashboardContent #astrologerNotifications .smv-notification-title,
  #dashboardContent #userNotifications .smv-notification-title b,
  #dashboardContent #astroNotifications .smv-notification-title b,
  #dashboardContent #astrologerNotifications .smv-notification-title b{
    font-weight:700!important;
  }

  /* Notification message is normal weight. */
  #dashboardContent #userNotifications .smv-notification-content,
  #dashboardContent #astroNotifications .smv-notification-content,
  #dashboardContent #astrologerNotifications .smv-notification-content,
  #dashboardContent #userNotifications .smv-notification-content b,
  #dashboardContent #astroNotifications .smv-notification-content b,
  #dashboardContent #astrologerNotifications .smv-notification-content b{
    font-weight:400!important;
  }

  /* Notification meta: label bold, date/value normal. */
  #dashboardContent #userNotifications .smv-notification-meta,
  #dashboardContent #astroNotifications .smv-notification-meta,
  #dashboardContent #astrologerNotifications .smv-notification-meta{
    font-weight:400!important;
  }
  #dashboardContent #userNotifications .smv-notification-meta b,
  #dashboardContent #astroNotifications .smv-notification-meta b,
  #dashboardContent #astrologerNotifications .smv-notification-meta b{
    font-weight:700!important;
  }
  #dashboardContent #userNotifications .notification-red-value,
  #dashboardContent #astroNotifications .notification-red-value,
  #dashboardContent #astrologerNotifications .notification-red-value{
    font-weight:400!important;
  }

  /* ---------- EARNINGS / HISTORY META ---------- */
  #dashboardContent .smv-history-detail,
  #dashboardContent .smv-history-content{
    font-weight:400!important;
  }
  #dashboardContent .smv-history-detail b{
    font-weight:700!important;
  }

  /* Keep section headings and badges prominent; this patch does not flatten them. */
  #dashboardContent .card > h3,
  #dashboardContent .customer-consultations-title,
  #dashboardContent .withdrawal-history-title,
  #dashboardContent .badge{
    font-weight:800!important;
  }
}

/* smv-astrologer-dashboard-sections-final-typography */

/* =========================================================
   ASTROLOGER DASHBOARD — FINAL SECTION TYPOGRAPHY ONLY
   Reference: compact/professional Admin dashboard density.
   Scope: Earnings History, Withdrawal History, My Questions,
          Total Earnings, Public கேள்வி Inbox, Payment Method.
   NO color declarations. NO layout changes. NO JS/data/functionality changes.
   Mobile only, preserving existing desktop presentation.
   ========================================================= */
@media (max-width:760px){

  /* ---------- SECTION HEADINGS ---------- */
  #dashboardContent .astro-dashboard-summary > .card:nth-child(2) > h3, /* My Questions */
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3) > h3, /* Total Earnings */
  #dashboardContent .astro-dashboard-summary + .card > h3,              /* Public கேள்வி Inbox */
  #dashboardContent .card:has(> .smv-history-row) > h3,                 /* Earnings History */
  #dashboardContent .card:has(#changePayoutBtn2) > h3,                  /* Payment Method */
  #dashboardContent .withdrawal-history-title{                           /* Withdrawal History */
    font-size:18px!important;
    line-height:1.28!important;
    font-weight:800!important;
  }

  /* ---------- MY QUESTIONS ----------
     Label text is bold; the numeric/status value is normal. */
  #dashboardContent .astro-dashboard-summary > .card:nth-child(2) > p{
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:700!important;
  }
  #dashboardContent .astro-dashboard-summary > .card:nth-child(2) > p b,
  #dashboardContent .astro-dashboard-summary > .card:nth-child(2) > p strong{
    font-weight:400!important;
  }

  /* ---------- TOTAL EARNINGS ----------
     Labels bold, values normal. Main total remains prominent. */
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3) > p{
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:700!important;
  }
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3) > p b{
    font-weight:400!important;
  }
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3) > p[style*="font-size:28px"]{
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3) > p[style*="font-size:28px"] b{
    font-weight:700!important;
  }
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3) > p.small{
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:700!important;
  }
  #dashboardContent .astro-dashboard-summary > .card:nth-child(3) > p.small .small{
    font-weight:400!important;
  }

  /* ---------- PUBLIC QUESTION INBOX ----------
     Description normal; question itself normal; metadata labels bold,
     actual values normal. */
  #dashboardContent .astro-dashboard-summary + .card > p.small{
    font-size:12px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }
  #dashboardContent .astro-dashboard-summary + .card > .card > b{
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:500!important;
  }
  #dashboardContent .astro-dashboard-summary + .card > .card .small{
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:400!important;
  }
  #dashboardContent .astro-dashboard-summary + .card > .card .small b{
    font-weight:700!important;
  }

  /* ---------- EARNINGS HISTORY ----------
     Amount/content compact; metadata labels bold, values normal. */
  #dashboardContent .card:has(> .smv-history-row) .smv-history-row .smv-history-amount{
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:500!important;
  }
  #dashboardContent .card:has(> .smv-history-row) .smv-history-row .smv-history-amount b{
    font-weight:500!important;
  }
  #dashboardContent .card:has(> .smv-history-row) .smv-history-row .smv-history-content{
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:400!important;
  }
  #dashboardContent .card:has(> .smv-history-row) .smv-history-row .smv-history-detail{
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:400!important;
  }
  #dashboardContent .card:has(> .smv-history-row) .smv-history-row .smv-history-detail b{
    font-weight:700!important;
  }

  /* ---------- WITHDRAWAL HISTORY ---------- */
  #dashboardContent .withdrawal-history-section .smv-withdrawal-row .smv-history-amount{
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:500!important;
  }
  #dashboardContent .withdrawal-history-section .smv-withdrawal-row .smv-history-amount b{
    font-weight:500!important;
  }
  #dashboardContent .withdrawal-history-section .smv-withdrawal-row .smv-history-detail,
  #dashboardContent .withdrawal-history-section .smv-withdrawal-row .small{
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:400!important;
  }
  #dashboardContent .withdrawal-history-section .smv-withdrawal-row .smv-history-detail b,
  #dashboardContent .withdrawal-history-section .smv-withdrawal-row .small b{
    font-weight:700!important;
  }

  /* Existing semantic label/value classes: label bold, value normal. */
  #dashboardContent .withdrawal-history-section .withdrawal-meta-label,
  #dashboardContent .withdrawal-history-section .smv-meta-label{
    font-weight:700!important;
  }
  #dashboardContent .withdrawal-history-section .withdrawal-meta-value,
  #dashboardContent .withdrawal-history-section .smv-meta-value{
    font-weight:400!important;
  }

  /* ---------- PAYMENT METHOD ---------- */
  #dashboardContent .card:has(#changePayoutBtn2) > p.small{
    font-size:12px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }
  #dashboardContent .card:has(#changePayoutBtn2) > .btn{
    font-size:12px!important;
  }

  /* ---------- GENERAL ASTROLOGER SECTION CONTENT ---------- */
  #dashboardContent .astro-dashboard-summary > .card:not(.astro-profile-summary-card) > p,
  #dashboardContent .astro-dashboard-summary > .card:not(.astro-profile-summary-card) > .small{
    line-height:1.45!important;
  }
}

/* smv-final-admin-typography-hierarchy-v8 */

/* =========================================================
   FINAL ADMIN TYPOGRAPHY HIERARCHY — V8
   Requested:
   - Main "Admin Dashboard" = bright bold pink
   - All other Admin section headings = bold #FF0000
   - Admin content = clean hierarchy, not all-heavy
   - Notifications covered if/when rendered inside Admin
   - No layout/data/Firebase/payment/API changes
   ========================================================= */

/* MAIN ADMIN DASHBOARD HEADING ONLY */
#admin > .card:first-child h2,
#admin h2.admin-dashboard-title{
  color:#FF1493 !important;
  -webkit-text-fill-color:#FF1493 !important;
  font-size:24px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

/* ALL OTHER ADMIN SECTION HEADINGS */
#admin h3,
#admin h4,
#admin h5,
#admin h6,
#admin .section-title,
#admin .admin-section-title,
#admin .withdrawal-history-title{
  color:#FF0000 !important;
  -webkit-text-fill-color:#FF0000 !important;
  font-weight:800 !important;
}

#admin > .card > h3,
#admin > .card > div:first-child > div > h3,
#admin .admin-section-title,
#admin .withdrawal-history-title{
  font-size:18px !important;
  line-height:1.35 !important;
}

#admin > .card h4,
#admin > .card > div h4{
  font-size:16px !important;
  line-height:1.35 !important;
}

/* ADMIN BODY CONTENT — NORMAL, READABLE HIERARCHY */
#admin p,
#admin li,
#admin label,
#admin .small,
#admin .empty,
#admin .card p,
#admin .card li,
#admin .card label,
#admin .card span,
#admin .card div{
  font-weight:400 !important;
  line-height:1.5 !important;
}

#admin p,
#admin li,
#admin label,
#admin .card p,
#admin .card li,
#admin .card label{
  font-size:14px !important;
}

#admin .small,
#admin .empty{
  font-size:12.5px !important;
}

/* Keep the Admin intro sentence clearly secondary. */
#admin > .card:first-child p.small{
  font-size:12.5px !important;
  font-weight:400 !important;
}

/* Statistics: value remains visually important, label remains normal. */
#admin .stats-grid .stat{
  font-size:14px !important;
  font-weight:400 !important;
}
#admin .stats-grid .stat b,
#admin .stats-grid .stat strong{
  font-size:20px !important;
  font-weight:700 !important;
}

/* Action rows / controls */
#admin .action-row,
#admin input,
#admin select,
#admin textarea{
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}

#admin .btn{
  font-weight:700 !important;
}

/* Tables: compact metadata hierarchy */
#admin table{
  font-size:12.5px !important;
  line-height:1.4 !important;
}
#admin th{
  font-weight:700 !important;
}
#admin td{
  font-weight:400 !important;
}

/* Status / badge text stays visibly important without making every word heavy. */
#admin .badge,
#admin .success,
#admin .error,
#admin .danger{
  font-weight:700 !important;
}

/* Notification hierarchy, if an Admin notification container is rendered. */
#admin #adminNotifications,
#admin #adminNotification,
#admin .admin-notifications,
#admin .admin-notification{
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}
#admin #adminNotifications .smv-notification-title,
#admin #adminNotification .smv-notification-title,
#admin .admin-notifications .smv-notification-title,
#admin .admin-notification .smv-notification-title{
  font-size:14px !important;
  font-weight:700 !important;
}
#admin #adminNotifications .smv-notification-content,
#admin #adminNotification .smv-notification-content,
#admin .admin-notifications .smv-notification-content,
#admin .admin-notification .smv-notification-content{
  font-size:13px !important;
  font-weight:400 !important;
}
#admin #adminNotifications .smv-notification-meta,
#admin #adminNotification .smv-notification-meta,
#admin .admin-notifications .smv-notification-meta,
#admin .admin-notification .smv-notification-meta{
  font-size:11.5px !important;
  font-weight:400 !important;
}
#admin #adminNotifications .smv-notification-meta b,
#admin #adminNotification .smv-notification-meta b,
#admin .admin-notifications .smv-notification-meta b,
#admin .admin-notification .smv-notification-meta b{
  font-weight:700 !important;
}

/* IMPORTANT: preserve existing colours for Admin content/values.
   This patch changes Admin content typography only, except the requested headings. */

/* smv-final-astro-two-helper-text-normal-v1 */

/* Astrologer Dashboard — ONLY these two helper sentences become normal weight. */
#dashboardContent #astroQuestionQueue > p.small,
#dashboardContent #astroAnsweredBox > p.small{
  font-weight:400 !important;
}

/* smv-final-tamil-only-safety */

/* FINAL TAMIL-ONLY MODE: the public site and horoscope are Tamil only. */
html{lang:ta;}
#english-horoscope,#englishHoroscopeResult{display:none!important;visibility:hidden!important;}
#horoscope-tools .btn.gray,#horoscope-tools a[href="#english-horoscope"]{display:none!important;}

/* smv-asknow-center-only-fix */

/* Ask Now: keep the Tamil label exactly centered. No other site layout/features are changed. */
#askNowButton .asknow-label{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  text-align:center!important;
}

/* smv-tamil-asknow-label-clear-final */

/* Tamil Ask Now label clarity only — no other layout/features changed. */
#askNowButton .asknow-label{
  font-family:"Noto Sans Tamil",Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  line-height:1.35!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
@media(max-width:767px){
  #askNowButton .asknow-label{font-size:16px!important;line-height:1.35!important;}
}

/* smv-tamil-hero-h1-mobile-center-final */

/* Tamil Hero heading: mobile center alignment only. Desktop remains untouched. */
@media (max-width: 767px){
  #home.hero h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    box-sizing:border-box!important;
    padding-left:0!important;
    padding-right:0!important;
    text-wrap:balance!important;
  }
}


/* SMV 2026-09-13 — unified dashboard typography + refund presentation.
   Presentation only: no auth/payment/calculation/layout behaviour changed. */
#dashboardContent .smv-consultation-item,
#dashboardContent .smv-consultation-item .small,
#dashboardContent .smv-consultation-item .refund-summary,
#dashboardContent .smv-consultation-item .timeline-step{
  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}
#dashboardContent .smv-consultation-item b,
#dashboardContent .smv-consultation-item strong,
#dashboardContent .smv-consultation-item .smv-meta-label,
#dashboardContent .smv-consultation-item .smv-meta-value,
#dashboardContent .smv-consultation-item .refund-summary b{
  font-size:inherit !important;
  font-weight:400 !important;
}
#dashboardContent .smv-consultation-item .smv-question-text{
  display:block !important;
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  margin-bottom:4px !important;
}
#dashboardContent .smv-consultation-item .success,
#dashboardContent .smv-consultation-item .error{
  font-weight:500 !important;
}
@media (max-width:767px){
  #dashboardContent .smv-consultation-item,
  #dashboardContent .smv-consultation-item .small,
  #dashboardContent .smv-consultation-item .refund-summary,
  #dashboardContent .smv-consultation-item .timeline-step{
    font-size:14px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
  }
  #dashboardContent .smv-consultation-item .smv-meta-line,
  #dashboardContent .smv-consultation-item .smv-meta-label,
  #dashboardContent .smv-consultation-item .smv-meta-value{
    font-size:14px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
  }
}