/* Shared workspace layout */
:root{--sidebar-w:216px;--topbar-h:60px;--bg:#f3f5f9;--border:#e4e8f0}
.main{min-width:0}.sidebar{box-shadow:2px 0 14px #23335a04}.sidebar-logo{min-height:60px}.sidebar-nav{padding:8px 0 20px;scrollbar-width:thin}.sidebar-section{font-size:11px;letter-spacing:1px;margin-top:18px;color:#8a94a6}.nav-item{margin:3px 12px;padding:10px 12px;border-radius:8px;min-height:40px}.nav-item.active{box-shadow:inset 3px 0 var(--primary);font-weight:600}.toolbar{gap:10px;padding:0 24px}.toolbar-title{min-width:120px}.content{padding:24px;scrollbar-width:thin;scroll-behavior:smooth}.page{max-width:1600px;margin:0 auto}.btn,button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #aabaff;outline-offset:2px}.nav-search{margin:12px 12px 4px;width:calc(100% - 24px);padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:#f8f9fc;outline:none}.sidebar.collapsed .nav-search{display:none}.workspace-menu{border:1px solid var(--border);border-radius:7px;background:white;padding:6px 10px;cursor:pointer}.workspace-path{font-size:11px;font-weight:400;color:#8b95a7;margin-bottom:2px}.ec-layout-head{background:linear-gradient(120deg,#eef2ff,#fff)!important;border-color:#dce3fb!important}.ec-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px;border-top:1px solid #dde4f4;padding-top:14px}#page-commerce .ec-tabs button{padding:10px 20px;margin:0;border-color:transparent;background:transparent}#page-commerce .ec-tabs button.selected{background:#4f6ef7;color:white;box-shadow:0 4px 10px #4f6ef722}#page-commerce .ec-card{box-shadow:0 3px 14px #23335a04;padding:24px}#page-commerce .ec-grid{gap:18px}#page-commerce h3{font-size:15px;color:#26334d}#page-commerce p{line-height:1.8}#page-commerce th{background:#f7f9fc;color:#778196;font-size:12px;font-weight:500;white-space:nowrap}#page-commerce td{font-size:13px;vertical-align:middle}#page-commerce tbody tr:hover{background:#fafbfe}#page-commerce button{transition:background .15s,border-color .15s;min-height:36px}#page-commerce button:hover{border-color:#8296ef;background:#eef2ff}#page-commerce .selected:hover{background:#425bda}#page-commerce input{width:140px}#page-commerce .ec-scroll{border:1px solid #edf0f5;border-radius:8px;margin-top:14px}#ec-message:not(:empty){position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#203154;color:white!important;box-shadow:0 8px 24px #20315433;border-radius:10px;padding:12px 22px;z-index:1001;max-width:80vw}#page-commerce meter{height:12px;width:45%;accent-color:#4f6ef7}
@media(min-width:1500px){.content{padding:28px 36px}}
@media(max-width:1000px){:root{--sidebar-w:184px}.content{padding:16px}.toolbar{padding:0 16px;flex-wrap:wrap;height:auto;min-height:60px;padding-top:8px;padding-bottom:8px}#page-commerce .ec-card{padding:18px}.drawer-panel,.crm-drawer-panel{width:90%}}
@media(max-width:700px){.sidebar:not(.mobile-open){display:none}.sidebar.mobile-open{position:fixed;inset:0 auto 0 0;width:216px;z-index:100;box-shadow:10px 0 60px #15213d44}.content{padding:12px}.toolbar{gap:6px}.toolbar-title{flex:1}.toolbar .notes-toggle{display:none}.role-btn{padding:4px 8px}#page-commerce h2{font-size:19px}#page-commerce .ec-grid{grid-template-columns:1fr}#page-commerce .ec-tabs{gap:2px}#page-commerce .ec-tabs button{padding:8px 10px}.drawer-panel,.crm-drawer-panel{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Conversation workspace: constrained columns and independent scrolling */
.content:has(#page-chat.active){overflow:hidden;display:flex;flex-direction:column;min-height:0}
#page-chat.active{display:flex;flex-direction:column;flex:1;width:100%;min-height:0;max-width:none;overflow:hidden}
#page-chat>.page-desc-banner{flex:none;margin-bottom:12px;max-height:100px;overflow:auto;font-size:12px}
#page-chat .chat-layout{flex:1;min-height:0;height:auto;grid-template-columns:240px minmax(0,1fr) 260px;border:1px solid var(--border);border-radius:12px;overflow:hidden}
#page-chat .chat-sidebar,#page-chat .chat-main,#page-chat .chat-info-panel{min-height:0;min-width:0;border-radius:0}
#page-chat .chat-main{overflow:hidden;border-left:0}
#page-chat .chat-list,#page-chat .chat-messages,#page-chat .chat-info-panel{min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
#page-chat .chat-sidebar-header,#page-chat .chat-main-header,#page-chat .chat-input-bar,#page-chat .quote-bar,#page-chat .chat-warning{flex-shrink:0}
#page-chat .chat-main-header{flex-wrap:wrap;padding:12px 16px;gap:8px}
#page-chat .chat-messages{flex:1 1 0;padding:20px;scroll-padding:20px}
#page-chat .chat-msg{max-width:88%;overflow-wrap:anywhere;min-width:0}
#page-chat .msg-actions{position:static;display:flex;flex-wrap:wrap;margin-top:8px;gap:4px;opacity:.65}
#page-chat .chat-msg:hover .msg-actions{opacity:1}
#page-chat .chat-input-bar{background:white;padding:12px;min-width:0}
#page-chat .chat-input-actions{min-width:0;flex-wrap:wrap;gap:5px}
#page-chat .chat-input-actions input{min-width:120px;flex:1 1 160px;border-radius:8px}
#page-chat .chat-input-takeover{flex-wrap:wrap;gap:8px;min-width:0}
#page-chat .takeover-hint{white-space:normal;flex:1 1 170px}
#page-chat .quick-reply-panel,#page-chat .ai-suggest-panel{position:static!important;width:auto!important;max-height:140px;overflow:auto;flex:0 1 auto;border:0;border-top:1px solid var(--border);box-shadow:none;margin:0;border-radius:0}
#page-chat .info-row{gap:8px;overflow-wrap:anywhere}#page-chat .info-row .label{flex-shrink:0}
.chat-view-controls{display:flex;gap:6px;flex-wrap:wrap;flex:none;margin-bottom:10px}.chat-view-controls button{border:1px solid var(--border);background:white;border-radius:6px;padding:6px 12px;cursor:pointer}.chat-view-controls button[aria-pressed=true]{background:var(--primary-light);color:var(--primary);border-color:#c7d2fe}
#page-chat.hide-customer .chat-layout{grid-template-columns:240px minmax(0,1fr)}#page-chat.hide-customer .chat-info-panel{display:none}
@media(max-width:1150px){#page-chat .chat-layout{grid-template-columns:200px minmax(0,1fr)}#page-chat .chat-info-panel{display:none}#page-chat.show-customer .chat-layout{grid-template-columns:minmax(0,1fr) 250px}#page-chat.show-customer .chat-sidebar{display:none}#page-chat.show-customer .chat-info-panel{display:flex}}
@media(max-width:700px){#page-chat>.page-desc-banner{display:none}#page-chat .chat-layout,#page-chat.hide-customer .chat-layout{grid-template-columns:minmax(0,1fr)}#page-chat .chat-sidebar{display:none}#page-chat.show-list .chat-sidebar{display:flex}#page-chat.show-list .chat-main{display:none}#page-chat.show-customer .chat-layout{grid-template-columns:minmax(0,1fr)}#page-chat.show-customer .chat-main{display:none}#page-chat.show-customer .chat-info-panel{display:flex}#page-chat .chat-messages{padding:12px}#page-chat .chat-msg{max-width:94%}}