.inbox-call-entry { display: flex; align-items: center; gap: 7px; flex-shrink: 0; max-width: 200px; }
.inbox-call-dial { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border-radius: 50%; border: 1px solid #386056; background: #173d34; color: #a6dac3; font-size: 23px; line-height: 1; }
.inbox-call-dial:hover { background: #235345; }
.inbox-call-dial:disabled { color: #778d91; background: #28363c; border-color: #35464d; cursor: default; opacity: .7; }
.inbox-call-entry-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.inbox-call-badge { font-size: 9px; color: #a9bcae; line-height: 1.5; }
.inbox-call-capability { display: block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #80969c; font-size: 9px; }
.inbox-call-panel { box-sizing: border-box; align-self: flex-end; flex-shrink: 0; width: min(360px, calc(100% - 24px)); max-height: 40%; overflow: auto; margin: 0 12px 10px; padding: 13px 15px; color: #c5d9d2; background: #182d32; border: 1px solid #39584f; border-radius: 11px; box-shadow: 0 4px 18px #0003; }
.inbox-call-panel[hidden] { display: none; }
.inbox-call-panel.inbox-call-connected { border-color: #337a60; }
.inbox-call-panel-head { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.inbox-call-panel-head strong { font-size: 11px; font-weight: 500; flex-shrink: 0; color: #b4cfc1; }
.inbox-call-peer { font-size: 10px; color: #8fa8a1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inbox-call-status { margin: 7px 0 4px; color: #e1eee7; font-size: 14px; line-height: 1.5; }
.inbox-call-detail { font-size: 10px; color: #8ea7a5; line-height: 1.7; margin: 3px 0 10px; overflow-wrap: anywhere; }
.inbox-call-audio { display: block; width: 100%; min-width: 0; height: 34px; margin: 8px 0 10px; }
.inbox-call-audio[hidden], .inbox-call-actions button[hidden] { display: none; }
.inbox-call-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.inbox-call-actions button { border: 1px solid #3b5557; background: #263c40; color: #bcd3c8; border-radius: 6px; padding: 6px 12px; font-size: 11px; }
.inbox-call-actions button:hover { background: #354e50; }
.inbox-call-actions .inbox-call-accept { background: #008966; border-color: #159c79; color: #e0f4e7; }
.inbox-call-actions .inbox-call-end { background: #6e3835; border-color: #8b4c44; color: #f5d0c7; }
.inbox-call-actions button:disabled { cursor: default; opacity: .4; }
.inbox-call-banner { box-sizing: border-box; position: fixed; top: 55px; right: 18px; z-index: 60; width: min(350px, calc(100vw - 28px)); padding: 14px 16px; border: 1px solid #487668; border-radius: 10px; background: #18332f; color: #d5e8df; box-shadow: 0 8px 30px #0006; }
.inbox-call-banner[hidden] { display: none; }
.inbox-call-banner>strong { display: block; color: #a6c9b6; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
@media (max-width: 1050px) { .inbox-call-entry { max-width: 125px; } .inbox-call-capability { max-width: 76px; } }
@media (max-width: 720px) {
  .inbox-call-entry { gap: 4px; max-width: 75px; }
  .inbox-call-dial { width: 29px; height: 29px; font-size: 20px; }
  .inbox-call-entry-text { max-width: 39px; }
  .inbox-call-badge { font-size: 8px; }
  .inbox-call-capability { max-width: 39px; font-size: 8px; }
  .inbox-call-panel { width: calc(100% - 18px); margin: 0 9px 8px; padding: 10px 11px; max-height: 45%; }
  .inbox-call-banner { top: 44px; right: 10px; padding: 12px; }
}