:root,#workspace{--ui-bg:light-dark(#f3f7f5,#10201c);--ui-surface:light-dark(#ffffff,#1b2c27);--ui-soft:light-dark(#e8f1ed,#273f35);--ui-text:light-dark(#183f35,#e8f2ec);--ui-muted:light-dark(#5a7167,#acc4b6);--ui-line:light-dark(#dce7e0,#375247);--ui-accent:light-dark(#1c6d51,#a5d8b9);--ui-on:light-dark(#ffffff,#153b28);--ui-warning:light-dark(#855915,#efcb89);--ui-danger:light-dark(#aa3434,#ffb6b1);--ui-radius:14px;font:14px/1.7 "Segoe UI",Tahoma,Arial,sans-serif;color:var(--ui-text)}
:root{color-scheme:light dark}:root[data-theme="dark"],#workspace[data-theme="dark"]{color-scheme:dark}:root[data-theme="light"],#workspace[data-theme="light"]{color-scheme:light}#workspace[data-size="large"]{font-size:16px}
#workspace *{box-sizing:border-box}#workspace [hidden]{display:none!important}#workspace button,#workspace input,#workspace select,#workspace textarea{font:inherit}#workspace button{color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-line);padding:9px 14px;border-radius:9px;cursor:pointer;min-height:42px;max-width:100%}#workspace button:hover{background:var(--ui-soft)}#workspace button:disabled{opacity:.5;cursor:not-allowed}#workspace button:focus-visible,#workspace input:focus-visible,#workspace select:focus-visible,#workspace textarea:focus-visible{outline:3px solid var(--ui-accent);outline-offset:2px}
#workspace .primary{background:var(--ui-accent);color:var(--ui-on);border-color:transparent}#workspace .danger{color:var(--ui-danger)}#workspace .muted{color:var(--ui-muted)}#workspace .warning{color:var(--ui-warning)}#workspace .small{font-size:.88em}
#workspace input:not([type="checkbox"]):not([type="radio"]),#workspace select,#workspace textarea{display:block;width:100%;min-width:0;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:8px;padding:10px 12px}#workspace input[type="checkbox"],#workspace input[type="radio"]{accent-color:var(--ui-accent);width:18px;height:18px;flex-shrink:0}#workspace textarea{resize:vertical;min-height:85px}#workspace label{display:block;margin-bottom:5px}#workspace .field{display:flex;flex-direction:column;gap:5px;min-width:0}#workspace .check{display:flex;align-items:center;gap:10px}#workspace .field label{margin:0}
#workspace .demo-frame{border:1px solid var(--ui-line);background:var(--ui-bg);border-radius:18px;overflow:clip}#workspace .demo-banner{padding:7px 16px;text-align:center;background:var(--ui-soft);color:var(--ui-muted);font-size:.88em}#workspace .topbar{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--ui-surface);border-bottom:1px solid var(--ui-line)}#workspace .brand{display:flex;align-items:center;gap:10px}#workspace .brand-mark{display:grid;place-items:center;background:var(--ui-accent);color:var(--ui-on);width:36px;height:36px;border-radius:11px;font-weight:500}#workspace .top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#workspace .icon-button{padding:8px 10px;display:inline-flex;align-items:center;gap:7px}
#workspace .workspace{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:630px}#workspace .sidebar{background:var(--ui-surface);border-inline-end:1px solid var(--ui-line);padding:18px 12px;display:flex;flex-direction:column;gap:6px}#workspace .sidebar button{display:flex;align-items:center;gap:10px;text-align:start;border-color:transparent;background:transparent;width:100%}#workspace .sidebar button[aria-current="page"],#workspace .sidebar button.current-parent{background:var(--ui-soft);color:var(--ui-accent);font-weight:500}#workspace .subnav{margin:5px 8px 12px;padding-inline-start:10px;border-inline-start:1px solid var(--ui-line)}#workspace .subnav button{font-size:.94em}#workspace .sidebar [data-route="store"]::after{content:'▾';margin-inline-start:auto;font-size:.8em;opacity:.7;flex-shrink:0}#workspace .sidebar [data-route="store"][aria-expanded="true"]::after{content:'▴'}#workspace .sidebar-footer{margin-top:auto;padding-top:22px}#workspace .store-context{padding:14px 8px;margin-bottom:12px;border-bottom:1px solid var(--ui-line)}#workspace .content{padding:24px;min-width:0}#workspace .crumb{font-size:.9em;color:var(--ui-muted);margin-bottom:18px}#workspace .page-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
#workspace h1,#workspace h2,#workspace h3{font-weight:500;line-height:1.4}#workspace h1,#workspace h2{font-size:24px;margin:0 0 6px}#workspace h3{font-size:17px;margin:0 0 12px}#workspace h4{font-size:15px;font-weight:500;margin:0 0 6px}#workspace p{margin:0 0 14px}#workspace .panel{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:20px;margin-bottom:18px;min-width:0}#workspace .panel .panel{background:var(--ui-bg);box-shadow:none}#workspace .row{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}#workspace .stack{display:flex;flex-direction:column;gap:14px}#workspace .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#workspace .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#workspace .badge{display:inline-flex;align-items:center;gap:5px;background:var(--ui-soft);padding:3px 10px;border-radius:20px;font-size:.88em;white-space:normal}#workspace .list-row{padding:14px 0;border-bottom:1px solid var(--ui-line)}#workspace .list-row:last-child{border-bottom:0}#workspace .tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;background:var(--ui-soft);border-radius:11px;padding:5px}#workspace .tabs button{background:transparent;border-color:transparent;flex:1 1 auto}#workspace .tabs button[aria-selected="true"],#workspace .tabs button[aria-pressed="true"],#workspace .tabs button.active{background:var(--ui-surface);color:var(--ui-accent)}#workspace .actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}#workspace .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}#workspace .metric{padding:16px 18px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius)}#workspace .metric strong{display:block;font-size:25px;font-weight:500}#workspace .hero{background:var(--ui-soft);padding:24px;border-radius:var(--ui-radius);margin-bottom:20px}#workspace .empty{text-align:center;padding:35px 15px}#workspace .notice{padding:12px 16px;border-inline-start:3px solid var(--ui-accent);background:var(--ui-soft);margin:12px 0}#workspace .table-wrap{overflow-x:auto}#workspace table{width:100%;border-collapse:collapse}#workspace th,#workspace td{text-align:start;padding:12px;border-bottom:1px solid var(--ui-line)}#workspace th{font-weight:500}#workspace details{margin-top:12px}#workspace summary{cursor:pointer;padding:8px 0}
#workspace .toast{padding:12px 18px;background:var(--ui-soft);border-top:1px solid var(--ui-line);color:var(--ui-text)}#workspace .save-status{padding:9px 16px;background:var(--ui-soft);color:var(--ui-muted);font-size:.9em}#workspace dialog{color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;width:min(580px,92%);padding:24px;max-height:85vh;overflow-y:auto;box-shadow:0 18px 60px #0003}#workspace dialog::backdrop{background:#07130faa}#workspace dialog .modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}#workspace .signed-out{padding:60px 20px;text-align:center;background:var(--ui-bg)}
@media(max-width:760px){#workspace .workspace{display:block}#workspace .sidebar{border-inline-end:0;border-bottom:1px solid var(--ui-line);display:block;padding:10px}#workspace .sidebar>nav{display:flex;gap:4px;flex-wrap:wrap}#workspace .sidebar>nav>button{width:auto;flex:1}#workspace .store-context,#workspace .sidebar-footer{display:none}#workspace .subnav{display:flex;flex-wrap:wrap;margin:8px 0 0;padding:0;border:0;gap:4px}#workspace .subnav button{width:auto;flex:1 1 30%}#workspace .content{padding:16px}#workspace .topbar{padding:12px}#workspace .top-actions .search-label{display:none}#workspace .grid2,#workspace .grid3{grid-template-columns:1fr}#workspace .metrics{gap:6px}#workspace .metric{padding:12px 8px;font-size:.9em}#workspace .metric strong{font-size:22px}#workspace .panel{padding:16px}#workspace input:not([type="checkbox"]),#workspace textarea,#workspace select{font-size:16px}}

body{margin:0;background:var(--ui-bg);color:var(--ui-text)}#workspace{min-height:100vh;background:var(--ui-bg);color-scheme:inherit}#workspace .workspace{display:block}#workspace .sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(320px,88vw);z-index:20;overflow:auto;box-shadow:0 0 0 100vmax #0007}#workspace .content{max-width:1250px;margin:auto}#workspace fieldset{border:0;padding:0;margin:0;min-width:0}#workspace .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#workspace .card{background:var(--ui-surface);padding:20px;border:1px solid var(--ui-line);border-radius:14px;margin-bottom:18px}#workspace .shipping-inline,#workspace .section-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#workspace .shipping-inline input{width:110px}#workspace .shipping-table-wrap{overflow:auto}#workspace .error{color:var(--ui-danger)}#workspace .message{padding:12px;margin:8px 0;border-inline-start:3px solid var(--ui-accent)}#workspace .nav-entry{display:flex;align-items:center;gap:12px;margin-bottom:22px}#workspace .crumb{margin:0}#workspace .full{grid-column:1/-1}@media(max-width:760px){#workspace .grid{grid-template-columns:1fr}#workspace .sidebar{display:flex}#workspace .sidebar>nav,#workspace .subnav{display:block}#workspace .sidebar button{width:100%}#workspace .store-context,#workspace .sidebar-footer{display:block}}
#workspace .topbar{position:sticky;top:0;z-index:30}#workspace .sidebar{inset-block-start:var(--header-height,85px)}#workspace .icon-button i{display:inline-flex}
#workspace .progress{height:8px;background:var(--ui-soft);border-radius:6px;overflow:hidden;margin:4px 0 10px}#workspace .progress-bar{height:100%;width:0;background:var(--ui-accent);transition:width .3s ease}#workspace .step-done{color:var(--ui-accent);font-weight:700;margin-inline-end:6px}#workspace .step-todo{color:var(--ui-muted);margin-inline-end:6px}#workspace .step-pending{color:var(--ui-warning);font-weight:700;margin-inline-end:6px}#workspace .field .req{color:var(--ui-accent);font-size:.82em}#workspace .field .oneof{color:var(--ui-warning);font-size:.82em}#workspace .field .opt{color:var(--ui-muted);font-size:.82em}

#workspace .catalog-head{margin-bottom:14px}
#workspace .catalog-head h2{margin:0 0 2px}
#workspace .catalog-phase{min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}
#workspace .catalog-summary{display:flex;flex-direction:column;gap:12px}
#workspace .catalog-summary-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#workspace .catalog-counts{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
#workspace .catalog-counts strong{font-size:28px;font-weight:500;line-height:1.2}
#workspace .catalog-variants{color:var(--ui-muted)}
#workspace .catalog-sync-status{min-height:1.4em}
#workspace .catalog-sync-synced{background:var(--ui-soft);color:var(--ui-accent)}
#workspace .catalog-sync-running,#workspace .catalog-sync-auth_expired,#workspace .catalog-sync-never_synced{background:var(--ui-soft);color:var(--ui-warning)}
#workspace .catalog-sync-failed,#workspace .catalog-sync-rate_limited{background:var(--ui-soft);color:var(--ui-danger)}
#workspace .catalog-sync-empty,#workspace .catalog-sync-unknown{background:var(--ui-soft)}
#workspace .catalog-toolbar{margin:14px 0}
#workspace .catalog-notice{padding:10px 14px;border-inline-start:3px solid var(--ui-accent);background:var(--ui-soft);margin:12px 0}
#workspace .catalog-notice.error{border-inline-start-color:var(--ui-danger)}
#workspace .catalog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:12px}
#workspace .catalog-product{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
#workspace .catalog-product-head{display:flex;gap:10px;align-items:flex-start;min-width:0}
#workspace .catalog-product-img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--ui-soft)}
#workspace .catalog-product-meta{min-width:0;flex:1}
#workspace .catalog-product-meta h3{margin:0 0 6px;font-size:1.02em;overflow-wrap:anywhere}
#workspace .catalog-product-badges{display:flex;gap:6px;flex-wrap:wrap}
#workspace .catalog-inactive{color:var(--ui-danger)}
#workspace .catalog-product-details{display:flex;flex-direction:column;gap:4px;font-size:.94em}
#workspace .catalog-price{font-weight:500}
#workspace .catalog-link{color:var(--ui-accent);text-decoration:none}
#workspace .catalog-variant-block{margin-top:2px}
#workspace .catalog-variant-toggle{background:transparent;border-color:var(--ui-line);min-height:42px}
#workspace .catalog-variant-list{margin-top:8px;padding-inline-start:10px;border-inline-start:2px solid var(--ui-line);display:flex;flex-direction:column;gap:8px}
#workspace .catalog-variant-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.92em}
#workspace .catalog-list-state{margin-top:14px}
#workspace .catalog-list-retry,#workspace .catalog-retry{margin-top:4px}
#workspace .catalog-load-more{margin-top:16px;width:100%}
#workspace .legacy-catalog{margin-top:24px;border-style:dashed}
@media(max-width:760px){
#workspace .catalog-list{grid-template-columns:1fr}
#workspace .catalog-summary-top{gap:6px}
#workspace .catalog-counts strong{font-size:24px}
#workspace .catalog-product-img{width:48px;height:48px}
#workspace .catalog-search{font-size:16px}
}

#workspace #conversationSearch{flex:1 1 220px;width:auto;min-width:0}


/* WACRM-01: use the existing workspace palette and read-only customer contract. */
#workspace .inbox-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}
#workspace .inbox-toolbar label{flex:1 1 120px;min-width:0;margin:0}
#workspace .inbox-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr) minmax(200px,1fr);gap:16px;align-items:start}
#workspace .inbox-layout>div,#workspace .inbox-layout>aside{min-width:0}
#workspace .inbox-conversation{width:100%;text-align:start;overflow-wrap:anywhere}
#workspace .inbox-conversation[aria-pressed="true"]{border-color:var(--ui-accent);background:var(--ui-soft)}
#workspace .inbox-conversation p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px}
#workspace .inbox-layout .message,#workspace .inbox-customer-pane{overflow-wrap:anywhere}
#workspace .inbox-customer-pane dl{margin:12px 0}
#workspace .inbox-customer-pane dt{color:var(--ui-muted)}
#workspace .inbox-customer-pane dd{margin:0 0 12px}
#workspace #backToConversations{display:none;margin-bottom:12px}
@media(max-width:1050px) and (min-width:761px){#workspace .inbox-layout{grid-template-columns:minmax(200px,1fr) minmax(0,2fr)}#workspace .inbox-customer-pane{grid-column:2}}
@media(max-width:760px){#workspace .inbox-layout{display:block}#workspace .inbox-detail-pane,#workspace .inbox-customer-pane{display:none}#workspace .inbox-selected .inbox-list-pane{display:none}#workspace .inbox-selected .inbox-detail-pane,#workspace .inbox-selected .inbox-customer-pane{display:block}#workspace #backToConversations{display:inline-block}#workspace .inbox-toolbar label{flex-basis:100px}}
/* Conversation workspace: scoped layout, independent message scrolling. */
#workspace .inbox-detail-pane #conversationMessages{display:flex;flex-direction:column;min-height:0;height:min(76vh,720px);padding:12px;gap:8px;overflow:hidden}
#workspace #conversationMessages>.row{flex:0 0 auto;align-items:center;justify-content:space-between}
#workspace #conversationControls{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#workspace #conversationControls>p{margin:0}
#workspace #conversationControls .actions{display:flex;gap:6px;flex-wrap:wrap}
#workspace #conversationControls button{padding:6px 9px;font-size:.85rem}
#workspace .chat-message-stream{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px 5px;display:flex;flex-direction:column;gap:10px}
#workspace .chat-message-stream>.message{flex:0 0 auto;width:fit-content;max-width:88%;margin:0;overflow-wrap:anywhere}
#workspace .chat-message-stream>.message:has(.badge:first-child){align-self:flex-start}
#workspace .chat-message-stream>.message:has(.badge:first-child) p{white-space:pre-wrap}
#workspace .chat-composer{flex:0 0 auto;border-top:1px solid var(--ui-border);padding-top:8px}
#workspace .chat-reply-form{display:flex;flex-direction:column;gap:5px}
#workspace .chat-reply-label{font-weight:600;font-size:.85rem}
#workspace .chat-input-row{display:flex;align-items:end;gap:8px}
#workspace .chat-input-row textarea{flex:1;min-width:0;resize:vertical;min-height:48px;max-height:140px;margin:0}
#workspace .chat-input-row button{flex:0 0 auto;min-height:44px}
#workspace .chat-send-hint{font-size:.76rem;margin:0}
#workspace .chat-notes{margin-top:5px}
#workspace .chat-notes summary{cursor:pointer;width:fit-content;font-size:.85rem;font-weight:600}
#workspace .chat-notes[open]{max-height:180px;overflow:auto;border-top:1px solid var(--ui-border);padding-top:7px}
@media(max-width:760px){#workspace .inbox-detail-pane #conversationMessages{height:min(76dvh,680px);padding:9px}#workspace .chat-message-stream>.message{max-width:96%}#workspace #conversationControls .actions{gap:4px}#workspace #conversationControls button{padding:6px}}
/* Mobile conversation layout: prioritize reading over secondary controls. */
#workspace #conversationControls .chat-actions-menu{position:relative;flex:0 0 auto}
#workspace #conversationControls .chat-actions-menu>summary{cursor:pointer;border:1px solid var(--ui-border);border-radius:10px;padding:6px 10px;font-size:.85rem;list-style:none}
#workspace #conversationControls .chat-actions-menu>summary::-webkit-details-marker{display:none}
#workspace #conversationControls .chat-actions-menu[open] .actions{position:absolute;z-index:10;top:calc(100% + 5px);inset-inline-start:0;width:min(260px,78vw);padding:9px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-bg);box-shadow:0 8px 22px #0003;display:flex;flex-direction:column;align-items:stretch}
#workspace .chat-message-stream{flex-basis:0}
@media(max-width:760px){
 #workspace .inbox-detail-pane #conversationMessages{height:clamp(440px,76dvh,700px);gap:5px}
 #workspace #conversationControls{min-height:35px;max-height:68px;flex-wrap:nowrap;justify-content:space-between}
 #workspace #conversationControls>p{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
 #workspace #conversationControls>p:not(.badge){display:none}
 #workspace .chat-message-stream{min-height:190px;flex:1 1 0}
 #workspace .chat-composer{max-height:165px;overflow-y:auto}
 #workspace .chat-input-row textarea{min-height:44px;max-height:90px}
 #workspace .chat-reply-label{font-size:.76rem}
 #workspace .chat-send-hint{font-size:.68rem}
 #workspace .chat-notes:not([open]){max-height:30px}
}

/* Keep visible conversation action buttons while preserving compact mobile layout. */
@media(max-width:760px){#workspace #conversationControls{max-height:none;flex-wrap:wrap;align-items:flex-start}#workspace #conversationControls .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:5px}#workspace #conversationControls .actions button{white-space:normal;font-size:.75rem;line-height:1.25;padding:5px 7px;min-height:32px}#workspace #conversationControls>p:not(.badge){display:block;font-size:.72rem;width:100%}#workspace .chat-message-stream{min-height:170px}}
/* Compact workspace header on narrow screens, preserving all actions. */
@media(max-width:760px){
 #workspace .topbar{padding:7px 10px;gap:6px;flex-wrap:nowrap;min-height:52px;align-items:center}
 #workspace .brand{gap:6px;min-width:0;flex:0 1 auto}
 #workspace .brand-mark{width:30px;height:30px;border-radius:8px;flex:0 0 30px}
 #workspace .brand>div{min-width:0}
 #workspace .brand>div>span{display:block;font-size:.82rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #workspace .brand .muted.small{display:none}
 #workspace .top-actions{display:flex;gap:3px;flex:0 0 auto;flex-wrap:nowrap}
 #workspace .top-actions .icon-button{width:34px;height:34px;min-height:34px;padding:5px;justify-content:center;border-radius:8px}
 #workspace .top-actions .icon-button span{display:none}
 #workspace .top-actions .icon-button svg{width:17px;height:17px;flex-shrink:0}
}
/* Icon actions and floating tooltips */
#workspace #conversationControls .actions{display:flex;flex-wrap:wrap;gap:6px;width:auto}
#workspace #conversationControls .actions .chat-icon-button,#workspace .chat-send-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;min-height:42px;padding:7px}
#workspace .chat-action-svg{width:19px;height:19px;flex:none}
#workspace .chat-notes summary{display:flex;align-items:center;gap:6px}
#workspace .top-actions .language-switch{display:inline-grid;place-items:center;min-width:34px;width:34px;height:34px;min-height:34px;padding:4px;font-weight:700}
.workspace-floating-tip{position:fixed;z-index:99999;pointer-events:none;max-width:min(240px,85vw);padding:7px 10px;border-radius:8px;background:#132b24;color:#f6fff9;border:1px solid #6a8a7c;box-shadow:0 6px 20px #0005;font:13px/1.5 Tahoma,Arial,sans-serif;direction:auto;text-align:center;white-space:normal}
.workspace-floating-tip[hidden]{display:none!important}
@media(max-width:760px){#workspace #conversationControls .actions{display:flex;flex-wrap:wrap;width:auto;gap:5px}#workspace #conversationControls .actions .chat-icon-button{width:36px;height:36px;min-width:36px;min-height:36px;padding:6px}#workspace .chat-send-button{width:44px;height:44px}#workspace #conversationControls{max-height:none;min-height:38px;flex-wrap:wrap}}
/* Keep mobile composer entirely inside the chat card; do not clip its textarea or send control. */
#workspace .inbox-detail-pane,#workspace #conversationMessages,#workspace .chat-composer,#workspace .chat-reply-form,#workspace .chat-input-row{min-width:0;max-width:100%;box-sizing:border-box}
#workspace .chat-composer{width:100%;overflow:visible}
#workspace .chat-input-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px}
#workspace .chat-input-row textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;resize:none;min-height:48px;max-height:100px}
#workspace .chat-input-row .chat-send-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:7px;box-sizing:border-box}
#workspace #refreshConversationDetail{display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:7px}
@media(max-width:760px){#workspace .inbox-detail-pane #conversationMessages{height:min(82dvh,760px);min-height:430px;overflow:hidden;padding:8px;gap:5px}#workspace .chat-composer{flex:0 0 auto;max-height:none;overflow:visible;padding-bottom:3px}#workspace .chat-input-row{grid-template-columns:minmax(0,1fr) 42px;gap:6px}#workspace .chat-input-row .chat-send-button{width:42px;min-width:42px;height:42px;min-height:42px}#workspace .chat-input-row textarea{min-height:44px;max-height:88px}#workspace .chat-message-stream{min-height:120px}#workspace #conversationMessages>.row{gap:6px}}
/* Compact conversation toolbar: status and actions on the same line. */
#workspace .chat-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#workspace #conversationMessages>.row{display:flex;align-items:center;gap:7px;min-height:40px;flex-wrap:nowrap}
#workspace #conversationControls{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;min-height:36px;flex-wrap:nowrap}
#workspace #conversationControls .badge{font-size:.75rem;white-space:nowrap;margin:0;padding:3px 7px}
#workspace #conversationControls .actions{display:flex;flex-wrap:nowrap;gap:4px;width:auto}
#workspace #conversationControls .chat-assignee{font-size:.7rem;white-space:nowrap}
#workspace #conversationMessages>p[data-user-content]{margin:0;font-size:.75rem;padding:5px 9px;flex:0 0 auto}
#workspace .chat-notes{margin-top:3px;flex:0 0 auto}
#workspace .chat-notes summary{padding:2px 0;min-height:28px}
#workspace .chat-notes summary span{font-size:.8rem}
#workspace .chat-notes[open]{max-height:145px}
@media(max-width:760px){#workspace #conversationMessages>.row{min-height:36px;gap:4px}#workspace #conversationControls{gap:4px;min-height:34px}#workspace #conversationControls .actions{gap:3px}#workspace #conversationControls .actions .chat-icon-button{width:33px;min-width:33px;height:33px;min-height:33px;padding:5px}#workspace #conversationControls .badge{font-size:.66rem;padding:2px 5px}#workspace #refreshConversationDetail{width:33px;min-width:33px;height:33px;min-height:33px;padding:5px}#workspace #conversationMessages>p[data-user-content]{font-size:.73rem}#workspace .chat-composer{padding-top:5px}#workspace .chat-send-hint{display:none}#workspace .chat-reply-label{display:none}#workspace .chat-notes{display:block}#workspace .chat-notes summary{min-height:26px}}