/* Deck Type Info Block Styles */
.deck-type-info-block {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 20px !important;
  border-radius: 12px !important;
  margin-top: 12px !important;
  margin-bottom: 20px !important;
  animation: fadeInDownInfo 0.4s ease-out !important;
  width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
  border: 1px solid transparent !important;
  transition: all 0.3s ease !important;
}

/* Type Specific Styles */
.deck-type-info-block.type-phrasebook {
  background-color: #f0f9ff !important; /* Sky 50 */
  border-color: #bae6fd !important; /* Sky 200 */
}
.deck-type-info-block.type-phrasebook .deck-type-icon {
  background-color: #e0f2fe !important; /* Sky 100 */
  color: #0ea5e9 !important; /* Sky 500 */
}

.deck-type-info-block.type-vocabulary {
  background-color: #faf5ff !important; /* Purple 50 */
  border-color: #e9d5ff !important; /* Purple 200 */
}
.deck-type-info-block.type-vocabulary .deck-type-icon {
  background-color: #f3e8ff !important; /* Purple 100 */
  color: #a855f7 !important; /* Purple 500 */
}

.deck-type-info-block.type-master {
  background-color: #f0fdf4 !important; /* Green 50 */
  border-color: #bbf7d0 !important; /* Green 200 */
}
.deck-type-info-block.type-master .deck-type-icon {
  background-color: #dcfce7 !important; /* Green 100 */
  color: #22c55e !important; /* Green 500 */
}

.deck-type-icon {
  width: 40px !important;
  max-width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.3s ease !important;
}

.deck-type-icon svg {
  width: 20px !important;
  height: 20px !important;
  stroke: currentColor !important;
  stroke-width: 2px !important;
  display: block !important;
}

.deck-type-content {
  flex: 1 !important;
  min-width: 0 !important;
}

.deck-type-content p {
  margin: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  color: #475569 !important; /* Slate 600 */
  font-weight: 500 !important;
}

/* Mobile Specific Adjustments */
@media (max-width: 640px) {
  .deck-type-info-block {
    padding: 10px 14px !important;
    gap: 12px !important;
    margin-top: 10px !important;
    margin-bottom: 16px !important;
  }

  .deck-type-icon {
    width: 32px !important;
    max-width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
  }

  .deck-type-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .deck-type-content p {
    font-size: 12.5px !important;
    line-height: 1.3 !important;
  }
}

@keyframes fadeInDownInfo {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}