/* Web parity controls: the same employee workspace remains the primary view. */
.module-context-bar{margin:0 0 14px;padding:14px 16px;border:1px solid var(--line,#ded8cc);border-radius:16px;background:var(--card,#fffdf7)}
.module-mode-row,.module-customer-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.module-customer-row{margin-top:12px;padding-top:12px;border-top:1px solid var(--line,#e6dfd3)}
.module-context-label{font-size:12px;font-weight:700;color:var(--sub,#746c61);flex:0 0 56px}
.module-mode-options{display:flex;gap:8px;flex:1;max-width:440px}
.module-mode{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1;min-height:48px;padding:9px 13px;border:1px solid var(--line,#ded8cc);border-radius:11px;background:transparent;color:var(--text,#342e27);cursor:pointer;font:inherit;text-align:left}
.module-mode small{font-size:11px;line-height:1.4;color:var(--sub,#746c61)}
.module-mode.on{background:rgba(188,147,65,.12);border-color:var(--gold,#b8934a);box-shadow:inset 0 0 0 1px var(--gold,#b8934a)}
.module-mode:focus-visible{outline:2px solid var(--gold,#b8934a);outline-offset:3px}
.module-mode:disabled{opacity:.45;cursor:not-allowed}
.module-customer-current{font-size:13px;flex:1;min-width:160px;overflow-wrap:anywhere}
.module-customer-actions{display:flex;gap:6px;flex-wrap:wrap}
.module-context-note{margin:8px 0 0;font-size:11px;line-height:1.6}
.module-customer-search{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.module-customer-search input{flex:1;min-width:150px}.module-customer-search select{width:auto;min-width:110px}
#moduleCustomerPanel .shop-field textarea{min-height:44px}
@media(max-width:600px){.module-context-bar{padding:10px 12px}.module-mode-row{gap:8px}.module-context-label{flex-basis:48px}.module-mode{padding:8px 10px}.module-mode small{font-size:10px}.module-customer-actions{width:100%}.module-customer-actions .btn{flex:1}.module-context-note{font-size:10px}}

/* Match mini 0.1.77: compact identity/customer header, scrollable conversation,
   and modes beside Send inside the composer. Existing task handlers unchanged. */
#moduleWorkspace{display:flex;flex-direction:column;min-height:0;height:var(--module-workspace-height,calc(100dvh - 110px));position:relative}
#moduleWorkspace .module-heading{flex:none;flex-wrap:nowrap;gap:8px;margin:0 0 8px;min-height:44px}
.module-employee-link{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-align:left;color:#1f3861;min-height:44px;font:inherit}
.module-back{font-size:30px;color:#60738b;line-height:1;flex:none}.module-identity-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#1f3861;color:#e4d4ae;font-family:var(--serif);font-size:18px;flex:none}
#moduleName{font-size:18px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#moduleWorkspace .module-store-link{font-size:13px;min-height:40px;padding:8px 12px;flex:none}
.module-more{position:relative;flex:none}.module-more summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;padding:8px;color:#60738b;font-size:13px}.module-more summary::-webkit-details-marker{display:none}
.module-extra{position:absolute;right:0;top:100%;width:min(290px,80vw);z-index:5;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow)}
#moduleWorkspace .module-extra #moduleIntro{font-size:13px;line-height:1.7;margin:0}.module-extra .module-custom-caption{display:block!important;color:var(--sub);font-size:12px;margin:8px 0}.module-extra .module-copy{min-height:40px}
#moduleWorkspace .module-context-bar{flex:none;margin:0 0 6px;padding:0 10px;background:#eaf0f7;border:1px solid #d5dfe9;border-radius:10px}
#moduleWorkspace .module-customer-row{margin:0;padding:0;border:0;flex-wrap:nowrap;gap:8px;min-height:40px}
#moduleWorkspace .module-context-label{flex:none;font-size:11px;font-weight:400}
#moduleWorkspace .module-customer-current{min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f3861}
#moduleWorkspace .module-customer-actions{width:auto;flex:none;flex-wrap:nowrap;gap:2px}
#moduleWorkspace .module-customer-actions .btn{padding:8px 6px;min-height:36px;font-size:12px;border:0;background:transparent;flex:none}
#moduleWorkspace .module-context-note{margin:0 0 5px;font-size:11px;line-height:1.4}
#moduleCustomerPanel{flex:0 1 auto;min-height:0;max-height:48%;overflow-y:auto;margin-bottom:8px}
#moduleWorkspace .module-selection-bar{flex:none}
#moduleWorkspace .module-chat{flex:1;min-height:0;height:auto;max-width:none;width:100%;margin:0;padding:12px 14px 8px;overflow:hidden}
#moduleWorkspace .module-messages{flex:1;min-height:0;padding:2px 4px 8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
#moduleWorkspace .module-message{margin-bottom:24px}
#moduleWorkspace .module-stream-status{flex:none;max-height:20%;overflow-y:auto}
#moduleWorkspace .module-composer{width:100%;flex:none;align-self:stretch;margin-top:6px;padding:8px 10px;border-color:#cfd7e2;border-radius:12px;background:#fff}
#moduleWorkspace .module-input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#moduleWorkspace .module-composer textarea{display:block;width:100%;height:44px;min-height:44px;max-height:44px;resize:none;padding:0 2px;line-height:1.4;font-size:16px}
#moduleWorkspace .module-composer-foot{position:static;transform:none;display:flex;justify-content:space-between;gap:8px;margin-top:4px;align-items:center}
#moduleWorkspace .module-mode-options{flex:none;display:flex;align-items:center;max-width:none;gap:2px;padding:3px;background:#edf0f4;border-radius:8px}
#moduleWorkspace .module-mode{display:block;flex:none;min-height:32px;padding:4px 12px;border:0;border-radius:6px;line-height:1.4;font-size:12px;font-weight:400;color:#627188;background:transparent;box-shadow:none}
#moduleWorkspace .module-mode.on{background:#fffdf9;color:#1f3861;font-weight:600;box-shadow:0 1px 4px #1f386114}
#moduleWorkspace .module-composer-foot #moduleAsk{margin-left:auto;min-height:36px;padding:6px 20px;border-radius:22px;background:#1f3861;color:#e4d4ae;font-size:13px}
.module-composer-note{font-size:10px;color:#727c89;margin:4px 2px 0;text-align:right;line-height:1.4}
@media(max-width:799px){
 #moduleWorkspace{position:fixed;z-index:75;left:0;right:0;top:var(--module-viewport-top,0px);height:var(--module-workspace-height,100dvh);padding:6px 12px max(6px,env(safe-area-inset-bottom));background:#f5f3ee}
 #moduleWorkspace .module-heading{margin-bottom:4px;gap:6px}#moduleName{font-size:16px}
 #moduleWorkspace .module-store-link{padding:8px;font-size:12px}.module-more summary{font-size:12px;padding:6px}
 #moduleWorkspace .module-chat{padding:8px 4px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
 #moduleWorkspace .module-customer-row{gap:5px}#moduleWorkspace .module-customer-actions .btn{padding:8px 5px;font-size:12px}
 #moduleWorkspace .module-composer{padding:6px 8px}#moduleWorkspace .module-composer textarea{height:40px;min-height:40px;max-height:40px}
 #moduleWorkspace .module-prose{font-size:15px;line-height:1.85}#moduleWorkspace .module-welcome{padding:30px 8px}
}