/* Ventana flotante "Llamados": contactos con saldo pendiente para cobrar por teléfono. */
/* El menú tiene varios accesos dinámicos; evitar que el flex achique los botones
   y parta sus rótulos. Si no entran todos, el nav se desplaza horizontalmente. */
.topbar{gap:16px}
.topbar .brand,.topbar>span{flex:0 0 auto}
.topbar nav{flex:1 1 auto;min-width:0;margin:0;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#8994a8 #17213a}
.topbar nav::-webkit-scrollbar{height:4px}
.topbar nav::-webkit-scrollbar-thumb{background:#8994a8;border-radius:99px}
.topbar nav .nav{flex:0 0 auto;white-space:nowrap;justify-content:center;line-height:1;padding-inline:10px}
.topbar nav .nav-sep{flex:0 0 2px}

.calls-window{position:fixed;z-index:2000000000;width:540px;max-width:calc(100vw - 24px);max-height:calc(100vh - 96px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px #07102540;overflow:hidden}
.calls-window.calls-min{max-height:none}
.calls-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--line);cursor:move;user-select:none}
.calls-title{display:grid}
.calls-title b{font-size:15px}
.calls-title small{color:var(--muted);font-size:11px}
.calls-tools{display:flex;align-items:center;gap:6px}
.calls-search{width:190px;padding:7px 10px;font-size:12px;border-radius:9px}
.calls-ico{border:1px solid var(--line);background:#fff;border-radius:9px;width:30px;height:30px;font-size:14px;cursor:pointer;color:var(--muted);line-height:1}
.calls-ico:hover{background:var(--soft);color:var(--pink)}
.calls-body{overflow:auto;padding:10px 14px 14px;display:grid;gap:8px;min-height:110px;align-content:start}
.calls-window.calls-min .calls-body,.calls-window.calls-min .calls-foot{display:none}
.calls-script{border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#fafbfd}
.calls-script summary{font-size:10px;font-weight:850;letter-spacing:.07em;color:var(--muted);cursor:pointer;text-transform:uppercase}
.calls-script textarea{margin-top:8px;width:100%;border:1px solid var(--line);border-radius:9px;padding:8px;font-size:12px;resize:vertical;background:#fff}
.calls-script small{color:var(--muted)}
.calls-row{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--line);border-radius:12px;padding:9px 11px;gap:4px 10px;align-items:start}
.calls-row-info{display:grid;gap:3px;min-width:0}
.calls-row-info>div:first-child{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.calls-row-info b{font-size:13px}
.calls-row-info small{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calls-zone{display:inline-block;padding:2px 7px;border-radius:99px;background:#eef3fb;color:#2b5a9e;font-size:10px;font-weight:800}
.calls-flag{display:inline-block;width:max-content;padding:2px 7px;border-radius:99px;font-size:10px;font-weight:900}
.calls-flag-red{background:#ffe4e8;color:#c02438}
.calls-flag-amber{background:#fff1d5;color:#9a5900}
.calls-flag-green{background:#e2f6ea;color:#12713d}
.calls-row-amount{text-align:right}
.calls-row-amount b{font-size:15px}
.calls-row-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.calls-row-actions .btn{padding:7px 11px;font-size:11px}
.calls-ai-btn{opacity:.55}
.calls-empty{padding:18px 6px;text-align:center;color:var(--muted)}
.calls-more{color:var(--muted);font-size:11px;text-align:center;padding:2px 0}
.calls-foot{border-top:1px solid var(--line);padding:8px 14px;font-size:11px;color:var(--muted);background:#fafbfd}
.calls-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:2000000001;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:12.5px;box-shadow:0 12px 40px #07102555;max-width:80vw}