:root{--sb-primary:#4e73df;--sb-success:#1cc88a;--sb-info:#36b9cc;--sb-warning:#f6c23e;--sb-danger:#e74a3b;--sb-gray-100:#f8f9fc;--sb-gray-200:#eaecf4;--sb-gray-600:#858796;--sb-gray-800:#5a5c69;--sb-gray-900:#3a3b45;--sb-shadow:0 0.15rem 1.75rem 0 rgba(58,59,69,.15);--sb-radius:.35rem;

/* Bridge legacy design tokens -> SB Admin 2 */
--bg: var(--sb-gray-100);
--card: #fff;
--muted: var(--sb-gray-600);
--text: #ffffff;
--stroke: var(--sb-gray-200);
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{background:var(--sb-gray-100)!important;color:var(--sb-gray-600)!important;font-family:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;margin:0;}
img{max-width:100%;height:auto;}

/* Topbar */
.topbar,.topbarAdmin{background:#fff!important;border-bottom:1px solid var(--sb-gray-200)!important;box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.08)!important;}
.adminHeader{padding:14px 18px!important;}
.adminTitle{font-weight:700!important;color:var(--sb-gray-800)!important;}
.adminSubtitle{color:var(--sb-gray-600)!important;}
.adminNav{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;padding:10px 14px!important;}

/* Mobile: keep admin menu on ONE line (scroll), prevent wrap/overlap */
@media (max-width: 576px){
  .topbarAdmin .adminNav{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    justify-content:flex-start!important;
  }
  .topbarAdmin .adminNav .btn{padding:.4rem .6rem!important;font-size:.9rem!important;}
}

/* Layout */
.container{max-width:1200px;margin:18px auto!important;padding:0 14px!important;}
.card{margin-top: 45px;background:rgba(78,115,223,.06)!important;border:1px solid var(--sb-gray-200)!important;border-radius:var(--sb-radius)!important;box-shadow:var(--sb-shadow)!important; }

.card1{margin-top: 45px;background:rgba(78,115,223,.06)!important;border:1px solid var(--sb-gray-200)!important;border-radius:var(--sb-radius)!important;box-shadow:var(--sb-shadow)!important;      color: #ffff !important;}

/* Ensure readable text inside cards (keep button colors intact) */
.card p,.card small{color: #000;}

/* Store link card: use SB tones (fix low-contrast inline styles) */
#storeLinkCard{background:#fff!important;border-color:var(--sb-gray-200)!important;}
#storeLinkCard .small{color:var(--sb-gray-600)!important;}

/* Count badges: fix "apagado" numbers by forcing contrast */
[id^="count"]{color:#fff!important;border-color:var(--sb-gray-200)!important;background:var(--sb-gray-800)!important;}

/* Buttons */
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:var(--sb-radius)!important;font-weight:700!important;line-height:1.2!important;padding:.45rem .85rem!important;border:1px solid transparent!important;cursor:pointer!important;user-select:none!important;text-decoration:none!important;white-space:nowrap!important;}
.btnGhost{background:#fff!important;border-color:var(--sb-gray-200)!important;color:var(--sb-gray-800)!important;}
.btnGhost:hover{background:var(--sb-gray-100)!important;}
.btnPrimary{background:var(--sb-primary)!important;border-color:var(--sb-primary)!important;color:#fff!important;}
.btnPrimary:hover{filter:brightness(.95)!important;}
.btnDanger{background:var(--sb-danger)!important;border-color:var(--sb-danger)!important;color:#fff!important;}
.btnSuccess{background:var(--sb-success)!important;border-color:var(--sb-success)!important;color:#fff!important;}

/* Forms */
input,select,textarea{background:#fff!important;border:1px solid var(--sb-gray-200)!important;border-radius:var(--sb-radius)!important;padding:.45rem .75rem!important;color:var(--sb-gray-800)!important;outline:none!important;}
input:focus,select:focus,textarea:focus{border-color:rgba(78,115,223,.5)!important;box-shadow:0 0 0 .2rem rgba(78,115,223,.25)!important;}

/* Notice -> alert */
.notice{background:#fff!important;border:1px solid var(--sb-gray-200)!important;border-left:.25rem solid var(--sb-primary)!important;border-radius:var(--sb-radius)!important;padding:.75rem 1rem!important;color: #053d59 !important;}

/* Tables */
table{width:100%!important;border-collapse:collapse!important;}
th,td{border-bottom:1px solid var(--sb-gray-200)!important;padding:.65rem .75rem!important;}
th{color:var(--sb-gray-800)!important;font-weight:800!important;background:var(--sb-gray-100)!important;}

/* Orders filters */
#ordersFilters{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:10px 0 12px 0!important;width:100%!important;}
#ordersFilters .btn{width:15%!important;background:#fff!important;border-color:var(--sb-gray-200)!important;padding:.65rem .75rem!important;}

/* Small screens: keep filter buttons in a single row (scroll) */
@media (max-width: 500px){
  #ordersFilters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;}
  #ordersFilters .btn{min-width:70px!important;flex:0 0 auto!important;}
}

/* Avoid stacking from legacy flex wrappers */
.row{display:flex!important;flex-wrap:wrap!important;margin-right:-.75rem!important;margin-left:-.75rem!important;}
.col{flex:1 0 0%!important;padding-right:.75rem!important;padding-left:.75rem!important;}

.small2 { color: black;
}

.0987 * {
  color: #ffffff !important;
}