/* Rede Drogal - identidade do RMM (UNODATA, 11/11/2026). Cores do site drogal.com.br: vermelho #BF1818, azul #173F71 */
:root{--q-primary:#173F71;--q-secondary:#BF1818;--q-accent:#BF1818;--drg-red:#BF1818;--drg-red-dk:#9E1212;--drg-navy:#173F71;--drg-navy-dk:#0E2747;--drg-ink:#1B2433;--drg-mute:#5B6475;--drg-line:#E3E8EF;--drg-bg:#F4F6FA}

/* ---------- Login ---------- */
body.drg-login{font-family:'Nunito',Roboto,sans-serif;background:var(--drg-bg)}
body.drg-login main.q-page.bg-image{background:var(--drg-bg)!important;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;justify-items:center;padding:0}
.drg-hero{align-self:stretch;justify-self:stretch;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;
  background:radial-gradient(120% 90% at 0% 0%,#22528F 0%,var(--drg-navy) 45%,var(--drg-navy-dk) 100%)}
.drg-hero:before{content:"";position:absolute;right:-140px;bottom:-160px;width:620px;height:620px;opacity:.07;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' d='M36 6h28a4 4 0 0 1 4 4v22h22a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H68v22a4 4 0 0 1-4 4H36a4 4 0 0 1-4-4V68H10a4 4 0 0 1-4-4V36a4 4 0 0 1 4-4h22V10a4 4 0 0 1 4-4z'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(8deg)}
.drg-hero:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--drg-red)}
.drg-hero-top{display:flex;align-items:center;gap:16px;position:relative}
.drg-hero-top img{height:46px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.drg-tag{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px}
.drg-hero-mid{position:relative;max-width:560px}
.drg-hero h2{font:800 46px/1.08 'Nunito',sans-serif;margin:0 0 18px;letter-spacing:-.01em}
.drg-hero h2 em{font-style:normal;color:#FF8A8A}
.drg-hero p{font-size:18px;line-height:1.55;margin:0 0 34px;color:rgba(255,255,255,.82)}
.drg-stats{display:grid;grid-template-columns:repeat(3,auto);gap:14px;margin:0;padding:0;list-style:none;justify-content:start}
.drg-stats li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 20px;min-width:130px}
.drg-stats b{display:block;font:800 30px/1.1 'Nunito',sans-serif}
.drg-stats span{font-size:13px;color:rgba(255,255,255,.75)}
.drg-feats{display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0 0;padding:0;list-style:none;font-size:14px;color:rgba(255,255,255,.85)}
.drg-feats li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--drg-red);margin-right:8px;vertical-align:middle;box-shadow:0 0 0 3px rgba(191,24,24,.25)}
.drg-hero-foot{position:relative;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:rgba(255,255,255,.6)}
.drg-hero-foot b{color:#fff;font-weight:700}

body.drg-login main .q-card{width:min(420px,88%)!important;background:#fff!important;color:var(--drg-ink)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(16,24,40,.06),0 24px 48px -12px rgba(23,63,113,.22)!important;padding:18px 14px 8px;border-top:5px solid var(--drg-red)}
.drg-card-head{text-align:left;padding:4px 4px 0}
.drg-card-head img{height:40px;margin-bottom:22px}
.drg-card-head h1{font:800 26px/1.2 'Nunito',sans-serif;margin:0 0 6px;color:var(--drg-ink);letter-spacing:-.01em}
.drg-card-head p{margin:0;color:var(--drg-mute);font-size:15px}
body.drg-login .q-field--filled .q-field__control{background:#EEF2F7!important;border-radius:12px!important;border:1.5px solid transparent;height:58px}
body.drg-login .q-field--filled.q-field--focused .q-field__control{border-color:var(--drg-navy);background:#fff!important}
body.drg-login .q-field--filled .q-field__control:before,body.drg-login .q-field--filled .q-field__control:after{display:none}
body.drg-login .q-field__native{color:var(--drg-ink)!important;font-size:16px;font-family:'Nunito',sans-serif}
body.drg-login .q-field__label{color:var(--drg-mute)!important;font-family:'Nunito',sans-serif;font-weight:600}
body.drg-login .q-field__append .q-icon{color:var(--drg-mute)!important}
body.drg-login main .q-btn.bg-primary{background:var(--drg-red)!important;height:52px;border-radius:12px;font:800 16px 'Nunito',sans-serif;text-transform:none;letter-spacing:.02em;box-shadow:0 10px 20px -8px rgba(191,24,24,.6)}
body.drg-login main .q-btn.bg-primary:hover{background:var(--drg-red-dk)!important}
.drg-card-foot{margin:6px 16px 10px;padding-top:16px;border-top:1px solid var(--drg-line);display:flex;gap:10px;align-items:flex-start;color:var(--drg-mute);font-size:13px;line-height:1.45}
.drg-card-foot svg{flex:none;margin-top:1px}

/* dialogo do 2FA */
.drg-2fa .q-card{background:#fff!important;color:var(--drg-ink)!important;border-radius:18px!important;border-top:5px solid var(--drg-red);font-family:'Nunito',sans-serif;min-width:min(400px,92vw);padding:8px 6px}
.drg-2fa .q-card .text-h6,.drg-2fa .q-card__section:first-child{font:800 22px/1.25 'Nunito',sans-serif!important;color:var(--drg-ink)!important;text-align:center}
.drg-2fa-dica{font:600 14px/1.4 'Nunito',sans-serif;color:var(--drg-mute);margin-top:6px}
.drg-2fa .q-field__control{background:#EEF2F7!important;border-radius:12px!important}
.drg-2fa .q-field__control:before,.drg-2fa .q-field__control:after{border-color:transparent!important}
.drg-2fa .q-field--focused .q-field__control:after{border:1.5px solid var(--drg-navy)!important}
.drg-2fa .q-field__native{color:var(--drg-ink)!important;font:800 26px 'Nunito',sans-serif!important;letter-spacing:.35em;text-align:center}
.drg-2fa .q-btn{color:var(--drg-navy)!important;font:800 14px 'Nunito',sans-serif;text-transform:none;border-radius:10px}
.drg-2fa .q-card__actions .q-btn:last-child{background:var(--drg-red)!important;color:#fff!important;padding:4px 16px}

@media (max-width:900px){
  body.drg-login main.q-page.bg-image{grid-template-columns:1fr;align-content:start}
  .drg-hero{padding:28px 22px 26px}.drg-hero h2{font-size:30px}.drg-hero p{font-size:15px;margin-bottom:20px}
  .drg-stats{grid-template-columns:repeat(3,1fr)}.drg-stats li{min-width:0;padding:10px 12px}.drg-stats b{font-size:22px}
  .drg-feats,.drg-hero-foot{display:none}
  body.drg-login main .q-card{margin:-18px auto 30px;position:relative}

}

/* ---------- Aplicacao ---------- */
.q-header{background:linear-gradient(90deg,var(--drg-navy-dk),var(--drg-navy) 60%,#1E4C86)!important;border-bottom:4px solid var(--drg-red);box-shadow:0 2px 10px rgba(14,39,71,.25)}
.q-header .q-toolbar{color:#fff;min-height:58px}
.body--dark .q-header{background:#0f2a4d!important}
.q-header .q-toolbar__title{font-size:0!important;display:flex!important;align-items:center;gap:14px;overflow:visible}
.drg-logo{height:32px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.drg-sep{width:1px;height:24px;background:rgba(255,255,255,.35)}
.drg-app{font:800 18px/1 'Nunito',sans-serif;color:#fff;letter-spacing:.01em}
.drg-app small{display:block;font:600 11px/1.3 'Nunito',sans-serif;color:rgba(255,255,255,.7);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
.q-header .q-toolbar__title .text-overline{font-size:10px!important;opacity:.55;align-self:flex-end;margin-bottom:6px}
.q-drawer .q-tree__node--selected,.q-tree__node--selected .q-tree__node-header-content{color:var(--drg-red)!important;font-weight:700}
.q-tree__node-header:hover{background:rgba(23,63,113,.06)}
.q-table thead tr th{font-weight:700;color:var(--drg-navy)}
.q-tabs .q-tab--active{color:var(--drg-red)}
/* cliente e site sao redundantes: e tudo Drogal e a loja ja esta selecionada na arvore */
.drg-oculto{display:none!important}