/* Birth-chart input states only. Result-page presentation remains in chart-experience.css. */
.chart-form [hidden] { display: none !important; }
.chart-place { position: relative; }
.chart-place .input-icon input { padding-right: 42px; padding-left: 12px; }
.chart-place .input-icon > img { position: absolute; z-index: 2; top: 14px; right: 12px; width: 18px; height: 18px; object-fit: contain; }
.chart-place.has-selection .input-icon::after { position: absolute; top: 13px; right: 13px; width: 19px; height: 19px; border: 1px solid var(--gold-dark); border-radius: 50%; color: var(--gold-dark); content: "\2713"; font-size: 11px; line-height: 17px; text-align: center; }
.chart-place.has-selection .input-icon > img { display: none; }
.place-spinner { position: absolute; top: 14px; right: 13px; width: 18px; height: 18px; border: 1px solid rgba(23,18,38,.24); border-top-color: var(--terracotta); border-radius: 50%; animation: zodiaro-spin 700ms linear infinite; }
.place-options { position: absolute; z-index: 40; top: calc(100% - .85rem); right: 0; left: 0; max-height: 260px; overflow-y: auto; border: 1px solid rgba(23,18,38,.18); background: var(--paper); box-shadow: 0 18px 45px rgba(23,18,38,.15); }
.place-options button { display: grid; width: 100%; padding: .78rem .9rem; border: 0; border-bottom: 1px solid rgba(23,18,38,.09); background: transparent; color: var(--ink); text-align: left; }
.place-options button:last-child { border-bottom: 0; }
.place-options button:hover, .place-options button.is-active { background: rgba(184,139,69,.12); }
.place-options button span { font-size: .74rem; font-weight: 700; }
.place-options button small { color: var(--muted); font-size: .6rem; letter-spacing: .04em; }
.place-options__empty { padding: .9rem; margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.5; }
.check-row--compact { margin: -3px 0 9px; }
.check-row--compact input { width: 14px; height: 14px; }
.compact-fieldset.is-disabled { opacity: .45; }
.chart-submit { position: relative; overflow: hidden; }
.chart-submit.is-loading .button__arrow { width: 15px; height: 15px; border: 1px solid currentColor; border-top-color: transparent; border-radius: 50%; font-size: 0; animation: zodiaro-spin 700ms linear infinite; }
.chart-submit:disabled { cursor: wait; opacity: .75; transform: none; }
.chart-form__status { min-height: 1.15rem; margin: .55rem 0 0; color: var(--muted); font-size: .62rem; line-height: 1.45; text-align: center; }
.chart-form__status.is-error { color: #8e2d23; }
.chart-form__status.is-success { color: #466038; }
.chart-form--mockup .chart-form__status { min-height: 0; margin-top: .4rem; }
@keyframes zodiaro-spin { to { transform: rotate(360deg); } }
@media (max-width: 560px) { .chart-form--mockup .check-row--compact { margin-top: .1rem; } }