.botao-central-varejo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 12px;
    background: linear-gradient(135deg, #fff 0%, #e9eef8 100%);
    color: #0c1422;
    font: 800 13px/1 Arial, sans-serif;
    box-shadow: 0 7px 20px rgba(0,0,0,.18);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.botao-central-varejo:hover {
    transform: translateY(-2px);
    background: #fff;
    box-shadow: 0 10px 28px rgba(0,0,0,.28);
}

.central-varejo-backdrop[hidden] { display: none !important; }

.central-varejo-backdrop {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(5, 10, 18, .72);
    backdrop-filter: blur(10px);
}

.central-varejo {
    width: min(1180px, 100%);
    height: min(780px, calc(100vh - 44px));
    overflow: hidden;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    background: #f5f7fb;
    color: #101828;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 26px;
    box-shadow: 0 30px 90px rgba(0,0,0,.38);
}

.central-varejo-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 18px;
    background: linear-gradient(165deg, #0b1220 0%, #151f32 100%);
    color: #fff;
}

.central-varejo-marca { padding: 4px 8px 20px; }
.central-varejo-marca small { display:block; color:#8ea2c5; font-weight:800; letter-spacing:.11em; }
.central-varejo-marca strong { display:block; margin-top:6px; font-size:22px; }

.central-varejo-aba {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 13px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #b8c4d8;
    text-align: left;
    font-weight: 800;
    cursor: pointer;
}

.central-varejo-aba:hover,
.central-varejo-aba.ativa { background: rgba(255,255,255,.11); color:#fff; }
.central-varejo-aba.ativa { box-shadow: inset 3px 0 #21c178; }
.central-varejo-aba span { width:26px; text-align:center; font-size:18px; }

.central-varejo-conteudo { min-width:0; overflow:auto; padding:28px; }
.central-varejo-topo { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; }
.central-varejo-topo h2 { margin:0; font-size:29px; }
.central-varejo-topo p { margin:6px 0 0; color:#667085; }
.central-varejo-fechar { width:42px; height:42px; border:0; border-radius:50%; background:#e8ecf3; font-size:22px; cursor:pointer; }

.central-painel[hidden] { display:none !important; }
.central-grade-metricas { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.central-metrica { padding:18px; background:#fff; border:1px solid #e4e7ec; border-radius:17px; box-shadow:0 8px 22px rgba(16,24,40,.06); }
.central-metrica small { display:block; color:#667085; font-weight:700; }
.central-metrica strong { display:block; margin-top:8px; font-size:28px; }
.central-metrica em { display:block; margin-top:5px; color:#15945c; font-size:12px; font-style:normal; font-weight:800; }

.central-cartao { padding:20px; margin-bottom:16px; background:#fff; border:1px solid #e4e7ec; border-radius:18px; box-shadow:0 7px 20px rgba(16,24,40,.05); }
.central-cartao h3 { margin:0 0 5px; }
.central-cartao > p { margin:0 0 16px; color:#667085; }
.central-linha { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.central-campo { display:flex; flex-direction:column; gap:7px; margin-bottom:14px; }
.central-campo label { font-size:13px; font-weight:800; }
.central-campo input,.central-campo select,.central-campo textarea { width:100%; min-height:45px; padding:10px 12px; border:1px solid #d0d5dd; border-radius:11px; background:#fff; color:#101828; font:inherit; }
.central-campo textarea { min-height:100px; resize:vertical; }
.central-acoes { display:flex; flex-wrap:wrap; gap:10px; }
.central-btn { min-height:43px; padding:10px 15px; border:1px solid #d0d5dd; border-radius:11px; background:#fff; color:#101828; font-weight:850; cursor:pointer; }
.central-btn:hover { border-color:#0b1220; transform:translateY(-1px); }
.central-btn.primario { border-color:#15945c; background:#15945c; color:#fff; }
.central-btn.perigo { color:#b42318; }

.central-lista { display:flex; flex-direction:column; gap:10px; }
.central-item { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 14px; border:1px solid #e4e7ec; border-radius:13px; background:#fff; }
.central-item strong { display:block; }
.central-item small { display:block; margin-top:4px; color:#667085; }
.central-etiqueta { display:inline-flex; padding:5px 9px; border-radius:999px; background:#e8f8f0; color:#087a49; font-size:11px; font-weight:900; }

.central-drop { padding:28px; border:2px dashed #b8c4d8; border-radius:16px; background:#f8faff; text-align:center; }
.central-drop.arrastando { border-color:#15945c; background:#ecfbf4; }
.central-drop input { display:none; }
.central-drop strong { display:block; font-size:18px; }
.central-drop p { color:#667085; }

.central-check { display:flex; gap:12px; align-items:flex-start; padding:12px; border-radius:12px; margin-bottom:8px; background:#f8fafc; }
.central-check.ok { background:#ecfdf3; color:#086a43; }
.central-check.aviso { background:#fff7ed; color:#9a3412; }
.central-check.erro { background:#fff1f1; color:#b42318; }
.central-check span { font-size:20px; }

.central-barra { height:10px; overflow:hidden; margin-top:14px; border-radius:99px; background:#e4e7ec; }
.central-barra span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#15945c,#21c178); }

.central-vazio { padding:28px; border:1px dashed #cbd5e1; border-radius:14px; color:#667085; text-align:center; }
.central-notificacao { position:fixed; right:24px; bottom:24px; z-index:21000; max-width:390px; padding:14px 18px; border-radius:13px; background:#101828; color:#fff; box-shadow:0 18px 45px rgba(0,0,0,.3); font-weight:750; }
.central-notificacao[hidden] { display:none; }

body.tema-escuro .central-varejo { background:#0c111b; color:#f4f7fb; border-color:#263244; }
body.tema-escuro .central-varejo-conteudo { background:#0c111b; }
body.tema-escuro .central-varejo-topo p, body.tema-escuro .central-cartao > p, body.tema-escuro .central-item small { color:#9ba9bf; }
body.tema-escuro .central-cartao, body.tema-escuro .central-metrica, body.tema-escuro .central-item { background:#121a28; border-color:#263244; }
body.tema-escuro .central-campo input, body.tema-escuro .central-campo select, body.tema-escuro .central-campo textarea { background:#0b111c; color:#fff; border-color:#344054; }
body.tema-escuro .central-btn { background:#172131; color:#fff; border-color:#344054; }
body.tema-escuro .central-check { background:#172131; }

@media (max-width: 900px) {
    .central-varejo { grid-template-columns:1fr; height:calc(100vh - 20px); }
    .central-varejo-menu { flex-direction:row; overflow-x:auto; padding:12px; }
    .central-varejo-marca { display:none; }
    .central-varejo-aba { width:auto; flex:0 0 auto; }
    .central-grade-metricas { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 580px) {
    .central-varejo-backdrop { padding:0; }
    .central-varejo { height:100vh; border-radius:0; }
    .central-varejo-conteudo { padding:18px 14px; }
    .central-grade-metricas,.central-linha { grid-template-columns:1fr; }
    .botao-central-varejo strong { display:none; }
}

@media print {
    .central-varejo-backdrop,.central-notificacao,.botao-central-varejo { display:none !important; }
}