/* V1.47.5: painéis CRM recolhíveis — sem alterar O.S. ou proposta */
#inbox .inbox-layout { --crm-list-open:280px; --crm-customer-open:280px; }
#inbox .crm-panel-toggle, #inbox .crm-panel-restore {
  appearance:none;cursor:pointer;background:#eaf2ff;color:#075bc7;border:1px solid #c5daf7;
  padding:7px 10px;border-radius:8px;font-size:12px;font-weight:750;white-space:nowrap;
}
#inbox .crm-panel-toggle:focus-visible,#inbox .crm-panel-restore:focus-visible{outline:2px solid #0e70e8;outline-offset:2px}
#inbox .conversation-list>header{gap:6px;min-width:0;}
#inbox .crm-panel-toggle-label{font-size:12px}
#inbox .crm-panel-toggle-customer{margin-left:0;}
#inbox .crm-panel-restore-list{display:none;}
#inbox .chat-context {min-height:35px;height:auto;flex-wrap:wrap;padding-block:4px;}
#inbox .service-window-state.closed {background:#fff4d9!important;color:#80510b!important;border:1px solid #efca85;}
#inbox .service-window-state.closed::before {content:'⚠ ';}
@media (min-width:701px){
  /* Cliente 360° fica recolhido a uma barra na direita, sempre com botão para expandir. */
  #inbox .inbox-layout:not(.customer-open){grid-template-columns:var(--crm-list-open) minmax(0,1fr) 48px!important;}
  #inbox .inbox-layout:not(.customer-open) .customer-pane{
    display:flex!important;flex-direction:column;width:48px!important;min-width:48px!important;
    max-width:48px!important;overflow:hidden!important;border-left:1px solid #dce6f1!important;
  }
  #inbox .inbox-layout:not(.customer-open) .customer-pane>header{
    height:65px;min-height:65px;padding:8px 5px!important;display:flex!important;justify-content:center!important;
  }
  #inbox .inbox-layout:not(.customer-open) .customer-pane>header>:not(#closeCustomer),
  #inbox .inbox-layout:not(.customer-open) .customer-pane>header~* {display:none!important;}
  #inbox .inbox-layout:not(.customer-open) #closeCustomer{display:inline-flex!important;font-size:19px!important;color:#0b66d8}
  #inbox .inbox-layout.crm-list-collapsed {grid-template-columns:54px minmax(0,1fr) 48px!important;}
  #inbox .inbox-layout.crm-list-collapsed.customer-open {grid-template-columns:54px minmax(0,1fr) var(--crm-customer-open)!important;}
  #inbox .inbox-layout.crm-list-collapsed .conversation-list{width:54px!important;min-width:54px!important;grid-template-rows:65px minmax(0,1fr)!important;overflow:hidden;}
  #inbox .inbox-layout.crm-list-collapsed .conversation-list>header{padding:10px 4px!important;justify-content:center!important;align-items:flex-start!important;}
  #inbox .inbox-layout.crm-list-collapsed .conversation-list>header .realtime-state,
  #inbox .inbox-layout.crm-list-collapsed .conversation-list .channel-tabs,
  #inbox .inbox-layout.crm-list-collapsed .conversation-list .queue-tabs,
  #inbox .inbox-layout.crm-list-collapsed .conversation-list .small-search,
  #inbox .inbox-layout.crm-list-collapsed .conversation-list .queue-filters,
  #inbox .inbox-layout.crm-list-collapsed .conversation-list .contact-scroll,
  #inbox .inbox-layout.crm-list-collapsed .crm-panel-toggle-label{display:none!important;}
  #inbox .inbox-layout.crm-list-collapsed .conversation-list .crm-panel-toggle{width:42px;min-width:42px;padding:7px 0;}
  #inbox .inbox-layout:not(.crm-list-collapsed) .crm-panel-restore-list{display:none!important;}
  #inbox .inbox-layout.customer-open .crm-panel-toggle-customer{background:#dbebff;border-color:#6aaffd}
}
@media (max-width:700px){
 #inbox #crmToggleCustomer{display:none!important;}
 #inbox .conversation-list .crm-panel-toggle-label{display:inline;}
 #inbox .inbox-layout.crm-list-collapsed{display:block!important;}
}
