@import url('https://googleapis.com');

#fipe-elite-app {
    font-family: 'Plus Jakarta Sans', sans-serif;
    padding: 20px;
    background: transparent;
}

.fipe-card-main {
    background: #ffffff;
    max-width: 450px;
    margin: 0 auto;
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
    padding: 30px;
    border: 1px solid #f0f0f0;
}

.fipe-head { text-align: center; margin-bottom: 25px; }
.fipe-icon-circle { 
    width: 60px; height: 60px; background: #eef7ff; color: #0073aa; 
    border-radius: 20px; display: flex; align-items: center; justify-content: center;
    font-size: 24px; margin: 0 auto 15px;
}
.fipe-head h2 { margin: 0; font-weight: 800; color: #1a1a1a; font-size: 24px; }
.fipe-head p { color: #888; font-size: 14px; margin: 5px 0 0; }

.fipe-categories { display: flex; gap: 10px; margin-bottom: 25px; }
.cat-btn { 
    flex: 1; border: none; background: #f8f9fa; padding: 12px; border-radius: 15px; 
    cursor: pointer; transition: 0.3s; display: flex; flex-direction: column; align-items: center; gap: 5px;
}
.cat-btn i { font-size: 18px; color: #555; }
.cat-btn span { font-size: 11px; font-weight: 600; color: #555; }
.cat-btn.active { background: #0073aa; }
.cat-btn.active i, .cat-btn.active span { color: #fff; }

.field-group { margin-bottom: 15px; }
.field-group label { display: block; font-size: 12px; font-weight: 800; color: #aaa; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 1px; }
.field-group select { 
    width: 100%; padding: 12px 15px; border-radius: 12px; border: 2px solid #f0f0f0; 
    background: #fff; font-size: 15px; color: #333; cursor: pointer; transition: 0.3s;
}
.field-group select:focus { border-color: #0073aa; outline: none; }

.result-price-wrap { 
    background: linear-gradient(135deg, #0073aa 0%, #005680 100%); 
    padding: 30px; border-radius: 25px; text-align: center; color: #fff; margin-bottom: 20px;
}
.label-ref { font-size: 11px; font-weight: 800; opacity: 0.8; letter-spacing: 2px; }
#final-price { font-size: 42px; margin: 10px 0; font-weight: 800; }
#final-vehicle { font-size: 16px; opacity: 0.9; margin: 0; }
.final-date { display: block; margin-top: 15px; font-size: 11px; opacity: 0.6; }

.fipe-actions-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.act-btn { 
    border: none; padding: 12px; border-radius: 12px; cursor: pointer; 
    display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; font-weight: 600; text-decoration: none;
}
.wa { background: #25d366; color: #fff; }
.tg { background: #0088cc; color: #fff; }
.print { background: #f0f0f0; color: #333; }
.reset { background: #f0f0f0; color: #333; }