/* clix-estilo.css */

/* BOTÕES DE FILTRO (PILLS) */
.tab-sub {
    padding: 10px 20px !important;
    border-radius: 12px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    background: rgba(255,255,255,0.05) !important;
    color: #64748b !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    transition: 0.3s !important;
}

.tab-sub.active {
    background: rgba(249, 115, 22, 0.1) !important;
    color: #f97316 !important;
    border-color: #f97316 !important;
}

/* INPUTS E SELECTS ELEGANTES */
input, select, textarea {
    background: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    padding: 14px 18px !important;
    border-radius: 14px !important;
    width: 100%;
    outline: none;
    transition: 0.3s;
}

input:focus { border-color: #f97316 !important; background: rgba(15, 23, 42, 0.9) !important; }

/* TRAVA DOS CARDS */
.clix-card {
    aspect-ratio: 3 / 4.2 !important;
    border-radius: 3rem !important;
    overflow: hidden !important;
    position: relative !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.clix-glass {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(12px) !important;
}

.clix-btn-gerar {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: white !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    border-radius: 1.5rem !important;
}

/* EFEITO VERDE COPIA PILL */
.pill-badge.success-copy {
    border-color: #10b981 !important;
    background: rgba(16, 185, 129, 0.2) !important;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
}

.pill-badge.success-copy .ico-pill,
.pill-badge.success-copy .num-span {
    color: #10b981 !important;
}