.voice-controls { padding: .75rem 1.5rem; border-bottom: 1px solid #e1e2dc; background: #fff; }
.voice-controls__availability, .voice-controls form, .voice-controls__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.voice-controls__availability { margin-bottom: .5rem; }
.voice-controls [role="status"] { margin-right: auto; }
.voice-controls form { margin: 0; }
.voice-controls form select { width: auto; flex: 1 1 12rem; min-width: 0; }
.voice-controls form input { width: 10rem; flex: 1 1 10rem; min-width: 0; }
.voice-controls small { display: block; margin-top: .4rem; color: #686b62; }
.voice-controls [hidden] { display: none !important; }
.voice-controls__actions:has(button:not([hidden])) { margin-top: .5rem; }
.phone-line { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #e1e2dc; margin-bottom: 1rem; }
.phone-line p { margin: .4rem 0; }
#employee-calling { padding: 1rem 0; margin-bottom: 1.5rem; background: transparent; border-bottom: 1px solid var(--line); }
#employee-calling .voice-controls__availability { flex-direction: column; align-items: flex-start; gap: .35rem; margin-bottom: 1rem; }
#employee-calling [role="status"] { color: var(--muted); font-size: .875rem; line-height: 1.5; }
#employee-calling .voice-controls__actions { align-items: flex-start; }
#employee-calling label { flex-basis: 100%; }
#employee-calling select { flex: 1 1 16rem; min-width: 0; width: auto; margin: 0; }
.calling-notice { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem 2rem; padding: 1rem 0; margin-bottom: 2rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.calling-notice__copy { flex: 1 1 18rem; min-width: 0; }
.calling-notice h2 { margin: 0; font-size: 1rem; letter-spacing: 0; }
.calling-notice p { margin: .35rem 0 0; color: var(--muted); font-size: .875rem; line-height: 1.5; }
.calling-notice__actions { display: flex; flex-wrap: wrap; gap: .5rem; max-width: 100%; }
.calling-notice__actions a { display: inline-block; font-size: .875rem; text-decoration: none; overflow-wrap: anywhere; }
.conversation-search select { grid-column: 1 / -1; width: 100%; min-width: 0; }
@media (max-width: 700px) {
  .voice-controls { padding: .75rem; }
  .voice-controls__availability [role="status"] { flex: 1; }
  .voice-controls form select { flex-basis: calc(100% - 5rem); }
  .phone-line { align-items: flex-start; flex-direction: column; }
}
body:has(> .inbox) { display: flex; flex-direction: column; height: 100dvh; }
body:has(> .inbox) > .topbar, body:has(> .inbox) > .voice-controls { flex: 0 0 auto; }
body > .inbox { flex: 1 1 auto; min-height: 0; height: auto; }

.call-composer { margin: 1.5rem 0 2.5rem; border: 1px solid var(--line); border-radius: .75rem; background: #fff; }
.call-composer > summary { padding: 1.25rem; cursor: pointer; font-size: 1.125rem; font-weight: 600; }
.call-composer > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.call-composer__options { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-top: 1px solid var(--line); }
.call-composer .voice-controls, .call-composer #employee-calling { padding: 1.25rem; margin: 0; border: 0; }
.call-composer #employee-calling { border-left: 1px solid var(--line); }
.call-composer .voice-controls__availability { align-items: flex-start; gap: .5rem; }
.call-composer .voice-controls__availability > strong { flex-basis: 100%; }
.call-composer .voice-controls__availability > button { font-size: .8rem; }
.call-composer #employee-calling .voice-controls__availability { flex-direction: row; margin-bottom: .5rem; }
.call-background[hidden] { display: none !important; }
.call-history__heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; }
.call-history__heading h2 { font-size: 1rem; margin: 0; }
.call-history__filter { display: flex; gap: .5rem; margin: 0; }
.call-history__filter select { min-width: 0; width: auto; margin: 0; }
.call-history__row { display: flex; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.call-history__identity { flex: 1; min-width: 0; }
.call-history__identity h3 { margin: 0; font-size: 1rem; overflow-wrap: anywhere; }
.call-history__identity p, .call-history__row time { margin: .25rem 0 0; font-size: .8rem; color: var(--muted); }
.call-history__actions { display: flex; align-items: center; gap: .75rem; font-size: .8rem; }
.voicemail-page .settings-heading { margin-bottom: 1.25rem; }
.voicemail-filter { display: flex; gap: .5rem; margin: 1.5rem 0; }
.voicemail-filter select { flex: 0 1 24rem; min-width: 0; width: auto; }
.voicemail-filter input[type="submit"] { flex: 0 0 auto; }
.voicemail-page .settings-card + .settings-card { margin-top: 1rem; }
@media (max-width: 700px) {
  .call-composer__options { grid-template-columns: minmax(0, 1fr); }
  .call-composer #employee-calling { border-left: 0; border-top: 1px solid var(--line); }
  .call-history__row { flex-wrap: wrap; }
  .call-history__actions { flex-basis: 100%; }
  .call-history__filter { width: 100%; }
  .call-history__filter select { flex: 1; }
}