/* public/assets/css/app.css */
/* Public-facing custom styles */

/* Status badge colours aligned with spec */
.tag.status-submitted        { background-color: #3273dc; color: #fff; }
.tag.status-under-processing { background-color: #ffdd57; color: rgba(0,0,0,0.7); }
.tag.status-completed        { background-color: #23d160; color: #fff; }
.tag.status-rejected         { background-color: #ff3860; color: #fff; }

/* Wizard step indicator */
.step-indicator {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
}
.step-indicator .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.75rem;
    color: #aaa;
}
.step-indicator .step.is-active  { color: #3273dc; font-weight: bold; }
.step-indicator .step.is-done    { color: #23d160; }
.step-indicator .step-num {
    width: 2rem; height: 2rem;
    border-radius: 50%;
    background: #eee;
    display: flex; align-items: center; justify-content: center;
    font-weight: bold;
    margin-bottom: 0.25rem;
}
.step-indicator .step.is-active .step-num { background: #3273dc; color: #fff; }
.step-indicator .step.is-done   .step-num { background: #23d160; color: #fff; }

/* Status Timeline (track_history page) */
.timeline-track {
    position: relative;
    padding-left: 1.5rem;
    border-left: 2px solid #dbdbdb;
    margin-top: 0.5rem;
}
.timeline-item {
    position: relative;
    padding: 0 0 1rem 1rem;
}
.timeline-item:last-child { padding-bottom: 0; }
.timeline-dot {
    position: absolute;
    left: -1.1rem;
    top: 0.25rem;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #dbdbdb;
}
.timeline-item.is-current .timeline-dot { box-shadow: 0 0 0 2px #3273dc; }
.timeline-content { margin-bottom: 0.25rem; }