/* Career plugin — only what the prebuilt core Tailwind doesn't ship
   (plugin files are outside the core content glob, so responsive grid
   variants and cyan button shades live here under plugin-prefixed names). */

.career-venues {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}
@media (min-width: 768px) {
    .career-venues { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.career-btn {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease;
}
.career-btn-primary { background-color: #0891b2; color: #fff; }
.career-btn-primary:hover { background-color: #06b6d4; }
.career-btn-ghost { background-color: rgba(31, 41, 55, 0.7); color: #d1d5db; }
.career-btn-ghost:hover { background-color: rgba(55, 65, 81, 0.9); }

.career-bar-track {
    height: 0.5rem;
    border-radius: 0.25rem;
    background-color: rgba(31, 41, 55, 0.9);
    overflow: hidden;
}
.career-bar-fill {
    height: 100%;
    background-color: #06b6d4;
    transition: width 0.3s ease;
}

.career-star-list {
    display: grid;
    gap: 0.375rem;
}
.career-star-row {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.5rem;
    background-color: rgba(31, 41, 55, 0.4);
    font-size: 0.8rem;
}
.career-star-row .stars {
    color: #facc15;
    letter-spacing: 0.1em;
    min-width: 3.2em;
}
.career-star-row .stars .off { color: rgba(250, 204, 21, 0.25); }
.career-star-row .song {
    color: #e5e7eb;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.career-star-row .song .artist { color: #9ca3af; }
.career-star-row .hint { color: #6b7280; white-space: nowrap; }
.career-star-row .hint.close { color: #22d3ee; }