/* 按钮样式覆盖 - 轻量级修复方案 */

/* 修复链接按钮的基本显示问题 */
a[href] {
    display: inline-block;
    text-decoration: none;
}

/* 确保按钮元素可见 */
button, input[type="button"], input[type="submit"] {
    display: inline-block;
    cursor: pointer;
}

/* 修复特定页面的按钮样式 */
.new-targeting-btn {
    background-color: #ea580c !important;
    color: white !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.5rem 1rem !important;
    border: 1px solid transparent !important;
    border-radius: 0.375rem !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    transition: background-color 0.2s !important;
}

.new-targeting-btn:hover {
    background-color: #c2410c !important;
}

/* 修复自定义按钮类 */
.btn {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    font-weight: 500;
    text-align: center;
    transition: all 0.2s;
}

.btn-primary {
    background-color: #3b82f6;
    color: white;
    border-color: #3b82f6;
}

.btn-primary:hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

.btn:hover {
    opacity: 0.9;
}

/* 确保Tailwind按钮样式不被覆盖 */
.inline-flex {
    display: inline-flex !important;
}

.items-center {
    align-items: center !important;
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.bg-blue-600 {
    background-color: #2563eb !important;
}

.bg-green-600 {
    background-color: #16a34a !important;
}

.bg-purple-600 {
    background-color: #9333ea !important;
}

.bg-orange-600 {
    background-color: #ea580c !important;
}

.bg-red-600 {
    background-color: #dc2626 !important;
}

.bg-gray-600 {
    background-color: #4b5563 !important;
}

.text-white {
    color: white !important;
}

.border {
    border-width: 1px !important;
}

.border-transparent {
    border-color: transparent !important;
}

.rounded-md {
    border-radius: 0.375rem !important;
}

.rounded-lg {
    border-radius: 0.5rem !important;
}

.font-semibold {
    font-weight: 600 !important;
}

.text-xs {
    font-size: 0.75rem !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.tracking-widest {
    letter-spacing: 0.1em !important;
}

.transition-all {
    transition-property: all !important;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
}

.duration-200 {
    transition-duration: 200ms !important;
}

/* 悬停状态 */
.hover\:bg-blue-700:hover {
    background-color: #1d4ed8 !important;
}

.hover\:bg-green-700:hover {
    background-color: #15803d !important;
}

.hover\:bg-purple-700:hover {
    background-color: #7c3aed !important;
}

.hover\:bg-orange-700:hover {
    background-color: #c2410c !important;
}

.hover\:bg-red-700:hover {
    background-color: #b91c1c !important;
}

.hover\:bg-gray-700:hover {
    background-color: #374151 !important;
}

/* 焦点状态 */
.focus\:outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px !important;
}

.focus\:ring-blue-500:focus {
    --tw-ring-color: #3b82f6 !important;
}

.focus\:ring-green-500:focus {
    --tw-ring-color: #22c55e !important;
}

.focus\:ring-purple-500:focus {
    --tw-ring-color: #a855f7 !important;
}

.focus\:ring-orange-500:focus {
    --tw-ring-color: #f97316 !important;
}

.focus\:ring-red-500:focus {
    --tw-ring-color: #ef4444 !important;
}

.focus\:ring-gray-500:focus {
    --tw-ring-color: #6b7280 !important;
}

/* 操作按钮样式 */
.bg-blue-100 {
    background-color: #dbeafe !important;
}

.bg-green-100 {
    background-color: #dcfce7 !important;
}

.bg-red-100 {
    background-color: #fee2e2 !important;
}

.bg-gray-100 {
    background-color: #f3f4f6 !important;
}

.text-blue-700 {
    color: #1d4ed8 !important;
}

.text-green-700 {
    color: #15803d !important;
}

.text-red-700 {
    color: #b91c1c !important;
}

.text-gray-700 {
    color: #374151 !important;
}

.hover\:bg-blue-200:hover {
    background-color: #bfdbfe !important;
}

.hover\:bg-green-200:hover {
    background-color: #bbf7d0 !important;
}

.hover\:bg-red-200:hover {
    background-color: #fecaca !important;
}

.hover\:bg-gray-200:hover {
    background-color: #e5e7eb !important;
}

/* 间距和布局 */
.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 0.75rem !important;
}

.ml-4 {
    margin-left: 1rem !important;
}

/* 图标尺寸 */
.w-4 {
    width: 1rem !important;
}

.h-4 {
    height: 1rem !important;
}

.w-5 {
    width: 1.25rem !important;
}

.h-5 {
    height: 1.25rem !important;
}

.w-6 {
    width: 1.5rem !important;
}

.h-6 {
    height: 1.5rem !important;
}