.ai-runtime-note { color: var(--muted); font-size: .88rem; max-width: 74ch; margin: 0 0 1.75rem; }
.ai-settings-form { padding: 1.5rem 0 2rem; border-bottom: 1px solid var(--line); max-width: 880px; }
.ai-settings-form h2 { margin: 0 0 .75rem; }
.ai-settings-form label, .ai-composer label { display: grid; gap: .6rem; margin: 1rem 0; }
.ai-settings-form textarea, .ai-settings-form input, .ai-composer textarea { width: 100%; box-sizing: border-box; }
.ai-form-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.ai-empty { max-width: 880px; text-align: left; }
.ai-empty p { max-width: 66ch; }
.ai-chat-layout { display: grid; grid-template-columns: minmax(220px, 24%) minmax(300px, 1fr) minmax(260px, 27%); border: 1px solid var(--line); border-radius: 14px; background: var(--surface); min-height: 0; flex: 1; isolation: isolate; }
.ai-inbox-pane, .ai-context-pane, .ai-thread { min-width: 0; min-height: 0; }
.ai-inbox-pane { border-right: 1px solid var(--line); display: flex; flex-direction: column; container-type: size; }
.ai-dialog-list { padding: .35rem; flex: 1; min-height: 0; overflow-y: auto; }
.ai-dialog-item { width: 100%; border: 0; background: transparent; text-align: left; padding: 1rem; border-radius: 9px; color: var(--text); cursor: pointer; font: inherit; }
.ai-dialog-item:hover, .ai-dialog-item[aria-current=true] { background: var(--gold-wash); color: var(--accent); }
.ai-thread { display: flex; flex-direction: column; padding: 0; background: var(--canvas); position: relative; }
.ai-thread > h2, .ai-thread > p { margin: 2rem; }
.ai-thread-head { display: flex; align-items: center; gap: .75rem; padding: 1rem 1.2rem; background: var(--surface); border-bottom: 1px solid var(--line); flex-shrink: 0; }
.ai-thread-title { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.ai-thread-title h2 { font-size: 1rem; }
.ai-thread-title p { color: var(--muted); font-size: .75rem; }
.ai-contact-avatar { width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background: var(--subtle); color: var(--accent); font-size: .75rem; font-weight: 700; }
.ai-thread-head h2 { margin: 0 0 .5rem; }
.ai-thread-head p { margin: 0 0 .5rem; }
.ai-thread-head small { color: var(--muted); }
.ai-message-list { display: flex; flex-direction: column; gap: .65rem; flex: 1; min-height: 0; overflow: auto; padding: 1rem; position: relative; overscroll-behavior: contain; overflow-anchor: none; }
.ai-message { max-width: min(85%, 65ch); padding: 1rem; border-radius: 12px; background: var(--subtle); overflow-wrap: anywhere; }
.ai-message.outgoing { align-self: flex-end; background: var(--gold-wash); }
.ai-message.incoming { background: var(--surface); }
.ai-message-list .ai-message { padding: .8rem 1rem; }
.ai-dialog-item .ai-dialog-copy > small:nth-child(2), .ai-dialog-item .ai-dialog-copy > small:nth-child(3) { display: inline; }
.ai-dialog-item .ai-dialog-copy > small:nth-child(2)::after { content: " · "; }
.ai-message header { display: flex; flex-wrap: wrap; gap: .75rem; font-size: .8rem; }
.ai-message time, .ai-message small { color: var(--muted); }
.ai-message p { white-space: pre-wrap; margin: .75rem 0; }
.ai-message p { font-family: Noah, system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-variant-emoji: emoji; }
.ai-thread, .ai-message-list, .ai-dialog-list { scrollbar-gutter: stable; }
.ai-message .chat-media { min-width: 0; max-width: 100%; }
.ai-message.has-media { width: min(85%, 360px); }
.chat-media-preview { display: block; width: min(320px, 100%); max-width: 100%; object-fit: contain; border-radius: 8px; background: var(--canvas); }
img.chat-media-preview, video.chat-media-preview { height: clamp(140px, 26dvh, 240px); }
audio.chat-media-preview { height: 54px; }
.chat-media-preview.chat-media-video_note, .chat-media-preview.chat-media-sticker { width: min(200px, 100%); height: 200px; }
.chat-media-video_note { border-radius: 50%; }
.chat-media .chat-media-notice { font-size: 11px; line-height: 1.4; margin: 5px 0; }
.chat-media .chat-media-notice:empty { display: none; }
.chat-media .btn { min-height: 36px; font-size: 12px; margin: 6px 0; }
.chat-media a { display: inline-block; padding: 6px 0; font-size: 12px; }
.chat-media { position: relative; }
img.chat-media-preview[role="button"] { cursor: zoom-in; }
img.chat-media-preview[role="button"]:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.chat-media-expand { position: absolute; top: 6px; right: 6px; min-width: 44px; min-height: 44px; border: 1px solid #ffffff80; border-radius: 12px; color: white; background: #111b; font-size: 23px; cursor: pointer; }
.chat-media-viewer { position: fixed; inset: 0; top: var(--crm-chat-viewport-top, 0px); margin: 0; width: 100%; height: var(--crm-chat-viewport-height, 100dvh); max-width: none; max-height: none; padding: 0; border: 0; color: #fff; background: #101318f5; box-sizing: border-box; overflow: hidden; }
.chat-media-viewer[open] { display: flex; flex-direction: column; }
.chat-media-viewer::backdrop { background: #101318; }
.chat-media-viewer-header { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; gap: 12px; padding: max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left)); }
.chat-media-viewer-header .btn { min-width: 80px; min-height: 44px; color: #fff; background: #ffffff18; border-color: #ffffff50; }
.chat-media-viewer-frame { position: relative; display: flex; align-items: center; justify-content: center; min-height: 0; flex: 1; overflow: auto; overscroll-behavior: contain; padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
.chat-media-viewer-content { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.chat-media-viewer-notice { position: absolute; bottom: 20px; margin: 0 16px; background: #101318dd; }
.chat-media-viewer-notice:empty { display: none; }
.ai-composer { border-top: 1px solid var(--line); padding: .75rem 1.2rem 1rem; background: var(--surface); position: relative; flex-shrink: 0; }
.ai-composer label { margin: .5rem 0; gap: .35rem; font-size: .75rem; }
.ai-composer textarea { min-height: 76px; resize: vertical; }
.ai-composer > .field-help { font-size: .7rem; }
.ai-composer > details { margin: .5rem 0; font-size: .75rem; }
.ai-thread .ai-mode-actions { margin: 0; padding: .4rem 1.2rem; background: var(--surface); }
.ai-thread .ai-mode-actions .btn { min-height: 28px; padding: 4px 8px; font-size: .7rem; }
.ai-thread #ai-history-controls { margin: 0; padding: 0 1rem; }
.ai-inbox-head { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .85rem; position: relative; }
.ai-inbox-head h2 { font-size: 1rem; }
.ai-queue-overview { padding: 1rem; border-bottom: 1px solid var(--line); }
.ai-queue-search { display: flex; align-items: end; gap: .35rem; }
.ai-queue-search label { flex: 1; min-width: 0; font-size: .75rem; color: var(--muted); }
.ai-queue-search input { padding: .65rem .75rem; margin-top: .3rem; font-size: .8rem; }
.ai-queue-search .btn { padding: .65rem .35rem; font-size: .7rem; }
.ai-filter-popover { position: static; }
.ai-filter-popover > summary { list-style: none; border: 1px solid var(--line); border-radius: 8px; padding: .45rem .65rem; cursor: pointer; font-size: .75rem; }
.ai-filter-panel { position: absolute; left: 0; right: 0; top: calc(100% + .5rem); width: auto; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 12px 32px #0002; z-index: 20; max-height: min(70dvh, calc(100cqh - 80px)); overflow-y: auto; }
.ai-filter-panel label { display: grid; gap: .5rem; margin-bottom: .75rem; font-size: .8rem; }
.ai-filter-panel .ai-stage-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: .8rem; }
.ai-filter-panel .ai-stage-count { padding: .45rem; border-radius: 7px; }
.ai-filter-panel .ai-stage-count strong { font-size: 1rem; }
.ai-filter-panel .ai-stage-count span { font-size: .7rem; }
.ai-dialog-item { display: flex; align-items: flex-start; gap: .65rem; padding: .8rem .65rem; border-radius: 8px; border-bottom: 1px solid var(--line); }
.ai-dialog-copy { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.ai-dialog-copy > strong { font-size: .82rem; }
.ai-dialog-copy small { font-size: .7rem; margin-top: .22rem; }
.ai-dialog-item .ai-contact-avatar { order: -1; }
.ai-dialog-item[aria-current=true] { box-shadow: inset 3px 0 var(--gold); }
.ai-context-pane { padding: 1rem; border-left: 1px solid var(--line); overflow-y: auto; }
.ai-context-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.ai-context-head h2 { font-size: 1rem; }
.ai-context-close { display: none; }
.ai-context-tabs { display: flex; gap: .35rem; border-bottom: 1px solid var(--line); margin: 1rem 0; }
.ai-context-tabs .btn { border: 0; border-radius: 0; background: transparent; min-height: 38px; padding: .45rem .65rem; font-size: .8rem; }
.ai-context-tabs [aria-selected=true] { color: var(--accent); box-shadow: inset 0 -2px var(--gold); }
.ai-context-pane .ai-client-context { padding: 0; border: 0; }
.ai-context-pane .ai-client-context h3 { margin-bottom: .75rem; }
.ai-context-pane .ai-client-context p { font-size: .8rem; overflow-wrap: anywhere; margin: .5rem 0; }
.ai-context-pane .ai-client-context .ai-form-columns { grid-template-columns: 1fr; gap: .35rem; margin: .75rem 0; }
.ai-context-pane .ai-client-context label { margin: .25rem 0; font-size: .75rem; gap: .3rem; }
.ai-context-pane .ai-client-context .btn { font-size: .75rem; padding: .55rem .65rem; }
.ai-context-pane .ai-client-context input, .ai-context-pane .ai-client-context select { padding: .6rem .65rem; font-size: .8rem; }
.ai-context-pane .ai-verification { padding: .75rem 0; }
.ai-client-facts { margin: 0 0 .8rem; }
.ai-client-facts > div { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: .65rem; padding: .35rem 0; border-bottom: 1px solid var(--line); font-size: .75rem; }
.ai-client-facts dt { color: var(--muted); }
.ai-client-facts dd { margin: 0; overflow-wrap: anywhere; }
.ai-client-notes { font-size: .8rem; margin: .8rem 0; }
.ai-client-notes p { white-space: pre-wrap; }
.ai-operator-script { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .85rem; line-height: 1.6; }
.ai-dialog-list .ai-empty { border: 0; padding: 1.5rem .75rem; gap: .75rem; }
.ai-dialog-list .ai-empty h2 { font-size: 1rem; }
.ai-dialog-list .ai-empty p { font-size: .8rem; }
.chat-template-tools { position: relative; margin-bottom: .4rem; }
.chat-template-tools > .btn { min-height: 32px; padding: .35rem .65rem; font-size: .75rem; }
.template-library { position: absolute; bottom: 100%; left: 0; right: 0; z-index: 25; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: 0 14px 40px #0002; max-height: min(600px, var(--crm-chat-overlay-height, 70vh)); overflow-y: auto; overscroll-behavior: contain; }
.template-library-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .75rem; }
.template-library-heading .btn { padding: .3rem .5rem; min-height: 28px; font-size: .7rem; }
.template-library-categories { display: flex; gap: .35rem; flex-wrap: wrap; margin: .65rem 0; }
.template-library-categories .btn { padding: .35rem .55rem; min-height: 30px; font-size: .7rem; }
.template-library-categories [aria-pressed=true], .template-library-item[aria-pressed=true] { background: var(--gold-wash); color: var(--accent); border-color: var(--gold); }
.template-library-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); margin-top: .75rem; gap: .8rem; }
.template-library-list { min-width: 0; max-height: 230px; overflow-y: auto; }
.template-library-item { display: block; width: 100%; padding: .7rem; text-align: left; border: 1px solid transparent; border-radius: 8px; background: var(--surface); color: var(--text); font-size: .78rem; overflow-wrap: anywhere; }
.template-library-item:hover { background: var(--subtle); }
.template-library-item small { display: block; color: var(--muted); margin-top: .3rem; }
.template-library-preview { border-left: 1px solid var(--line); padding-left: .8rem; min-width: 0; }
.template-library-preview h4 { margin: 0 0 .65rem; text-transform: uppercase; font-size: .65rem; color: var(--muted); letter-spacing: .06em; }
.template-library-preview p { font-size: .78rem; }
.template-plain-preview { white-space: pre-wrap; overflow-wrap: anywhere; margin-bottom: .65rem; }
.template-library-preview .btn { font-size: .75rem; margin-top: .6rem; }
.template-native-select, .template-copy-preview { position: absolute; width: 1px!important; height: 1px; overflow: hidden; clip-path: inset(50%); padding: 0!important; margin: 0!important; }
.template-provenance, .template-owner-tools { font-size: .7rem; margin-top: .75rem; overflow-wrap: anywhere; }
.template-owner-tools { border-top: 1px solid var(--line); padding-top: .75rem; }
.template-library img, .template-library video, .template-library audio { width: 100%; max-width: 100%; }
.ai-chat-back { display: none; }
.ai-queue-filters { display: grid; grid-template-columns: minmax(180px, 2fr) minmax(160px, 1fr) auto; align-items: end; gap: 1rem; margin-bottom: 1.25rem; }
.ai-queue-filters label { display: grid; gap: .5rem; }
.ai-stage-summary { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .5rem; }
.ai-stage-count { font: inherit; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: .8rem; text-align: left; cursor: pointer; }
.ai-stage-count[aria-pressed=true] { border-color: var(--accent); background: var(--gold-wash); }
.ai-stage-count strong { display: block; font-size: clamp(1.15rem, 1.65vw, 1.65rem); }
.ai-stage-count span { display: block; font-size: .8rem; margin-top: .35rem; }
.ai-dialog-item strong, .ai-dialog-item small { display: block; }
.ai-dialog-item small { font-size: .8rem; margin-top: .4rem; color: var(--muted); }
.ai-mode-actions, .ai-settings-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.ai-settings-tabs .btn[aria-pressed=true] { background: var(--gold-wash); color: var(--accent); border-color: var(--accent); }
.ai-advanced-settings { margin-top: 2rem; }
.ai-advanced-settings label, .ai-connection-state { overflow-wrap: anywhere; }
.ai-settings-form select, .ai-queue-filters input, .ai-queue-filters select { width: 100%; min-width: 0; box-sizing: border-box; }
.ai-settings-form label.ai-check { display: flex; align-items: flex-start; gap: .75rem; }
.ai-check input[type=checkbox] { width: 20px; height: 20px; flex: 0 0 20px; margin: 0; }
.ai-catalog-item { border: 1px solid var(--line); border-radius: 12px; padding: 1.25rem; margin: 1rem 0; min-width: 0; }
.ai-catalog-item legend { padding: 0 .5rem; font-weight: 600; }
.chat-sync-selection .btn { margin: .25rem .5rem .25rem 0; white-space: normal; }
.chat-sync-items { max-height: 320px; overflow-y: auto; margin: 1rem 0; }
.chat-sync-items label { overflow-wrap: anywhere; }
.ai-staff-row, .ai-verification { border-top: 1px solid var(--line); padding: 1.25rem 0; }
.ai-connection-state { display: grid; grid-template-columns: minmax(140px, 1fr) 2fr; gap: .75rem; }
.ai-connection-state dt { color: var(--muted); }
.ai-connection-state dd { margin: 0; }
.ai-client-context { max-width: none; }
.ai-client-context .ai-form-columns { align-items: end; grid-template-columns: repeat(2, minmax(0,1fr)) auto; }
.ai-setup-details { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.ai-setup-details > summary { cursor: pointer; font-weight: 600; padding: .5rem 0; }
.ai-signals .ops-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 1rem 2rem; margin-bottom: 2rem; }
.ai-signals .ops-heading h1 { margin: 0 0 .5rem; }
.ai-signals .ops-heading p { margin: 0; color: var(--muted); }
.ai-signals .ops-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.ai-signals .ai-signal-filters { display: grid; grid-template-columns: minmax(180px, 2fr) repeat(2, minmax(160px, 1fr)) auto; align-items: end; gap: 1rem; margin: 0 0 2rem; }
.ai-signal-filters label { display: grid; min-width: 0; gap: .5rem; font-size: 13px; color: var(--muted); }
.ai-signal-filters input, .ai-signal-filters select { width: 100%; min-width: 0; box-sizing: border-box; }
.ai-signal-editor { margin: 1.5rem 0; padding: 1.5rem; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.ai-signal-editor label { display: grid; gap: .5rem; margin: 1rem 0; }
.ai-signal-editor input, .ai-signal-editor textarea, .ai-signal-editor select { max-width: 100%; }
@media (max-width: 1120px) {
  .ai-chat-layout { grid-template-columns: minmax(210px, 28%) minmax(0, 1fr); }
  .ai-context-pane { display: none; }
  .ai-context-pane[data-open=true] { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: min(340px, 100%); background: var(--surface); box-shadow: -12px 0 35px #0002; z-index: 30; }
  .ai-chat-layout { position: relative; }
  .ai-context-close { display: inline-flex; }
  .ai-signals .ai-signal-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-stage-summary { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .ai-form-columns { grid-template-columns: 1fr; gap: 0; }
  .ai-queue-filters, .ai-client-context .ai-form-columns { grid-template-columns: 1fr; }
  .ai-stage-summary { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ai-queue-overview[data-selected=true] { display: none; }
  .ai-settings-tabs .btn { flex: 1 1 140px; }
  .ai-chat-layout { display: block; min-height: 0; }
  .ai-inbox-pane { height: 100%; border: 0; }
  .ai-chat-layout[data-selected=true] .ai-inbox-pane { display: none; }
  .ai-chat-layout[data-selected=true] .ai-thread { display: flex; height: 100%; }
  .ai-chat-layout[data-selected=false] .ai-thread { display: none; }
  .ai-chat-layout[data-selected=true] .ai-dialog-list { display: none; }
  .ai-dialog-list { border: 0; }
  .ai-chat-back { display: inline-flex; margin-bottom: 1rem; }
  .ai-thread { padding: 0; }
  .ai-thread-head { flex-wrap: wrap; padding: .75rem; gap: .5rem; }
  .ai-chat-back { margin: 0; }
  .ai-thread .ai-mode-actions { padding: .35rem .75rem; }
  .ai-composer { padding: .65rem .75rem; }
  .ai-message-list { padding: 1rem .75rem; }
  .ai-thread-head .ai-contact-avatar { display: none; }
  .ai-thread-title h2 { font-size: .9rem; }
  .ai-thread-head #ai-context-toggle { font-size: .7rem; min-height: 30px; padding: .25rem; }
  .template-library { padding: .75rem; }
  .template-library-body { grid-template-columns: 1fr; }
  .template-library-list { max-height: 130px; }
  .template-library-preview { border-left: 0; border-top: 1px solid var(--line); padding: .65rem 0 0; }
  .ai-message { max-width: 100%; }
  .ai-signals .ops-heading { margin-bottom: 1.5rem; }
  .ai-signals .ai-signal-filters { grid-template-columns: 1fr; }
  .ai-signal-editor { padding: 1rem; }
}
.ai-broadcast-test { margin-block: 24px 32px; padding-block: 20px; border-block: 1px solid var(--line, #dce0e5); }
.ai-account-menu { position: relative; font-size: .8rem; }
.ai-account-menu > summary { cursor: pointer; padding: .35rem 0; color: var(--muted); }
.ai-account-menu[open] { padding: .65rem; background: var(--surface, #fff); border: 1px solid var(--line); border-radius: 10px; }
.ai-account-menu .btn { margin: .4rem .4rem 0 0; font-size: .8rem; }
.ai-uid-links { padding: 1rem; margin: 0 0 1rem; background: var(--surface, #fff); border: 1px solid var(--line); border-radius: 12px; }
.ai-uid-links p { margin: .6rem 0; font-size: .85rem; }
.ai-uid-links .btn { margin: .5rem .5rem 0 0; }
.ai-uid-links ul, .ai-uid-selections { max-height: 240px; overflow: auto; overflow-wrap: anywhere; }
.ai-uid-selections { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px,100%),1fr)); gap: .5rem; }
.ai-uid-selections label { display: flex; align-items: center; gap: .5rem; font-size: .85rem; }
.ai-uid-selections input { width: auto; min-height: auto; }
.ai-broadcast-test form { display: grid; gap: 12px; margin-block: 16px; }
.ai-telegram-preview { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 64ch; padding: 16px 20px; margin-block: 12px 16px; border-radius: 12px; background: var(--surface, #fff); border: 1px solid var(--line, #dce0e5); color: var(--text, #232a33); }

/* Operator comfort: message space first, details stay available on demand. */
[data-chat-workspace=true] > :not(.ai-chat-layout){flex-shrink:0}
[data-chat-workspace=true] > .ai-chat-layout{grid-template-columns:250px minmax(280px,1fr) 300px;min-height:0}
.ai-workspace-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-bottom:10px;position:relative;z-index:35}
.ai-workspace-toolbar .page-heading{margin:0;flex:1;min-width:0}
[data-chat-workspace=true] .ai-workspace-toolbar .page-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
[data-chat-workspace=true] .ai-workspace-toolbar .page-heading h1{font-size:22px;line-height:1.25}
[data-chat-workspace=true] .ai-workspace-toolbar .page-heading p{font-size:13px;margin:0}
.ai-workspace-toolbar .ai-department-tabs{display:flex;gap:6px;margin:0;padding:0;border:0;flex-wrap:wrap}
.ai-workspace-toolbar .ai-department-tabs .btn{min-height:36px;padding:6px 10px}
.ai-workspace-toolbar .ai-account-menu>summary{min-height:36px;display:flex;align-items:center;padding:6px 8px}
.ai-workspace-toolbar .ai-account-menu[open]{position:absolute;right:0;top:0;width:min(380px,90vw);max-height:70dvh;overflow:auto;box-shadow:0 12px 32px #0002}
.ai-workspace-toolbar .ai-account-menu p{font-size:12px;margin:8px 0}
[data-chat-workspace=true] > .message{margin:0 0 8px;padding:8px 12px;max-height:25dvh;overflow:auto}
[data-chat-workspace=true] > .loading-line{padding:5px 0}
[data-chat-workspace=true] > div:empty{display:none}
.ai-thread-head{padding:9px 12px;min-height:64px;gap:9px}
.ai-thread-head h2,.ai-thread-head p{margin:0}
.ai-thread-title p,.ai-thread-title small{font-size:11px}
.ai-thread-title small{display:block;margin-top:2px}
.ai-thread-head #ai-context-toggle{font-size:12px;padding:7px 8px}
.ai-message{flex-shrink:0;font-size:14px}
.ai-message-list .ai-message{padding:8px 12px}
.ai-message header{font-size:11px;gap:8px}
.ai-message p{margin:5px 0;line-height:1.4}
.ai-message>small{font-size:10px;display:block;text-align:right}
.ai-queue-overview{padding:10px}
.ai-inbox-head{margin-bottom:8px}
.ai-inbox-head h2{margin:0;font-size:14px}
.ai-queue-search label{font-size:11px}
.ai-queue-search input{padding:8px;font-size:13px}
.ai-dialog-item{padding:10px 8px;gap:8px}
.ai-dialog-item .ai-contact-avatar{width:32px;height:32px;font-size:11px}
.ai-dialog-copy>strong{font-size:13px;line-height:1.35}
.ai-dialog-item .ai-dialog-copy small{font-size:11px;margin-top:3px;line-height:1.35}
.ai-dialog-item .ai-dialog-copy .ai-dialog-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--text)}
.ai-dialog-item .ai-dialog-copy .ai-dialog-account,.ai-dialog-item .ai-dialog-copy .ai-dialog-time{display:block}
.ai-dialog-item .ai-dialog-copy .ai-dialog-mode::after{content:" "}
.ai-context-pane{padding:12px}
.ai-context-tabs{margin:8px 0}
.ai-composer{padding:8px 12px max(8px,env(safe-area-inset-bottom));position:relative}
.ai-composer-tools{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ai-composer-tools .chat-template-tools{position:static;margin:0}
.ai-composer-tools details>summary{list-style:none;min-height:32px;display:flex;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:12px}
.ai-composer-tools details>summary::-webkit-details-marker{display:none}
.ai-composer-tools .ai-mode-actions,.ai-attachment-fields{position:absolute;z-index:24;bottom:100%;left:0;right:0;max-height:min(400px,var(--crm-chat-overlay-height,60dvh));overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);padding:12px;box-shadow:0 -8px 24px #0002;border-radius:12px}
.ai-composer-tools .ai-mode-actions{display:flex;gap:8px;margin:0}
.ai-compose-row{display:flex;align-items:flex-end;gap:8px}
.ai-composer .ai-reply-label{display:block;flex:1;min-width:0;margin:0}
.ai-composer textarea{min-height:48px;max-height:144px;resize:vertical;padding:9px 10px;line-height:1.35;font-size:14px}
.ai-composer .ai-send{flex:none;min-height:48px;max-width:132px;padding:8px 12px;font-size:12px}
.ai-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ai-template-attachment{font-size:11px;max-height:90px;overflow:auto;margin-top:6px}
.ai-template-attachment .btn{min-height:32px;font-size:11px;padding:4px 8px}
.ai-context-pane .ai-client-context{padding-top:0}
@media(max-width:1380px) and (min-width:1121px){
  [data-chat-workspace=true] > .ai-chat-layout{grid-template-columns:220px minmax(240px,1fr) 280px}
}
@media(max-width:1120px){
  [data-chat-workspace=true] > .ai-chat-layout{grid-template-columns:230px minmax(0,1fr)}
}
@media(max-width:760px){
  .ai-workspace-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;margin-bottom:8px}
  .ai-workspace-toolbar .page-heading{grid-column:1/-1;width:100%;gap:8px}
  [data-chat-workspace=true] .ai-workspace-toolbar .page-heading h1{font-size:20px;line-height:1.3;overflow-wrap:normal;word-break:normal}
  [data-chat-workspace=true] .ai-workspace-toolbar .page-heading p{font-size:12px}
  .ai-workspace-toolbar #ai-department-runtime{min-width:0}
  .ai-workspace-toolbar .ai-account-menu>summary{min-height:44px;font-size:12px;padding:6px 4px}
  .ai-workspace-toolbar .ai-department-tabs .btn{min-height:44px;padding:8px 10px;font-size:12px}
  .ai-workspace-toolbar .ai-department-tabs{justify-content:flex-end;gap:4px}
  [data-chat-workspace=true][data-chat-selected=true] > .ai-workspace-toolbar{display:none}
  [data-chat-workspace=true][data-chat-selected=true] > .ai-chat-layout{border:0;border-radius:0}
  .ai-thread-head{min-height:60px;flex-wrap:nowrap;padding:6px 8px}
  .ai-thread-head #ai-context-toggle,.ai-thread-head .ai-chat-back{min-height:44px;padding:8px;font-size:12px}
  .ai-thread-title h2{font-size:14px}
  .ai-thread-title p,.ai-thread-title small{font-size:10px}
  .ai-thread-head #ai-context-toggle{max-width:92px}
  .ai-message-list{padding:10px;gap:8px}
  .ai-composer{padding:6px 8px max(6px,env(safe-area-inset-bottom))}
  .ai-composer textarea{min-height:48px;font-size:16px}
  .ai-composer .ai-send{min-height:48px;max-width:104px;font-size:11px;padding:8px}
  .ai-composer-tools{gap:6px;margin-bottom:4px}
  .ai-composer-tools details>summary,.ai-composer-tools .btn,.ai-thread .ai-mode-actions .btn{min-height:44px;padding:8px 10px;font-size:12px}
  .ai-context-pane[data-open=true]{width:100%;box-shadow:none;border:0;padding:12px}
  .ai-context-close,.ai-context-tabs .btn,.ai-filter-popover>summary,.ai-filter-panel .btn{min-height:44px}
  .ai-queue-search input,.ai-attachment-fields input,.ai-attachment-fields select{font-size:16px}
  .ai-queue-search .btn{min-height:44px}
  .template-library{max-height:var(--crm-chat-overlay-height,calc(var(--crm-chat-viewport-height,100dvh) - 190px))}
  .template-library .btn{min-height:44px}
}
@media(max-width:1024px) and (max-height:500px){
  [data-chat-workspace=true][data-chat-selected=true] > .ai-workspace-toolbar{display:none}
  [data-chat-workspace=true][data-chat-selected=true] > .ai-chat-layout{display:block;min-height:0;border:0;border-radius:0}
  [data-chat-selected=true] .ai-chat-layout[data-selected=true] .ai-inbox-pane{display:none}
  [data-chat-selected=true] .ai-chat-layout[data-selected=true] .ai-thread{display:flex;height:100%}
  [data-chat-selected=true] .ai-thread-head{min-height:60px;flex-wrap:nowrap;padding:6px 8px}
  [data-chat-selected=true] .ai-chat-back{display:inline-flex;margin:0}
  [data-chat-selected=true] .ai-thread-head .ai-chat-back,[data-chat-selected=true] .ai-thread-head #ai-context-toggle{min-height:44px;padding:8px;font-size:12px}
  [data-chat-selected=true] .ai-thread-head .ai-contact-avatar{display:none}
  [data-chat-selected=true] .ai-thread-title h2{font-size:14px}
  [data-chat-selected=true] .ai-thread-title p,[data-chat-selected=true] .ai-thread-title small{font-size:10px}
  [data-chat-selected=true] .ai-message-list{padding:10px;gap:8px}
  [data-chat-selected=true] .ai-composer{padding:6px 8px max(6px,env(safe-area-inset-bottom))}
  [data-chat-selected=true] .ai-composer-tools{gap:6px;margin-bottom:4px}
  [data-chat-selected=true] .ai-composer-tools details>summary,[data-chat-selected=true] .ai-composer-tools .btn{min-height:44px;padding:8px 10px;font-size:12px}
  [data-chat-selected=true] .ai-context-pane[data-open=true]{width:100%;box-shadow:none;border:0;padding:12px}
  [data-chat-selected=true] .ai-context-close,[data-chat-selected=true] .ai-context-tabs .btn{min-height:44px}
  #projects-main [data-chat-selected=true] input:not([type=checkbox]):not([type=radio]),#projects-main [data-chat-selected=true] textarea,#projects-main [data-chat-selected=true] select{font-size:16px}
}