/* ======================================
   BETZAP - CARDS SUPERIORES V3
   Inspirado na referencia enviada
   ====================================== */

/* Grade compacta */
body:not(.admin) .side .btr-quick-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 5px !important;
  width: 100% !important;
}

/* Card escuro, compacto e sem borda evidente */
body:not(.admin) .side .btr-quick-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: stretch !important;

  min-width: 0 !important;
  min-height: 72px !important;
  height: 72px !important;
  padding: 6px 6px 4px !important;
  gap: 2px !important;

  border: 1px solid transparent !important;
  border-radius: 8px !important;

  background: #121b17 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

/* Montserrat - tipografia da referencia */
body:not(.admin) .side
.btr-quick-card .btr-quick-title {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 9px !important;
  line-height: 12px !important;
  font-weight: 700 !important;
  letter-spacing: -.2px !important;

  text-transform: uppercase !important;
  color: #FCFCFC !important;
  text-align: left !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Icones maiores como na referencia */
body:not(.admin) .side
.btr-quick-card > svg {
  display: block !important;
  flex: 0 0 auto !important;

  width: 39px !important;
  height: 39px !important;
  min-width: 39px !important;

  align-self: flex-end !important;
  margin: 0 -2px -5px 0 !important;

  color: #00D7A1 !important;
  stroke: currentColor !important;
  stroke-width: 2.3 !important;
  opacity: 1 !important;
}

/* Interacao */
body:not(.admin) .side
a.btr-quick-card:hover {
  background: #143126 !important;
  border-color: #187b5b !important;
}

body:not(.admin) .side
a.btr-quick-card.active {
  background: #103a2a !important;
  border-color: #00bd8c !important;
}

/* Torneios ainda em preparacao */
body:not(.admin) .side
.btr-quick-disabled {
  opacity: .75 !important;
}

/* Celular */
@media (max-width: 700px) {
  body:not(.admin) .side .btr-quick-card {
    height: 72px !important;
    min-height: 72px !important;
  }

  body:not(.admin) .side
  .btr-quick-card > svg {
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
  }
}