.employee-add-form[data-v-db757834] .timeline-tabs{width:100%}.employee-add-form[data-v-db757834] .mb-6:has(>section.timeline-tabs){margin-bottom:0}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tabs-track{align-items:stretch;background-color:var(--color-muted-light,var(--color-muted));border:1px solid var(--color-border);border-bottom:none;border-start-end-radius:var(--radius-lg);border-start-start-radius:var(--radius-lg);display:flex;flex-wrap:nowrap;gap:0;margin:0;overflow-x:auto;padding:0;-webkit-overflow-scrolling:touch;scrollbar-color:var(--color-gray-300) transparent;scrollbar-width:thin}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tabs-track::-webkit-scrollbar{height:4px}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tabs-track::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:999px}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tabs-track::-webkit-scrollbar-track{background-color:transparent}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab{align-items:center;background-color:transparent;border-inline-end:1px solid var(--color-border);border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--color-muted-foreground);cursor:pointer;display:flex;flex:1 1 0%;font-size:.9em;font-weight:500;gap:.5rem;justify-content:center;line-height:1.25;min-width:-moz-max-content;min-width:max-content;padding:.9rem 1.25rem;position:relative;transition:background-color .15s ease,color .15s ease,border-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:first-child{border-start-start-radius:var(--radius-lg)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:last-child{border-inline-end:none;border-start-end-radius:var(--radius-lg)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:not(:disabled):hover:not(.active){background-color:var(--color-gray-200);color:var(--color-foreground)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:disabled{cursor:default;opacity:.55}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab-icon{align-items:center;display:inline-flex;flex:none;font-size:1.1em;height:1.4em;justify-content:center;width:1.4em}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab-icon .icon{font-size:1em;line-height:1}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab.completed:not(.active){color:var(--color-muted-foreground)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab.completed .timeline-tab-icon{color:var(--color-success)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab.active.completed{background-color:var(--color-card);border-bottom-color:var(--color-border);color:var(--color-foreground)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab.active:not(.completed){background-color:var(--color-card);border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab.active:not(.completed) .timeline-tab-icon{color:var(--color-primary)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab[data-invalid-count]:not([data-invalid-count="0"]){color:var(--color-danger)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab[data-invalid-count]:not([data-invalid-count="0"]) .timeline-tab-icon{color:var(--color-danger)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab[data-invalid-count]:not([data-invalid-count="0"]):before{align-items:center;background-color:var(--color-danger);border-radius:999px;box-shadow:0 0 0 2px var(--color-card,#fff);color:var(--color-danger-fg);content:attr(data-invalid-count);display:flex;font-size:.65rem;font-weight:700;height:1.1rem;inset-inline-end:.35rem;justify-content:center;line-height:1;min-width:1.1rem;padding:0 .3rem;position:absolute;top:.15rem}.employee-add-form[data-v-db757834] .form-group-container{border-end-end-radius:var(--radius-lg)!important;border-end-start-radius:var(--radius-lg)!important;border-start-end-radius:0!important;border-start-start-radius:0!important;border-top:none!important;margin-top:0!important}.employee-add-form[data-v-db757834] .form-group-container>.col-span-full{border-bottom:1px solid var(--color-border);padding-bottom:.875rem}.employee-add-form[data-v-db757834] .form-group-container>.col-span-full p{color:var(--color-muted-foreground);font-size:.9em;font-weight:400;line-height:1.5;margin-top:.2rem}@media(max-width:640px){.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tabs-track{display:grid;grid-template-columns:repeat(3,1fr);overflow-x:visible}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab{border-bottom:2px solid transparent;border-inline-end:1px solid var(--color-border);flex:none;flex-direction:column;font-size:.72em;gap:.25rem;line-height:1.15;min-width:0;padding:.6rem .35rem;text-align:center;white-space:normal}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:nth-child(n+4){border-top:1px solid var(--color-border)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:nth-child(3n){border-inline-end:none}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:first-child,.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:last-child{border-start-end-radius:0;border-start-start-radius:0}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:first-child{border-start-start-radius:var(--radius-lg)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:nth-child(3){border-start-end-radius:var(--radius-lg)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab-icon{font-size:1.25em;height:1.6em;width:1.6em}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab[data-invalid-count]:not([data-invalid-count="0"]):before{inset-inline-end:.1rem;top:-.15rem}}@media(max-width:380px){.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tabs-track{grid-template-columns:repeat(2,1fr)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:nth-child(2n){border-inline-end:none}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:nth-child(n+3){border-top:1px solid var(--color-border)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:first-child{border-start-start-radius:var(--radius-lg)}.employee-add-form[data-v-db757834] .timeline-tabs .timeline-tab:nth-child(2){border-start-end-radius:var(--radius-lg)}}
