/* - - - - - - - - TABLE OVERRIDES - - - - - - - - */
.datatable tbody tr
{
    cursor: pointer;
}

/* Allow issue text to wrap in datatable */
.issues-issue-cell
{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.25rem;
}

/* - - - - - - - - STEPPER OVERRIDES - - - - - - - - */
.stepper-head
{
    min-width: auto !important;
}

.stepper-content .row .md-form .row
{
    margin-top: 20px;
}
.stepper-content .md-form
{
    margin-bottom: 20px;
}

ul.stepper-horizontal
{
    min-height: 415px;
}
    ul.stepper-horizontal .stepper-content
    {
        margin-top: 10px;
    }
ul.stepper-horizontal .stepper-step
{
    flex: 1 1 0px !important;
}

ul.stepper-vertical input.stepper-content-hide
{
    padding: .33em .75em;
    height: auto;
}

.site-data .row:nth-of-type(2)
{
    min-height: 245px;
}
    .site-data .row .row
    {
        min-height: auto;
    }

.stepper
{
    overflow: visible !important;
}

.stepper-mobile-footer .stepper-back-btn,
.stepper-mobile-footer .stepper-next-btn
{
    display: none;
}

.stepper-mobile-head:nth-of-type(2)
{
    display: none;
}

@media screen and (max-width: 520px)
{
    .step-actions
    {
        text-align: center;
    }
}

/* - - - - - - - - MASTER-DETAIL FIX UI - - - - - - - - */
.fix-master-detail
{
    display: flex;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    min-height: 400px;
    background: #fff;
}

.fix-employee-list
{
    width: 280px;
    min-width: 220px;
    border-right: 1px solid #dee2e6;
    display: flex;
    flex-direction: column;
}

.fix-list-header
{
    padding: 12px 16px;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    color: #6c757d;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
}

.fix-employee-list-item
{
    padding: 10px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.95rem;
    transition: background-color 0.15s ease;
}

.fix-employee-list-item:hover
{
    background-color: #f5f9fc;
}

.fix-employee-list-item.active
{
    background-color: #e3f2fd;
    border-left: 3px solid #0d6efd;
    padding-left: 13px;
}

.fix-employee-list-item .fix-item-code
{
    font-weight: 600;
    color: #003C5E;
}

.fix-employee-list-item .fix-item-name
{
    color: #495057;
    font-size: 0.9rem;
}

.fix-detail-panel
{
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.fix-detail-placeholder
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 2rem;
}

.fix-detail-header
{
    padding: 16px 20px;
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
    font-size: 1.1rem;
    background: #f8f9fa;
}

.fix-detail-body
{
    padding: 20px;
    flex: 1;
    overflow-y: auto;
}

.fix-option-card
{
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.fix-option-card:hover
{
    border-color: #86b7fe;
}

.fix-option-card.selected
{
    border-color: #0d6efd;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.15);
    background-color: #f8fbff;
}

.fix-option-card.not-recommended
{
    border-color: #ffc107;
}

.fix-option-card.not-recommended.selected
{
    border-color: #fd7e14;
    box-shadow: 0 0 0 2px rgba(253, 126, 20, 0.15);
    background-color: #fffbf0;
}

.fix-option-inner
{
    display: flex;
    gap: 12px;
    align-items: center;
}

.fix-option-radio
{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
}

.fix-option-content
{
    flex: 1;
    min-width: 0;
}

.fix-option-label
{
    font-weight: 600;
    margin-bottom: 4px;
}

.fix-option-badge
{
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 3px;
    margin-left: 8px;
}

.fix-option-badge.recommended
{
    background-color: #d1e7dd;
    color: #0f5132;
}

.fix-option-badge.not-recommended
{
    background-color: #fff3cd;
    color: #664d03;
}

.fix-issue-summary
{
    background: #f8f9fa;
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 16px;
    font-size: 0.95rem;
}

@media screen and (max-width: 768px)
{
    .fix-master-detail
    {
        flex-direction: column;
        min-height: auto;
    }

    .fix-employee-list
    {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dee2e6;
        max-height: 200px;
        overflow-y: auto;
    }
}