.media-tools{padding:9px 18px;border-bottom:1px solid #dde6eb;background:#f8fbfc;max-height:260px;overflow:auto;font-size:11px}.media-tools summary{cursor:pointer;min-height:25px;display:list-item}.media-tools label{font-size:11px;margin:9px 0}.media-tools input[type=file]{width:100%;font-size:11px}.media-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.media-tools button{font-size:11px;padding:7px}.media-tools small{font-size:10px}.media-image{display:block;width:100%;max-width:300px;max-height:220px;object-fit:contain;border-radius:7px;background:#edf2f5;margin:8px 0;cursor:zoom-in}.private-audio{display:block;width:100%;max-width:320px;min-width:0;margin:10px 0}.media-item{max-width:100%;min-width:0}.media-item .pill{white-space:normal}.media-item button{font-size:11px;margin:7px 0}.media-result{font-size:11px;padding:9px;background:#fff6de;border-radius:6px;white-space:normal;line-height:1.6}.media-item a{color:#245f74;font-size:11px}.calendar-layout{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:22px}.calendar-layout>section{min-width:0}.calendar-layout .card{margin-bottom:14px}.calendar-layout details{margin:15px 0;font-size:11px}.calendar-layout #calendar-availability-note{font-size:11px;color:#657d89}.calendar-layout .inline{white-space:normal}.calendar-layout input[type=checkbox]{width:20px;flex-shrink:0}.calendar-layout .inline{flex-direction:row;align-items:center}.calendar-layout>form>button[type=submit]{margin-top:12px}.appointment .tag{margin-right:5px}.appointment p{font-size:12px}.appointment small{overflow-wrap:anywhere}.appointment-controls{display:flex;gap:8px;margin-top:12px}.qa-switch{margin-bottom:10px;font-size:11px}.qa-switch input{flex-shrink:0}#image-dialog{width:min(900px,95vw)}#image-dialog img{display:block;max-width:100%;max-height:72dvh;margin:12px auto}#image-dialog button{display:block;margin-left:auto}
@media(max-width:1000px){.calendar-layout{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:760px){.calendar-layout{display:block}.media-tools{padding:8px 10px;max-height:230px}.media-tools button{min-height:44px}.media-tools input[type=file]{min-height:44px}.media-tools summary{min-height:30px}.media-actions{gap:5px}.media-item .media-image{max-height:170px}.media-item .private-audio{max-width:100%}.bubble{min-width:0}.calendar-layout>section{margin-top:20px}.calendar-layout form{padding:15px}.qa-switch{white-space:normal}.media-tools .inline{white-space:normal;min-height:44px}nav button{font-size:8.5px}}

#integration-settings {max-width:100%;overflow-wrap:anywhere} #integration-settings form {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px} #integration-settings input,#integration-settings select {max-width:100%;min-width:0} #integration-settings label {min-width:0} #integration-note {white-space:pre-wrap}

/* H4 responsive refinement: contained tables, stable context, touch-sized fields. */
.table-scroll{max-width:100%;overscroll-behavior:contain;scrollbar-gutter:stable}
#contacts-table th:first-child,#contacts-table td:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:2px 0 3px #183f5015}
#contacts-table th:first-child{z-index:3;background:#013442}
.task-controls{flex-wrap:wrap}.task-controls>*{max-width:100%}
.context.open{max-width:100%;overscroll-behavior:contain}
#mobile-new-task{margin-bottom:12px}.table-hint{margin-bottom:8px}
#integration-settings summary{min-height:44px;cursor:pointer;line-height:1.6}
#integration-settings button{align-self:end;min-height:44px;margin:4px 3px 4px 0;white-space:normal;max-width:100%}
@media(max-width:760px){
 nav button{font-size:9.5px}.brand button{min-width:44px}
 input:not([type=checkbox]),select,textarea{font-size:16px}
 .task-controls select{flex:1 1 130px;min-width:0}
 .contact-fields label{margin:8px 0}.card{padding:14px}
 .page-title{flex-wrap:wrap}.page-title>div{min-width:0;flex:1 1 150px}
 #integration-settings form{gap:0 10px}#integration-settings form label{margin:8px 0}
 #integration-settings>button{width:100%;margin:4px 0}
 .chat-head h2{overflow-wrap:anywhere}.composer textarea{font-size:16px}
}