.gvp-fab{z-index:900;background:hsl(var(--cop-info));cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px -6px #0da2e780}.gvp-fab:hover{transform:scale(1.06)}.gvp-fab__badge{background:hsl(var(--go));border:2px solid var(--card);border-radius:50%;width:12px;height:12px;animation:1.5s infinite gvp-pulse;position:absolute;top:2px;right:2px}.gvp-panel{z-index:900;background:var(--card);width:clamp(280px,92vw,340px);color:var(--txt);border:1px solid var(--border);border-radius:var(--cop-r-lg,16px);padding:16px;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 22px 60px -16px #00000073}.gvp-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.gvp-status{align-items:center;gap:7px;display:flex}.gvp-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.gvp-dot.is-live{animation:1.5s infinite gvp-pulse}.gvp-status__label{text-transform:uppercase;letter-spacing:1px;color:hsl(var(--cop-fg-dim));font-size:10px;font-weight:700}.gvp-headbtns{align-items:center;gap:2px;display:flex}.gvp-iconbtn{cursor:pointer;width:28px;height:28px;color:hsl(var(--cop-fg-dim));background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background .12s,color .12s;display:flex}.gvp-iconbtn:hover{background:var(--surface);color:var(--txt2)}.gvp-iconbtn.is-on{color:hsl(var(--cop-info))}.gvp-id{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.gvp-avatar{background:var(--surface);width:64px;height:64px;color:var(--txt2);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:20px;font-weight:800;display:flex}.gvp-avatar.is-ring{box-shadow:0 0 0 6px #26d9852e}.gvp-name{color:var(--txt);margin:0;font-size:16px;font-weight:800;line-height:1.2}.gvp-sub{color:hsl(var(--cop-fg-dim));word-break:break-all;margin:0;font-size:12.5px}.gvp-numinput{text-align:center;letter-spacing:.5px;width:100%;color:var(--txt);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;padding:8px 0;font-size:22px;font-weight:700}.gvp-numinput::placeholder{color:hsl(var(--cop-fg-dim));letter-spacing:0;font-size:16px;font-weight:600}.gvp-pill{color:hsl(var(--go));background:#26d98524;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.gvp-pill .gvp-dot{background:hsl(var(--go));width:6px;height:6px}.gvp-timer{color:var(--txt);text-align:center;font-variant-numeric:tabular-nums;margin:6px 0;font-size:30px;font-weight:800;line-height:1}.gvp-dialpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.gvp-key{background:var(--surface);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:9px 0;transition:background .1s,transform 60ms;display:flex}.gvp-key:hover{background:var(--cop-bg-3,var(--border))}.gvp-key:active{transform:scale(.95)}.gvp-key__d{color:var(--txt);font-size:19px;font-weight:700;line-height:1}.gvp-key__l{letter-spacing:1px;color:hsl(var(--cop-fg-dim));min-height:9px;margin-top:2px;font-size:8px;font-weight:700}.gvp-callfab{background:hsl(var(--go));cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:12px auto 0;transition:transform .12s,opacity .12s;display:flex;box-shadow:0 8px 20px -6px #26d9858c}.gvp-callfab:hover{transform:scale(1.06)}.gvp-callfab:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.gvp-ctrlgrid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.gvp-ctrl{background:var(--surface);color:var(--txt2);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 0;font-size:11px;font-weight:600;transition:background .12s,color .12s;display:flex}.gvp-ctrl:hover{background:var(--cop-bg-3,var(--border))}.gvp-ctrl.is-on{color:hsl(var(--cop-info));background:#0da2e724;border-color:#0da2e74d}.gvp-ctrl svg{display:block}.gvp-bigbtn{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:filter .12s;display:flex}.gvp-bigbtn:hover{filter:brightness(1.05)}.gvp-bigbtn.is-hangup{background:var(--red);margin-top:12px}.gvp-bigbtn.is-call{background:hsl(var(--go))}.gvp-incoming{text-align:center;flex-direction:column;align-items:center;gap:4px;padding-top:4px;display:flex}.gvp-incoming__label{letter-spacing:1px;text-transform:uppercase;color:hsl(var(--go));align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.gvp-incoming__actions{gap:28px;margin-top:14px;display:flex}.gvp-roundbtn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .12s;display:flex}.gvp-roundbtn:hover{transform:scale(1.08)}.gvp-roundbtn.is-accept{background:hsl(var(--go));box-shadow:0 6px 18px -6px #26d98599}.gvp-roundbtn.is-reject{background:var(--red);box-shadow:0 6px 18px -6px #f25a5a99}.gvp-roundlabel{color:hsl(var(--cop-fg-dim));flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.gvp-field{background:var(--surface);width:100%;color:var(--txt);border:1px solid var(--border);box-sizing:border-box;border-radius:10px;outline:none;padding:9px 11px;font-size:13px}.gvp-field:focus{border-color:hsl(var(--cop-info))}.gvp-label{color:hsl(var(--cop-fg-dim));font-size:10px;font-weight:700;display:block}.gvp-banner{border-radius:9px;margin-bottom:10px;padding:8px 11px;font-size:11.5px;line-height:1.4}.gvp-banner.is-error{color:var(--red);background:#f25a5a24}.gvp-banner.is-warn{color:hsl(var(--warn));background:#ffb43329}.gvp-banner a,.gvp-banner button.gvp-link{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.gvp-settings{background:var(--surface);border-radius:10px;flex-direction:column;gap:9px;margin-bottom:12px;padding:11px;display:flex}.gvp-toggle{width:100%;color:hsl(var(--cop-fg-dim));border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;margin-bottom:8px;padding:8px;font-size:12px;font-weight:600}.gvp-toggle:hover{color:var(--txt2);border-color:var(--cop-line-strong,var(--border))}@keyframes gvp-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (max-width:767px){.gvp-fab{bottom:calc(72px + env(safe-area-inset-bottom))}.gvp-panel{left:50%;right:auto;bottom:calc(72px + env(safe-area-inset-bottom));max-height:calc(100dvh - 96px - env(safe-area-inset-bottom));overflow-y:auto;transform:translate(-50%)}.gvp-iconbtn{width:40px;height:40px}.gvp-key{padding:13px 0}}
.notif-popups{pointer-events:none;flex-direction:column;gap:10px;width:min(420px,92vw);display:flex;top:14vh;left:50%;transform:translate(-50%)}.notif-popup{pointer-events:auto;color:#14181f;background:#fff;border:1px solid #00000014;border-left:4px solid #2563eb;border-radius:12px;padding:12px 34px 12px 14px;animation:.16s ease-out notif-pop-in;position:relative;box-shadow:0 12px 32px #00000038}@keyframes notif-pop-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-popup-close{color:#8a94a6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:20px;line-height:1;position:absolute;top:6px;right:8px}.notif-popup-close:hover{color:#14181f;background:#0000000f}.notif-popup-tipo{text-transform:uppercase;letter-spacing:.03em;color:#2563eb;margin-bottom:4px;font-size:11px;font-weight:700;display:inline-block}.notif-popup-tipo.tipo-whatsapp{color:#16a34a}.notif-popup-tipo.tipo-deal{color:#9333ea}.notif-popup-tipo.tipo-inactividad{color:#dc2626}.notif-popup-tipo.tipo-cita{color:#d97706}.notif-popup-msg{word-break:break-word;font-size:13.5px;font-weight:500;line-height:1.35}.notif-popup-go{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:600}.notif-popup-go:hover{background:#1d4ed8}@media (prefers-color-scheme:dark){.notif-popup{color:#e7ecf3;background:#1b2330;border-color:#ffffff1a}.notif-popup-close:hover{color:#e7ecf3;background:#ffffff14}}
.pausa-tab{z-index:700;flex-direction:column;align-items:flex-start;gap:8px;max-width:min(340px,100vw - 28px);display:flex;position:fixed;bottom:14px;left:14px}@media (max-width:767px){.pausa-tab{bottom:calc(56px + 14px + env(safe-area-inset-bottom))}}.pausa-tab-btn{color:#1f2937;cursor:pointer;background:#f59e0b;border:1px solid #d97706;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 6px 20px #00000038}.pausa-tab-btn:hover{filter:brightness(1.06)}.pausa-tab-btn[data-estado=en-pausa]{color:#fff;background:#16a34a;border-color:#15803d}.pausa-tab-btn[data-estado=anotada]{color:#92400e;cursor:default;background:#fef3c7;border-color:#f59e0b}.pausa-tab-panel{border:1px solid var(--border,#e5e7eb);background:var(--white,#fff);width:min(340px,100vw - 28px);color:var(--txt1,#111827);border-radius:14px;padding:14px;box-shadow:0 18px 48px #00000047}.pausa-tab-titulo{margin:0 0 4px;font-size:14px;font-weight:700}.pausa-tab-sub{color:var(--txt2,#6b7280);margin:0 0 10px;font-size:12px}.pausa-tab-motivos{flex-direction:column;gap:6px;display:flex}.pausa-tab-motivo{border:1px solid var(--border,#e5e7eb);background:var(--surface,#f9fafb);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;font-size:13.5px;font-weight:600;display:flex}.pausa-tab-motivo:hover:not(:disabled){background:#fffbeb;border-color:#f59e0b}.pausa-tab-motivo:disabled{opacity:.6;cursor:progress}.pausa-tab-motivo-ayuda{color:var(--txt2,#6b7280);font-size:11.5px;font-weight:500}.pausa-tab-otro{gap:6px;margin-top:8px;display:flex}.pausa-tab-input{border:1px solid var(--border,#e5e7eb);border-radius:9px;flex:auto;min-width:0;padding:8px 10px;font-size:13px}.pausa-tab-sec{border:1px solid var(--border,#e5e7eb);color:inherit;cursor:pointer;background:0 0;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600}.pausa-tab-error{color:#b91c1c;margin:8px 0 0;font-size:12px}.pausa-tab-enlace{color:#2563eb;margin-top:8px;font-size:12.5px;font-weight:600;text-decoration:underline;display:inline-block}
.cop-app{background:hsl(var(--cop-bg));grid-template-rows:1fr;grid-template-columns:auto 1fr;height:100vh;display:grid;overflow:hidden}.cop-rail{background:hsl(var(--cop-bg-sunken));border-right:1px solid hsl(var(--cop-line));flex-direction:column;align-items:center;gap:4px;width:64px;height:100%;min-height:0;padding:12px 0;transition:width .18s;display:flex}.cop-rail.expanded{align-items:stretch;width:220px;padding:12px 8px}.cop-rail-mark{background:hsl(var(--cop-bg-2));width:38px;height:38px;color:hsl(var(--cop-fg));letter-spacing:-.04em;border:1px solid hsl(var(--cop-line));border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;font-size:18px;font-weight:700;display:flex;position:relative}.cop-rail-mark:after{content:"";background:hsl(var(--ai));width:6px;height:6px;box-shadow:0 0 8px hsl(var(--ai-glow));border-radius:50%;position:absolute;bottom:7px;right:7px}.cop-rail-btn{width:40px;height:40px;color:hsl(var(--cop-fg-dim));cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.cop-rail-btn:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg))}.cop-rail-btn.active{background:hsl(var(--cop-bg-2));color:hsl(var(--ai))}.cop-rail-btn.active:after{content:"";background:hsl(var(--ai));border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:-8px}.cop-rail.expanded .cop-rail-btn{justify-content:flex-start;gap:12px;width:100%;height:36px;padding:0 10px}.cop-rail.expanded .cop-rail-btn.active:after{display:none}.cop-rail.expanded .cop-rail-btn.active{background:hsl(var(--ai-soft));color:hsl(var(--ai))}.cop-rail-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;display:none;overflow:hidden}.cop-rail.expanded .cop-rail-label{display:inline}.cop-rail.expanded .cop-rail-btn[data-tip]:hover:before,.cop-rail.expanded .cop-rail-mark[data-tip]:hover:before{display:none}.cop-rail.expanded .cop-rail-mark{justify-content:flex-start;align-items:center;gap:10px;width:auto;padding:0 12px;font-size:14px;display:flex}.cop-rail.expanded .cop-rail-mark:after{display:none}.cop-rail-mark-text{color:hsl(var(--cop-fg));letter-spacing:-.02em;font-size:14px;font-weight:600;display:none}.cop-rail-mark-text-dot{background:hsl(var(--ai));width:5px;height:5px;box-shadow:0 0 6px hsl(var(--ai-glow));border-radius:50%;margin-left:2px;display:inline-block}.cop-rail.expanded .cop-rail-mark-text{align-items:baseline;gap:1px;display:inline-flex}.cop-rail-toggle{border:1px solid hsl(var(--cop-line));width:24px;height:24px;color:hsl(var(--cop-fg-dim));cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin:6px 0;font-family:inherit;transition:background .15s,color .15s;display:flex}.cop-rail-toggle:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg))}.cop-rail-toggle svg{transition:transform .18s}.cop-rail.expanded .cop-rail-toggle{align-self:flex-end}.cop-rail.expanded .cop-rail-toggle svg{transform:rotate(180deg)}.cop-rail.expanded .cop-rail-sep{width:100%;margin:8px 0 4px}.cop-rail.expanded button.cop-rail-avatar{background:hsl(var(--cop-bg-2));border:1px solid hsl(var(--cop-line));border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:10px;width:100%;height:44px;padding:0 10px;font-size:12px;display:grid}.cop-rail.expanded button.cop-rail-avatar .cop-rail-avatar-initials{background:linear-gradient(135deg, hsl(var(--go)), hsl(var(--cop-info)));width:28px;height:28px;color:hsl(var(--cop-bg));border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.cop-rail-avatar-name{color:hsl(var(--cop-fg));text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;display:none;overflow:hidden}.cop-rail-avatar-role{color:hsl(var(--cop-fg-dim));text-align:left;white-space:nowrap;font-size:10.5px;display:none}.cop-rail.expanded .cop-rail-avatar-name,.cop-rail.expanded .cop-rail-avatar-role{display:block}.cop-rail.expanded .cop-rail-avatar-meta{flex-direction:column;min-width:0;display:flex}.cop-rail-avatar-meta{display:none}.cop-rail.expanded .cop-rail-avatar-meta{display:flex}.cop-rail.expanded .cop-user-menu{width:auto;bottom:calc(100% + 8px);left:0;right:0}.cop-rail-nav{scrollbar-width:thin;scrollbar-color:hsl(var(--cop-line-strong)) transparent;flex-direction:column;flex:1;align-items:center;gap:4px;width:100%;min-height:0;display:flex;overflow:hidden auto}.cop-rail.expanded .cop-rail-nav{align-items:stretch}.cop-rail-nav::-webkit-scrollbar{width:6px}.cop-rail-nav::-webkit-scrollbar-thumb{background:hsl(var(--cop-line-strong));border-radius:3px}.cop-rail-nav::-webkit-scrollbar-track{background:0 0}.cop-rail-group{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.cop-rail.expanded .cop-rail-group{align-items:stretch}.cop-rail-group-head{cursor:pointer;width:100%;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--cop-fg-dim));background:0 0;border:none;justify-content:space-between;align-items:center;margin-top:2px;padding:8px 10px 4px;font-size:10px;font-weight:600;display:flex}.cop-rail-group-head:hover{color:hsl(var(--cop-fg))}.cop-rail-group-chevron{flex-shrink:0;transition:transform .15s}.cop-rail-avatar{background:linear-gradient(135deg, hsl(var(--go)), hsl(var(--cop-info)));width:32px;height:32px;color:hsl(var(--cop-bg));border:1.5px solid hsl(var(--cop-bg));box-shadow:0 0 0 2px hsl(var(--go));border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.cop-main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.cop-top{border-bottom:1px solid hsl(var(--cop-line));background:hsl(var(--cop-bg));flex-shrink:0;align-items:center;gap:16px;height:52px;padding:10px 18px;display:flex}.cop-top-title{letter-spacing:-.01em;font-size:14px;font-weight:600}.cop-top-crumb{color:hsl(var(--cop-fg-dim));font-size:12px;font-family:var(--mono)}.cop-search{background:hsl(var(--cop-bg-2));border:1px solid hsl(var(--cop-line));border-radius:var(--cop-r);max-width:480px;color:hsl(var(--cop-fg));flex:1;align-items:center;height:32px;padding:6px 10px 6px 30px;font-size:13px;display:flex;position:relative}.cop-search input{color:inherit;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.cop-search input::placeholder{color:hsl(var(--cop-fg-faint))}.cop-search-kbd{font-family:var(--mono);color:hsl(var(--cop-fg-dim));border:1px solid hsl(var(--cop-line));border-radius:3px;margin-left:8px;padding:1px 5px;font-size:10px}.cop-search-icon{color:hsl(var(--cop-fg-dim));position:absolute;top:50%;left:10px;transform:translateY(-50%)}.cop-top-spacer{flex:1}.cop-top-action{color:hsl(var(--cop-fg-muted));cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.cop-top-action:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg))}.cop-bell{align-items:center;display:inline-flex;position:relative}.cop-bell-btn{width:32px;height:32px;color:hsl(var(--cop-fg-muted));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .1s;display:inline-flex;position:relative}.cop-bell-btn:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg));border-color:hsl(var(--cop-line))}.cop-bell-badge{background:hsl(var(--hot));color:#fff;min-width:16px;height:16px;font-size:9.5px;font-weight:700;font-family:var(--mono);border:2px solid hsl(var(--cop-bg));border-radius:8px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex;position:absolute;top:-2px;right:-2px}.cop-bell-panel{background:hsl(var(--cop-bg-1));border:1px solid hsl(var(--cop-line));z-index:200;border-radius:10px;flex-direction:column;min-width:320px;max-width:380px;max-height:min(70vh,480px);display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 32px #0003}.cop-bell-head{border-bottom:1px solid hsl(var(--cop-line));color:hsl(var(--cop-fg));justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.cop-bell-mark-all{color:hsl(var(--cop-info,220 90% 65%));cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-size:11px;font-weight:600}.cop-bell-mark-all:hover{background:hsl(var(--cop-bg-2))}.cop-bell-mark-all:disabled{opacity:.5;cursor:default}.cop-bell-filtros{border-bottom:1px solid hsl(var(--cop-border));flex-wrap:wrap;gap:4px;padding:6px 10px;display:flex}.cop-bell-filtro{border:1px solid hsl(var(--cop-border));color:hsl(var(--cop-fg-muted));cursor:pointer;background:0 0;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600}.cop-bell-filtro:hover{background:hsl(var(--cop-bg-2))}.cop-bell-filtro.active{background:hsl(var(--cop-accent));color:#fff;border-color:hsl(var(--cop-accent))}.cop-bell-list{flex:1;overflow-y:auto}.cop-bell-empty{text-align:center;color:hsl(var(--cop-fg-muted));padding:24px 12px;font-size:12px}.cop-bell-item{text-align:left;border:0;border-bottom:1px solid hsl(var(--cop-line));cursor:pointer;width:100%;color:hsl(var(--cop-fg));background:0 0;padding:10px 12px;transition:background .1s;display:block}.cop-bell-item:hover{background:hsl(var(--cop-bg-2))}.cop-bell-item.unread{background:hsl(var(--cop-info,220 90% 65%) / .06)}.cop-bell-item.unread:hover{background:hsl(var(--cop-info,220 90% 65%) / .1)}.cop-bell-item-msg{color:hsl(var(--cop-fg));font-size:12.5px;line-height:1.4}.cop-bell-item.unread .cop-bell-item-msg{font-weight:600}.cop-bell-item-meta{color:hsl(var(--cop-fg-muted));font-size:10.5px;font-family:var(--mono);margin-top:4px}.cop-ai-pulse{font-family:var(--mono);color:hsl(var(--ai));letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;display:inline-flex}.cop-ai-pulse-dot{background:hsl(var(--ai));width:7px;height:7px;box-shadow:0 0 0 0 hsl(var(--ai));border-radius:50%;animation:1.8s ease-out infinite copPulse}@keyframes copPulse{0%{box-shadow:0 0 0 0 hsl(var(--ai) / .7)}70%{box-shadow:0 0 0 8px hsl(var(--ai) / 0)}to{box-shadow:0 0 0 0 hsl(var(--ai) / 0)}}.cop-body{background:hsl(var(--cop-bg));min-height:0;color:hsl(var(--cop-fg));flex:1;overflow:auto}.cop-rail-btn[data-tip],.cop-rail-mark[data-tip]{position:relative}.cop-rail-btn[data-tip]:hover:before,.cop-rail-mark[data-tip]:hover:before{content:attr(data-tip);background:hsl(var(--cop-bg-3));border:1px solid hsl(var(--cop-line-strong));color:hsl(var(--cop-fg));white-space:nowrap;z-index:100;pointer-events:none;border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:500;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 12px #0006}.cop-rail-sep{background:hsl(var(--cop-line));width:28px;height:1px;margin:6px 0}button.cop-rail-btn,a.cop-rail-btn{background:0 0;border:none;font-family:inherit;text-decoration:none}.cop-rail-btn .cop-rail-dot{background:hsl(var(--hot));border:1px solid hsl(var(--cop-bg-sunken));border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.cop-rail-btn .cop-rail-count{background:hsl(var(--hot));color:#fff;border:1px solid hsl(var(--cop-bg-sunken));border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}.cop-rail-btn .cop-rail-count.muted{background:hsl(var(--cop-line));color:hsl(var(--cop-fg))}button.cop-rail-avatar{border:1.5px solid hsl(var(--cop-bg));cursor:pointer;font-family:inherit;position:relative}button.cop-rail-avatar:hover{filter:brightness(1.1)}.cop-user-menu{background:hsl(var(--cop-bg-1));border:1px solid hsl(var(--cop-line));border-radius:var(--cop-r);z-index:100;width:240px;padding:8px 0;font-size:13px;position:absolute;bottom:0;left:calc(100% + 12px);box-shadow:0 12px 40px #00000080}.cop-user-menu-head{border-bottom:1px solid hsl(var(--cop-line));margin-bottom:6px;padding:8px 14px 10px}.cop-user-menu-name{color:hsl(var(--cop-fg));font-weight:600}.cop-user-menu-meta{color:hsl(var(--cop-fg-dim));margin-top:2px;font-size:11.5px}.cop-user-menu-item{width:100%;color:hsl(var(--cop-fg-muted));cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:7px 14px;font-family:inherit;font-size:12.5px;display:flex}.cop-user-menu-item:hover{background:hsl(var(--cop-bg-2));color:hsl(var(--cop-fg))}.cop-user-menu-item.danger{color:hsl(var(--hot))}.cop-user-menu-item.danger:hover{background:hsl(var(--hot-soft))}.cop-user-menu-section{border-top:1px solid hsl(var(--cop-line));border-bottom:1px solid hsl(var(--cop-line));gap:8px;margin:6px 0;padding:8px 14px;display:grid}.cop-user-menu-section-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--cop-fg-dim));font-size:10px}.cop-theme-row{gap:6px;display:flex}.cop-theme-pick{background:hsl(var(--cop-bg-2));border:1px solid hsl(var(--cop-line));color:hsl(var(--cop-fg-dim));cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-family:inherit;font-size:11.5px;display:inline-flex}.cop-theme-pick:hover{color:hsl(var(--cop-fg))}.cop-theme-pick.on{background:hsl(var(--ai));border-color:hsl(var(--ai));color:hsl(var(--cop-bg));font-weight:600}.cop-accent-row{align-items:center;gap:6px;display:flex}.cop-accent-swatch{border:2px solid hsl(var(--cop-bg-1));outline:1px solid hsl(var(--cop-line));cursor:pointer;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .15s,outline-color .15s}.cop-accent-swatch:hover{transform:scale(1.1)}.cop-accent-swatch.on{outline:2px solid hsl(var(--cop-fg));outline-offset:1px;transform:scale(1.1)}button.cop-search{text-align:left;cursor:pointer;width:100%;font-family:inherit}button.cop-search:hover{background:hsl(var(--cop-bg-3))}button.cop-search span.placeholder{color:hsl(var(--cop-fg-dim));font-size:13px}.cop-mobilenav,.cop-mobilenav-sheet,.cop-mobilenav-scrim{display:none}@media (max-width:767px){.cop-app{grid-template-columns:1fr;height:100dvh}.cop-rail{display:none}.cop-main{height:100dvh}.cop-body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.cop-mobilenav{z-index:800;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:hsl(var(--cop-bg));border-top:1px solid hsl(var(--cop-line));align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.cop-mobilenav-tab{color:hsl(var(--cop-fg-dim));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.cop-mobilenav-tab.is-active{color:var(--accent)}.cop-mobilenav-scrim{z-index:798;background:#00000073;display:block;position:fixed;inset:0}.cop-mobilenav-sheet{left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));z-index:799;background:hsl(var(--cop-bg));border-top:1px solid hsl(var(--cop-line));max-height:65dvh;padding:14px 14px calc(14px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;display:block;position:fixed;overflow-y:auto}.cop-mobilenav-sheet-label{text-transform:uppercase;letter-spacing:1px;color:hsl(var(--cop-fg-dim));margin:10px 4px 6px;font-size:10px;font-weight:700}.cop-mobilenav-sheet-group:first-child .cop-mobilenav-sheet-label{margin-top:0}.cop-mobilenav-sheet-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cop-mobilenav-sheet-item{background:hsl(var(--cop-bg-sunken,var(--cop-bg)));border:1px solid hsl(var(--cop-line));color:hsl(var(--cop-fg));text-align:center;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.cop-mobilenav-sheet-item.is-active{color:var(--accent);border-color:var(--accent)}.cop-top{gap:8px;padding:0 12px}.cop-search,.cop-top-crumb,.cop-ai-pulse{display:none}.cop-top-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}}.cop-top-search-mobile,.cop-gs-close{display:none}.cop-gs-overlay{padding-top:10vh}.cop-gs-panel{max-height:70vh}@media (max-width:767px){.cop-top-search-mobile{width:38px;height:38px;color:hsl(var(--cop-fg-dim));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cop-top-search-mobile:active{background:hsl(var(--cop-line) / .5)}.cop-gs-overlay{padding-top:8dvh}.cop-gs-panel{max-height:78dvh;width:calc(100% - 20px)!important}.cop-gs-close{background:var(--surface);width:34px;height:34px;color:var(--txt3);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.cop-gs-kbd,.cop-gs-hints{display:none!important}}
:where(.cop-page){background:hsl(var(--cop-bg));color:hsl(var(--cop-fg))}:where(.cop-page) h1,:where(.cop-page) h2,:where(.cop-page) h3{color:hsl(var(--cop-fg));letter-spacing:-.015em}:where(.cop-page) h1{font-size:20px;font-weight:600}:where(.cop-page) h2{font-size:16px;font-weight:600}:where(.cop-page) h3{font-size:13px;font-weight:600}:where(.cop-page) input[type=text],:where(.cop-page) input[type=email],:where(.cop-page) input[type=tel],:where(.cop-page) input[type=search],:where(.cop-page) input[type=password],:where(.cop-page) input[type=number],:where(.cop-page) input[type=date],:where(.cop-page) input:not([type]),:where(.cop-page) select,:where(.cop-page) textarea{background:hsl(var(--cop-bg-2));border:1px solid hsl(var(--cop-line));color:hsl(var(--cop-fg));border-radius:var(--cop-r)}:where(.cop-page) input:focus,:where(.cop-page) select:focus,:where(.cop-page) textarea:focus{border-color:hsl(var(--ai) / .5);box-shadow:0 0 0 2px hsl(var(--ai) / .15);outline:none}:where(.cop-page) input::placeholder,:where(.cop-page) textarea::placeholder{color:hsl(var(--cop-fg-faint))}:where(.cop-page) table{border-color:hsl(var(--cop-line));color:hsl(var(--cop-fg))}:where(.cop-page) table thead{background:hsl(var(--cop-bg-1));color:hsl(var(--cop-fg-muted))}:where(.cop-page) table th,:where(.cop-page) table td{border-color:hsl(var(--cop-line))}:where(.cop-page) table tbody tr:hover{background:hsl(var(--cop-bg-2))}:where(.cop-page) .bg-white,[data-cop=dark] :where(.cop-page) .bg-gray-50,[data-cop=dark] :where(.cop-page) .bg-gray-100,[data-cop=dark] :where(.cop-page) .bg-slate-50,[data-cop=dark] :where(.cop-page) .bg-zinc-50,[data-cop=dark] :where(.cop-page) .bg-neutral-50{background-color:hsl(var(--cop-bg-1));border-color:hsl(var(--cop-line))}[data-cop=dark] :where(.cop-page) .bg-white,[data-cop=dark] :where(.cop-page) .bg-gray-50,[data-cop=dark] :where(.cop-page) .bg-gray-100,[data-cop=dark] :where(.cop-page) .bg-slate-50,[data-cop=dark] :where(.cop-page) .bg-zinc-50,[data-cop=dark] :where(.cop-page) .bg-neutral-50{--txt:hsl(var(--cop-fg));--txt2:hsl(var(--cop-fg-muted));--txt3:hsl(var(--cop-fg-dim))}[data-cop=dark] [style*="background: white"],[data-cop=dark] [style*=background\:white],[data-cop=dark] [style*="background: #fff"],[data-cop=dark] [style*="background:#fff"],[data-cop=dark] [style*="background: #FFF"],[data-cop=dark] [style*="background:#FFF"],[data-cop=dark] [style*="background: rgb(255, 255, 255)"],[data-cop=dark] [style*="background-color: white"],[data-cop=dark] [style*=background-color\:white],[data-cop=dark] [style*="background-color: #fff"],[data-cop=dark] [style*="background-color:#fff"]{color:#0f172a;--txt:#0f172a;--txt2:#475569;--txt3:#94a3b8}[data-cop=dark] input[style*="background: white"]::placeholder,[data-cop=dark] input[style*=background\:white]::placeholder,[data-cop=dark] input[style*="background: #fff"]::placeholder,[data-cop=dark] input[style*="background:#fff"]::placeholder,[data-cop=dark] textarea[style*="background: white"]::placeholder,[data-cop=dark] textarea[style*=background\:white]::placeholder,[data-cop=dark] textarea[style*="background: #fff"]::placeholder,[data-cop=dark] textarea[style*="background:#fff"]::placeholder{color:#94a3b8;opacity:1}[data-cop=dark] :where(.cop-page) .bg-white h1,[data-cop=dark] :where(.cop-page) .bg-white h2,[data-cop=dark] :where(.cop-page) .bg-white h3,[data-cop=dark] :where(.cop-page) .bg-white h4{color:hsl(var(--cop-fg))}[data-cop=dark] button[style*="background: white"],[data-cop=dark] button[style*=background\:white],[data-cop=dark] button[style*="background: #fff"],[data-cop=dark] button[style*="background:#fff"]{color:#0f172a}[data-cop=dark] button[style*="background: white"][style*="var(--txt2)"],[data-cop=dark] button[style*=background\:white][style*="var(--txt2)"]{--txt2:#475569}[data-cop=dark] :where(.cop-page) button.bg-white{color:#0f172a}[data-cop=dark] :where(.cop-page) .bg-white,[data-cop=dark] :where(.cop-page) .bg-gray-50,[data-cop=dark] :where(.cop-page) .bg-gray-100,[data-cop=dark] :where(.cop-page) .bg-slate-50,[data-cop=dark] :where(.cop-page) .bg-zinc-50,[data-cop=dark] :where(.cop-page) .bg-neutral-50{--row-hover-bg:hsl(var(--cop-bg-2));--row-selected-bg:#36e2dd2e;--row-selected-fg:hsl(var(--cop-fg));--current-user-border:1px solid #36e2dd99;--btn-outline-hover-bg:hsl(var(--cop-bg-2));--thead-bg:hsl(var(--cop-bg-2))}.cop-page-section-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--cop-fg-dim));align-items:center;gap:10px;margin:16px 0 8px;font-size:11px;display:flex}.cop-page-section-title:after{content:"";background:hsl(var(--cop-line));flex:1;height:1px}[data-cop=dark] :where(.cop-page) .text-gray-400,[data-cop=dark] :where(.cop-page) .text-slate-400,[data-cop=dark] :where(.cop-page) .text-zinc-400,[data-cop=dark] :where(.cop-page) .text-neutral-400{color:hsl(var(--cop-fg-dim))}[data-cop=dark] :where(.cop-page) .text-gray-500,[data-cop=dark] :where(.cop-page) .text-gray-600,[data-cop=dark] :where(.cop-page) .text-gray-700,[data-cop=dark] :where(.cop-page) .text-slate-500,[data-cop=dark] :where(.cop-page) .text-slate-600,[data-cop=dark] :where(.cop-page) .text-slate-700,[data-cop=dark] :where(.cop-page) .text-zinc-500,[data-cop=dark] :where(.cop-page) .text-zinc-600,[data-cop=dark] :where(.cop-page) .text-zinc-700,[data-cop=dark] :where(.cop-page) .text-neutral-500,[data-cop=dark] :where(.cop-page) .text-neutral-600,[data-cop=dark] :where(.cop-page) .text-neutral-700{color:hsl(var(--cop-fg-muted))}