/* ARTIZS.SAY v0.5.37.16 — Readability + Dark Mode consistency
 * Goal: make secondary/supporting copy readable without making the UI feel crowded.
 * Light mode keeps the existing visual hierarchy; dark mode removes late-loaded white surfaces.
 */

/* ---------- Desktop readability ---------- */
@media (min-width:1200px){
  /* Left room directory */
  .room-copy strong{
    font-size:13px!important;
    line-height:1.22!important;
    font-weight:800!important;
  }
  .room-copy small{
    margin-top:3px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    opacity:.82!important;
  }

  /* Current room header */
  .room-meta-title-line h1{
    font-size:21px!important;
    line-height:1.15!important;
  }
  .room-meta-title-line #roomOnline{
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  .room-meta-copy p{
    margin-top:5px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  /* People / room info panel */
  .panel-header h2{font-size:17px!important;line-height:1.25!important}
  .panel-online-count{font-size:10.5px!important;line-height:1.3!important}
  .people-mini-name{font-size:9.5px!important;line-height:1.25!important}
  .people-expand{
    min-height:38px!important;
    padding:9px 11px!important;
    font-size:11px!important;
    line-height:1.3!important;
  }

  .room-info-head strong{
    font-size:13.5px!important;
    line-height:1.3!important;
  }
  .room-info-head span{
    font-size:10px!important;
    line-height:1.2!important;
    padding:5px 8px!important;
  }
  .room-info-card>p{
    margin:9px 0 14px!important;
    font-size:12.5px!important;
    line-height:1.62!important;
  }
  .room-topics-label{
    margin-bottom:9px!important;
    font-size:11.5px!important;
    line-height:1.3!important;
  }
  .room-tags button{
    padding:6px 9px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
  }

  /* New-member helper */
  .welcome-copy strong{
    font-size:14px!important;
    line-height:1.3!important;
  }
  .welcome-copy p{
    margin-top:6px!important;
    font-size:11.5px!important;
    line-height:1.52!important;
  }

  /* Conversation starter */
  .conversation-starter-head strong{
    font-size:14px!important;
    line-height:1.3!important;
  }
  .conversation-starter-head small{
    margin-top:3px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }
  .starter-options{
    gap:6px!important;
    margin-top:10px!important;
  }
  .starter-option{
    min-height:34px!important;
    padding:8px 10px!important;
    font-size:11.5px!important;
    line-height:1.3!important;
  }

  /* Supporting cards */
  .support-card-headline strong{font-size:14px!important;line-height:1.3!important}
  .support-card-rich-copy>p{font-size:11.5px!important;line-height:1.5!important}
  .support-card-cta{font-size:10.5px!important}
  .daily-topic-head strong{font-size:12.5px!important}
  .daily-topic-head small{font-size:10px!important}
  .daily-topic-card p{font-size:12.5px!important;line-height:1.55!important}
  .daily-topic-tag{font-size:11px!important}
}

/* ---------- Dark mode consistency ---------- */
html[data-theme="dark"] .chat-panel.say-view,
html[data-theme="dark"] .say-feed-view,
html[data-theme="dark"] .say-detail-view{
  background:#11161D!important;
  color:#E5E7EB!important;
}

html[data-theme="dark"] .say-feed-header h1,
html[data-theme="dark"] .say-feed-card h3,
html[data-theme="dark"] .say-topic-detail h1,
html[data-theme="dark"] .say-replies-head h2,
html[data-theme="dark"] .say-reply-head strong,
html[data-theme="dark"] .say-chat-card h3{
  color:#F3F4F6!important;
}

html[data-theme="dark"] .say-feed-header p,
html[data-theme="dark"] .say-feed-kicker,
html[data-theme="dark"] .say-feed-card-top,
html[data-theme="dark"] .say-feed-card p,
html[data-theme="dark"] .say-feed-card-foot,
html[data-theme="dark"] .say-detail-toolbar button,
html[data-theme="dark"] .say-topic-meta,
html[data-theme="dark"] .say-topic-body,
html[data-theme="dark"] .say-topic-author,
html[data-theme="dark"] .say-replies-head span,
html[data-theme="dark"] .say-reply p,
html[data-theme="dark"] .say-chat-kicker,
html[data-theme="dark"] .say-chat-meta,
html[data-theme="dark"] .say-loading,
html[data-theme="dark"] .say-empty{
  color:#AAB4C2!important;
}

html[data-theme="dark"] .say-feed-card,
html[data-theme="dark"] .say-topic-detail,
html[data-theme="dark"] .say-reply,
html[data-theme="dark"] .say-chat-card{
  background:#151B23!important;
  border-color:#29313C!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .say-feed-card:hover,
html[data-theme="dark"] .say-chat-card:hover{
  background:#18212B!important;
  border-color:#3A4757!important;
}
html[data-theme="dark"] .say-topic-author{border-top-color:#29313C!important}
html[data-theme="dark"] .say-topic-image{background:#0F141B!important}

html[data-theme="dark"] .say-filter-row button{
  background:#151B23!important;
  border-color:#29313C!important;
  color:#C7D0DB!important;
}
html[data-theme="dark"] .say-filter-row button:hover{background:#1A212B!important}
html[data-theme="dark"] .say-filter-row button.active{
  background:#E5E7EB!important;
  border-color:#E5E7EB!important;
  color:#111827!important;
}
html[data-theme="dark"] .say-category{
  background:#1B2633!important;
  color:#BFD7F5!important;
}
html[data-theme="dark"] .say-feed-card-foot .say-tag,
html[data-theme="dark"] .say-chat-meta .say-chat-tag{color:#93C5FD!important}
html[data-theme="dark"] .say-feed-card-foot .say-join,
html[data-theme="dark"] .say-chat-cta{color:#D6E7FA!important}

html[data-theme="dark"] .say-reply-form textarea,
html[data-theme="dark"] .say-create-modal input,
html[data-theme="dark"] .say-create-modal select,
html[data-theme="dark"] .say-create-modal textarea{
  background:#0F141B!important;
  border-color:#35404D!important;
  color:#F3F4F6!important;
}
html[data-theme="dark"] .say-reply-form textarea:focus,
html[data-theme="dark"] .say-create-modal input:focus,
html[data-theme="dark"] .say-create-modal select:focus,
html[data-theme="dark"] .say-create-modal textarea:focus{
  border-color:#64748B!important;
  box-shadow:0 0 0 3px rgba(100,116,139,.16)!important;
}

/* Right-side cards were being forced back to light surfaces by later legacy CSS. */
html[data-theme="dark"] .room-info-card{
  background:#151B23!important;
  border-color:#29313C!important;
}
html[data-theme="dark"] .room-info-head strong,
html[data-theme="dark"] .room-topics-label,
html[data-theme="dark"] .welcome-copy strong{
  color:#F3F4F6!important;
}
html[data-theme="dark"] .room-info-head span{
  background:#1E2631!important;
  color:#AAB4C2!important;
}
html[data-theme="dark"] .room-info-card>p,
html[data-theme="dark"] .welcome-copy p{
  color:#AAB4C2!important;
}
html[data-theme="dark"] .room-tags button{
  background:#151B23!important;
  border-color:#35404D!important;
  color:#C7D0DB!important;
}
html[data-theme="dark"] .room-tags button:hover,
html[data-theme="dark"] .room-tags button.active{
  background:#152A46!important;
  border-color:#315A8A!important;
  color:#93C5FD!important;
}
html[data-theme="dark"] .welcome-card{
  background:linear-gradient(135deg,#151B23 0%,#142033 100%)!important;
  border-color:#29313C!important;
}
html[data-theme="dark"] .conversation-starter-card{
  background:linear-gradient(145deg,#191722,#201A31)!important;
  border-color:#352B4A!important;
}
html[data-theme="dark"] .conversation-starter-head strong{color:#F2EFFA!important}
html[data-theme="dark"] .conversation-starter-head small{color:#B8AFCB!important}
html[data-theme="dark"] .starter-option{
  background:#15121F!important;
  border-color:#3B3150!important;
  color:#EEE9F8!important;
}
html[data-theme="dark"] .starter-option:hover{
  background:#1E1828!important;
  border-color:#5B477B!important;
}
html[data-theme="dark"] .support-card-rich{
  background:linear-gradient(145deg,#141B25,#151B2D)!important;
  border-color:#29374D!important;
}
html[data-theme="dark"] .support-card-headline strong{color:#F3F4F6!important}

/* v0.5.37.15 sets the member name to navy; restore contrast in dark mode. */
html[data-theme="dark"] .sidebar-footer .profile-copy strong{color:#F3F4F6!important}
html[data-theme="dark"] .sidebar-footer .profile-copy small{color:#AAB4C2!important}