/* =====================================================
   ROXSTAR - BOTÕES ADMIN CENTRALIZADOS
   Fonte visual: padrão aprovado da tela principal (index.php)
   Usado por: index.php, admin_resumo.php e detalhes.php
   ===================================================== */

.rox-trip-actions,
.trip-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  flex-wrap:nowrap;
  margin-top:14px;
  max-width:100%;
  overflow:visible;
}

.rox-trip-actions .btn,
.trip-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  height:38px;
  border-radius:12px;
  font-size:13px;
  font-weight:800;
  line-height:1;
  border:1px solid #e5e7eb;
  box-shadow:0 6px 14px rgba(15,23,42,.08);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease, background .18s ease;
  white-space:nowrap;
}

.rox-trip-actions .btn:not(:disabled):hover,
.trip-actions .btn:not(:disabled):hover{
  transform:translateY(-1px);
  filter:brightness(1.035);
  box-shadow:0 12px 24px rgba(15,23,42,.13);
}

.rox-trip-actions .btn-plus,
.trip-actions .btn-plus{
  width:46px;
  min-width:46px;
  padding:0;
  background:linear-gradient(135deg,#8b5cf6,#6d28d9);
  color:#fff;
  border:0;
}

.rox-trip-actions .btn-minus,
.trip-actions .btn-minus{
  width:46px;
  min-width:46px;
  padding:0;
  background:linear-gradient(135deg,#ef4444,#dc2626);
  color:#fff;
  border:0;
}

.rox-trip-actions .act-copylink,
.trip-actions .act-copylink{
  width:62px;
  min-width:62px;
  padding:0;
  background:#fff;
  color:#111827;
}

.rox-trip-actions .btn-details,
.trip-actions .btn-details{
  width:92px;
  min-width:92px;
  padding:0;
  background:linear-gradient(135deg,#facc15,#eab308);
  color:#3f3000;
  border:0;
}

.rox-trip-actions .btn-more,
.trip-actions .btn-more{
  width:46px;
  min-width:46px;
  padding:0;
  background:linear-gradient(180deg,#ffffff,#f8f5ff);
  color:#7c3aed;
  border:1.5px solid #ddd6fe;
  font-size:18px;
  letter-spacing:1px;
}

.rox-trip-actions .btn:disabled,
.trip-actions .btn:disabled{
  opacity:.62;
  cursor:not-allowed;
  transform:none !important;
}

.actions-more{
  display:inline-flex;
  align-items:center;
  position:relative;
  overflow:visible;
}

/* O menu real é clonado para o body pelo JS central. O template fica oculto no card. */
.actions-more > .more-menu{
  display:none !important;
}

.rox-actions-portal-menu{
  position:fixed;
  z-index:2147483647;
  width:260px;
  max-width:calc(100vw - 22px);
  padding:10px 0 8px;
  border-radius:20px;
  border:1.5px solid rgba(124,58,237,.34);
  background:
    radial-gradient(450px 170px at 0% 0%, rgba(124,58,237,.14), transparent 58%),
    linear-gradient(145deg,#ffffff 0%,#f8f5ff 52%,#f4f7ff 100%);
  box-shadow:
    0 24px 55px rgba(15,23,42,.22),
    0 0 0 1px rgba(255,255,255,.76) inset,
    0 0 24px rgba(124,58,237,.14);
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,sans-serif;
  color:#111827;
  overflow:visible;
}

.rox-actions-portal-menu::before{
  content:"";
  position:absolute;
  left:var(--rox-menu-arrow-left, 246px);
  bottom:-8px;
  width:16px;
  height:16px;
  border-right:1.5px solid rgba(124,58,237,.34);
  border-bottom:1.5px solid rgba(124,58,237,.34);
  background:#f4f7ff;
  transform:rotate(45deg);
  border-radius:3px;
}

.rox-actions-portal-menu.open-down::before{
  top:-8px;
  bottom:auto;
  border-right:0;
  border-bottom:0;
  border-left:1.5px solid rgba(124,58,237,.34);
  border-top:1.5px solid rgba(124,58,237,.34);
  background:#ffffff;
}

.rox-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px 9px;
  border-bottom:1px solid rgba(124,58,237,.16);
  margin-bottom:2px;
}

.rox-menu-title{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#7c3aed;
}

.rox-menu-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(124,58,237,.10);
  border:1px solid rgba(124,58,237,.18);
  color:#6d28d9;
  font-size:11px;
  font-weight:900;
}

.rox-menu-items{
  padding:2px 10px 0;
}

.rox-menu-item,
.rox-actions-portal-menu .more-item{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 8px;
  border-radius:14px;
  cursor:pointer;
  color:#111827;
  font:inherit;
  font-size:14px;
  font-weight:900;
  text-align:left;
}

.rox-menu-item + .rox-menu-item,
.rox-actions-portal-menu .more-item + .more-item{
  border-top:1px solid rgba(124,58,237,.10);
  border-radius:0;
}

.rox-menu-item:hover,
.rox-actions-portal-menu .more-item:hover{
  background:rgba(124,58,237,.075);
  border-radius:14px;
}

.rox-menu-icon{
  width:28px;
  height:28px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  font-size:15px;
}

.rox-menu-icon.edit{ background:#fef3c7; color:#b45309; }
.rox-menu-icon.dup{ background:#e0f2fe; color:#0369a1; }
.rox-menu-icon.del{ background:#fee2e2; color:#dc2626; }
.rox-menu-icon.share{ background:#dcfce7; color:#15803d; }

.rox-menu-item.danger,
.rox-actions-portal-menu .more-item.danger{
  color:#dc2626;
}

.rox-menu-item.danger:hover,
.rox-actions-portal-menu .more-item.danger:hover{
  background:rgba(239,68,68,.08);
}

@media(max-width:640px){
  .rox-trip-actions,
  .trip-actions{
    gap:7px;
    flex-wrap:nowrap;
  }

  .rox-trip-actions .btn,
  .trip-actions .btn{
    height:37px;
    min-height:37px;
    border-radius:12px;
    font-size:12.5px;
  }

  .rox-trip-actions .btn-plus,
  .trip-actions .btn-plus,
  .rox-trip-actions .btn-minus,
  .trip-actions .btn-minus{
    width:48px;
    min-width:48px;
  }

  .rox-trip-actions .act-copylink,
  .trip-actions .act-copylink{
    min-width:70px;
    padding:0 11px;
  }

  .rox-trip-actions .btn-details,
  .trip-actions .btn-details{
    min-width:104px;
    padding:0 12px;
  }

  .rox-trip-actions .btn-more,
  .trip-actions .btn-more{
    width:47px;
    min-width:47px;
  }

  .rox-actions-portal-menu{
    width:282px;
    border-radius:18px;
  }
}

@media(max-width:380px){
  .rox-trip-actions,
  .trip-actions{ gap:6px; }
  .rox-trip-actions .btn-plus,
  .trip-actions .btn-plus,
  .rox-trip-actions .btn-minus,
  .trip-actions .btn-minus{ width:44px; min-width:44px; }
  .rox-trip-actions .act-copylink,
  .trip-actions .act-copylink{ min-width:64px; padding:0 9px; }
  .rox-trip-actions .btn-details,
  .trip-actions .btn-details{ min-width:96px; padding:0 10px; }
  .rox-trip-actions .btn-more,
  .trip-actions .btn-more{ width:43px; min-width:43px; }
}


/* =====================================================
   AJUSTE COMPACTO FINAL
   Mantém o tamanho aprovado anteriormente no index e no admin_resumo.
   ===================================================== */
.rox-trip-actions,
.trip-actions{
  gap:5px !important;
  flex-wrap:nowrap !important;
}
.rox-trip-actions .btn,
.trip-actions .btn{
  height:38px !important;
  min-height:38px !important;
  border-radius:12px !important;
  padding:0 12px !important;
  font-size:13px !important;
  line-height:1 !important;
  box-shadow:0 6px 14px rgba(15,23,42,.08) !important;
}
.rox-trip-actions .btn-plus,
.rox-trip-actions .btn-minus,
.trip-actions .btn-plus,
.trip-actions .btn-minus{
  width:46px !important;
  min-width:46px !important;
  padding:0 !important;
}
.rox-trip-actions .act-copylink,
.trip-actions .act-copylink{
  width:62px !important;
  min-width:62px !important;
  padding:0 !important;
}
.rox-trip-actions .btn-details,
.trip-actions .btn-details{
  width:92px !important;
  min-width:92px !important;
  padding:0 !important;
}
.rox-trip-actions .btn-more,
.trip-actions .btn-more{
  width:46px !important;
  min-width:46px !important;
  padding:0 !important;
  font-size:18px !important;
  letter-spacing:1px !important;
}
@media(max-width:640px){
  .rox-trip-actions,
  .trip-actions{ gap:5px !important; }
  .rox-trip-actions .btn,
  .trip-actions .btn{
    height:38px !important;
    min-height:38px !important;
    border-radius:11px !important;
    padding:0 10px !important;
    font-size:12px !important;
  }
  .rox-trip-actions .btn-plus,
  .rox-trip-actions .btn-minus,
  .trip-actions .btn-plus,
  .trip-actions .btn-minus{
    width:44px !important;
    min-width:44px !important;
  }
  .rox-trip-actions .act-copylink,
  .trip-actions .act-copylink{
    width:58px !important;
    min-width:58px !important;
  }
  .rox-trip-actions .btn-details,
  .trip-actions .btn-details{
    width:88px !important;
    min-width:88px !important;
  }
  .rox-trip-actions .btn-more,
  .trip-actions .btn-more{
    width:44px !important;
    min-width:44px !important;
    font-size:17px !important;
  }
}
@media(max-width:370px){
  .rox-trip-actions .btn,
  .trip-actions .btn{
    height:36px !important;
    min-height:36px !important;
    border-radius:10px !important;
    font-size:11.5px !important;
  }
  .rox-trip-actions .btn-plus,
  .rox-trip-actions .btn-minus,
  .trip-actions .btn-plus,
  .trip-actions .btn-minus{
    width:40px !important;
    min-width:40px !important;
  }
  .rox-trip-actions .act-copylink,
  .trip-actions .act-copylink{
    width:52px !important;
    min-width:52px !important;
  }
  .rox-trip-actions .btn-details,
  .trip-actions .btn-details{
    width:80px !important;
    min-width:80px !important;
  }
  .rox-trip-actions .btn-more,
  .trip-actions .btn-more{
    width:40px !important;
    min-width:40px !important;
  }
}