:root{--call-green:#15803d;--call-red:#b91c1c}.call-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.call-btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13.5px;font-weight:600;line-height:1;transition:filter .15s,background .15s;display:inline-flex}.call-btn:disabled{opacity:.6;cursor:default}.call-btn:not(:disabled):hover{filter:brightness(.94)}.call-btn:focus-visible,.call-ctrl:focus-visible,.call-icon-btn:focus-visible,.call-fab:focus-visible,.call-header-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.call-btn--answer{background:var(--call-green);color:#fff;flex:1}.call-btn--reject{background:var(--bg-card);color:var(--call-red);border-color:var(--call-red);flex:1}.call-btn--reject:not(:disabled):hover{background:var(--danger-bg)}.call-btn--primary{background:var(--primary);color:#fff}.call-btn--end{background:var(--call-red);color:#fff;width:100%}.call-btn--ghost{color:var(--gray-600);border-color:var(--gray-300);background:0 0}.call-btn--ghost:not(:disabled):hover{background:var(--gray-50);filter:none}.call-btn--round{border-radius:999px;flex-shrink:0;width:32px;height:32px;padding:0}.call-icon-btn{width:28px;height:28px;color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.call-icon-btn:hover{background:var(--gray-100);color:var(--gray-700)}.call-dot{background:var(--gray-400);border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.call-dot--available{background:var(--success)}.call-dot--ringing{background:var(--primary)}.call-dot--busy{background:var(--danger)}.call-dot--wrap_up{background:var(--warning)}.call-dot--dnd{background:var(--gray-500)}.call-dot--offline{background:var(--gray-300)}.call-chip{background:var(--gray-100);color:var(--gray-700);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.call-chip--stage{font-weight:600}.call-chip--muted{color:var(--gray-500)}.call-offer{z-index:1300;top:calc(var(--topnav-height) + 14px);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--bg-card);width:360px;max-width:calc(100vw - 32px);padding:14px 16px 16px;animation:.22s ease-out call-pop;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #0f172a3d}.call-offer__head{color:var(--success);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.call-offer__head svg{animation:1.2s ease-in-out infinite call-shake}.call-offer__more{color:var(--gray-500);text-transform:none;letter-spacing:0;margin-left:auto;font-weight:500}.call-offer__body{align-items:center;gap:12px;display:flex}.call-offer__avatar{background:var(--success-bg);width:48px;height:48px;color:var(--success);border-radius:999px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.call-offer__avatar img{object-fit:cover;width:100%;height:100%}.call-offer__info{min-width:0}.call-offer__name{color:var(--gray-900);overflow-wrap:anywhere;font-size:17px;font-weight:700}.call-offer__sub{color:var(--gray-600);font-size:13px}.call-offer__sub--muted{color:var(--gray-500);font-style:italic}.call-offer__source{color:var(--primary);margin-top:2px;font-size:12.5px;font-weight:500}.call-offer__note{color:var(--gray-700);margin-top:2px;font-size:12.5px}.call-offer__crm{border-radius:var(--radius-md);background:var(--gray-50);flex-direction:column;gap:6px;margin-top:12px;padding:10px;display:flex}.call-offer__chips{flex-wrap:wrap;gap:4px;display:flex}.call-offer__owner{color:var(--gray-600);font-size:12.5px}.call-offer__owner strong{color:var(--gray-800);font-weight:600}.call-offer__link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:10px;padding:0;font-size:12.5px;display:inline-flex}.call-offer__link:hover{text-decoration:underline}.call-offer__actions{gap:10px;margin-top:14px;display:flex}.call-dock{z-index:1200;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;gap:10px;width:320px;max-height:calc(100vh - 90px);padding:14px;animation:.22s ease-out call-rise;display:flex;position:fixed;bottom:18px;right:18px;overflow-y:auto;box-shadow:0 12px 36px #0f172a33}.call-dock--collapsed{border-radius:999px;width:auto;max-width:calc(100vw - 36px);padding:6px 8px 6px 12px}.call-dock__collapse{align-self:flex-end;margin:-6px -6px -10px 0}.call-dock__bar{min-width:0;color:var(--gray-800);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:600;display:flex}.call-dock__bar-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.call-dock__head{align-items:flex-start;gap:8px;display:flex}.call-dock__who{flex:1;min-width:0}.call-dock__name{color:var(--gray-900);overflow-wrap:anywhere;font-size:15px;font-weight:700}.call-dock__source{color:var(--gray-500);font-size:12px}.call-dock__timer{font-variant-numeric:tabular-nums;color:var(--gray-800);font-size:15px;font-weight:600}.call-dock__status{color:var(--primary);font-size:12.5px;font-weight:600}.call-dock__status--active,.call-dock__status--answered{color:var(--success)}.call-dock__status--held{color:var(--warning)}.call-dock__sim{border-radius:var(--radius-sm);background:var(--warning-bg);color:#92400e;padding:5px 8px;font-size:11.5px}.call-dock__controls{gap:6px;display:flex}.call-ctrl{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--bg-card);color:var(--gray-700);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;font-size:11.5px;display:flex}.call-ctrl:not(:disabled):hover{background:var(--gray-50)}.call-ctrl:disabled{opacity:.45;cursor:default}.call-ctrl.is-on{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.call-dock__others{border-top:1px solid var(--gray-100);flex-direction:column;gap:4px;padding-top:8px;display:flex}.call-dock__other{border-radius:var(--radius-sm);background:var(--gray-50);color:var(--gray-700);text-align:left;cursor:pointer;border:none;padding:5px 8px;font-size:12px}.call-dock__other:hover{background:var(--gray-100)}.call-dock--idle{z-index:150;position:fixed;bottom:18px;right:18px}.nhac-ai~.call-dock--idle{bottom:72px}.call-fab{border:1px solid var(--gray-200);background:var(--bg-card);width:40px;height:40px;color:var(--gray-600);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:relative;box-shadow:0 4px 14px #0f172a24}.call-fab:hover{color:var(--primary)}.call-fab__dot{border:2px solid var(--bg-card);box-sizing:content-box;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.call-dock__popover{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--bg-card);width:280px;padding:12px;position:absolute;bottom:48px;right:0;box-shadow:0 12px 32px #0f172a2e}.call-presence__row{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.call-presence__text{flex-direction:column;gap:2px;display:flex}.call-presence__title{color:var(--gray-900);font-size:13.5px;font-weight:600}.call-presence__status{color:var(--gray-600);align-items:center;gap:6px;font-size:12px;display:inline-flex}.call-presence__hint{color:var(--gray-500);margin-top:8px;font-size:12px}.call-switch{appearance:none;background:var(--gray-300);cursor:pointer;border-radius:999px;flex-shrink:0;width:36px;height:20px;margin:0;transition:background .15s;position:relative}.call-switch:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;transition:transform .15s;position:absolute;top:2px;left:2px}.call-switch:checked{background:var(--success)}.call-switch:checked:after{transform:translate(16px)}.call-switch:disabled{opacity:.6;cursor:default}.call-switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.call-wrapup{flex-direction:column;gap:10px;display:flex}.call-wrapup__head{color:var(--gray-500);align-items:flex-start;gap:8px;display:flex}.call-wrapup__title-wrap{min-width:0}.call-wrapup__title{color:var(--gray-900);font-size:14px;font-weight:700}.call-wrapup__meta{color:var(--gray-500);overflow-wrap:anywhere;font-size:12px}.call-wrapup__outcomes{border:none;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;display:grid}.call-wrapup__outcomes legend{color:var(--gray-700);margin-bottom:6px;font-size:12px;font-weight:600}.call-wrapup__option{border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;align-items:center;gap:6px;padding:6px 8px;font-size:12.5px;display:flex}.call-wrapup__option input{accent-color:var(--primary);margin:0}.call-wrapup__option.is-selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark)}.call-wrapup__callback{color:var(--gray-700);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.call-wrapup__callback input,.call-wrapup__note{border:1px solid var(--gray-300);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--gray-800);background:var(--bg-card);padding:7px 9px;font-size:13px;font-weight:400}.call-wrapup__callback input:focus,.call-wrapup__note:focus{border-color:var(--primary);outline:none}.call-wrapup__hint{color:var(--gray-500);font-weight:400}.call-wrapup__note-label{color:var(--gray-700);margin-bottom:-6px;font-size:12px;font-weight:600}.call-wrapup__note{resize:vertical;min-height:60px}.call-wrapup__error{color:var(--danger);font-size:12px}.call-wrapup__footer{justify-content:flex-end;align-items:center;gap:10px;display:flex}.call-wrapup__remaining{color:var(--gray-500);margin-right:auto;font-size:12px}.call-transfer{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);padding:8px}.call-transfer__head{color:var(--gray-800);justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;display:flex}.call-transfer__empty{color:var(--gray-500);padding:8px 4px;font-size:12px}.call-transfer__list{flex-direction:column;gap:2px;max-height:220px;display:flex;overflow-y:auto}.call-transfer__group{color:var(--gray-500);text-transform:uppercase;margin:6px 4px 2px;font-size:11px;font-weight:600}.call-transfer__item{border-radius:var(--radius-sm);width:100%;color:var(--gray-800);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.call-transfer__item:not(:disabled):hover{background:var(--bg-card)}.call-transfer__item:disabled{opacity:.5;cursor:not-allowed}.call-transfer__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.call-transfer__meta{color:var(--gray-500);white-space:nowrap;font-size:11.5px}.call-transfer__icon{color:var(--gray-500)}.call-header-btn:not(:disabled){color:var(--success)}.call-header-btn.chat-main__header-btn:not(:disabled):not(.call-header-btn--blocked):hover{color:var(--success);background:var(--success-bg)}.call-header-btn:disabled{opacity:.45;cursor:wait}.call-header-btn--blocked,.call-header-btn--blocked:hover{opacity:.45;cursor:not-allowed}.call-header-btn--split{gap:2px;width:auto;padding:0 6px}.call-header-btn--text{border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.call-header-btn--text:not(:disabled):not(.call-header-btn--blocked):hover{background:var(--success-bg)}.call-header-menu{display:inline-flex;position:relative}.call-header-menu__list{z-index:60;border:1px solid var(--gray-100);background:var(--bg-card);border-radius:10px;min-width:240px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000024}.call-header-menu__label{color:var(--gray-500);text-transform:uppercase;padding:4px 8px;font-size:11px;font-weight:600}.call-header-menu__item{border-radius:var(--radius-sm);width:100%;color:var(--success);text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:8px;padding:7px 8px;display:flex}.call-header-menu__item:hover{background:var(--gray-50)}.call-header-menu__item--blocked{color:var(--gray-400);cursor:not-allowed}.call-header-menu__text{flex-direction:column;min-width:0;display:flex}.call-header-menu__name{color:var(--gray-800);font-size:13px;font-weight:600}.call-header-menu__item--blocked .call-header-menu__name{color:var(--gray-500)}.call-header-menu__sub{color:var(--gray-500);font-size:11.5px}.call-log{text-align:center;align-self:center;width:100%;padding:6px 0}.call-log__chip{border:1px solid var(--gray-200);background:var(--gray-50);max-width:100%;color:var(--gray-600);border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;padding:5px 14px;font-size:12px;display:inline-flex}.call-log__icon,.call-log__title{color:var(--primary)}.call-log__title{font-weight:600}.call-log__chip--failed .call-log__icon,.call-log__chip--failed .call-log__title{color:var(--danger)}.call-log__detail{font-variant-numeric:tabular-nums}.call-log__outcome{background:var(--primary-light);color:var(--primary-dark);border-radius:999px;padding:1px 8px;font-weight:500}.call-log__time{color:var(--gray-400);font-size:10px}.call-tl{flex-direction:column;gap:3px;display:flex}.call-tl__title{color:var(--gray-800);align-items:center;gap:5px;font-weight:600;display:flex}.call-tl__title svg{color:var(--primary);flex-shrink:0}.call-tl__title--failed svg{color:var(--danger)}.call-tl__meta{color:var(--gray-500);flex-wrap:wrap;gap:2px 10px;font-size:12px;display:flex}.call-tl__bad{color:var(--danger)}.call-tl__result{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12.5px;display:flex}.call-tl__outcome{background:var(--primary-light);color:var(--primary-dark);border-radius:999px;padding:1px 8px;font-weight:500}.call-tl__note{color:var(--gray-700);white-space:pre-wrap;overflow-wrap:anywhere}@keyframes call-pop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes call-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes call-shake{0%,60%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}@media (width<=1024px){.call-dock--idle,.nhac-ai~.call-dock--idle{bottom:150px;right:12px}.call-fab{width:36px;height:36px}.call-dock{max-height:calc(100vh - var(--topnav-height) - 170px);bottom:150px;right:12px}}@media (width<=640px){.call-offer{top:calc(var(--topnav-height) + 8px)}.call-dock:not(.call-dock--collapsed){border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:auto;max-height:55vh;padding-bottom:calc(14px + env(safe-area-inset-bottom));bottom:0;left:0;right:0}.call-dock__popover{width:min(280px,100vw - 24px)}}@media (prefers-reduced-motion:reduce){.call-offer,.call-dock,.call-offer__head svg{animation:none}}
