:root{
  --black:#050505;
  --black2:#0b0b0b;
  --black3:#121212;
  --card:#151515;
  --line:rgba(255,107,26,.22);
  --line2:rgba(255,255,255,.08);
  --orange:#ff5a00;
  --orange2:#ff8a1f;
  --glow:rgba(255,90,0,.24);
  --text:#fff;
  --muted:#aaa;
  --dim:#666;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 70% -10%, rgba(255,90,0,.12), transparent 28%),
    radial-gradient(circle at 0% 40%, rgba(255,90,0,.08), transparent 30%),
    var(--black);
  color:var(--text);
  font-family:'DM Sans',sans-serif;
}
button,input,select{font-family:inherit}
.hidden{display:none!important}
.eyebrow{
  color:var(--orange);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.72rem;
  font-weight:900;
}
.login-screen{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
}
.login-card{
  width:min(440px,100%);
  background:linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid var(--line);
  border-radius:28px;
  padding:34px;
  box-shadow:0 25px 90px rgba(0,0,0,.6), 0 0 60px var(--glow);
}
.login-logo{
  width:110px;
  height:110px;
  object-fit:contain;
  display:block;
  margin:0 auto 18px;
  border-radius:50%;
}
.login-card h1{
  font-family:'Montserrat',sans-serif;
  font-size:2rem;
  margin:8px 0;
}
.login-card p{color:var(--muted);line-height:1.6;margin-bottom:20px}
.login-card label{
  display:block;
  font-size:.8rem;
  color:var(--muted);
  margin-bottom:8px;
  font-weight:800;
}
.login-card input{
  width:100%;
  background:#070707;
  border:1px solid var(--line2);
  color:white;
  padding:15px;
  border-radius:14px;
  outline:none;
}
.login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,90,0,.1)}
.login-card button,.primary{
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  border:0;
  color:white;
  font-weight:900;
  padding:14px 18px;
  border-radius:14px;
  cursor:pointer;
  box-shadow:0 12px 35px var(--glow);
}
.login-card button{width:100%;margin:14px 0 10px}
.login-card small{color:var(--dim)}

.admin-app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  background:rgba(8,8,8,.88);
  backdrop-filter:blur(22px);
  border-right:1px solid var(--line2);
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:white;
  text-decoration:none;
}
.brand img{
  width:58px;
  height:58px;
  object-fit:contain;
  border-radius:50%;
  filter:drop-shadow(0 0 18px var(--glow));
}
.brand strong{
  display:block;
  font-family:'Great Vibes',cursive;
  color:var(--orange2);
  font-size:2rem;
  line-height:.8;
  font-weight:400;
}
.brand span{font-size:.78rem;color:var(--muted)}
.sidebar nav{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sidebar nav a,.side-actions a,.side-actions button{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  color:var(--muted);
  text-decoration:none;
  background:transparent;
  border:1px solid transparent;
  border-radius:14px;
  padding:0 14px;
  font-size:.92rem;
  cursor:pointer;
  text-align:left;
}
.sidebar nav a:hover,.sidebar nav a.active{
  color:#fff;
  background:rgba(255,90,0,.1);
  border-color:var(--line);
}
.side-actions{
  margin-top:auto;
  display:grid;
  gap:8px;
}
.side-actions a{background:var(--card);border-color:var(--line2);color:white}
.side-actions button{background:#220b04;border-color:var(--line);color:var(--orange2);font-weight:900}

.content{padding:28px;max-width:1500px;width:100%;margin:0 auto}
.admin-header{
  min-height:170px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  background:
    linear-gradient(110deg, rgba(255,90,0,.16), rgba(255,255,255,.03)),
    linear-gradient(145deg, #101010, #070707);
  border:1px solid var(--line);
  border-radius:28px;
  padding:30px;
  box-shadow:0 18px 80px rgba(0,0,0,.45);
  margin-bottom:18px;
}
.admin-header h1{
  font-family:'Montserrat',sans-serif;
  font-size:2.6rem;
  line-height:1;
  margin:8px 0;
}
.admin-header p:last-child{color:var(--muted);max-width:660px;line-height:1.6}
.kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-bottom:18px;
}
.kpis article,.panel,.time-card{
  background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  border:1px solid var(--line2);
  border-radius:22px;
  padding:20px;
}
.kpis article{
  position:relative;
  overflow:hidden;
}
.kpis article:before{
  content:"";
  position:absolute;inset:0 auto 0 0;
  width:3px;background:var(--orange);
  box-shadow:0 0 20px var(--orange);
}
.kpis span,.time-card span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:10px}
.kpis strong,.time-card strong{
  display:block;
  font-family:'Montserrat',sans-serif;
  color:var(--orange2);
  font-size:2rem;
  margin-bottom:5px;
}
.kpis small{color:var(--dim)}
.admin-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:18px;
}
.panel.full{margin-bottom:24px}
.panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:18px;
}
.panel h2{
  font-family:'Montserrat',sans-serif;
  font-size:1.35rem;
  margin-top:4px;
}
.ghost{
  background:transparent;
  color:var(--orange2);
  border:1px solid var(--line);
  padding:10px 14px;
  border-radius:12px;
  cursor:pointer;
  font-weight:800;
}
.list{
  display:grid;
  gap:10px;
  max-height:390px;
  overflow:auto;
  padding-right:4px;
}
.list-item{
  border:1px solid var(--line2);
  background:#0d0d0d;
  border-radius:16px;
  padding:14px;
}
.list-item strong{display:block;margin-bottom:4px}
.list-item p{color:var(--muted);font-size:.9rem;line-height:1.5}
.list-item small{color:var(--dim)}
.ranking{display:grid;gap:12px}
.rank-row{
  display:grid;
  grid-template-columns:36px 1fr auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:16px;
  background:#0d0d0d;
  border:1px solid var(--line2);
}
.rank-num{
  width:36px;height:36px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(255,90,0,.12);
  color:var(--orange2);
  font-weight:900;
}
.rank-bar{
  height:7px;
  background:#222;
  border-radius:99px;
  margin-top:7px;
  overflow:hidden;
}
.rank-bar i{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--orange),var(--orange2));
  border-radius:99px;
}
.time-card{margin-bottom:12px}
.note{color:var(--muted);font-size:.9rem;line-height:1.55}

.editor-toolbar{
  display:flex;
  gap:10px;
  margin-bottom:16px;
}
.editor-toolbar input,.editor-toolbar select{
  background:#080808;
  color:white;
  border:1px solid var(--line2);
  border-radius:14px;
  padding:13px 14px;
  outline:none;
}
.editor-toolbar input{flex:1}
.products-admin{
  display:grid;
  gap:12px;
}
.product-edit{
  display:grid;
  grid-template-columns:92px 1.5fr .8fr .7fr .7fr .9fr auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border-radius:18px;
  background:#0d0d0d;
  border:1px solid var(--line2);
}
.prod-preview{
  width:78px;height:78px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at center, rgba(255,90,0,.18), #111 70%);
  border:1px solid var(--line2);
  font-size:2rem;
  overflow:hidden;
}
.prod-preview img{width:100%;height:100%;object-fit:cover}
.product-edit input,.product-edit select{
  width:100%;
  background:#070707;
  color:#fff;
  border:1px solid var(--line2);
  border-radius:12px;
  padding:11px;
  outline:none;
}
.product-edit input:focus,.product-edit select:focus{border-color:var(--orange)}
.toggle-promo{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:var(--muted);
  font-size:.8rem;
}
.product-actions{
  display:flex;
  gap:7px;
}
.icon-btn{
  width:38px;height:38px;
  border-radius:12px;
  border:1px solid var(--line2);
  background:#151515;
  color:white;
  cursor:pointer;
}
.icon-btn.save{background:rgba(255,90,0,.14);border-color:var(--line);color:var(--orange2)}
.icon-btn.delete{color:#ff5b5b}
.file-input{display:none}
#toast{
  position:fixed;
  left:50%;bottom:25px;
  transform:translateX(-50%) translateY(80px);
  opacity:0;
  background:#111;
  color:white;
  border:1px solid var(--line);
  border-radius:14px;
  padding:13px 18px;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
  transition:.25s;
  z-index:9999;
}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.empty{
  color:var(--dim);
  border:1px dashed var(--line2);
  border-radius:16px;
  padding:22px;
  text-align:center;
}
.pill{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,90,0,.1);
  border:1px solid var(--line);
  color:var(--orange2);
  font-size:.75rem;
  font-weight:900;
  margin-top:8px;
}
@media(max-width:1100px){
  .admin-app{grid-template-columns:1fr}
  .sidebar{
    position:relative;height:auto;
  }
  .sidebar nav{
    display:grid;
    grid-template-columns:repeat(2,1fr);
  }
  .kpis{grid-template-columns:repeat(2,1fr)}
  .admin-grid{grid-template-columns:1fr}
  .product-edit{grid-template-columns:70px 1fr 1fr}
  .product-actions{grid-column:1/-1}
}
@media(max-width:720px){
  .content{padding:14px}
  .admin-header{display:grid;padding:22px;border-radius:22px}
  .admin-header h1{font-size:2rem}
  .kpis{grid-template-columns:1fr}
  .sidebar{padding:14px}
  .sidebar nav{grid-template-columns:1fr}
  .editor-toolbar{display:grid}
  .product-edit{
    grid-template-columns:70px 1fr;
  }
  .product-edit > *:not(.prod-preview){grid-column:auto}
  .product-edit input,.product-edit select{font-size:.9rem}
}


/* ===== ABAS DO ADMIN ===== */
.tab-menu{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.tab-btn{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  color:var(--muted);
  background:transparent;
  border:1px solid transparent;
  border-radius:14px;
  padding:0 14px;
  font-size:.92rem;
  cursor:pointer;
  text-align:left;
}
.tab-btn:hover,.tab-btn.active{
  color:#fff;
  background:rgba(255,90,0,.1);
  border-color:var(--line);
}
.tab-page{
  display:none;
  animation:tabIn .22s ease both;
}
.tab-page.active{
  display:block;
}
@keyframes tabIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.access-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:16px;
}
.big-list{
  max-height:620px;
}
.big-ranking{
  max-height:620px;
  overflow:auto;
}
@media(max-width:1100px){
  .tab-menu{
    display:grid;
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:720px){
  .tab-menu{grid-template-columns:1fr}
  .access-grid{grid-template-columns:1fr}
}


.editor-subpanel{margin-top:18px}
.combo-edit,.banner-edit{
  display:grid;
  grid-template-columns:1.2fr 1.5fr 1fr .7fr .7fr .7fr auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border-radius:18px;
  background:#0d0d0d;
  border:1px solid var(--line2);
  margin-bottom:10px;
}
.banner-edit{grid-template-columns:.8fr 1.3fr 1.8fr .8fr .7fr auto}
.combo-edit input,.combo-edit select,.banner-edit input,.banner-edit select{
  width:100%;
  background:#070707;
  color:#fff;
  border:1px solid var(--line2);
  border-radius:12px;
  padding:11px;
  outline:none;
}
.order-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
}
.order-footer select{
  background:#070707;
  color:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:8px 10px;
}
@media(max-width:1100px){
  .combo-edit,.banner-edit{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .combo-edit,.banner-edit{grid-template-columns:1fr}
  .order-footer{align-items:flex-start;flex-direction:column}
}

.firebase-status{
  justify-self:end;
  align-self:end;
  border:1px solid rgba(255,90,0,.35);
  background:rgba(255,90,0,.08);
  color:#ff8a1f;
  padding:10px 14px;
  border-radius:14px;
  font-size:.82rem;
  font-weight:800;
}
@media(max-width:720px){
  .firebase-status{justify-self:start}
}






/* ADMIN MOBILE RESPONSIVO - INICIO */

/* Evita estouro horizontal geral */
html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body {
  font-size: 15px !important;
}

/* Imagens e vídeos nunca estouram */
img,
video {
  max-width: 100% !important;
}

/* Layout principal no mobile */
@media (max-width: 900px) {
  .admin-app,
  main.admin-app,
  #app.admin-app {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
  }

  /* Sidebar vira topo */
  .sidebar {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    padding: 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(7,7,7,.96) !important;
    backdrop-filter: blur(16px) !important;
  }

  .sidebar .brand {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 8px 4px 12px !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .sidebar .brand img {
    width: 48px !important;
    height: 48px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  .sidebar .brand strong {
    font-size: 16px !important;
  }

  .sidebar .brand span {
    font-size: 12px !important;
  }

  /* Menu vira carrossel horizontal */
  .tab-menu,
  .sidebar nav,
  nav.tab-menu {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 4px 0 8px !important;
    margin: 0 !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .tab-menu::-webkit-scrollbar,
  .sidebar nav::-webkit-scrollbar {
    height: 0 !important;
  }

  .tab-menu button,
  .tab-btn {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    height: 42px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    scroll-snap-align: start !important;
  }

  .side-actions {
    display: flex !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  .side-actions a,
  .side-actions button {
    flex: 1 !important;
    height: 38px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  /* Conteúdo */
  .content {
    width: 100% !important;
    padding: 14px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .admin-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .admin-header h1 {
    font-size: 23px !important;
    line-height: 1.15 !important;
  }

  .admin-header p {
    font-size: 13px !important;
  }

  .admin-header .primary,
  .primary {
    width: 100% !important;
    min-height: 42px !important;
    border-radius: 13px !important;
  }

  /* KPIs */
  .kpis,
  .cards,
  .stats-grid,
  .dashboard-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .kpis article,
  .cards article,
  .stats-grid article,
  .dashboard-grid article {
    padding: 13px !important;
    border-radius: 16px !important;
    min-width: 0 !important;
  }

  .kpis article strong,
  .cards article strong {
    font-size: 22px !important;
    word-break: break-word !important;
  }

  .kpis article span,
  .kpis article small,
  .cards article span,
  .cards article small {
    font-size: 12px !important;
  }

  /* Grids e seções */
  .tab-page,
  .panel,
  .card,
  section {
    max-width: 100% !important;
  }

  .grid,
  .editor-grid,
  .form-grid,
  .products-editor,
  .analytics-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* Inputs e selects */
  input,
  select,
  textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    font-size: 16px !important; /* evita zoom no iPhone */
    border-radius: 12px !important;
  }

  textarea {
    min-height: 90px !important;
  }

  button {
    max-width: 100% !important;
  }

  /* Tabelas e listas grandes com scroll */
  table {
    min-width: 680px !important;
  }

  .table-wrap,
  .orders-table,
  .clientes-table,
  .vendas-table,
  .list-wrap,
  .admin-list,
  .data-table,
  .table-box {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Itens/listas viram cards quando possível */
  .product-editor-card,
  .client-card,
  .order-card,
  .sale-card {
    width: 100% !important;
    border-radius: 16px !important;
  }

  /* Modal no mobile */
  .modal,
  .admin-modal,
  .modal-content,
  .admin-modal-content {
    width: 94vw !important;
    max-width: 94vw !important;
    max-height: 88vh !important;
    overflow-y: auto !important;
    border-radius: 20px !important;
  }

  /* Login mobile */
  .login-screen {
    padding: 16px !important;
  }

  .login-card {
    width: 100% !important;
    max-width: 420px !important;
    padding: 22px !important;
    border-radius: 22px !important;
  }

  .login-logo {
    width: 86px !important;
    height: 86px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }
}

/* Celular pequeno */
@media (max-width: 520px) {
  body {
    font-size: 14px !important;
  }

  .content {
    padding: 10px !important;
  }

  .admin-header {
    padding: 12px !important;
  }

  .admin-header h1 {
    font-size: 21px !important;
  }

  .kpis,
  .cards,
  .stats-grid,
  .dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  .kpis article strong,
  .cards article strong {
    font-size: 24px !important;
  }

  .tab-menu button,
  .tab-btn {
    height: 40px !important;
    font-size: 12px !important;
    padding: 0 12px !important;
  }

  .side-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  /* Stories admin mobile */
  .stories-admin-panel {
    margin-top: 14px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .stories-admin-head {
    display: block !important;
  }

  .stories-admin-head h2 {
    font-size: 21px !important;
  }

  .story-dropzone {
    min-height: 190px !important;
    padding: 18px !important;
  }

  .story-drop-icon {
    width: 52px !important;
    height: 52px !important;
    font-size: 32px !important;
  }

  .story-dropzone strong {
    font-size: 17px !important;
  }

  .story-camera-btn {
    width: 100% !important;
    min-height: 44px !important;
  }

  .stories-admin-list {
    grid-template-columns: 1fr !important;
  }

  .story-admin-card {
    grid-template-columns: 78px 1fr !important;
    padding: 10px !important;
    gap: 10px !important;
  }

  .story-admin-media {
    width: 78px !important;
    height: 106px !important;
  }

  .story-admin-info strong {
    font-size: 13px !important;
  }

  .story-admin-info small {
    font-size: 11px !important;
  }

  .story-admin-info button {
    width: 100% !important;
    padding: 8px !important;
  }
}

/* Ajuste extra para evitar qualquer elemento gigante */
@media (max-width: 430px) {
  .content,
  .sidebar,
  .admin-header,
  .stories-admin-panel,
  .panel,
  .card {
    max-width: 100vw !important;
  }

  h1 {
    font-size: 21px !important;
  }

  h2 {
    font-size: 19px !important;
  }

  h3 {
    font-size: 16px !important;
  }

  .tab-page {
    padding: 0 !important;
  }
}

/* ADMIN MOBILE RESPONSIVO - FIM */






/* BANNER SIMPLES ADMIN - INICIO */
#bannerCloudPanel, #bannerSelectPanel, #tab-banners-clean { display: none !important; }
.banner-simples-menu-btn { color: #fff !important; }
.banner-simples-page { width: 100% !important; }
.banner-simples-hero-admin,
.banner-simples-upload-box,
.banner-simples-section {
  margin-bottom: 20px !important;
  padding: 22px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,106,0,.26) !important;
  background: radial-gradient(circle at top left, rgba(255,106,0,.13), transparent 35%), linear-gradient(135deg, rgba(255,255,255,.045), rgba(0,0,0,.22)) !important;
}
.banner-simples-hero-admin h1,
.banner-simples-section h2 { color: #fff !important; margin: 4px 0 !important; }
.banner-simples-hero-admin small,
.banner-simples-section small { color: #aaa !important; }
.banner-simples-hero-admin b { color: #ff8a1d !important; }
.banner-simples-upload {
  min-height: 210px !important;
  border: 2px dashed rgba(255,106,0,.5) !important;
  border-radius: 22px !important;
  background: rgba(255,106,0,.08) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  cursor: pointer !important;
  padding: 26px !important;
  transition: .2s ease !important;
}
.banner-simples-upload:hover { transform: translateY(-2px) !important; background: rgba(255,106,0,.13) !important; }
.banner-simples-upload input { display: none !important; }
.banner-simples-upload > span {
  width: 62px !important; height: 62px !important; border-radius: 50% !important;
  display: grid !important; place-items: center !important;
  background: linear-gradient(135deg, #ff5b00, #ff9a1f) !important;
  color: #fff !important; font-size: 42px !important; font-weight: 900 !important;
  margin-bottom: 12px !important; box-shadow: 0 0 26px rgba(255,106,0,.35) !important;
}
.banner-simples-upload strong { font-size: 22px !important; font-weight: 900 !important; }
.banner-simples-upload small { color: #bbb !important; margin-top: 6px !important; }
.banner-simples-status { display: block !important; margin-top: 12px !important; color: #aaa !important; }
.banner-simples-status.success { color: #25d366 !important; }
.banner-simples-status.error { color: #ff6b6b !important; }
.banner-simples-status.loading { color: #ffb000 !important; }
.banner-simples-title-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-bottom: 14px !important; }
.banner-simples-title-row button { border: 0 !important; border-radius: 12px !important; background: rgba(255,107,107,.14) !important; color: #ff6b6b !important; padding: 10px 14px !important; font-weight: 900 !important; cursor: pointer !important; }
.banner-simples-list { display: grid !important; gap: 14px !important; }
.banner-simples-card { display: grid !important; grid-template-columns: minmax(220px, 380px) 1fr !important; gap: 14px !important; align-items: center !important; padding: 12px !important; border-radius: 18px !important; border: 1px solid rgba(255,255,255,.08) !important; background: rgba(0,0,0,.28) !important; }
.banner-simples-card img { width: 100% !important; aspect-ratio: 2360 / 600 !important; object-fit: cover !important; border-radius: 14px !important; background: #111 !important; }
.banner-simples-card strong, .banner-simples-card small { display: block !important; }
.banner-simples-card strong { color: #fff !important; }
.banner-simples-card small { color: #aaa !important; margin-top: 4px !important; }
.banner-simples-actions { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 12px !important; }
.banner-simples-actions button { border: 0 !important; border-radius: 11px !important; background: linear-gradient(135deg, #ff5b00, #ff8a1d) !important; color: #fff !important; padding: 9px 12px !important; font-weight: 900 !important; cursor: pointer !important; }
.banner-simples-actions button.secondary { background: rgba(255,255,255,.08) !important; }
.banner-simples-empty { color: #aaa !important; padding: 14px !important; border-radius: 14px !important; border: 1px dashed rgba(255,255,255,.14) !important; }
@media (max-width: 768px) {
  .banner-simples-hero-admin, .banner-simples-upload-box, .banner-simples-section { padding: 15px !important; border-radius: 18px !important; }
  .banner-simples-upload { min-height: 190px !important; padding: 18px !important; }
  .banner-simples-title-row { display: block !important; }
  .banner-simples-title-row button { width: 100% !important; margin-top: 10px !important; }
  .banner-simples-card { grid-template-columns: 1fr !important; }
  .banner-simples-actions { display: grid !important; grid-template-columns: 1fr !important; }
  .banner-simples-actions button { width: 100% !important; }
}
/* BANNER SIMPLES ADMIN - FIM */

/* BANNER ADMIN RECRIADO - INICIO */
#bannerCloudPanel,
#bannerSelectPanel { display: none !important; }

.banner-clean-nav-btn {
  color: #fff !important;
}

.banner-clean-page {
  display: none;
  width: 100% !important;
}

.banner-clean-page.active { display: block !important; }

.banner-clean-header,
.banner-clean-create,
.banner-clean-current,
.banner-clean-gallery-wrap {
  margin-bottom: 20px !important;
  padding: 22px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,106,0,.26) !important;
  background: radial-gradient(circle at top left, rgba(255,106,0,.13), transparent 35%), linear-gradient(135deg, rgba(255,255,255,.045), rgba(0,0,0,.22)) !important;
}

.banner-clean-header h1,
.banner-clean-current h2,
.banner-clean-gallery-wrap h2 { color: #fff !important; margin: 4px 0 !important; }
.banner-clean-header small,
.banner-clean-current small,
.banner-clean-gallery-wrap small { color: #aaa !important; }
.banner-clean-header b { color: #ff8a1d !important; }

.banner-clean-upload {
  min-height: 210px !important;
  border: 2px dashed rgba(255,106,0,.5) !important;
  border-radius: 22px !important;
  background: rgba(255,106,0,.08) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  cursor: pointer !important;
  padding: 26px !important;
  transition: .2s ease !important;
}
.banner-clean-upload:hover { transform: translateY(-2px) !important; background: rgba(255,106,0,.13) !important; border-color: #ff6a00 !important; }
.banner-clean-upload input { display: none !important; }
.banner-clean-plus { width: 62px !important; height: 62px !important; border-radius: 50% !important; display: grid !important; place-items: center !important; background: linear-gradient(135deg, #ff5b00, #ff9a1f) !important; color: #fff !important; font-size: 42px !important; font-weight: 900 !important; margin-bottom: 12px !important; box-shadow: 0 0 26px rgba(255,106,0,.35) !important; }
.banner-clean-upload strong { font-size: 22px !important; font-weight: 900 !important; }
.banner-clean-upload span { color: #bbb !important; margin-top: 6px !important; font-size: 13px !important; }
.banner-clean-status { display: block !important; margin-top: 12px !important; color: #aaa !important; }
.banner-clean-status.success { color: #25d366 !important; }
.banner-clean-status.error { color: #ff6b6b !important; }
.banner-clean-status.loading { color: #ffb000 !important; }

.banner-clean-title-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-bottom: 14px !important; }
.banner-clean-title-row button { border: 0 !important; border-radius: 12px !important; background: rgba(255,107,107,.14) !important; color: #ff6b6b !important; padding: 10px 14px !important; font-weight: 900 !important; cursor: pointer !important; }
.banner-clean-list,
.banner-clean-gallery { display: grid !important; gap: 14px !important; }
.banner-clean-card,
.banner-clean-gallery-card { display: grid !important; grid-template-columns: minmax(220px, 380px) 1fr !important; gap: 14px !important; align-items: center !important; padding: 12px !important; border-radius: 18px !important; border: 1px solid rgba(255,255,255,.08) !important; background: rgba(0,0,0,.28) !important; }
.banner-clean-card img,
.banner-clean-gallery-card img { width: 100% !important; aspect-ratio: 2360 / 600 !important; object-fit: contain !important; border-radius: 14px !important; background: #050505 !important; }
.banner-clean-card strong,
.banner-clean-card small,
.banner-clean-gallery-card strong,
.banner-clean-gallery-card small { display: block !important; }
.banner-clean-card strong,
.banner-clean-gallery-card strong { color: #fff !important; }
.banner-clean-card small,
.banner-clean-gallery-card small { color: #aaa !important; margin-top: 4px !important; }
.banner-clean-actions { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 12px !important; }
.banner-clean-actions button { border: 0 !important; border-radius: 11px !important; background: linear-gradient(135deg, #ff5b00, #ff8a1d) !important; color: #fff !important; padding: 9px 12px !important; font-weight: 900 !important; cursor: pointer !important; }
.banner-clean-actions button.secondary { background: rgba(255,255,255,.08) !important; }
.banner-clean-empty { color: #aaa !important; padding: 14px !important; border-radius: 14px !important; border: 1px dashed rgba(255,255,255,.14) !important; }

@media (max-width: 768px) {
  .banner-clean-header,
  .banner-clean-create,
  .banner-clean-current,
  .banner-clean-gallery-wrap { padding: 15px !important; border-radius: 18px !important; }
  .banner-clean-upload { min-height: 190px !important; padding: 18px !important; }
  .banner-clean-title-row { display: block !important; }
  .banner-clean-title-row button { width: 100% !important; margin-top: 10px !important; }
  .banner-clean-card,
  .banner-clean-gallery-card { grid-template-columns: 1fr !important; }
  .banner-clean-actions { display: grid !important; grid-template-columns: 1fr !important; }
  .banner-clean-actions button { width: 100% !important; }
}
/* BANNER ADMIN RECRIADO - FIM */

/* FIX CLIQUE BANNERS - INICIO */
#bannerCleanNavBtn,
.banner-clean-nav-btn {
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  position: relative !important;
  z-index: 9999 !important;
}

#tab-banners-clean,
.banner-clean-page {
  pointer-events: auto !important;
}
/* FIX CLIQUE BANNERS - FIM */

/* BANNERS FINAL FIX - INICIO */
#nobregaBannersTabBtn,
.banner-final-btn {
  cursor: pointer !important;
  pointer-events: auto !important;
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#nobregaBannersTabBtn::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ff5b00 !important;
  box-shadow: 0 0 10px rgba(255,91,0,.75) !important;
}

#tab-banners-final.banner-final-page {
  width: 100% !important;
  max-width: 100% !important;
}

.banner-final-header,
.banner-final-create,
.banner-final-section {
  margin-bottom: 20px !important;
  padding: 22px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,106,0,.28) !important;
  background: radial-gradient(circle at top left, rgba(255,106,0,.14), transparent 36%), linear-gradient(135deg, rgba(255,255,255,.045), rgba(0,0,0,.24)) !important;
}

.banner-final-header h1,
.banner-final-section h2 {
  color: #fff !important;
  margin: 4px 0 !important;
}

.banner-final-header small,
.banner-final-section small {
  color: #aaa !important;
}

.banner-final-header b { color: #ff8a1d !important; }

.banner-final-upload {
  min-height: 205px !important;
  border: 2px dashed rgba(255,106,0,.5) !important;
  border-radius: 22px !important;
  background: rgba(255,106,0,.08) !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  cursor: pointer !important;
  padding: 24px !important;
}

.banner-final-upload input { display: none !important; }

.banner-final-plus {
  width: 62px !important;
  height: 62px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, #ff5b00, #ff9a1f) !important;
  color: #fff !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  margin-bottom: 12px !important;
}

.banner-final-upload strong {
  display: block !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.banner-final-upload span { color: #bbb !important; }

.banner-final-status {
  display: block !important;
  margin-top: 12px !important;
  color: #aaa !important;
}
.banner-final-status.success { color: #25d366 !important; }
.banner-final-status.error { color: #ff6b6b !important; }
.banner-final-status.loading { color: #ffb000 !important; }

.banner-final-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.banner-final-title-row button {
  border: 0 !important;
  border-radius: 12px !important;
  background: rgba(255,107,107,.14) !important;
  color: #ff6b6b !important;
  padding: 10px 14px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.banner-final-list,
.banner-final-gallery {
  display: grid !important;
  gap: 14px !important;
  margin-top: 14px !important;
}

.banner-final-card {
  display: grid !important;
  grid-template-columns: minmax(220px, 380px) 1fr !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(0,0,0,.28) !important;
}

.banner-final-card img {
  width: 100% !important;
  aspect-ratio: 2360 / 600 !important;
  object-fit: contain !important;
  border-radius: 14px !important;
  background: #050505 !important;
}

.banner-final-card strong,
.banner-final-card small {
  display: block !important;
}
.banner-final-card strong { color: #fff !important; }
.banner-final-card small { color: #aaa !important; margin-top: 4px !important; }

.banner-final-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
}
.banner-final-actions button {
  border: 0 !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #ff5b00, #ff8a1d) !important;
  color: #fff !important;
  padding: 9px 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.banner-final-actions button.secondary { background: rgba(255,255,255,.08) !important; }
.banner-final-empty { color: #aaa !important; padding: 14px !important; border-radius: 14px !important; border: 1px dashed rgba(255,255,255,.14) !important; }

@media (max-width: 768px) {
  .banner-final-header,
  .banner-final-create,
  .banner-final-section { padding: 15px !important; border-radius: 18px !important; }
  .banner-final-title-row { display: block !important; }
  .banner-final-title-row button { width: 100% !important; margin-top: 10px !important; }
  .banner-final-card { grid-template-columns: 1fr !important; }
  .banner-final-actions { display: grid !important; grid-template-columns: 1fr !important; }
  .banner-final-actions button { width: 100% !important; }
}
/* BANNERS FINAL FIX - FIM */



/* FIX LABEL BANNERS MENU - INICIO */
#bannerCleanNavBtn,
.banner-clean-nav-btn {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-indent: 0 !important;
  letter-spacing: normal !important;
  opacity: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
}

#bannerCleanNavBtn::before,
.banner-clean-nav-btn::before {
  content: "🖼️" !important;
  font-size: 15px !important;
  display: inline-block !important;
}
/* FIX LABEL BANNERS MENU - FIM */

/* UPLOAD FOTOS PRODUTOS CLOUDINARY - INICIO */
.produto-foto-upload-wrap {
  margin-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.produto-foto-upload-btn {
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,106,0,.35) !important;
  background: rgba(255,106,0,.12) !important;
  color: #ff8a1d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.produto-foto-upload-btn:hover {
  background: rgba(255,106,0,.2) !important;
  border-color: #ff6a00 !important;
}

.produto-foto-upload-input {
  display: none !important;
}

.produto-foto-upload-status {
  display: block !important;
  grid-column: 1 / -1 !important;
  margin-top: 8px !important;
  color: #aaa !important;
  font-size: 12px !important;
}

.produto-foto-upload-status.success {
  color: #25d366 !important;
}

.produto-foto-upload-status.error {
  color: #ff6b6b !important;
}

.produto-foto-upload-status.loading {
  color: #ffb000 !important;
}

@media (max-width: 768px) {
  .produto-foto-upload-wrap {
    width: 100% !important;
  }

  .produto-foto-upload-btn {
    width: 100% !important;
    min-height: 40px !important;
  }
}
/* UPLOAD FOTOS PRODUTOS CLOUDINARY - FIM */

/* UPLOAD FOTOS PRODUTOS FINAL - INICIO */
.produto-foto-file-input {
  display: none !important;
}

.produto-foto-upload-btn {
  border: 1px solid rgba(255, 106, 0, .55) !important;
  background: rgba(255, 106, 0, .12) !important;
  color: #ff8a1d !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  align-self: center !important;
  justify-self: start !important;
  max-width: max-content !important;
}

.produto-foto-upload-btn:hover {
  background: rgba(255, 106, 0, .2) !important;
  border-color: #ff6a00 !important;
}

.produto-foto-upload-status {
  display: block !important;
  color: #aaa !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  max-width: 150px !important;
  align-self: center !important;
}

.produto-foto-upload-status.loading {
  color: #ffb000 !important;
}

.produto-foto-upload-status.success {
  color: #25d366 !important;
}

.produto-foto-upload-status.error {
  color: #ff6b6b !important;
}

.produto-foto-preview-auto,
.product-editor-card img,
.product-admin-card img,
.product-row img,
.editor-row img {
  object-fit: contain !important;
  background: #fff !important;
}

@media (max-width: 768px) {
  .produto-foto-upload-btn {
    width: auto !important;
    min-height: 36px !important;
    font-size: 12px !important;
    padding: 0 12px !important;
  }

  .produto-foto-upload-status {
    max-width: 100% !important;
  }
}
/* UPLOAD FOTOS PRODUTOS FINAL - FIM */

/* UPLOAD FOTO PRODUTO COM FAIXA - INICIO */
.nobrega-photo-upload-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 6px 8px 6px 0 !important;
}

.nobrega-photo-upload-btn {
  border: 1px solid rgba(255, 106, 0, .5) !important;
  background: rgba(255, 106, 0, .12) !important;
  color: #ff8a1d !important;
  border-radius: 12px !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.nobrega-photo-upload-btn:hover {
  background: rgba(255, 106, 0, .2) !important;
  border-color: #ff6a00 !important;
}

.nobrega-photo-upload-btn:disabled {
  opacity: .72 !important;
  cursor: wait !important;
}

.nobrega-photo-file {
  display: none !important;
}

.nobrega-created-photo-input {
  min-width: 220px !important;
}

@media (max-width: 768px) {
  .nobrega-photo-upload-wrap,
  .nobrega-photo-upload-btn {
    width: 100% !important;
  }

  .nobrega-photo-upload-btn {
    justify-content: center !important;
  }
}
/* UPLOAD FOTO PRODUTO COM FAIXA - FIM */

/* GALERIA FOTOS PRODUTOS ADMIN - INICIO */
.produto-galeria-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 8px !important;
  grid-column: span 2 !important;
}

.produto-galeria-actions input[type="file"] {
  display: none !important;
}

.produto-galeria-add,
.produto-galeria-clear {
  min-height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,106,0,.42) !important;
  background: rgba(255,106,0,.12) !important;
  color: #ff8a1d !important;
  padding: 0 11px !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  cursor: pointer !important;
}

.produto-galeria-clear {
  border-color: rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
  color: #bbb !important;
}

.produto-galeria-status {
  width: 100% !important;
  color: #aaa !important;
  font-size: 12px !important;
}

.produto-galeria-status.success {
  color: #25d366 !important;
}

.produto-galeria-status.error {
  color: #ff6b6b !important;
}

.produto-galeria-status.loading {
  color: #ffb000 !important;
}

.produto-galeria-preview {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 4px !important;
}

.produto-galeria-thumb {
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,106,0,.35) !important;
  background: #fff !important;
  display: block !important;
}

.produto-galeria-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

@media (max-width: 768px) {
  .produto-galeria-actions {
    grid-column: 1 / -1 !important;
  }

  .produto-galeria-add,
  .produto-galeria-clear {
    flex: 1 !important;
  }
}
/* GALERIA FOTOS PRODUTOS ADMIN - FIM */

/* ADMIN PRODUTOS LAYOUT PRO - INICIO */

.products-admin {
  display: grid !important;
  gap: 18px !important;
}

/* Card principal do produto */
.product-edit.product-edit-pro {
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;

  padding: 18px !important;
  border-radius: 24px !important;

  background:
    radial-gradient(circle at top left, rgba(255, 91, 0, .12), transparent 34%),
    linear-gradient(160deg, #111, #070707) !important;

  border: 1px solid rgba(255, 91, 0, .22) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.34) !important;
}

/* Lado da foto */
.product-edit-pro .prod-side {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: center !important;
}

.product-edit-pro .prod-preview {
  width: 112px !important;
  height: 112px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(255, 91, 0, .32) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.26) !important;
  overflow: hidden !important;
}

.product-edit-pro .prod-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #ffffff !important;
}

.product-edit-pro .prod-id {
  color: rgba(255,255,255,.42) !important;
  font-size: 11px !important;
}

/* Conteúdo */
.product-edit-pro .prod-content {
  min-width: 0 !important;
  display: grid !important;
  gap: 14px !important;
}

.product-edit-pro .prod-block-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.product-edit-pro .prod-block-title span {
  color: #ff7a18 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.product-edit-pro .prod-block-title strong {
  color: #fff !important;
  font-size: 14px !important;
  text-align: right !important;
  max-width: 60% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Campos organizados */
.product-edit-pro .prod-fields {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.product-edit-pro .admin-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.product-edit-pro .admin-field span {
  color: rgba(255,255,255,.58) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.product-edit-pro .admin-field input,
.product-edit-pro .admin-field select {
  width: 100% !important;
  height: 44px !important;
  border-radius: 14px !important;
  padding: 0 13px !important;

  background: #050505 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  outline: none !important;

  font-size: 13px !important;
}

.product-edit-pro .admin-field input:focus,
.product-edit-pro .admin-field select:focus {
  border-color: rgba(255, 91, 0, .78) !important;
  box-shadow: 0 0 0 3px rgba(255, 91, 0, .13) !important;
}

.product-edit-pro .field-name { grid-column: span 4 !important; }
.product-edit-pro .field-cat { grid-column: span 2 !important; }
.product-edit-pro .field-price { grid-column: span 2 !important; }
.product-edit-pro .field-old { grid-column: span 2 !important; }
.product-edit-pro .field-off { grid-column: span 2 !important; }
.product-edit-pro .field-icon { grid-column: span 2 !important; }
.product-edit-pro .field-photo { grid-column: span 5 !important; }
.product-edit-pro .field-desc { grid-column: span 5 !important; }

/* Botão Trocar foto */
.product-edit-pro .produto-foto-seguro-wrap {
  width: 100% !important;
  display: grid !important;
  gap: 6px !important;
}

.product-edit-pro .produto-foto-seguro-btn {
  width: 100% !important;
  height: 38px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255, 91, 0, .35) !important;
  background: rgba(255, 91, 0, .12) !important;
  color: #ff9a3d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.product-edit-pro .produto-foto-seguro-status {
  text-align: center !important;
  line-height: 1.35 !important;
}

/* Status do produto */
.product-edit-pro .prod-switches {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.product-edit-pro .admin-toggle {
  min-height: 40px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;

  color: rgba(255,255,255,.75) !important;
  justify-content: flex-start !important;
}

.product-edit-pro .admin-toggle input {
  width: 16px !important;
  height: 16px !important;
  accent-color: #ff5b00 !important;
}

.product-edit-pro .admin-toggle span {
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Galeria de fotos extras */
.product-edit-pro .produto-galeria-actions {
  margin-top: 8px !important;
  padding: 10px !important;
  border-radius: 15px !important;

  background: rgba(255, 91, 0, .055) !important;
  border: 1px dashed rgba(255, 91, 0, .28) !important;

  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}

.product-edit-pro .produto-galeria-add,
.product-edit-pro .produto-galeria-clear {
  height: 34px !important;
  border-radius: 999px !important;
  padding: 0 13px !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.product-edit-pro .produto-galeria-add {
  border: 1px solid rgba(255, 91, 0, .55) !important;
  background: rgba(255, 91, 0, .14) !important;
  color: #ff9a3d !important;
}

.product-edit-pro .produto-galeria-clear {
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.07) !important;
  color: rgba(255,255,255,.72) !important;
}

.product-edit-pro .produto-galeria-file {
  display: none !important;
}

.product-edit-pro .produto-galeria-status {
  flex-basis: 100% !important;
  color: rgba(255,255,255,.52) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.product-edit-pro .produto-galeria-preview {
  flex-basis: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.product-edit-pro .produto-galeria-thumb {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(255, 91, 0, .25) !important;
}

.product-edit-pro .produto-galeria-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Ações */
.product-edit-pro .prod-actions-row {
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.product-edit-pro .prod-actions-row .icon-btn {
  width: auto !important;
  min-width: 104px !important;
  height: 42px !important;
  padding: 0 15px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  font-size: 13px !important;
}

.product-edit-pro .prod-actions-row .icon-btn.save {
  background: linear-gradient(135deg, #ff5b00, #d84300) !important;
  color: #fff !important;
  border-color: rgba(255, 91, 0, .75) !important;
}

.product-edit-pro .prod-actions-row .icon-btn.delete {
  background: rgba(255, 74, 74, .10) !important;
  color: #ff7777 !important;
  border-color: rgba(255, 74, 74, .25) !important;
}

/* Toolbar */
.editor-toolbar {
  display: grid !important;
  grid-template-columns: 1fr 180px !important;
  gap: 12px !important;
}

.editor-toolbar input,
.editor-toolbar select {
  height: 48px !important;
  border-radius: 15px !important;
}

/* Tablet */
@media (max-width: 1100px) {
  .product-edit.product-edit-pro {
    grid-template-columns: 112px minmax(0, 1fr) !important;
  }

  .product-edit-pro .prod-fields {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .product-edit-pro .field-name { grid-column: span 6 !important; }
  .product-edit-pro .field-cat,
  .product-edit-pro .field-price,
  .product-edit-pro .field-old,
  .product-edit-pro .field-off,
  .product-edit-pro .field-icon {
    grid-column: span 3 !important;
  }

  .product-edit-pro .field-photo,
  .product-edit-pro .field-desc {
    grid-column: span 6 !important;
  }
}

/* Mobile */
@media (max-width: 720px) {
  .content {
    padding: 12px !important;
  }

  .sidebar {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    height: auto !important;
    padding: 10px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 91, 0, .16) !important;
    background: rgba(0,0,0,.92) !important;
    backdrop-filter: blur(12px) !important;
  }

  .sidebar nav,
  .tab-menu {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
  }

  .tab-btn {
    min-width: max-content !important;
    height: 40px !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
  }

  .admin-header,
  .card {
    border-radius: 20px !important;
    padding: 16px !important;
  }

  .admin-header h1,
  .card h2 {
    font-size: 1.35rem !important;
    line-height: 1.15 !important;
  }

  .editor-toolbar {
    grid-template-columns: 1fr !important;
  }

  .product-edit.product-edit-pro {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .product-edit-pro .prod-side {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .product-edit-pro .prod-preview {
    width: 82px !important;
    height: 82px !important;
    border-radius: 18px !important;
    flex: 0 0 82px !important;
  }

  .product-edit-pro .produto-foto-seguro-wrap {
    max-width: 180px !important;
  }

  .product-edit-pro .prod-block-title {
    display: grid !important;
    gap: 5px !important;
  }

  .product-edit-pro .prod-block-title strong {
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .product-edit-pro .prod-fields {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .product-edit-pro .field-name,
  .product-edit-pro .field-cat,
  .product-edit-pro .field-price,
  .product-edit-pro .field-old,
  .product-edit-pro .field-off,
  .product-edit-pro .field-icon,
  .product-edit-pro .field-photo,
  .product-edit-pro .field-desc {
    grid-column: 1 / -1 !important;
  }

  .product-edit-pro .prod-switches {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .product-edit-pro .admin-toggle {
    justify-content: flex-start !important;
  }

  .product-edit-pro .prod-actions-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .product-edit-pro .prod-actions-row .icon-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ADMIN PRODUTOS LAYOUT PRO - FIM */



/* COMBOS FOTO ADMIN CSS - INICIO */
.combo-edit.combo-edit-photo {
  display: grid !important;
  grid-template-columns: 128px repeat(12, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
  padding: 16px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at top left, rgba(255, 91, 0, .13), transparent 36%),
    linear-gradient(160deg, #101010, #070707) !important;
  border: 1px solid rgba(255, 91, 0, .22) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.28) !important;
}

.combo-photo-area {
  grid-row: span 2 !important;
  display: grid !important;
  gap: 8px !important;
  align-content: start !important;
}

.combo-photo-preview {
  width: 112px !important;
  height: 112px !important;
  border-radius: 20px !important;
  background: #fff !important;
  border: 1px solid rgba(255,91,0,.36) !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

.combo-photo-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #fff !important;
}

.combo-admin-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: #ff7a18 !important;
  background: linear-gradient(135deg,#151515,#070707) !important;
  font-size: 27px !important;
}

.combo-admin-placeholder span {
  color: #ff5b00 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.combo-photo-upload-btn {
  height: 36px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,91,0,.46) !important;
  background: rgba(255,91,0,.13) !important;
  color: #ff9a3d !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  cursor: pointer !important;
}

.combo-photo-status {
  color: rgba(255,255,255,.48) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

.combo-photo-status.loading { color: #ff9a3d !important; }
.combo-photo-status.success { color: #31d978 !important; }
.combo-photo-status.error { color: #ff6868 !important; }

.combo-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.combo-field span {
  color: rgba(255,255,255,.58) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.combo-edit-photo input,
.combo-edit-photo select {
  width: 100% !important;
  height: 44px !important;
  border-radius: 14px !important;
  background: #050505 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  padding: 0 13px !important;
  outline: none !important;
}

.combo-edit-photo input:focus {
  border-color: rgba(255,91,0,.78) !important;
  box-shadow: 0 0 0 3px rgba(255,91,0,.13) !important;
}

.combo-edit-photo .combo-name-field { grid-column: span 4 !important; }
.combo-edit-photo .combo-desc-field { grid-column: span 4 !important; }
.combo-edit-photo .combo-icons-field { grid-column: span 4 !important; }
.combo-edit-photo .combo-price-field { grid-column: span 3 !important; }
.combo-edit-photo .combo-old-field { grid-column: span 3 !important; }
.combo-edit-photo .combo-active-field {
  grid-column: span 2 !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.combo-edit-photo .combo-actions-field {
  grid-column: span 4 !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}
.combo-edit-photo .combo-actions-field .icon-btn {
  width: auto !important;
  min-width: 96px !important;
  height: 42px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
}
.combo-edit-photo .combo-actions-field .save {
  background: linear-gradient(135deg,#ff5b00,#d84300) !important;
  color: #fff !important;
  border-color: rgba(255,91,0,.7) !important;
}

@media (max-width: 1100px) {
  .combo-edit.combo-edit-photo {
    grid-template-columns: 110px repeat(6, minmax(0, 1fr)) !important;
  }
  .combo-photo-preview { width: 94px !important; height: 94px !important; }
  .combo-edit-photo .combo-name-field,
  .combo-edit-photo .combo-desc-field,
  .combo-edit-photo .combo-icons-field { grid-column: span 6 !important; }
  .combo-edit-photo .combo-price-field,
  .combo-edit-photo .combo-old-field,
  .combo-edit-photo .combo-active-field { grid-column: span 3 !important; }
  .combo-edit-photo .combo-actions-field { grid-column: span 6 !important; }
}

@media (max-width: 720px) {
  .combo-edit.combo-edit-photo {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }
  .combo-photo-area {
    grid-row: auto !important;
    display: grid !important;
    grid-template-columns: 82px 1fr !important;
    align-items: center !important;
  }
  .combo-photo-preview {
    width: 82px !important;
    height: 82px !important;
    border-radius: 16px !important;
  }
  .combo-photo-upload-btn {
    width: 100% !important;
  }
  .combo-photo-status {
    grid-column: 2 !important;
    text-align: left !important;
  }
  .combo-edit-photo .combo-name-field,
  .combo-edit-photo .combo-desc-field,
  .combo-edit-photo .combo-icons-field,
  .combo-edit-photo .combo-price-field,
  .combo-edit-photo .combo-old-field,
  .combo-edit-photo .combo-active-field,
  .combo-edit-photo .combo-actions-field {
    grid-column: 1 / -1 !important;
  }
  .combo-edit-photo .combo-actions-field {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .combo-edit-photo .combo-actions-field .icon-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* COMBOS FOTO ADMIN CSS - FIM */

/* RYAN_ADMIN_FOTO_LIMPA_START */
.prod-preview img,
.produto-galeria-preview img {
  background: #050505 !important;
  object-fit: contain !important;
}
.produto-foto-seguro-status::after,
.produto-galeria-status::after {
  content: "";
}
/* RYAN_ADMIN_FOTO_LIMPA_END */