/* CITS Car Tools — Window Tint Visualizer */

/* Tint preview SVG */
#cits-tint-preview svg {
    display: block;
    width: 100%;
    max-height: 200px;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.15));
}

/* VLT display */
#cits-tint-vlt-display {
    font-size: 20px;
    font-weight: 700;
    color: var(--tool-primary);
}

/* Legal status table */
#cits-tint-law-table td:last-child { font-weight: 600; }
.tint-legal   { color: var(--tool-success); }
.tint-border  { color: var(--tool-warning); }
.tint-illegal { color: var(--tool-danger); }

/* Large status badge */
.cits-tint-legal-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 700;
}
.cits-tint-badge-legal   { background: #e8f8ed; color: #1a7a35; }
.cits-tint-badge-border  { background: #fff4e0; color: #9c5e00; }
.cits-tint-badge-illegal { background: #fce8e8; color: #9c1a1a; }

/* Slider track color (dynamic) */
#cits-tint-vlt {
    background: linear-gradient(to right, #111 0%, #fff 100%);
}

@media (max-width: 600px) {
    #cits-tint-preview { max-width: 280px; margin: 16px auto 0; }
}