/* ====================================================
   public/admin/admin.css - estilo compartilhado do admin (multi-pagina)
   ==================================================== */
:root{
  --a-bg:#0f1720; --a-side:#131c26; --a-card:#182430; --a-linha:#233240;
  --a-txt:#e8edf2; --a-mute:#8b9aa8; --a-verde:#1D9E75; --a-verde-d:#0F6E56;
  --a-azul:#3b82f6; --a-amber:#d99a2b; --a-red:#e05656; --a-ong:#b57be6;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--a-bg);color:var(--a-txt);display:flex;min-height:100vh}
a{color:inherit;text-decoration:none}

/* Sidebar */
.adm-side{width:230px;background:var(--a-side);border-right:1px solid var(--a-linha);padding:18px 14px;flex-shrink:0;position:sticky;top:0;height:100vh}
.adm-logo{font-size:18px;font-weight:800;margin-bottom:20px;padding:0 6px}
.adm-logo span{color:var(--a-verde);font-weight:600;font-size:13px}
.adm-nav{display:block;padding:11px 12px;border-radius:9px;color:var(--a-mute);font-size:14px;font-weight:600;margin-bottom:3px}
.adm-nav:hover{background:var(--a-card);color:var(--a-txt)}
.adm-nav.active{background:var(--a-verde-d);color:#fff}
.adm-sair{margin-top:18px;color:var(--a-mute);font-weight:500}

/* Main */
.adm-main{flex:1;padding:26px 30px;overflow-x:auto}
.adm-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.adm-topbar h1{font-size:24px;font-weight:800}
.adm-sub{color:var(--a-mute);font-size:14px;margin-top:2px}

/* Botoes */
.btn{border:none;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;background:var(--a-card);color:var(--a-txt);border:1px solid var(--a-linha)}
.btn:hover{border-color:var(--a-verde)}
.btn-p{background:var(--a-verde-d);color:#fff;border-color:var(--a-verde-d)}
.btn-p:hover{background:var(--a-verde)}
.btn-danger{color:var(--a-red);border-color:var(--a-red)}
.btn-sm{padding:6px 10px;font-size:12px}

/* Cards / metricas */
.mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:24px}
.mcard{background:var(--a-card);border:1px solid var(--a-linha);border-radius:12px;padding:16px}
.mcard-label{font-size:12px;color:var(--a-mute)}
.mcard-value{font-size:26px;font-weight:800;margin-top:4px}
.mcard-sub{font-size:12px;color:var(--a-mute);margin-top:2px}

/* Tabelas */
.table-wrap{background:var(--a-card);border:1px solid var(--a-linha);border-radius:12px;overflow:hidden;margin-bottom:20px}
.table-head{padding:14px 16px;border-bottom:1px solid var(--a-linha);font-weight:700;font-size:14px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;padding:11px 16px;color:var(--a-mute);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--a-linha)}
td{padding:12px 16px;border-bottom:1px solid var(--a-linha)}
tr:last-child td{border-bottom:none}

/* Filtros */
.filtros{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
input,select{padding:10px 12px;border:1px solid var(--a-linha);border-radius:9px;font-size:13px;font-family:inherit;background:var(--a-card);color:var(--a-txt)}
input::placeholder{color:var(--a-mute)}

/* Badges */
.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;display:inline-block}
.b-green{background:rgba(29,158,117,.18);color:#4fd1a5} .b-blue{background:rgba(59,130,246,.18);color:#7db0ff}
.b-amber{background:rgba(217,154,43,.18);color:#e6b45c} .b-red{background:rgba(224,86,86,.18);color:#f08a8a}
.b-gray{background:rgba(139,154,168,.18);color:#aab6c2} .b-ong{background:rgba(181,123,230,.18);color:#c9a3ee}

.empty{padding:40px;text-align:center;color:var(--a-mute)}
@media(max-width:768px){ body{flex-direction:column} .adm-side{width:100%;height:auto;position:static;display:flex;flex-wrap:wrap;gap:6px} .adm-nav{margin:0} .adm-main{padding:18px} }

/* Modais + formularios (usados por adminlojas etc) */
.mo{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;align-items:center;justify-content:center;padding:20px}
.mo.open{display:flex}
.modal{background:var(--a-card);border:1px solid var(--a-linha);border-radius:14px;padding:24px;max-width:480px;width:100%;position:relative}
.modal-title{font-size:18px;font-weight:800;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}
.mc{background:none;border:none;color:var(--a-mute);font-size:22px;cursor:pointer;line-height:1}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg{margin-bottom:12px;display:flex;flex-direction:column}
.fg label{font-size:12px;font-weight:600;color:var(--a-mute);margin-bottom:5px}
.fg input,.fg select{width:100%}
.errmsg{display:none;color:#f08a8a;font-size:13px;margin-top:8px}
.acoes-cell{display:flex;gap:4px;flex-wrap:wrap}
@media(max-width:600px){.fr{grid-template-columns:1fr}}