/* Bar pages (/b/<slug>) and the bar admin page. Colors and type come from the tokens in /styles.css. */
.kicker{margin:0 0 2px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}
.kicker:empty{display:none}
.bar-head h1{overflow-wrap:anywhere}
.lang-field{flex:none;min-width:0;width:130px}
.lang-field select{padding:6px 8px;font-size:.88rem}
#barStatus:empty{display:none}

/* the bar's own stories */
.house-stories{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:14px 16px;display:grid;gap:10px}
.house-stories h2{font-size:1.15rem;margin:0;color:var(--accent)}
.hs h3{font-family:var(--display);font-weight:700;font-size:1rem;margin:0 0 2px}
.hs p{margin:0;font-size:.95rem;line-height:1.55}
.story.house{border-left-color:var(--accent)}
.story.house p{font-style:italic}

/* admin */
.admin .panel h2{font-size:1.15rem;margin:0}
.admin input[type=text],.admin input[type=url],.admin input[type=password]{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--input-line);border-radius:6px;padding:8px 10px;width:100%;min-width:0}
.admin .langs{display:flex;flex-wrap:wrap;gap:6px}
.admin .langs label{display:inline-flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0;font-size:.88rem;color:var(--ink);font-weight:400;border:1px solid var(--line);border-radius:999px;padding:4px 10px;cursor:pointer}
.admin .story-row{border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:8px}
.admin .story-row .row{justify-content:space-between}
.admin .result{border:1px solid var(--accent);border-radius:10px;padding:12px 14px;display:grid;gap:8px;background:var(--surface)}
.admin .result a{color:var(--accent);font-weight:600;overflow-wrap:anywhere}
.admin .preview{display:grid;gap:10px}
.admin .stats{font-size:.88rem;color:var(--muted)}
.admin .stats b{color:var(--ink)}
.admin .bars{display:flex;flex-wrap:wrap;gap:6px}
.admin #stories{display:grid;gap:10px}