/* Divsa Astro v0.19.66 — customer dashboard "Astrology" tab. Uses DIVSA Core's
   tokens so it sits in the dashboard like a native tab. */
.da-dash{--dd-ink:var(--tap-ink,#241233);--dd-muted:var(--tap-muted,#6f6275);--dd-line:var(--tap-line,#e4dbea);--dd-primary:var(--tap-primary,#5b168f);--dd-soft:var(--tap-primary-soft,#f3ecfb);--dd-card:var(--tap-card,#fff);color:var(--dd-ink);display:grid;gap:22px;min-width:0}
.da-dash *{box-sizing:border-box;min-width:0}
.da-dash-sec{display:grid;gap:12px}
.da-dash-h{margin:0;font-size:17px;line-height:1.3;font-weight:800;color:var(--dd-ink)}
.da-dash-loading{padding:28px 16px;text-align:center;color:var(--dd-muted);font-size:14px}
.da-dash-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--dd-line);background:var(--dd-card);color:var(--dd-primary);font:inherit;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none!important;cursor:pointer;text-align:center}
.da-dash-btn--primary{border-color:transparent;background:var(--tap-cta,#ff7a1a);color:#1b0d05}
.da-dash-btn:focus-visible{outline:2px solid var(--dd-primary);outline-offset:2px}
/* avatars */
.da-dash-av{position:relative;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:var(--dd-soft);display:grid;place-items:center;font-weight:800;color:var(--dd-primary)}
.da-dash-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.da-dash-av.is-online::after{content:"";position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#1f9d57;border:2px solid var(--dd-card)}
.da-dash-av--sm{flex-basis:40px;width:40px;height:40px;font-size:13px}
/* recommendations */
.da-dash-recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.da-dash-rec{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--dd-line);border-radius:16px;background:var(--dd-card)}
.da-dash-rec:not(:has(.da-dash-rec__img)){grid-template-columns:minmax(0,1fr)}
.da-dash-rec__img{display:block;align-self:start;width:96px;height:96px;border-radius:12px;overflow:hidden;background:var(--dd-soft)}
.da-dash-rec__img img{width:100%;height:100%;object-fit:cover;display:block}
.da-dash-rec__body{display:grid;gap:6px;align-content:start}
.da-dash-rec__by{font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#b3470a}
.da-dash-rec h4{margin:0;font-size:15px;line-height:1.35;font-weight:700;color:var(--dd-ink);overflow-wrap:anywhere}
.da-dash-rec p{margin:0;font-size:13px;line-height:1.45;color:var(--dd-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.da-dash-rec__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}
.da-dash-rec__foot b{font-size:16px;color:var(--dd-primary)}
.da-dash-rec small{font-size:12px;color:var(--dd-muted)}
/* astrologers */
.da-dash-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.da-dash-person{display:grid;gap:12px;padding:14px;border:1px solid var(--dd-line);border-radius:16px;background:var(--dd-card)}
.da-dash-person__top{display:flex;align-items:center;gap:12px}
.da-dash-person__id{flex:1 1 auto;display:grid;gap:2px}
.da-dash-person__id strong{font-size:16px;line-height:1.25;color:var(--dd-ink)}
.da-dash-person__id small{font-size:13px;line-height:1.35;color:var(--dd-muted)}
.da-dash-pill{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:#f6eeee;color:#9a2b2b;font-size:12px;font-weight:700;line-height:1.3}
.da-dash-pill.is-online{background:#e8f6ee;color:#12643a}
.da-dash-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.da-dash-stats li{padding:10px 8px;border-radius:12px;background:var(--dd-soft);text-align:center;display:grid;gap:2px}
.da-dash-stats b{font-size:15px;line-height:1.2;color:var(--dd-ink)}
.da-dash-stats span{font-size:11.5px;color:var(--dd-muted)}
.da-dash-person__last{margin:0;font-size:13px;color:var(--dd-muted)}
.da-dash-person__recs{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.da-dash-person__recs span{flex:1 1 100%;font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#b3470a}
.da-dash-person__recs a,.da-dash-person__recs em{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--dd-line);background:#fff8f1;color:var(--dd-ink);font-size:13px;font-style:normal;line-height:1.3;text-decoration:none!important;overflow-wrap:anywhere}
/* chat history */
.da-dash-chats{display:grid;gap:8px}
.da-dash-chat{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border:1px solid var(--dd-line);border-radius:14px;background:var(--dd-card);color:var(--dd-ink);text-decoration:none!important}
.da-dash-chat__main{flex:1 1 auto;display:grid;gap:2px}
.da-dash-chat__main strong{font-size:15px;line-height:1.25}
.da-dash-chat__main small,.da-dash-chat__meta small{font-size:12.5px;color:var(--dd-muted)}
.da-dash-chat__meta{flex:0 0 auto;display:grid;gap:2px;text-align:right}
.da-dash-chat__meta b{font-size:14px}
.da-dash-chat__go{flex:0 0 auto;font-size:13px;font-weight:800;color:var(--dd-primary)}
/* empty + footer */
.da-dash-empty{display:grid;justify-items:center;gap:8px;padding:32px 16px;text-align:center;border:1px dashed var(--dd-line);border-radius:16px;background:var(--dd-card)}
.da-dash-empty__ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--dd-soft);color:var(--dd-primary)}
.da-dash-empty h3{margin:4px 0 0;font-size:17px;color:var(--dd-ink)}
.da-dash-empty p{margin:0 0 8px;font-size:14px;color:var(--dd-muted)}
.da-dash-foot{display:flex;justify-content:center}
@media (max-width:640px){
  .da-dash-foot .da-dash-btn{width:100%}
  .da-dash-rec{grid-template-columns:80px minmax(0,1fr)}
  .da-dash-rec__img{width:80px;height:80px}
  .da-dash-person .da-dash-btn{width:100%}
}

/* v0.19.67 — DIVSA Core resets padding and image height inside the dashboard
   panel; these restore the card spacing and keep buttons on one line. */
.da-dash .da-dash-rec{padding:12px!important}
.da-dash .da-dash-person{padding:14px!important}
.da-dash .da-dash-btn{padding:0 18px!important;white-space:nowrap}
.da-dash .da-dash-chat{padding:10px 12px!important}
.da-dash .da-dash-pill{padding:4px 10px!important}
.da-dash .da-dash-stats li{padding:10px 8px!important}
.da-dash .da-dash-person__recs a,.da-dash .da-dash-person__recs em{padding:4px 12px!important}
.da-dash .da-dash-empty{padding:32px 16px!important}
.da-dash .da-dash-loading{padding:28px 16px!important}
.da-dash .da-dash-rec__img img,.da-dash .da-dash-av img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.da-dash .da-dash-rec__foot{flex-wrap:wrap}
.da-dash .da-dash-rec__foot b{white-space:nowrap;font-size:15px}
.da-dash .da-dash-rec__foot .da-dash-btn{padding:0 14px!important}
/* v0.19.74: same button standard as DIVSA Core 30.32.32 - 44px, 14px/600,
   pill; primary saffron with dark ink, everything else white with a hairline. */
html body :is(.da-btn.da-btn.da-btn.da-btn,.da-dash-btn.da-dash-btn.da-dash-btn){min-height:44px!important;padding-top:0!important;padding-bottom:0!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;border-radius:999px!important;box-shadow:none!important}
html body .da-btn.da-btn.da-btn.da-btn:not(.da-btn-primary):not(.da-btn-status):not(:disabled),html body .da-dash-btn.da-dash-btn.da-dash-btn:not(.da-dash-btn--primary){background:#fff!important;border:1px solid #d8cbe0!important;color:#241233!important}
html body .da-btn-primary.da-btn.da-btn.da-btn,html body .da-dash-btn--primary.da-dash-btn.da-dash-btn{background:#ff7a1a!important;border:1px solid transparent!important;color:#241233!important}
/* v0.19.76: a scheduled chat that can be joined right now stands out. */
.da-dash .da-dash-chat--up.is-join{border-color:#ff7a1a!important;background:#fff7ef!important}
.da-dash .da-dash-chat--up.is-join .da-dash-chat__go{color:#b24a00;font-weight:700}