/* Cosmic Astro pilot UI — tokens come from zen-theme.css; never hard-code theme colors. */
.hdr{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--line,#dfe7e4);position:sticky;top:0;background:var(--surface,#fff);z-index:5}
.brand{font-weight:700;letter-spacing:.02em;text-decoration:none;color:var(--fg)}
.dev{display:flex;gap:.5rem;align-items:center}
.dev details{position:relative}.dev summary{cursor:pointer;list-style:none;padding:.3rem .6rem;border:1px solid var(--line,#dfe7e4);border-radius:.5rem}
.dev .menu{position:absolute;right:0;top:2.2rem;display:flex;flex-direction:column;min-width:14rem;background:var(--card-bg,#fff);border:1px solid var(--line,#dfe7e4);border-radius:.6rem;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.3rem}
.dev .menu a{padding:.45rem .7rem;text-decoration:none;color:var(--fg);border-radius:.4rem}.dev .menu a:hover{background:var(--faint,#eef4f2)}
.wrap{max-width:min(94vw,125ch);margin:0 auto;padding:1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}
.card{padding:1rem;border-radius:.8rem}
.snapshot{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.8rem}
.tile{display:block;text-decoration:none;color:inherit}
.snap-k{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal,#0a6e6a);font-weight:700}
.snap-v{margin-top:.2rem}
.muted{opacity:.7;font-size:.9rem}
label{display:block;margin:.4rem 0;font-size:.9rem}
input,select,textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--line,#dfe7e4);border-radius:.5rem;background:var(--surface,#fff);color:var(--fg);font:inherit}
.row{display:flex;gap:.6rem;flex-wrap:wrap}.row>*{flex:1}
.btn{padding:.5rem .9rem;border-radius:.6rem;border:1px solid var(--line,#dfe7e4);background:var(--surface,#fff);color:var(--fg);cursor:pointer;font:inherit}
.btn.primary{background:var(--teal,#0a6e6a);color:#fff;border-color:transparent}
.btn.big{font-size:1.1rem;padding:.9rem 1.2rem}
.btn.danger{border-color:#c0392b;color:#c0392b}
.turn{padding:.4rem .2rem;border-bottom:1px dashed var(--line,#dfe7e4)}.turn.user b{color:var(--teal,#0a6e6a)}.turn.metrics{font-size:.75rem}
.scroll{overflow-x:auto}table{border-collapse:collapse;font-size:.8rem}td,th{padding:.25rem .5rem;border-bottom:1px solid var(--line,#dfe7e4);text-align:left;white-space:nowrap}
.planets td{white-space:nowrap}
.status{font-size:.9rem;padding:.4rem .6rem;border-radius:.5rem;background:var(--faint,#eef4f2)}
.transcript{max-height:22rem;overflow:auto}
.chip{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:var(--faint,#eef4f2);font-size:.75rem;margin-right:.3rem}
.people{list-style:none;padding:0;margin:0}.people li{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px dashed var(--line,#dfe7e4)}
.hidden{display:none}
.pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .6rem}
.pill{padding:.45rem .8rem;border-radius:999px;border:1px solid var(--line,#dfe7e4);background:var(--surface,#fff);color:var(--fg);cursor:pointer;font:inherit;font-size:.9rem}
.pill.on{background:var(--teal,#0a6e6a);color:#fff;border-color:transparent}.pill.on .muted{color:#fff;opacity:.8}
.reading{white-space:pre-wrap;line-height:1.55}
