.k-form-legend {
    /* form legend text for bootstrap is smaller, unstyled text. By variables it is made larger but no font-weight variable is available.*/
    font-weight: 600;
}


.k-step-link {
    /* make the stepper links more obvious that they are clickable as they are used here for non-linear navigation */
    cursor: pointer;
}


.k-step-list-horizontal .k-step-link, .k-stepper .k-step-label .k-step-text {
    /* allow long items, like 'announcement templates' that get truncated at smaller screen sizes */
    max-width: 100% !important;
}


/* fix popup and absolute positioning causing scrolling - https://www.telerik.com/blazor-ui/documentation/knowledge-base/common-popup-causes-scroll-on-show */
html, body {
    /* container is full viewport size and un-scrollable */
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.layout-container {
    /* content area is full size and allows scrolling */
    height: 100%;
    overflow: auto;
}

@media print {
    /* container overflows for pagination */
    html, body {
        height: unset !important;
        min-height: unset !important;
        max-height: unset !important;
        overflow: unset !important;
    }

    /* content area overflows */
    .layout-container {
        height: unset !important;
        overflow: visible;
    }
}


/* Recipient non-recipients: students tracked against a form with no valid recipient in EduPoint.
   They receive no email; they are visually distinguished in the recipient and Responses grids
   (set via Telerik OnRowRender — kept here in the global stylesheet so it applies to grid rows). */
.non-recipient-row > td {
    background-color: #fff3cd !important;
}

.non-recipient-row:hover > td {
    background-color: #ffe9a8 !important;
}

.non-recipient-badge {
    display: inline-block;
    margin-left: 0.4em;
    padding: 0.05em 0.5em;
    border-radius: 1em;
    font-size: 0.78em;
    font-weight: 600;
    line-height: 1.4;
    color: #7a5c00;
    background-color: #ffe69c;
    border: 1px solid #f0c14b;
    vertical-align: middle;
    white-space: nowrap;
}