/* Kandu Professional Upgrade · 2026-05-27
   Capa visual segura: no cambia datos ni Firebase, solo estabiliza UX. */
:root{
  --gdb-bg:#070815;
  --gdb-panel:rgba(16,18,40,.86);
  --gdb-panel-2:rgba(23,25,54,.92);
  --gdb-border:rgba(255,255,255,.10);
  --gdb-border-strong:rgba(166,99,255,.34);
  --gdb-text:#f8fafc;
  --gdb-muted:#a8b3cf;
  --gdb-purple:#7c3aed;
  --gdb-purple-2:#a855f7;
  --gdb-green:#22c55e;
  --gdb-blue:#38bdf8;
  --gdb-amber:#f59e0b;
  --gdb-red:#ef4444;
  --gdb-radius:22px;
  --gdb-shadow:0 24px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html,body{min-height:100%;background:radial-gradient(circle at 8% -10%,rgba(124,58,237,.35),transparent 34%),radial-gradient(circle at 96% 10%,rgba(56,189,248,.14),transparent 28%),linear-gradient(135deg,#060712 0%,#080b1c 48%,#12091f 100%)!important;color:var(--gdb-text)!important;}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em;overflow-x:hidden;}
.layout{min-height:100vh;background:transparent!important;}
.sidebar{width:286px!important;padding:18px 14px!important;background:linear-gradient(180deg,rgba(10,12,31,.96),rgba(9,10,24,.90))!important;border-right:1px solid var(--gdb-border)!important;box-shadow:18px 0 70px rgba(0,0,0,.24);position:sticky;top:0;height:100vh;overflow:auto;}
.brand{gap:12px!important;margin-bottom:18px!important;padding:10px 10px 14px!important;border-bottom:1px solid var(--gdb-border);}
.brand-logo{width:52px!important;height:52px!important;background:linear-gradient(135deg,rgba(124,58,237,.45),rgba(34,197,94,.14))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 16px 38px rgba(124,58,237,.22);overflow:hidden;}
.brand-logo img{width:100%;height:100%;object-fit:cover;display:block;}
.brand-title{font-size:14px!important;font-weight:900!important;color:#fff!important;line-height:1.1;}
.brand-subtitle{font-size:12px!important;color:var(--gdb-muted)!important;margin-top:3px;}
.menu{gap:8px!important;padding:2px;}
.menu-item{min-height:48px!important;border-radius:16px!important;color:#dbe4ff!important;background:transparent!important;border:1px solid transparent!important;font-weight:750!important;display:flex!important;align-items:center!important;gap:10px!important;transition:transform .14s ease,background .14s ease,border-color .14s ease!important;}
.menu-item .emoji{margin:0!important;width:24px;height:24px;display:inline-grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.07);}
.menu-item:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.10)!important;transform:translateX(2px);}
.menu-item.active{background:linear-gradient(135deg,rgba(124,58,237,.98),rgba(168,85,247,.72))!important;border-color:rgba(255,255,255,.18)!important;color:white!important;box-shadow:0 14px 34px rgba(124,58,237,.28)!important;}
.main{padding:22px 26px 34px!important;min-width:0;}
.topbar{padding:16px 18px!important;margin-bottom:18px!important;background:rgba(255,255,255,.045)!important;border:1px solid var(--gdb-border)!important;border-radius:24px!important;box-shadow:var(--gdb-shadow);backdrop-filter:blur(18px);position:sticky;top:12px;z-index:40;}
.topbar-left h1,#view-title{font-size:26px!important;font-weight:950!important;letter-spacing:-.04em!important;margin:0!important;}
.topbar-left p{color:var(--gdb-muted)!important;font-size:13px!important;margin-top:4px!important;}
.chip{border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.06)!important;color:#e8ecff!important;padding:8px 12px!important;font-weight:800!important;}
.chip-success{background:rgba(34,197,94,.16)!important;color:#86efac!important;border-color:rgba(34,197,94,.34)!important;}
.card,.form-card,.modal-inner,.repartidor-form{background:linear-gradient(180deg,var(--gdb-panel-2),var(--gdb-panel))!important;border:1px solid var(--gdb-border)!important;border-radius:var(--gdb-radius)!important;box-shadow:var(--gdb-shadow)!important;backdrop-filter:blur(18px);}
.card{padding:18px!important;position:relative;overflow:hidden;}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:.6;}
.card-label{font-size:12px!important;letter-spacing:.02em;text-transform:uppercase;color:var(--gdb-muted)!important;font-weight:850!important;}
.card-value{font-size:32px!important;font-weight:950!important;color:white!important;letter-spacing:-.05em;}
.card-caption,.tip,.muted{color:var(--gdb-muted)!important;}
.cards-row{grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:16px!important;}
.grid-2{gap:16px!important;}
.btn{border-radius:16px!important;min-height:48px!important;padding:11px 15px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 14px 32px rgba(0,0,0,.18);transition:transform .13s ease,filter .13s ease,opacity .13s ease!important;}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08);opacity:1!important;}
.btn:active{transform:translateY(0);}
.btn-primary{background:linear-gradient(135deg,var(--gdb-purple),var(--gdb-purple-2))!important;color:#fff!important;}
.btn-success{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;border-color:rgba(34,197,94,.30)!important;}
.btn-warning{background:linear-gradient(135deg,#b45309,#f59e0b)!important;color:#fff!important;}
.btn-danger{background:linear-gradient(135deg,#991b1b,#ef4444)!important;color:#fff!important;}
.btn-outline{background:rgba(255,255,255,.055)!important;color:#eef2ff!important;border-color:rgba(255,255,255,.14)!important;}
input,select,textarea,.input{background:rgba(4,7,22,.78)!important;border:1px solid rgba(255,255,255,.13)!important;color:white!important;border-radius:15px!important;min-height:48px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
input::placeholder,textarea::placeholder{color:rgba(226,232,240,.48)!important;}
input:focus,select:focus,textarea:focus{border-color:rgba(168,85,247,.75)!important;box-shadow:0 0 0 4px rgba(168,85,247,.16)!important;outline:none!important;}
label{color:#dfe6ff!important;font-weight:750!important;}
.table{border-collapse:separate!important;border-spacing:0 8px!important;font-size:13px!important;}
.table th{border:0!important;color:#aeb8d6!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.04em;padding:8px 12px!important;}
.table td{background:rgba(255,255,255,.045)!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:12px!important;vertical-align:middle!important;}
.table tr td:first-child{border-left:1px solid rgba(255,255,255,.08)!important;border-top-left-radius:16px;border-bottom-left-radius:16px;}
.table tr td:last-child{border-right:1px solid rgba(255,255,255,.08)!important;border-top-right-radius:16px;border-bottom-right-radius:16px;}
.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:4px 10px!important;border-radius:999px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.10)!important;}
.badge.ok,.badge-verde{background:rgba(34,197,94,.14)!important;color:#86efac!important;border-color:rgba(34,197,94,.28)!important;}
.badge.warn,.badge-amarillo{background:rgba(245,158,11,.15)!important;color:#fcd34d!important;border-color:rgba(245,158,11,.28)!important;}
.badge.danger,.badge-rojo{background:rgba(239,68,68,.16)!important;color:#fca5a5!important;border-color:rgba(239,68,68,.28)!important;}
.badge-azul{background:rgba(56,189,248,.14)!important;color:#7dd3fc!important;border-color:rgba(56,189,248,.28)!important;}
.view{animation:gdbFade .18s ease both;}
@keyframes gdbFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.field-alert,.error{border-radius:16px!important;background:rgba(245,158,11,.13)!important;border:1px solid rgba(245,158,11,.30)!important;color:#fde68a!important;padding:12px 14px!important;font-weight:800;}
/* Chat estable */
#msg-chat-active,#msg-chat-empty,[id*="chat" i],[class*="chat" i]{scroll-behavior:auto!important;}
#msg-chat-active,.gdb-premium-chat-card,.chat-panel,.chat-interno{border-radius:24px!important;background:linear-gradient(180deg,rgba(23,25,54,.94),rgba(10,13,32,.94))!important;border:1px solid rgba(168,85,247,.24)!important;box-shadow:var(--gdb-shadow)!important;}
#msg-chat-active input,#msg-chat-active textarea,.chat-panel input,.chat-panel textarea{position:relative!important;z-index:9999!important;pointer-events:auto!important;user-select:text!important;}
.messages,.chat-messages,#msg-chat-list,#msg-chat-body{overflow-y:auto!important;overscroll-behavior:contain!important;max-height:calc(100vh - 330px)!important;}
/* Scroll profesional */
*{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.7) rgba(255,255,255,.06);}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gdb-purple),var(--gdb-blue));border-radius:999px;border:2px solid rgba(5,7,18,.9)}
.gdb-toast-pro{position:fixed;right:18px;bottom:18px;z-index:99999;max-width:min(420px,calc(100vw - 32px));background:linear-gradient(135deg,rgba(20,24,55,.98),rgba(55,24,91,.96));border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.45);border-radius:20px;padding:14px 16px;color:#fff;font-weight:850;line-height:1.35;animation:gdbToastIn .22s ease both;}
@keyframes gdbToastIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.gdb-empty-state{display:grid;place-items:center;min-height:180px;text-align:center;color:var(--gdb-muted);border:1px dashed rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.035);padding:22px;}
@media (max-width:1100px){.cards-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sidebar{width:250px!important}.main{padding:16px!important}}
@media (max-width:820px){.layout{display:block!important}.sidebar{position:relative!important;width:100%!important;height:auto!important;border-right:0!important;border-bottom:1px solid var(--gdb-border)!important}.menu{flex-direction:row!important;overflow-x:auto!important}.menu-item{white-space:nowrap!important}.topbar{position:relative!important;top:auto!important;display:block!important}.topbar-right{margin-top:12px;flex-wrap:wrap}.cards-row,.grid-2,.form-grid{grid-template-columns:1fr!important}.main{padding:12px!important}.table{display:block;overflow-x:auto;white-space:nowrap}.card-value{font-size:28px!important}}