/* here-notes.css — the spine, and notes that read as record rather than speech.
   Ported from glass/rooms.html. Pairs with here-notes.js; load after here-chat.css. */
.here-chat .spine{display:flex;align-items:center;gap:8px;width:100%;background:none;
  border:0;color:var(--soft);font:inherit;font-size:11.5px;text-align:left;
  cursor:pointer;padding:3px 0;margin:2px 0;
  transition:transform .12s var(--smooth)}
.here-chat .spine .ln{flex:1;height:1px;background:rgba(255,255,255,.10)}
.here-chat .spine .lbl{flex:none;letter-spacing:.02em;transition:color .12s var(--smooth)}
.here-chat .spine .cv{flex:none;font-size:9px;transition:transform .18s var(--smooth)}
.here-chat .spine:hover .lbl{color:var(--dim)}
.here-chat .spine:active{transform:scale(.99)}
.here-chat .spine.open .cv{transform:rotate(90deg)}

/* folded away until asked for — never removed, never denied */
.here-chat .msgrow.note{display:none}
.here-chat .msgrow.note.show{display:flex;animation:none}

/* an open note is a RECORD: no bubble, no tail, no side. It did not speak. */
.here-chat .msgrow.note .bub{background:none!important;border:0;border-radius:0;
  border-left:2px solid rgba(255,255,255,.14);padding:1px 0 1px 9px;
  color:var(--dim);font-size:13.5px;max-width:none}
.here-chat .msgrow.note .bub::before{content:none}
.here-chat .msgrow.note .who{color:var(--soft)}

/* DAYLIGHT IS ONE SWITCH, NOT FIVE OPINIONS.
   These rules used to fire on @media (prefers-color-scheme:light) alone, while the
   package's master light sheet (here-chat-light.css) ships media="not all" by the
   standing decision of 2026-07-31 — "daylight is an explicit act, never the OS's
   choice". So a member on a light-mode OS got THIS object turned to paper inside a
   room that stayed night, with the package's light-on-dark text still on it.
   Measured 2026-08-24 on /rooms at 1280x800: the note spine and its rule took light values on a dark ground.

   Gated on the explicit pick instead, which is the door the page's own comment
   already names. Nothing is deleted: when [data-theme=light] is wired, every one of
   these comes on together with the master sheet, which is the only way a theme has
   ever worked. */
[data-theme=light] .here-chat .spine .ln{background:rgba(0,0,0,.12)}
[data-theme=light] .here-chat .msgrow.note .bub{border-left-color:rgba(0,0,0,.16)}
@media (prefers-reduced-motion:reduce){
  .here-chat .spine,.here-chat .spine .cv{transition-duration:.01ms}
}