/* Calculation details panel, guest kundli preview and the birth-form helpers
   (inline errors, date-aware offset label, seconds toggle). */

/* Calculation details */
.calc-details{border:1px solid #ffffff17;border-radius:12px;background:#ffffff05;padding:0 16px;font-size:13px;line-height:1.55;color:#d7d4ea;min-width:0}
.toolbar>.calc-details{flex:1 1 100%}
.calc-details>summary{cursor:pointer;padding:12px 0;color:#dfd5ff;font-size:13px;list-style-position:inside}
.calc-details>summary:focus-visible{outline:2px solid #ba9eff;outline-offset:2px;border-radius:6px}
.calc-details[open]{padding-bottom:14px}
.calc-details-intro{margin:0 0 12px;color:#9ea2c2;font-size:12px}
.calc-details dl{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 18px;margin:0}
.calc-details dt{color:#9ea2c2}
.calc-details dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
@media (max-width:560px){.calc-details dl{grid-template-columns:1fr}.calc-details dd{margin-bottom:6px}}

/* Hero call to action rendered as a link */
a.gold-button[data-kundli-cta]{display:inline-flex;align-items:center;justify-content:center;gap:.4em;text-decoration:none}

/* Birth form helpers */
#birth-form .field-error{margin:6px 0 0;color:#ffb4a2;font-size:13px;line-height:1.5}
#birth-form [aria-invalid=true]{border-color:#ffb4a2}
#birth-form .birth-seconds{margin:6px 0 0;font-size:12px}
#birth-form .birth-seconds input{width:auto;min-width:18px}
#birth-form .birth-offset-choice{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
#birth-form .birth-offset-choice p{flex:1 1 100%;margin:0}
#birth-form .birth-offset-choice button{font-size:12px}
#birth-form .birth-offset-choice button[aria-pressed=true]{outline:1px solid #ba9eff}
.city-results button .city-meta{display:block;color:#9ea2c2;font-size:var(--type-min);margin-top:2px}

/* Guest kundli preview */
#guest-preview-dialog{width:min(760px,calc(100% - 24px))}
#guest-preview-dialog .guest-preview-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;margin-top:12px}
#guest-preview-dialog .guest-chart{margin:0}
#guest-preview-dialog .guest-chart img{width:100%;background:#fbf6ed;border-radius:8px;display:block}
#guest-preview-dialog .guest-chart figcaption{font-size:12px;color:#9ea2c2;margin-top:6px;text-align:center}
#guest-preview-dialog .guest-facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;margin:0;font-size:14px}
#guest-preview-dialog .guest-facts dt{color:#9ea2c2}
#guest-preview-dialog .guest-facts dd{margin:0;color:#ece6ff}
#guest-preview-dialog .guest-note{font-size:12px;color:#9ea2c2;margin:14px 0 0}
#guest-preview-dialog .guest-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#guest-preview-dialog .guest-actions .button{flex:1 1 220px}
#guest-preview-dialog .guest-closed{margin-top:18px;padding:12px 14px;border:1px solid #ffffff17;border-radius:10px;font-size:13px}
#guest-preview-dialog .calc-details{margin-top:18px}
@media (max-width:640px){#guest-preview-dialog{padding:22px 18px}#guest-preview-dialog .guest-preview-body{grid-template-columns:1fr}}