/* v3 — brief-specific elements in v4 heritage style */

/* --- sub-tabs (gold border segmented) --- */
.hp .vtabs{display:flex;border-bottom:2px solid var(--gold);background:var(--cream);flex:none;padding:0;overflow:hidden;}
.hp .vtabs div{flex:none;padding:10px 14px;font-size:13.5px;color:var(--sand);border-bottom:2.5px solid transparent;white-space:nowrap;font-weight:500;}
.hp .vtabs div.on{color:var(--primary);border-bottom-color:var(--saffron);font-weight:700;}

/* --- planet table rows --- */
.hp .ptr{display:flex;align-items:center;padding:11px 18px;border-bottom:1.4px dashed #e0cda1;}
.hp .ptr:last-child{border-bottom:none;}
.hp .ptr .c1{width:115px;font-size:13px;color:var(--sand);flex:none;}
.hp .ptr .c2{flex:1;font-size:14px;font-weight:600;color:var(--ink);}
.hp .ptr .c3{width:48px;font-size:13px;color:var(--sand);text-align:center;flex:none;}
.hp .ptr .c4{width:44px;font-size:13px;color:var(--sand);text-align:right;flex:none;}
.hp .ptr.head{padding:8px 18px;background:var(--cream-d);border-bottom:1.4px dashed #e0cda1;}
.hp .ptr.head span{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--sand);font-weight:600;}

/* --- dasha bars --- */
.hp .dbar{height:32px;border-radius:8px;display:flex;align-items:center;padding:0 13px;font-size:13px;font-weight:500;background:var(--cream-d);color:var(--sand);border:1px solid transparent;}
.hp .dbar.cur{background:linear-gradient(180deg,#e07614,#b85a04);color:#fff;font-weight:600;border-color:var(--gold-l);box-shadow:0 2px 6px rgba(184,90,4,.22);}

/* --- progress track --- */
.hp .ptrack{height:9px;border-radius:5px;background:var(--cream-d);overflow:hidden;position:relative;border:1px solid rgba(191,152,47,.35);}
.hp .ptrack .fill{height:100%;background:var(--primary);border-radius:5px;opacity:.85;}
.hp .ptrack .now{position:absolute;top:0;height:100%;width:3px;background:var(--saffron);border-radius:2px;}

/* --- accordion / settings rows --- */
.hp .arow{padding:13px 18px;border-bottom:1.4px dashed #e0cda1;display:flex;align-items:center;justify-content:space-between;}
.hp .srow{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1.4px dashed #e0cda1;font-size:15px;}

/* --- bottom sheet --- */
.hp .vscrim{position:absolute;inset:0;background:rgba(44,28,18,.48);z-index:8;}
.hp .vsheet{position:absolute;bottom:0;left:0;right:0;background:var(--cream);border-radius:18px 18px 0 0;border-top:2px solid var(--gold);padding:14px 0 30px;z-index:9;box-shadow:0 -10px 36px rgba(44,28,18,.22);}
.hp .vsheet .handle{width:40px;height:4px;border-radius:3px;background:var(--gold);margin:0 auto 14px;opacity:.65;}
.hp .vsheet .opt{padding:14px 22px;font-size:15px;color:var(--ink);border-bottom:1.4px dashed #e0cda1;display:flex;align-items:baseline;gap:8px;}
.hp .vsheet .opt:last-child{border-bottom:none;}

/* --- report cards (heritage) --- */
.hp .rcard{border:1.5px solid var(--gold);border-radius:14px;overflow:hidden;background:var(--cream);box-shadow:0 2px 6px rgba(94,23,23,.07);}
.hp .rcard .rpreview{height:72px;background:var(--cream-d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-bottom:1.4px dashed #e0cda1;}
.hp .rcard .rbody{padding:12px 15px 14px;display:flex;flex-direction:column;gap:4px;}

/* --- score ring (heritage) --- */
.hp .vring{width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;position:relative;background:var(--cream);}
.hp .vring::before{content:"";position:absolute;inset:-8px;border:1.5px dashed var(--gold);border-radius:50%;opacity:.7;}
.hp .vring .rr{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--saffron) calc(var(--pct)*1%),#e8d6ab 0);-webkit-mask:radial-gradient(circle,transparent 58%,#000 59.5%);mask:radial-gradient(circle,transparent 58%,#000 59.5%);}
.hp .vring .n{font-family:'Rozha One',serif;font-size:34px;color:var(--primary);line-height:1;}
.hp .vring .d{font-size:11.5px;color:var(--sand);margin-top:2px;}

/* --- blessing layer --- */
.hp .bless{text-align:center;padding:30px 26px;}
.hp .bless .l1{font-family:'Rozha One',serif;font-size:21px;line-height:2;color:var(--primary);}
.hp .bless .l2{margin-top:16px;font-size:14px;line-height:1.8;font-style:italic;color:var(--sand);}
.hp .bless .l3{margin-top:12px;font-size:12.5px;line-height:1.7;color:var(--sand);}

.hp .bstrip{background:var(--cream-d);padding:18px 20px;text-align:center;border-bottom:1.4px dashed #e0cda1;}
.hp .bstrip.btop{border-bottom:1.4px dashed #e0cda1;border-top:none;}
.hp .bstrip.bbot{border-bottom:none;border-top:1.4px dashed #e0cda1;}

/* --- input (heritage) --- */
.hp .vinp{border:1.5px solid var(--gold);border-radius:12px;padding:14px 16px;background:#fffaf0;width:100%;font-size:16px;color:var(--ink);font-family:'Mukta',sans-serif;}
.hp .vinp.focus{border-color:var(--saffron);box-shadow:0 0 0 1.5px var(--saffron);}

/* --- pill (heritage) --- */
.hp .vpill{padding:12px 18px;border:1.5px solid var(--gold);border-radius:30px;font-size:15px;color:var(--ink);background:var(--cream);text-align:center;font-weight:500;}
.hp .vpill.on{border-color:var(--saffron);background:#fdf4e3;color:var(--saffron);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--saffron);}

/* --- badge (heritage) --- */
.hp .vbadge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;white-space:nowrap;}
.hp .vbadge.warn{background:rgba(208,103,6,.14);color:#a34d06;}
.hp .vbadge.ok{background:rgba(58,125,84,.12);color:var(--green);}
.hp .vbadge.neutral{background:var(--cream-d);color:var(--sand);border:1px solid rgba(191,152,47,.3);}
.hp .vbadge.accent{background:rgba(208,103,6,.12);color:var(--saffron);}

/* --- kundli (heritage, hairline gold) --- */
.hp .vkundli{border:1.5px solid var(--gold);border-radius:12px;overflow:hidden;background:var(--cream);box-shadow:inset 0 0 0 3px rgba(248,239,218,.7),inset 0 0 0 4.5px rgba(191,152,47,.45);}
.hp .vkundli svg{display:block;width:100%;height:auto;}