.panel-action-dialog { width: min(600px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 20px; border: 1px solid #d5dee7; border-radius: 8px; background: #fff; color: #172431; overflow: auto; }
.panel-action-dialog-wide { width: min(1200px, calc(100vw - 24px)); }
.panel-dialogs-ready .agents-layout { grid-template-columns: minmax(230px, .8fr) minmax(0, 1.8fr); }
.panel-action-dialog::backdrop { background: rgba(16, 24, 32, .6); }
.panel-action-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.panel-action-heading h2 { margin: 0; font-size: 22px; overflow-wrap: anywhere; }
.panel-action-heading .icon-button { flex: 0 0 40px; height: 40px; }
.panel-action-dialog > .view { padding: 0; min-width: 0; }
.panel-action-dialog > .panel { padding: 0; border: 0; box-shadow: none; min-height: 0; }
.panel-action-dialog > .panel > .section-head { display: none; }
.panel-action-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; margin-top: 20px; }
@media(max-width: 980px) { .panel-dialogs-ready .agents-layout { grid-template-columns: minmax(0, 1fr); } }
@media(max-width: 680px) { .panel-action-dialog { padding: 14px; } .panel-action-dialog .office-layout, .panel-action-dialog .lead-layout, .panel-action-dialog .calendar-layout { grid-template-columns: minmax(0, 1fr); } }