/* 门店端自定义样式 */

/* 活动标签 */
.active-tab {
    @apply text-purple-600 border-purple-600 font-medium;
}

/* 卡片样式 */
.card {
    @apply bg-white rounded-lg shadow p-4 mb-4;
}

/* 表单元素 */
.form-input {
    @apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent;
}

.form-select {
    @apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent;
}

.btn {
    @apply px-4 py-2 rounded-lg font-medium transition-colors duration-200 inline-flex items-center justify-center;
}

.btn-primary {
    @apply bg-purple-600 text-white hover:bg-purple-700;
}

.btn-success {
    @apply bg-green-600 text-white hover:bg-green-700;
}

.btn-danger {
    @apply bg-red-600 text-white hover:bg-red-700;
}

.btn-warning {
    @apply bg-yellow-600 text-white hover:bg-yellow-700;
}

.btn-sm {
    @apply px-3 py-1 text-sm;
}

/* 标签样式 */
.badge {
    @apply px-2 py-1 text-xs rounded-full font-medium;
}

.badge-success {
    @apply bg-green-100 text-green-800;
}

.badge-warning {
    @apply bg-yellow-100 text-yellow-800;
}

.badge-danger {
    @apply bg-red-100 text-red-800;
}

.badge-info {
    @apply bg-blue-100 text-blue-800;
}

/* 加载动画 */
.loading {
    @apply inline-block animate-spin rounded-full border-4 border-solid border-current border-r-transparent;
    width: 1.5rem;
    height: 1.5rem;
}

/* 弹窗 */
.modal {
    @apply fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center hidden z-50;
}

.modal-content {
    @apply bg-white rounded-lg p-6 max-w-lg w-full mx-4 max-h-[90vh] overflow-y-auto;
}

/* 列表项 */
.list-item {
    @apply flex items-center p-3 border-b border-gray-100 last:border-0 hover:bg-gray-50;
}

/* 数字键盘（用于输入数量） */
.num-keyboard {
    @apply grid grid-cols-3 gap-2 p-4 bg-gray-100 rounded-lg;
}

.num-key {
    @apply bg-white py-4 text-center text-xl font-bold rounded-lg shadow hover:bg-gray-200 active:bg-gray-300;
}

/* 打印样式 */
@media print {
    .no-print {
        display: none !important;
    }
    .print-only {
        display: block !important;
    }
}

/* 移动端适配 */
@media (max-width: 640px) {
    .text-xs {
        font-size: 0.7rem;
    }
}