/* Keep call controls and caller context visually separate in the phone panel. */
.phone-dock-with-context .phone-dock-body { padding-bottom: 16px; scroll-padding-block: 16px; }
.phone-dock-with-context .call-recording-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 16px; }
.phone-dock-with-context .call-recording-controls button { min-width: 0; padding: 10px 6px; line-height: 1.4; }
.phone-dock-with-context .call-recording-controls button:only-child { grid-column: 1 / -1; }
.phone-dock-with-context .call-recording-controls button svg { flex-shrink: 0; width: 17px; height: 17px; }
.phone-dock-with-context .phone-active-line { margin: 0 0 12px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.phone-dock-with-context .caller-context-compact { border-top: 1px solid var(--border,#e4e7ef); padding-top: 16px; margin-top: 4px; }
.phone-dock-with-context .caller-context-compact .caller-profile { align-items: center; gap: 10px; margin-bottom: 16px; }
.phone-dock-with-context .caller-context-compact .caller-profile h3 { font-size: 14px; line-height: 1.5; }
.phone-dock-with-context .phone-dock-call-actions { position: relative; padding-top: 12px; border-top: 1px solid var(--border,#e4e7ef); box-shadow: 0 -8px 12px -12px #20293840; }
.phone-dock-with-context .phone-footer { margin-top: 12px; }
@media (max-width: 360px) {
 .phone-dock-with-context .call-recording-controls button { font-size: 10px; gap: 4px; }
}