#sectionChat .care-enabled { grid-template-columns: minmax(230px, .85fr) minmax(330px, 1.6fr) minmax(240px, .85fr); }
#sectionChat .chat-sidebar { display: flex; flex-direction: column; }
#sectionChat .chat-thread-list { flex: 1; min-height: 100px; overflow: auto; }
#sectionChat .chat-sidebar .chat-form { flex-shrink: 0; max-height: 210px; overflow: auto; }
#sectionChat .chat-main { display: flex; flex-direction: column; min-width: 0; }
#sectionChat .chat-messages { flex: 1; min-height: 120px; overflow-y: auto; }
#sectionChat .chat-composer { flex-shrink: 0; }
.care-filters { padding: .6rem .8rem; display: grid; gap: .55rem; border-bottom: 1px solid var(--line); }
.care-filters label, .care-section label { display: grid; gap: .3rem; font-size: .75rem; }
.care-filters input[type=search], .care-filters select, .care-section input, .care-section textarea,
.care-reply-bar select, .care-reply-bar input { width: 100%; min-width: 0; background: #101923; color: var(--text); border: 1px solid var(--line); border-radius: 6px; padding: .5rem; }
.care-filter-toggles { display: flex; gap: .5rem; flex-wrap: wrap; }
.care-filter-toggles label { display: flex; align-items: center; gap: .25rem; }
.care-filter-toggles input { width: auto; }
.care-panel { display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.care-panel-content { padding: .8rem; overflow-y: auto; min-height: 0; }
.care-section { padding-bottom: .85rem; margin-bottom: .85rem; border-bottom: 1px solid var(--line); }
.care-section h3, .care-section summary { font-size: .85rem; margin: 0 0 .65rem; font-weight: 700; }
.care-section summary { cursor: pointer; }
.care-section p { font-size: .8rem; overflow-wrap: anywhere; }
.care-section small, .care-footnote, #careQueueSummary { display: block; font-size: .7rem; color: var(--muted); line-height: 1.6; }
.care-section label { margin: .6rem 0; }
.care-section dl { display: grid; grid-template-columns: 1fr auto; gap: .5rem; font-size: .75rem; }
.care-section dd { margin: 0; font-weight: 600; }
.care-actions { display: flex; flex-wrap: wrap; gap: .35rem; margin: .6rem 0; }
.care-actions button, #carePause { font-size: .72rem; padding: .45rem .6rem; }
.care-record { display: grid; gap: .2rem; padding: .55rem 0; border-bottom: 1px solid var(--line); font-size: .75rem; }
.care-reply-bar { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; width: 100%; }
.care-reply-bar select, .care-reply-bar input { flex: 1; min-width: 130px; font-size: .75rem; }
#careSearchCount { font-size: .7rem; }
.care-overview { display: grid; gap: .2rem; padding: .65rem .8rem; border-bottom: 1px solid var(--line); font-size: .72rem; }
.care-overview span, .care-overview small { color: var(--muted); line-height: 1.5; }
#careMode { font-size: .65rem; color: #78d9ac; }
#sectionChat [hidden] { display: none !important; }
#sectionChat .whatsapp-broadcast-form { flex: 1; }
@media (max-width: 1200px) {
  #sectionChat .care-enabled { grid-template-columns: minmax(220px, .7fr) minmax(330px, 1.3fr); }
  #sectionChat .care-panel { grid-column: 1 / -1; max-height: 380px; }
  body.desktop-layout #sectionChat .care-enabled { height: auto; }
  body.desktop-layout #sectionChat .care-enabled .chat-main, body.desktop-layout #sectionChat .care-enabled .chat-sidebar { height: 620px; }
}
@media (max-width: 760px) {
  #sectionChat .care-enabled { display: flex; flex-direction: column; }
  #sectionChat .chat-sidebar { max-height: 430px; min-height: 220px; }
  #sectionChat .chat-main { min-height: 520px; max-height: 800px; }
  #sectionChat .care-panel { max-height: none; }
}