/* Additive chat refinement. Load AFTER platform-v30.css. No layout grid overrides. */
.chat-workspace,.whistle-chat-view .sidebar {
  --cv-list:var(--surface-2);--cv-dialog:var(--surface);--cv-card:var(--surface);
  --cv-text:var(--ink);--cv-secondary:#52665e;--cv-muted:#5b6e66;
  --cv-border:var(--line);--cv-accent:#0b7565;
  --cv-soft:color-mix(in srgb,var(--teal) 10%,var(--surface));
}
html[data-theme="dark"] .chat-workspace,html[data-theme="dark"] .whistle-chat-view .sidebar {
  --cv-list:#0c1916;--cv-dialog:#081310;--cv-card:#10201c;
  --cv-text:#eef6f2;--cv-secondary:#aec7bc;--cv-muted:#93afa3;
  --cv-border:rgba(132,194,171,.17);--cv-accent:#5bd9bd;--cv-soft:#17362d;
}
.whistle-chat-view .sidebar nav section+section {margin-top:22px}
.whistle-chat-view .sidebar {background:var(--cv-list);border-color:var(--cv-border)}
.whistle-chat-view .sidebar nav section>p {font-size:11px;letter-spacing:.09em;color:var(--cv-muted)}
.whistle-chat-view .sidebar nav button {min-height:42px;font-weight:500}
.whistle-chat-view .sidebar nav button.active {background:var(--cv-soft);color:var(--cv-text);box-shadow:inset 2px 0 var(--cv-accent);font-weight:600}
.whistle-chat-view .sidebar nav button i,.whistle-chat-view .sidebar nav button .ui-icon {width:18px;height:18px}
.chat-workspace .chat-list-block {background:var(--cv-list)}
.chat-workspace .chat-dialog-block,.chat-workspace .chat-messages {background:var(--cv-dialog)}
.chat-workspace .chat-info-block {background:var(--cv-list)}
.chat-workspace .chat-item {grid-template-columns:36px minmax(0,1fr) auto;padding:9px 10px;gap:10px;border-radius:10px;color:var(--cv-text)}
.chat-workspace .chat-avatar {width:36px;height:36px;flex-shrink:0}
.chat-workspace .chat-item b {font-size:14px;font-weight:600}
.chat-workspace .chat-item small {font-size:12px;color:var(--cv-secondary)}
.chat-workspace .chat-item em {font-size:11px;color:var(--cv-muted)}
.chat-workspace .chat-item em i {background:var(--cv-accent);color:#081310;font-weight:700}
.chat-workspace .chat-item.active {background:var(--cv-soft);box-shadow:inset 2px 0 var(--cv-accent)}
.chat-workspace .chat-item:hover {background:color-mix(in srgb,var(--cv-accent) 6%,var(--cv-list))}
.chat-workspace .chat-item.active:hover {background:var(--cv-soft)}
.chat-workspace .chat-dialog-head {padding:12px 16px;border-color:var(--cv-border)}
.chat-workspace .chat-dialog-head h3 {font-size:22px;font-weight:700;line-height:1.25;color:var(--cv-text)}
.chat-workspace .chat-dialog-head small {font-size:12px;color:var(--cv-secondary)}
.chat-workspace .chat-dialog-head>div:last-child button {min-width:34px;min-height:34px;padding:6px 9px;border-color:transparent;background:transparent;color:var(--cv-secondary)}
.chat-workspace .chat-view-tabs button,.chat-workspace .chat-tabs button {font-size:12px;color:var(--cv-secondary)}
.chat-workspace .chat-view-tabs button.active,.chat-workspace .chat-tabs button.active {background:var(--cv-soft);color:var(--cv-accent)}
.chat-workspace .chat-message>div {border-radius:15px;border-color:var(--cv-border);background:var(--cv-card);padding:10px 12px;color:var(--cv-text)}
.chat-workspace .chat-message.own>div {background:var(--cv-soft);border-color:var(--cv-border)}
.chat-workspace .chat-message p {font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.chat-workspace .chat-message header small,.chat-workspace .chat-delivery {color:var(--cv-muted);font-size:11px}
.chat-workspace .chat-message-actions {gap:4px 8px;opacity:1;align-items:center}
.chat-workspace .chat-message-actions button,.chat-workspace .chat-message-more>summary {min-height:32px;padding:5px 7px;font-size:12px;line-height:1.4;color:var(--cv-secondary);border-radius:8px;cursor:pointer}
.chat-workspace .chat-message-actions button:hover,.chat-workspace .chat-message-more>summary:hover {background:var(--cv-soft);color:var(--cv-text)}
/* Native inline disclosure stays inside the scrolling bubble; no clipped floating menu. */
.chat-workspace .chat-message-more {flex-basis:100%;min-width:0}
.chat-workspace .chat-message-more:not([open]) {flex-basis:auto}
.chat-workspace .chat-message-more>summary {display:inline-flex;align-items:center;list-style:none}
.chat-workspace .chat-message-more>summary::-webkit-details-marker {display:none}
.chat-workspace .chat-message-more>summary svg {width:18px;height:18px}
.chat-workspace .chat-message-more-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2px;padding:6px;background:var(--cv-list);border:1px solid var(--cv-border);border-radius:10px;max-width:100%}
.chat-workspace .chat-message-more-list button {width:100%;text-align:start;white-space:normal}
.chat-workspace .chat-attachment {border-color:var(--cv-border);background:var(--cv-list);color:var(--cv-text);border-radius:10px}
.chat-workspace .chat-composer {padding:10px 12px;background:var(--cv-card);border-color:var(--cv-border);box-shadow:none}
.chat-workspace .chat-composer textarea {box-sizing:border-box;min-height:54px;max-height:160px;padding:11px 12px;border-color:var(--cv-border);border-radius:14px;background:var(--cv-dialog);color:var(--cv-text);line-height:1.5}
.chat-workspace .chat-draft {color:var(--cv-muted);font-size:11px}
.chat-workspace .chat-compose-tools {gap:4px;margin-top:6px;min-height:36px}
.chat-workspace .chat-compose-tools button {min-height:34px;color:var(--cv-secondary)}
.chat-workspace .chat-compose-tools .chat-send {min-height:38px;background:var(--cv-accent);color:#081310;font-weight:700;padding:8px 16px}
.chat-workspace .chat-compose-tools .chat-send:hover {filter:brightness(1.06)}
.chat-workspace .chat-compose-tools .recording {background:var(--danger);color:var(--surface)}
.chat-workspace :is(button,summary,textarea,input,select):focus-visible {outline:2px solid var(--cv-accent);outline-offset:2px}
.chat-workspace .chat-select:focus-visible {opacity:1}
html:not([data-theme="dark"]) .chat-workspace .chat-item em i,
html:not([data-theme="dark"]) .chat-workspace .chat-compose-tools .chat-send {color:#fff}
html[data-density="compact"] .chat-workspace .chat-item {padding:7px 9px}
html[data-density="compact"] .chat-workspace .chat-message>div {padding:8px 10px}
html[data-contrast="high"] .chat-workspace,html[data-contrast="high"] .whistle-chat-view .sidebar {--cv-border:var(--line);--cv-secondary:var(--muted);--cv-muted:var(--muted);--cv-accent:var(--teal)}
@media(max-width:640px) {
  .chat-workspace .chat-dialog-head {padding:10px}
  .chat-workspace .chat-dialog-head h3 {font-size:20px}
  .chat-workspace .chat-composer {padding:10px}
  .chat-workspace .chat-composer textarea {font-size:16px}
  .chat-workspace .chat-message-actions button,.chat-workspace .chat-message-more>summary {min-height:44px}
  .chat-workspace .chat-dialog-head>div:last-child button,.chat-workspace .chat-compose-tools button {min-height:44px;min-width:44px}
}