body.db-auth-pending{overflow:hidden}
body.db-auth-pending>#app,body.db-auth-pending>#toolbar,body.db-auth-pending>#dayNav,body.db-auth-pending>#mobileQuick{filter:blur(5px) saturate(.88);pointer-events:none;user-select:none;transition:filter .18s ease}
#dbAuthGate{position:fixed;inset:0;z-index:99999;background:rgba(5,20,28,.16);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:22px;color:#eaf8f7;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
#dbAuthGate.is-hidden{display:none}
.db-gate-card{width:min(330px,calc(100vw - 34px));background:rgba(8,31,38,.90);border:1px solid rgba(94,234,212,.22);border-radius:20px;padding:18px 20px;box-shadow:0 20px 58px rgba(0,0,0,.26);text-align:center;transition:.2s ease}
.db-gate-logo{width:48px;height:48px;border-radius:15px;margin:0 auto 10px;display:grid;place-items:center;background:#124b4d;font-size:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.db-gate-card h1{font-size:17px;margin:0 0 4px}.db-gate-card p{margin:0;color:#b9d7d5;line-height:1.4;font-size:12px}
.db-login-slot{display:flex;justify-content:center;min-height:0;margin-top:0}.db-gate-err{color:#fecaca;font-size:12px;margin-top:10px;white-space:pre-wrap}
#dbAuthGate:not(.login-mode) .db-login-slot{display:none}
#dbAuthGate.login-mode{background:linear-gradient(155deg,rgba(7,17,28,.96) 0%,rgba(12,35,49,.96) 45%,rgba(16,58,61,.96) 100%);backdrop-filter:none;-webkit-backdrop-filter:none}
#dbAuthGate.login-mode .db-gate-card{width:min(460px,100%);border-radius:28px;padding:28px}
#dbAuthGate.login-mode .db-gate-logo{width:74px;height:74px;border-radius:22px;margin-bottom:16px;font-size:36px}
#dbAuthGate.login-mode .db-gate-card h1{font-size:24px;margin-bottom:7px}
#dbAuthGate.login-mode .db-gate-card p{font-size:14px;margin-bottom:22px}
#dbAuthGate.login-mode .db-login-slot{display:flex;min-height:44px;margin-top:0}.db-user-chip{display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding:5px 9px;border-radius:999px;background:rgba(15,118,110,.12);border:1px solid rgba(15,118,110,.22);font-size:11px;font-weight:800}.db-user-chip img{width:24px;height:24px;border-radius:50%;object-fit:cover}.db-logout-btn{border:0;background:transparent;color:inherit;font:inherit;font-size:10px;font-weight:900;cursor:pointer;padding:2px 4px;border-left:1px solid rgba(15,118,110,.22);margin-left:2px}.db-logout-btn:hover{text-decoration:underline}.db-stock-badge{display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900;vertical-align:middle;border:1px solid transparent}.db-stock-badge.ok{background:#dcfce7;color:#166534;border-color:#86efac}.db-stock-badge.warn{background:#fef9c3;color:#854d0e;border-color:#fde047}.db-stock-badge.low{background:#ffedd5;color:#9a3412;border-color:#fdba74}.db-stock-badge.zero{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.db-stock-badge.unknown{background:#e2e8f0;color:#475569;border-color:#cbd5e1}.db-stock-risk-low .card{box-shadow:inset 4px 0 #f97316}.db-stock-risk-zero .card{box-shadow:inset 4px 0 #ef4444}.db-stock-risk-warn .card{box-shadow:inset 4px 0 #eab308}.db-inventory-nav{font-weight:900}.db-toast{position:fixed;right:16px;bottom:18px;z-index:99998;background:#0f172a;color:#fff;padding:11px 14px;border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.25);font-size:13px;max-width:min(420px,calc(100vw - 32px));opacity:0;transform:translateY(8px);transition:.2s}.db-toast.show{opacity:1;transform:none}.db-toast.error{background:#7f1d1d}

/* V24 RC2 — cabeçalho de conta e sincronização visual */
#toolbar{justify-content:flex-start!important}
#toolbar .brand-title{margin-right:auto}
.db-user-chip{display:inline-flex;align-items:center;gap:8px;margin-left:0;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:11px;font-weight:850;white-space:nowrap;order:30}
.db-user-chip img{width:26px;height:26px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.db-user-name{max-width:180px;overflow:hidden;text-overflow:ellipsis}
#toolbar .top-menu-btn{order:40;margin-left:2px}
#toolbar .v23-clock{order:20;margin-left:0}
@media(max-width:899px){
  #toolbar .v23-clock{display:none!important}
  #toolbar .top-menu-btn{display:none!important}
  .db-user-chip{margin-left:auto;padding:4px 7px;gap:6px;font-size:10.5px}
  .db-user-chip img{width:24px;height:24px}
  .db-user-name{max-width:132px}
}

/* V24 RC2.2 — relógio compacto no desktop, alinhado ao usuário e ao menu */
@media(min-width:900px){
  #toolbar .v23-clock{
    height:40px!important;
    min-height:40px!important;
    padding:4px 10px!important;
    gap:7px!important;
    border-radius:14px!important;
    align-self:center!important;
  }
  #toolbar .v23-clock b{font-size:14px!important;line-height:1!important}
  #toolbar .v23-clock span{font-size:8px!important;line-height:1!important;letter-spacing:.09em!important}
  #toolbar .v23-clock > div{line-height:1.05!important}
  #toolbar .v23-clock i{width:5px!important;height:5px!important;box-shadow:0 0 0 2.5px rgba(74,222,128,.18)!important}
  #toolbar .db-user-chip{min-height:40px;height:40px;padding:5px 10px!important}
}