#vobixCallHistory{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-height:85dvh;padding:20px;border:1px solid #36536d;border-radius:24px;background:#081d30;color:#eff8ff;font-family:system-ui,sans-serif}
#vobixCallHistory::backdrop{background:#0009}#vobixCallHistory header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#vobixCallHistory h2{margin:0;font-size:24px}#vobixCallHistory header button{width:44px;height:44px;border:0;border-radius:50%;background:#ffffff10;color:white;font-size:28px}
.callHistoryList{display:grid;gap:4px}.callHistoryRow{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #ffffff13;align-items:center}.callHistoryIcon{display:grid;place-items:center;width:42px;height:42px;background:#138cd126;color:#61c9ff;border-radius:50%;font-size:24px}.callHistoryRow b,.callHistoryRow span,.callHistoryRow small{display:block;overflow-wrap:anywhere}.callHistoryRow b{font-size:16px}.callHistoryRow span{font-size:12px;color:#a9bed0;margin-top:5px;line-height:1.5}.callHistoryRow small{color:#9eafbf;margin-top:5px}.callHistoryRow .active{color:#66e2b4}.callHistoryRow>button{grid-column:2;justify-self:start;background:#1686bd;color:white;border:0;border-radius:20px;min-height:42px;padding:10px 18px;font:600 14px system-ui}
[data-call-setup]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:14px 16px;border:1px solid #28607e;border-radius:18px;background:#0b2c42;color:#e5f6ff;font:14px/1.5 system-ui}[data-call-setup][hidden]{display:none!important}[data-call-setup] p{flex:1;min-width:160px;margin:0}[data-call-setup] button{border:0;border-radius:16px;min-height:44px;padding:10px 16px;background:#1583bd;color:white;font:600 14px system-ui}

.callHistoryFilters,.vxInboxFilters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.callHistoryFilters button,.vxInboxFilters button{border:1px solid #375b78;border-radius:22px;padding:10px 16px;min-height:44px;background:#0d2a40;color:#c6deef;font:600 14px system-ui;cursor:pointer}
.callHistoryFilters button[aria-pressed="true"],.vxInboxFilters button[aria-pressed="true"]{background:#115d87;border-color:#58c8ff;color:#fff}
.callHistoryFilters button:focus-visible,.vxInboxFilters button:focus-visible{outline:3px solid #71d5ff;outline-offset:2px}
.callHistoryRow.missed b,.callHistoryRow.missed small{color:#9ac6ff}.callHistoryRow.missed .callHistoryIcon{color:#9ac6ff;background:#4488e026}

/* Compact call log with a fixed header and a scrolling list. */
body #vobixCallHistory{width:min(440px,calc(100vw - 24px));padding:12px;overflow:hidden;}
body #vobixCallHistory[open]{display:flex;flex-direction:column;}
body #vobixCallHistory header{position:relative;top:auto;flex:0 0 auto;margin:0;padding:0 0 8px;gap:8px;min-height:52px;}
body #vobixCallHistory header h2{font-size:22px;line-height:1.2;}
body #vobixCallHistory .callHistoryFilters{flex:0 0 auto;margin:0 0 8px;gap:8px;}
body #vobixCallHistory .callHistoryList{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2px;}
body #vobixCallHistory .callHistoryRow{grid-template-columns:36px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:10px 0;margin:0;min-height:76px;border-bottom:1px solid #c6dce9;}
body #vobixCallHistory .callHistoryRow:last-child{border-bottom:0;}
body #vobixCallHistory .callHistoryIcon{width:36px;height:36px;margin:0;font-size:20px;line-height:1;}
body #vobixCallHistory .callHistoryRow b{font-size:max(16px,var(--vobix-menu-font,15px));font-weight:750;line-height:1.3;margin:0;}
body #vobixCallHistory .callHistoryRow span:not(.callHistoryMedia){font-size:max(12px,calc(var(--vobix-menu-font,15px) - 3px));line-height:1.3;margin:3px 0 0;}
body #vobixCallHistory .callHistoryRow small{font-size:max(12px,calc(var(--vobix-menu-font,15px) - 3px));line-height:1.3;margin:2px 0 0;}
body #vobixCallHistory .callHistoryMedia{margin:0;width:28px;height:44px;}
body #vobixCallHistory:has(.callHistoryMenu[open]){overflow:visible;}