/* OIVS UI Fixes V4.1 */

.admissions-filter-form{
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    margin-bottom:28px;
}

.filter-field{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.filter-field label{
    display:block;
    font-size:17px;
    font-weight:800;
    margin:0;
}

.filter-field label::after{
    content:":";
}

.filter-field input,
.filter-field select{
    min-height:54px;
    font-size:16px;
    padding:12px 16px;
}

.filter-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:2px;
}

.filter-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:138px;
    min-height:52px;
    padding:12px 22px;
    background:#173a5e !important;
    color:#fff !important;
    border-radius:8px;
    font-size:16px;
    font-weight:800;
    text-decoration:none;
}

.filter-btn:hover{
    background:#0f2943 !important;
}

.record-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    max-width:900px;
}

.record-list.compact{
    gap:9px;
    margin-bottom:16px;
}

.record-row{
    display:grid;
    grid-template-columns:minmax(190px,auto) 1fr;
    column-gap:14px;
    align-items:start;
    line-height:1.45;
}

.record-label{
    font-weight:700;
    color:#18212f;
    white-space:nowrap;
}

.record-value{
    font-weight:700;
    color:#18212f;
    overflow-wrap:anywhere;
}

.doc-card{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.document-status{
    display:block;
    margin-top:2px;
    color:#6b7685;
    font-weight:700;
}

.document-file{
    margin-top:2px;
}

.timeline-item{
    display:grid;
    grid-template-columns:170px 1fr;
    column-gap:18px;
    align-items:start;
}

.timeline-item time{
    font-size:14px;
    color:#4e5d6b;
}

.timeline-item strong{
    margin:0;
}

.detail-grid span::after,
.field label::after,
table th::after{
    content:none !important;
}

@media(max-width:760px){
    .filter-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .filter-btn{
        width:100%;
    }

    .record-row{
        grid-template-columns:1fr;
        row-gap:3px;
    }

    .timeline-item{
        grid-template-columns:1fr;
        row-gap:4px;
    }
}