.call-log-nav{display:flex;align-items:stretch;gap:12px;flex:0 0 auto;margin-top:auto;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid #e4ece7;background:#fff;color:#62756f}.call-log-nav>span,.call-log-nav>button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;margin:0;padding:0 8px;border:0;border-radius:14px;background:transparent;color:inherit;font-size:13px;font-weight:550;line-height:18px;text-decoration:none}.call-log-nav>button{cursor:pointer}.call-log-nav>button:disabled{opacity:.5;cursor:default}.call-log-tab-icon{display:grid;place-items:center;width:62px;height:31px;border-radius:20px}.call-log-nav>[aria-current=page]{color:#08785b;font-weight:650}.call-log-nav>[aria-current=page] .call-log-tab-icon{background:#d9f3e5}.call-log-nav>button:hover .call-log-tab-icon{background:#edf7f1}.call-log-nav>button:focus-visible{outline:2px solid #078465;outline-offset:-2px}html:is(.dark,.crm-glass) .call-log-nav{background:var(--slate-card-solid,#182c36);color:var(--slate-muted,#a9bdc8);border-color:var(--slate-edge,#c0dfef24)}html:is(.dark,.crm-glass) .call-log-nav>[aria-current=page]{color:var(--slate-positive,#9debd0)}html:is(.dark,.crm-glass) .call-log-nav>[aria-current=page] .call-log-tab-icon{background:var(--crm-glass-active,#69d7b41c)}html:is(.dark,.crm-glass) .call-log-nav>button:hover .call-log-tab-icon{background:#86bba316}.call-log-search .call-log-search-clear{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;margin-right:-9px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cl-muted)}.call-log-dialog{--cl-bg:#fff;--cl-ink:#172d29;--cl-muted:#71827c;--cl-line:#e4ece7;--cl-fill:#f2f6f3;--cl-green:#078465;--cl-red:#d84958;position:fixed;inset:0;margin:auto;padding:0;width:min(650px,calc(100vw - 32px));max-width:100%;max-height:calc(100dvh - 40px);border:1px solid var(--cl-line);border-radius:22px;background:var(--cl-bg);color:var(--cl-ink);box-shadow:0 22px 100px #10251b4d;overflow:hidden}.call-log-dialog::backdrop{background:#071d2280;backdrop-filter:blur(4px)}.call-log-shell{display:flex;flex-direction:column;height:min(780px,calc(100dvh - 42px))}.call-log-header{display:flex;align-items:center;gap:8px;padding:20px 20px 10px;flex-shrink:0}.call-log-header>div{flex:1;min-width:0}.call-log-header h2{margin:0;font-size:27px;line-height:1.2;font-weight:650}.call-log-header p{margin:5px 0 0;font-size:12px;color:var(--cl-muted)}.call-log-dialog button{cursor:pointer;color:inherit}.call-log-dialog button:disabled{opacity:.5;cursor:default}.call-log-header>button,.call-log-toolbar>button,.call-log-new-chat{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:14px;background:transparent}.call-log-dialog button:hover:not(:disabled){background:var(--cl-fill)}.call-log-dialog button:focus-visible{outline:2px solid var(--cl-green);outline-offset:-2px}.call-log-toolbar{display:flex;align-items:center;gap:10px;padding:16px 22px 12px;flex-shrink:0}.call-log-search{display:flex;align-items:center;gap:12px;min-width:0;flex:1;min-height:54px;border-radius:28px;background:var(--cl-fill);padding:0 16px;color:var(--cl-muted)}.call-log-search:focus-within{outline:2px solid var(--cl-green)}.call-log-filters{display:flex;gap:7px;padding:6px 20px 14px;overflow:auto;flex-shrink:0;border-bottom:1px solid var(--cl-line)}.call-log-filters button{white-space:nowrap;font-size:12px;border:1px solid var(--cl-line);padding:8px 12px;border-radius:20px;background:transparent;min-height:36px}.call-log-filters button[aria-pressed=true]{background:color-mix(in srgb,var(--cl-green) 13%,transparent);color:var(--cl-green);border-color:color-mix(in srgb,var(--cl-green) 35%,transparent)}.call-log-content{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:0 12px 12px}.call-log-list{list-style:none;padding:0;margin:0}.call-log-day{margin:18px 10px 5px;font-size:13px;font-weight:650;color:var(--cl-muted)}.call-log-row{display:flex;align-items:center;gap:2px;padding:2px 0}.call-log-person{display:flex;align-items:center;gap:13px;min-width:0;flex:1;border:0;border-radius:15px;padding:12px 9px;background:transparent;text-align:left}.call-log-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#426b72;color:#fff;font-size:22px;overflow:hidden}.call-log-avatar img{width:100%;height:100%;object-fit:cover}.call-log-info{display:flex;flex-direction:column;gap:4px;min-width:0}.call-log-info strong{font-size:16px;font-weight:600;overflow-wrap:anywhere;line-height:1.3}.call-log-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--cl-muted);font-size:13px}.call-log-meta svg{color:var(--cl-green);flex-shrink:0}.call-log-info small{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--cl-muted);font-size:11px}.call-log-row.is-missed strong,.call-log-row.is-missed .call-log-meta svg{color:var(--cl-red)}.call-log-callback{flex-shrink:0}.call-log-callback .chat-voice-trigger{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border:0!important;background:transparent!important;color:var(--cl-green)!important}.call-log-callback .chat-voice-trigger-label{display:none!important}.call-log-new-chat{color:var(--cl-green)!important}.call-log-footer{padding:12px 22px;border-top:1px solid var(--cl-line);color:var(--cl-muted);font-size:11px;line-height:1.5;flex-shrink:0}.call-log-empty{padding:48px 22px;text-align:center;color:var(--cl-muted)}.call-log-empty svg{margin:0 auto 14px;opacity:.65}.call-log-empty h3{font-size:17px;color:var(--cl-ink);margin:0 0 10px}.call-log-empty p{font-size:13px;line-height:1.6}.call-log-warning{margin:12px 8px;padding:12px;border-radius:12px;background:#fff4da;color:#855d17;font-size:13px;line-height:1.5}.call-log-warning button{border:0;background:transparent;text-decoration:underline;margin-left:8px}.call-log-spin{animation:cl-spin 1s linear infinite}@keyframes cl-spin{to{transform:rotate(360deg)}}html.dark .call-log-dialog,html.crm-glass .call-log-dialog{--cl-bg:var(--slate-card-solid,#182c36);--cl-ink:var(--slate-ink,#edf5fa);--cl-muted:var(--slate-muted,#a9bdc8);--cl-line:var(--slate-edge,#c0dfef24);--cl-fill:var(--slate-field,#c0dfef08);--cl-green:var(--slate-positive,#82dcb4);--cl-red:#ff7a88}@media (max-width:600px){.call-log-dialog{inset:0;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.call-log-shell{height:100dvh}.call-log-header{padding:18px 16px 8px}.call-log-toolbar{padding:16px 16px 12px}.call-log-search input{font-size:16px}.call-log-filters{padding:6px 14px 12px;gap:5px}.call-log-filters button{padding:8px 10px}.call-log-content{padding-inline:7px}.call-log-footer{padding:16px 12px;font-size:10px}.call-log-info strong{font-size:15px}.call-log-person{gap:10px}.call-log-avatar{width:46px;height:46px;flex-basis:46px}}@media (prefers-reduced-motion:reduce){.call-log-spin{animation:none}}html:root body :is(.call-log-search,.cf-search) input[type=search]{appearance:none;-webkit-appearance:none;flex:1;width:100%;min-width:0;height:50px;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:inherit;font-size:16px;line-height:1.5}html:root body .call-log-search input[type=search]{color:var(--cl-ink)}html:root body .call-log-search input::placeholder{color:var(--cl-muted);opacity:1}.call-log-search input::-webkit-search-cancel-button{display:none}html:root body :is(.call-log-search,.cf-search)>svg{flex-shrink:0}html:root body .chat-filters-toolbar,html:root body .chat-filters-toolbar.cf-mobile-toolbar{gap:8px;padding:16px 14px}html:root body .chat-filters-toolbar .cf-search,html:root body .chat-filters-toolbar.cf-mobile-toolbar .cf-search{height:52px;padding-inline:16px;gap:11px;border-radius:28px;border-color:transparent;box-shadow:none;background:#f0f4f2!important}html:root body .chat-filters-toolbar .cf-search:focus-within{border-color:#54b99a;box-shadow:0 0 0 3px #10b98114}html:is(.dark,.crm-glass):root body .chat-filters-toolbar .cf-search{background:#c0dfef0f!important}html:root body .cf-mobile-toolbar>button{height:48px;border-radius:16px}@media (max-width: 359px){html:root body .chat-filters-toolbar.cf-mobile-toolbar{padding-inline:10px;gap:6px}html:root body .chat-filters-toolbar.cf-mobile-toolbar .cf-search{padding-inline:12px}}html.wa-mobile-viewport,html.wa-mobile-viewport body,html.wa-mobile-viewport #root{height:var(--wa-viewport-height, 100dvh);min-height:0;overflow:hidden}html.wa-mobile-viewport .crm-workspace{height:var(--wa-viewport-height, 100dvh);min-height:0}html.wa-mobile-viewport .crm-route-content{overflow:hidden}html.wa-mobile-viewport .call-log-dialog{inset:0;margin:0;width:100%;height:var(--wa-viewport-height, 100dvh);max-height:var(--wa-viewport-height, 100dvh);border:0;border-radius:0}html.wa-mobile-viewport .call-log-shell{height:100%}@media (max-width: 767px){.call-log-nav{padding:6px 14px calc(6px + env(safe-area-inset-bottom,0px))}.call-log-nav>span,.call-log-nav>button{min-height:52px}.call-log-tab-icon{height:28px}.call-log-header{padding:14px 16px 6px}.call-log-toolbar{padding:10px 14px;gap:8px}.call-log-search{min-height:48px;padding-inline:14px;gap:10px}html:root body .call-log-search input[type=search]{height:46px}.call-log-filters{padding:4px 14px 10px}html:root body .chat-filters-toolbar.cf-mobile-toolbar{padding:6px 12px 8px;gap:8px}html:root body .chat-filters-toolbar.cf-mobile-toolbar .cf-search{height:44px;min-height:44px;padding-inline:14px}html:root body .chat-filters-toolbar.cf-mobile-toolbar .cf-search input[type=search]{height:42px}html:root body .cf-mobile-toolbar>button{width:44px;height:44px;min-height:44px;border-radius:14px}}
