/* Approved chats acceptance; all rules are confined to this page. */
body.precision.studio[data-page=chats]:not(.auth-required) {
  --canvas:#f7f6fa; --card:#fff; --raised:#f1eef7; --line:#e3dfeb;
  --ink:#22202c; --muted:#696575; --accent:#6844d9 !important; --accent-hover:#5836bd !important;
  --accent-soft:#eee8fc !important; --action-ink:#fff; --chart-secondary:#89909c;
  --chosen-color:#6844d9 !important; --chosen-ink:#fff !important; --chosen-hover:#5836bd !important; --chosen-hover-ink:#fff !important;
  --focus:#6844d9 !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.precision.studio.dark[data-page=chats]:not(.auth-required) {
  --canvas:#13131a; --card:#1c1c25; --raised:#252432; --line:#363442;
  --ink:#f4f1fa; --muted:#bbb5ca; --accent:#bda3ff !important; --accent-hover:#cfbcff !important;
  --accent-soft:#302542 !important; --action-ink:#20172f; --chart-secondary:#a4b7cc;
  --chosen-color:#bda3ff !important; --chosen-ink:#20172f !important; --chosen-hover:#cfbcff !important; --chosen-hover-ink:#20172f !important;
  --focus:#bda3ff !important;
}
body.precision.studio[data-page=chats]:not(.auth-required) :is(button,input,textarea,select,h1,h2,h3) {font-family:inherit}
body.precision.studio[data-page=chats]:not(.auth-required) .brand {gap:0;font-size:25px;letter-spacing:-1px}
body.precision.studio[data-page=chats]:not(.auth-required) .brand-mark {display:none}
body.precision.studio[data-page=chats]:not(.auth-required) .brand>span {text-transform:lowercase}
body.precision.studio[data-page=chats]:not(.auth-required) .brand b {text-transform:uppercase;color:var(--accent);font-weight:500}

body.precision.studio[data-page=chats]:not(.auth-required) {
  --ai:var(--accent); --ai-soft:var(--accent-soft); --soft:var(--raised);
}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-workspace,body.precision.studio[data-page=chats]:not(.auth-required) .chat-workspace.contact-collapsed {grid-template-columns:340px minmax(0,1fr); border-radius:0; border:0}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-list-head {padding:14px 14px 8px; border-bottom:1px solid var(--line)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-list-head .section-head {display:flex; gap:8px; margin:0; align-items:center}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-list-head h2 {font-size:17px; letter-spacing:-.4px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-list-head .badge {font-size:11px; color:var(--muted); background:var(--raised)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-list-head .chat-trash-button {min-height:28px; padding:3px 6px; margin-left:auto; font-size:12px; color:var(--muted)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-list-head input {height:38px; padding:8px 10px; margin:10px 0 6px; font-size:13px; border-radius:9px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-filters {gap:2px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-filters .segmented {border:0; background:var(--raised); border-radius:8px; padding:3px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-filters .segmented button {min-height:28px; padding:4px 6px; border:0; border-radius:6px; font-size:12px; color:var(--muted)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-filters .segmented button.active {color:var(--accent); background:var(--card); box-shadow:0 1px 3px #0001}
body.precision.studio[data-page=chats]:not(.auth-required) .person-main {padding:12px 38px 12px 12px}
body.precision.studio[data-page=chats]:not(.auth-required) .person-meta {gap:6px; flex-wrap:wrap}
body.precision.studio[data-page=chats]:not(.auth-required) .person-status.review {color:var(--accent)}
body.precision.studio[data-page=chats]:not(.auth-required) .person.selected {background:var(--accent-soft)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-list-empty {padding:20px 14px; color:var(--muted); line-height:1.6; font-size:13px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-list-empty p {margin:0 0 12px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-empty {align-items:center; justify-content:center; padding:28px; text-align:center; gap:12px; background:var(--canvas)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-empty h2 {font-size:20px; margin:0}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-empty p {margin:0; color:var(--muted); max-width:360px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head {padding:10px 18px; gap:8px; background:var(--card)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .identity {min-width:0}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .identity h3 {font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .identity small {font-size:11px; color:var(--muted)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head-actions {gap:4px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head-action {width:34px; min-height:34px; padding:6px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head-action span {display:none}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-mode {padding:3px; background:var(--raised); border-radius:9px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-mode button {min-height:30px; padding:4px 10px; font-size:12px; border-radius:6px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-mode button.active {background:var(--card); color:var(--accent); box-shadow:0 1px 3px #0001}
body.precision.studio[data-page=chats]:not(.auth-required) .contact-toggle {min-height:34px; padding:6px 9px; font-size:12px}
body.precision.studio[data-page=chats]:not(.auth-required) .messages {padding:16px 20px}
body.precision.studio[data-page=chats]:not(.auth-required) .message-row {margin-top:10px}
body.precision.studio[data-page=chats]:not(.auth-required) .message-row.grouped {margin-top:4px}
body.precision.studio[data-page=chats]:not(.auth-required) .bubble {line-height:1.5; font-size:16px; padding:10px 14px; border-color:color-mix(in srgb,var(--line) 60%,transparent); box-shadow:none}
body.precision.studio[data-page=chats]:not(.auth-required) .conversation-health {padding:8px 18px; background:var(--card); border-color:var(--line); font-size:12px}
body.precision.studio[data-page=chats]:not(.auth-required) .conversation-health.neutral {background:var(--card); border-color:var(--line)}
body.precision.studio[data-page=chats]:not(.auth-required) .conversation-health.neutral summary b {color:var(--muted); font-weight:500}
body.precision.studio[data-page=chats]:not(.auth-required) .conversation-health summary {gap:8px; min-height:24px}
body.precision.studio[data-page=chats]:not(.auth-required) .conversation-health .health-details {line-height:1.6}
body.precision.studio[data-page=chats]:not(.auth-required) .health-limits {color:var(--muted)}
body.precision.studio[data-page=chats]:not(.auth-required) .composer {padding:10px 18px 12px; background:var(--card)}
body.precision.studio[data-page=chats]:not(.auth-required) .composer-tabs {gap:4px; margin-bottom:6px}
body.precision.studio[data-page=chats]:not(.auth-required) .composer-tabs button {min-height:32px; padding:4px 10px; font-size:12px}
body.precision.studio[data-page=chats]:not(.auth-required) .draft.draft-empty {display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; max-height:none; flex:none; border:0; background:transparent; border-radius:0}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-empty>div {min-width:0; flex:1}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-empty b {font-size:12px; font-weight:600}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-empty p {margin:3px 0 0; font-size:12px; line-height:1.5}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-empty .button {flex:none; min-height:32px; font-size:12px; padding:5px 10px; white-space:normal}
body.precision.studio[data-page=chats]:not(.auth-required) .button.primary,body.precision.studio[data-page=chats]:not(.auth-required) .draft-actions .button.primary {background:var(--accent); border-color:var(--accent); color:var(--action-ink)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-quota-notice {display:flex; align-items:center; gap:12px; margin:8px 16px; padding:10px 12px; border-left:3px solid var(--amber); background:var(--card)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-quota-notice>span {flex:1; min-width:0}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-quota-notice strong {display:block; font-size:12px; font-weight:600}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-quota-notice small {display:block; margin-top:2px; font-size:12px; line-height:1.45; color:var(--muted)}
body.precision.studio[data-page=chats]:not(.auth-required) .quota-actions {display:flex; gap:4px; flex:none}
body.precision.studio[data-page=chats]:not(.auth-required) .quota-actions .button {min-height:32px; padding:5px 8px; font-size:12px}
@media(min-width:761px) and (max-width:1100px) {
body.precision.studio[data-page=chats]:not(.auth-required) :is(.chat-workspace,.chat-workspace.contact-collapsed) {grid-template-columns:240px minmax(0,1fr)}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head {display:flex; flex-wrap:wrap}
}
@media(max-width:760px) {
body.precision.studio[data-page=chats]:not(.auth-required) :is(.chat-workspace,.chat-workspace.contact-collapsed) {display:block}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head {display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:4px 6px; padding:6px 10px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head>.avatar {display:none}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .identity {grid-column:2; grid-row:1; padding-left:0}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .identity small {display:block; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .identity .auto-live-state {display:none}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .chat-info-button {grid-column:3; grid-row:1; justify-self:end}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .chat-mode {grid-column:1/3; grid-row:2; order:initial; flex-basis:auto; width:auto; margin:0}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-mode button {min-height:36px; min-width:0; padding:4px 8px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head-actions {grid-column:3; grid-row:2; margin:0; flex-wrap:nowrap; gap:0}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head-action {width:44px; min-height:44px; padding:10px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head-action span {display:none}
body.precision.studio[data-page=chats]:not(.auth-required) .messages {padding:12px}
body.precision.studio[data-page=chats]:not(.auth-required) .conversation-health {padding:6px 12px}
body.precision.studio[data-page=chats]:not(.auth-required) .composer {padding:6px 10px 8px}
body.precision.studio[data-page=chats]:not(.auth-required) .composer-tabs button {min-height:36px; padding:4px 8px}
body.precision.studio[data-page=chats]:not(.auth-required) .draft.draft-empty {flex-wrap:wrap; gap:6px; padding:8px 10px}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-empty>div {flex-basis:100%}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-empty .button {min-height:40px; margin-left:auto}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-quota-notice {margin:4px 8px; padding:7px 9px; gap:5px; flex-wrap:wrap}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-quota-notice>span {flex-basis:100%}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-quota-notice strong {display:none}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-quota-notice small {margin:0; font-size:11px; line-height:1.4}
body.precision.studio[data-page=chats]:not(.auth-required) .quota-actions {width:100%; justify-content:flex-end}
body.precision.studio[data-page=chats]:not(.auth-required) .quota-actions .button {min-height:36px; min-width:0; padding:4px 8px; font-size:11px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-filters .segmented button {min-height:36px; min-width:0}
}

body.precision.studio[data-page=chats]:not(.auth-required) #app {padding:0}
body.precision.studio[data-page=chats]:not(.auth-required) .conversation-health:not([open]) {padding-top:4px; padding-bottom:4px}

/* Readable transcript and one consistent response area. */
body.precision.studio[data-page=chats]:not(.auth-required) .message-lane,
body.precision.studio[data-page=chats]:not(.auth-required) .composer-inner {width:min(100%,900px); max-width:900px}
body.precision.studio[data-page=chats]:not(.auth-required) .message-lane {min-height:100%; justify-content:flex-end}
body.precision.studio[data-page=chats]:not(.auth-required) .day {align-self:center; margin:18px 0 8px; padding:5px 12px; border-radius:20px; background:var(--card); color:var(--muted); font-size:12px; font-weight:500}
body.precision.studio[data-page=chats]:not(.auth-required) .bubble.out {background:color-mix(in srgb,var(--accent-soft) 65%,var(--card)); border-color:transparent}
body.precision.studio[data-page=chats]:not(.auth-required) .message-meta,
body.precision.studio[data-page=chats]:not(.auth-required) .message-meta :is(time,small) {font-size:11px; color:var(--muted)}
body.precision.studio[data-page=chats]:not(.auth-required) .person-copy b {font-size:15px; line-height:1.4}
body.precision.studio[data-page=chats]:not(.auth-required) .person-copy>p {font-size:13px; line-height:1.45; color:var(--muted)}
body.precision.studio[data-page=chats]:not(.auth-required) .person.selected {background:color-mix(in srgb,var(--accent-soft) 65%,var(--card))}
body.precision.studio[data-page=chats]:not(.auth-required) .person-status {font-size:11px; font-weight:500}
body.precision.studio[data-page=chats]:not(.auth-required) .person .auto-live-state {width:auto; padding:2px 7px; font-size:10px; border:0; background:transparent}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .identity h3 {font-size:17px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .identity small {font-size:12px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .auto-live-state {display:none}
body.precision.studio[data-page=chats]:not(.auth-required) .composer {flex:none; border-top:1px solid var(--line); padding-top:10px}
body.precision.studio[data-page=chats]:not(.auth-required) .composer-tabs button {font-size:13px; background:transparent}
body.precision.studio[data-page=chats]:not(.auth-required) .composer-tabs button.active {background:var(--accent-soft); color:var(--accent)}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-text,
body.precision.studio[data-page=chats]:not(.auth-required) .manual-compose textarea {font-size:16px; line-height:1.5}
body.precision.studio[data-page=chats]:not(.auth-required) .manual-compose textarea {min-height:76px; max-height:180px; border-radius:12px; background:var(--canvas); padding:12px}
body.precision.studio[data-page=chats]:not(.auth-required) .draft:not(.draft-empty) {border:0; background:var(--canvas); border-radius:12px; box-shadow:none}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-body {background:none; padding:10px 12px}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-rationale {border:0; background:transparent; padding:0; margin:0 0 8px; animation:none}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-actions {gap:6px; flex-wrap:wrap; background:transparent; padding:4px 12px 10px}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-actions .button {font-size:13px; min-height:36px}
body.precision.studio[data-page=chats]:not(.auth-required) .contact-head {padding:16px; gap:8px}
body.precision.studio[data-page=chats]:not(.auth-required) .contact-head-buttons {gap:0}
body.precision.studio[data-page=chats]:not(.auth-required) .contact-head .chat-back {display:none}
body.precision.studio[data-page=chats]:not(.auth-required) .contact-content {font-size:14px; line-height:1.55}
body.precision.studio[data-page=chats]:not(.auth-required) #sidebar nav a {gap:8px}
body.precision.studio[data-page=chats]:not(.auth-required) #sidebar nav a>span {min-width:0; flex:1}
body.precision.studio[data-page=chats]:not(.auth-required) #sidebar nav a em.nav-auto-count {position:static; flex:none; width:auto; padding:0 4px; font-size:10px; letter-spacing:0; white-space:nowrap}
@media(max-width:760px) {
body.precision.studio[data-page=chats]:not(.auth-required) .bubble {font-size:15px}
body.precision.studio[data-page=chats]:not(.auth-required) .contact-head .chat-back {display:inline-grid}
body.precision.studio[data-page=chats]:not(.auth-required) .draft.draft-empty {padding:6px 0}
}

/* Reserve space for context instead of covering the response controls. */
@media(min-width:1121px) {
body.precision.studio[data-page=chats]:not(.auth-required) .chat-workspace[data-pane=contact] {grid-template-columns:340px minmax(0,1fr) 320px}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-workspace[data-pane=contact]>.contact {position:static; inset:auto; width:auto; grid-column:3; border-radius:0; box-shadow:none; z-index:auto}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head-actions {flex-wrap:wrap; justify-content:flex-end}
}
@media(min-width:761px) and (max-width:1120px) {
body.precision.studio[data-page=chats]:not(.auth-required) .chat-workspace[data-pane=contact]>.chat {display:none}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-workspace[data-pane=contact]>.contact {position:static; inset:auto; width:auto; grid-column:2; border-radius:0; box-shadow:none}
}
body.precision.studio[data-page=chats]:not(.auth-required) .draft:not(.draft-empty) .draft-body {padding:6px 10px}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-rationale summary {padding:4px 0}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-actions {padding:4px 10px 8px}

body.precision.studio[data-page=chats]:not(.auth-required) .draft-body {display:flex; flex-direction:column; min-height:64px}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-body>* {flex-shrink:0}
body.precision.studio[data-page=chats]:not(.auth-required) .draft-text {order:-1; margin:0 0 6px}
@media(min-width:761px) {
body.precision.studio[data-page=chats]:not(.auth-required) .composer {max-height:min(280px,42dvh)}
}

@media(min-width:1121px) and (max-width:1350px) {
body.precision.studio[data-page=chats]:not(.auth-required) .chat-workspace[data-pane=contact] {grid-template-columns:240px minmax(0,1fr) 280px}
}
@media(min-width:761px) {
body.precision.studio[data-page=chats]:not(.auth-required) .contact-head .chat-back {display:none!important}
}