/* Responsive overrides after shared presentation. Preserve real table columns. */
.chat-mobile-navigation {display:none}
.chat-workspace .chat-message-more {flex-basis:auto}
.chat-workspace .chat-message-more-list {display:none}
.chat-actions-popover {position:fixed;z-index:10030;width:230px;max-width:calc(100vw - 16px);overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);display:grid;gap:2px}
.chat-actions-popover button {display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13px;text-align:start;white-space:normal;cursor:pointer}
.chat-actions-popover button:hover {background:var(--ui-soft)}
@media(max-width:780px) {
 main {padding:18px 12px 28px}
 .topbar {height:auto;min-height:60px;padding:8px 10px;gap:6px;flex-wrap:wrap}
 .top-actions {gap:4px;flex:1;justify-content:flex-end}
 .top-actions .company-picker {flex:1;max-width:145px;min-width:0;padding-inline:6px}
 .top-actions .company-picker {display:flex}
 .top-actions #workspacePreferences {display:inline-grid;place-items:center}
 .company-picker select {width:100%;min-width:0;max-width:100%;font-size:12px;padding-right:2px}
 .top-actions>.icon-button,.mobile-menu {width:40px;height:44px;flex-shrink:0}
 .network-status {font-size:0;gap:0;padding:0;width:12px;min-width:12px}
 .network-status::before {margin:0}
 .page-head {gap:12px;align-items:stretch;flex-direction:column}
 .page-head>div {max-width:100%}
 .page-head h1 {font-size:26px}
 .page-head>.primary {width:auto;align-self:flex-start}
 .metric-grid,.demo-metrics,.desk-metrics,.ops-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .metric-grid article {padding:12px}
 .metric-grid strong {font-size:24px}
 .metric-grid article small {line-height:1.4}
 .panel {padding:14px}
 .module-panel,.companies-panel {padding:0}
 .toolbar {flex-direction:row;padding:10px}
 .toolbar>label {flex-basis:100%}
 .toolbar>select {flex:1;max-width:100%}
 .toolbar>button {min-height:44px}
 .desk-controls>label:first-child,.knowledge-toolbar>label:first-child {min-width:0;width:100%;flex-basis:100%}
 .knowledge-shell {display:block;min-height:0}
 .knowledge-sidebar {flex-direction:row;max-width:100%;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}
 .knowledge-sidebar>button {flex-shrink:0;min-height:44px}
 .knowledge-main {padding:12px}
 .knowledge-overview {grid-template-columns:repeat(2,minmax(0,1fr))}
 .knowledge-grid,.platform-v30-grid {grid-template-columns:minmax(0,1fr)}
 .platform-v30-board {grid-template-columns:repeat(5,minmax(240px,82vw))}
 .settings-grid,.platform-security-v38 .settings-grid {grid-template-columns:minmax(0,1fr)!important}
 .company-row {grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .company-row>div:nth-child(2) {grid-column:1;overflow-wrap:anywhere}
 .company-row>.badge {grid-column:1}
 .company-row>.row-action {grid-column:2;grid-row:1/4;min-width:44px;min-height:44px}
 .companies-panel>.table-head {display:none}
 .admin-toolbar {align-items:flex-start;flex-direction:column}
 .admin-list article {grid-template-columns:42px minmax(0,1fr);padding:12px;gap:10px}
 .admin-list article>* {min-width:0;overflow-wrap:anywhere}
 .modal {padding:8px;align-items:end}
 .modal-card {width:100%;max-width:100%;max-height:calc(100dvh - 16px);padding:16px;border-radius:16px 16px 0 0}
 .modal-card :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {font-size:16px}
 .modal-head {gap:10px}
 .modal-actions {padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .modal-actions button {min-height:44px;flex:1}
 .knowledge-reader,.desk-detail-panel {padding:16px 12px max(16px,env(safe-area-inset-bottom));width:100%;height:100dvh}
 .knowledge-reader-head {flex-direction:row;gap:10px;align-items:flex-start}
 .knowledge-reader-head h1 {font-size:24px}
 .notification-drawer:not(.open) {right:-100vw}
 .notification-drawer {width:100%;padding-bottom:env(safe-area-inset-bottom)}
 .toast {left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
 .primary,.secondary,.row-action,.platform-v30-tabs button,.desk-queues button,.chat-actions-popover button {min-height:44px}
}
@media(max-width:780px) {
 .whistle-chat-view main {padding:10px 8px 8px}
 .whistle-chat-view #moduleView>.page-head {margin-bottom:10px}
 .whistle-chat-view .chat-workspace {display:flex;flex-direction:column;height:var(--chat-mobile-height,75dvh);min-height:0;overflow:hidden}
 .chat-workspace[data-mobile-pane="list"] .chat-dialog-block,.chat-workspace[data-mobile-pane="list"] .chat-info-block {display:none}
 .chat-workspace[data-mobile-pane="dialog"] .chat-list-block,.chat-workspace[data-mobile-pane="dialog"] .chat-info-block {display:none}
 .whistle-chat-dialog #moduleView>.page-head {display:none}
 .chat-workspace .chat-list-block {max-height:none;min-height:0;flex:1;overflow:hidden;padding:12px 10px}
 .chat-workspace .chat-list {min-height:0;overflow-y:auto;flex:1;align-content:start}
 .chat-workspace[data-mobile-pane]:not([data-mobile-pane="list"])>.chat-mobile-navigation {display:flex;align-items:center;padding:4px 8px;gap:8px;flex-shrink:0;border-bottom:1px solid var(--line)}
 .chat-mobile-navigation button {min-height:40px;border:0;background:transparent;color:var(--teal);font:inherit;font-size:13px;font-weight:600;padding:6px 8px}
 .chat-workspace .chat-dialog-block {height:auto;min-height:0;flex:1;grid-template-rows:auto auto minmax(0,1fr) auto}
 .chat-workspace .chat-dialog-head {padding:8px;gap:8px;grid-template-columns:36px minmax(0,1fr)}
 .chat-workspace .chat-dialog-head h3 {font-size:18px;overflow-wrap:anywhere}
 .chat-workspace .chat-dialog-head>div:last-child {max-width:100%;margin-left:0;grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}
 .chat-workspace .chat-view-tabs {padding:4px 8px;min-height:44px}
 .chat-workspace .chat-messages {min-height:0;padding:10px;overscroll-behavior:contain}
 .chat-workspace .chat-composer {padding:8px 8px max(8px,env(safe-area-inset-bottom));min-width:0}
 .chat-workspace .chat-compose-tools {display:flex;flex-wrap:nowrap;gap:4px;min-width:0}
 .chat-workspace .chat-compose-tools button {padding:6px;min-width:40px;min-height:44px;flex-shrink:0}
 .chat-workspace .chat-compose-tools .chat-send {margin-left:auto;min-width:0;padding:8px 10px;font-size:12px}
 .chat-workspace .chat-message {max-width:96%;min-width:0}
}
@media(max-width:359px) {.topbar .network-status {display:none}.top-actions .company-picker {max-width:90px}.chat-workspace .chat-compose-tools {gap:2px}.chat-workspace .chat-compose-tools button {min-width:36px}}

@media(min-width:781px) {.chat-workspace,.chat-workspace.info-hidden {grid-template-columns:minmax(190px,var(--chat-left)) minmax(0,1fr)}.chat-workspace:not(.info-hidden) {grid-template-columns:minmax(190px,var(--chat-left)) minmax(0,1fr) var(--chat-right)}}
@media(min-width:781px) and (max-width:1200px) {.chat-workspace,.chat-workspace.info-hidden,.chat-workspace:not(.info-hidden) {grid-template-columns:200px minmax(0,1fr)}.chat-workspace .chat-info-block {display:none}}

@media(max-width:780px) {.chat-workspace[data-mobile-pane="info"] .chat-list-block,.chat-workspace[data-mobile-pane="info"] .chat-dialog-block {display:none}.chat-workspace[data-mobile-pane="info"] .chat-info-block {display:block;flex:1;min-height:0;overflow:auto;width:100%;padding:14px}}