/* css/vehicles.css — ใช้เฉพาะหน้า vehicles.html */

.vehicles_title {
    font-size: 26px;
    font-weight: 800;
}

.vehicles_subtitle {
    font-size: 14px;
    color: #8b93a3;
}

.vehicles_label {
    display: block;
    font-size: 12px;
    color: #8b93a3;
    margin-bottom: 4px;
}

.vehicles_input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #2a2f3a;
    border-radius: 8px;
    background-color: #0f1115;
    color: #e6e8ec;
    font-size: 14px;
}

.vehicles_input:focus {
    outline: none;
    border-color: #c8a04a;
}

.vehicles_check {
    font-size: 13px;
    color: #b9bfcc;
    cursor: pointer;
}

.vehicles_count {
    font-size: 13px;
    color: #8b93a3;
}

.vehicles_card {
    display: block;
    padding: 10px;
    border: 1px solid #2a2f3a;
    border-radius: 10px;
    background-color: #171a21;
    text-decoration: none;
    color: #e6e8ec;
    text-align: center;
}

.vehicles_card:hover {
    border-color: #c8a04a;
}

.vehicles_card-icon {
    width: 100%;
    max-width: 110px;
    margin: 0 auto;
}

.vehicles_card-name {
    margin-top: 6px;
    font-weight: 700;
    font-size: 14px;
}

.vehicles_card-meta {
    font-size: 12px;
    color: #8b93a3;
}

.vehicles_card-role {
    font-size: 12px;
    color: #c8a04a;
}

.vehicles_more {
    margin-top: 18px;
    padding: 10px 24px;
    border: 1px solid #2a2f3a;
    border-radius: 999px;
    background-color: #171a21;
    color: #e6e8ec;
    cursor: pointer;
}

.vehicles_more:hover {
    border-color: #c8a04a;
}