/* THE OOC DASH (client/js/ui/ooc.js, 2026-10-30): the quick pool and the
   adverts. The advert card and its banner are the Chronicle's own
   (chronicles.css: .chron-card, .chron-card-banner, .chron-banner-preview). */
.ooc-ticks { display: flex; flex-wrap: wrap; gap: 0.35rem 0.8rem; margin: 0.2rem 0 0.5rem; }
.ooc-tick { display: inline-flex; align-items: center; gap: 0.3rem; font-size: var(--fs-small); color: var(--text-secondary); cursor: pointer; }
.ooc-input {
  width: 100%; box-sizing: border-box; padding: 0.35rem 0.5rem; margin-bottom: 0.5rem;
  background: var(--bg-surface); border: 1px solid var(--gild-faint); border-radius: 4px;
  color: var(--text-primary); font-family: inherit; font-size: var(--fs-text);
}
textarea.ooc-input { resize: vertical; }
.ooc-label { display: block; font-size: var(--fs-fine); color: var(--text-muted); }
.ooc-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0.3rem 0 0.6rem; }
.ooc-pool { display: flex; flex-direction: column; gap: 0.45rem; }
.ooc-pool-row { border-top: 1px solid var(--gild-faint); padding-top: 0.45rem; }
.ooc-pool-top, .ooc-ad-by, .ooc-reply-top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem; }
.ooc-where, .ooc-days { font-size: var(--fs-fine); color: var(--text-muted); }
.ooc-chip {
  display: inline-block; margin: 0.15rem 0.25rem 0.15rem 0; padding: 0.05rem 0.45rem;
  border: 1px solid var(--gild-faint); border-radius: 999px; font-size: var(--fs-fine); color: var(--accent-gold);
}
.ooc-note, .ooc-reply-text, .ooc-ad-body { font-size: var(--fs-small); color: var(--text-secondary); white-space: pre-line; overflow-wrap: anywhere; }
.ooc-who { background: none; border: none; padding: 0; color: var(--text-primary); font: inherit; font-weight: 600; cursor: pointer; }
.ooc-who:hover { color: var(--accent-gold); }
.ooc-who-plain { color: var(--text-primary); font-weight: 600; }
.ooc-advert { margin-bottom: 0.7rem; }
.ooc-ad-title { font-family: var(--font-display); font-weight: 700; color: var(--text-primary); font-size: var(--fs-text); overflow-wrap: anywhere; }
.ooc-ad-body { margin: 0.4rem 0; }
.ooc-replies { display: flex; flex-direction: column; gap: 0.4rem; margin-top: 0.4rem; }
.ooc-reply { border-left: 2px solid var(--gild-faint); padding-left: 0.5rem; }
.ooc-x { background: none; border: none; color: var(--text-muted); cursor: pointer; font-size: var(--fs-fine); padding: 0; }
.ooc-x:hover { color: var(--text-danger); }
.ooc-reply-box { display: flex; gap: 0.4rem; align-items: flex-start; margin-top: 0.5rem; }
.ooc-reply-box .ooc-input { margin-bottom: 0; }
.ooc-halls { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 0.3rem; }
.ooc-hall {
  display: inline-block; padding: 0.1rem 0.5rem; border-radius: 4px; font-size: var(--fs-fine);
  border: 1px solid var(--gild-faint); color: var(--text-secondary); background: none; font-family: inherit;
}
button.ooc-hall.is-open { cursor: pointer; color: var(--accent-gold); border-color: var(--accent-gold); }
button.ooc-hall.is-open:hover { color: var(--text-primary); }
.ooc-chip.is-lang { color: var(--text-secondary); }