/* ===================================================
   NIB UPLOAD  (Upload.razor)
   =================================================== */

.nib-upload-split {
        display: grid;
        grid-template-columns: minmax(200px, 30%) 1fr;
        align-items: start;
    }

    .nib-upload-split-left {
        display: flex;
        flex-direction: column;
        padding: 1.5rem 1.25rem;
        background: color-mix(in oklab, var(--rz-primary, #075082), white 75%);
        align-self: stretch;
    }

    .rz-material-dark .nib-upload-split-left {
        background: color-mix(in oklab, var(--rz-primary, #075082), black 62%);
    }

    .nib-upload-split-right {
        padding: 1.25rem;
        background: color-mix(in oklab, var(--rz-primary, #075082), white 80%);
        height: 100%;
    }

    .nib-upload-section-label {
        display: block;
        font-size: .7rem;
        font-weight: 600;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: color-mix(in oklab, var(--rz-primary, #075082), black 20%);
        opacity: .75;
        margin-bottom: .4rem;
    }

    .rz-material-dark .nib-upload-section-label {
        color: color-mix(in oklab, var(--rz-primary, #075082), white 60%);
        opacity: .9;
    }

    .nib-upload-divider {
        border: none;
        border-top: 1px solid color-mix(in oklab, var(--rz-primary, #075082), white 55%);
        margin: 0 0 .75rem;
    }

    .rz-material-dark .nib-upload-divider {
        border-top-color: color-mix(in oklab, var(--rz-primary, #075082), black 30%);
    }

    .nib-upload-intro {
        margin: 0;
        font-size: .875rem;
        font-weight: 500;
        color: color-mix(in oklab, var(--rz-primary, #075082), black 20%);
        opacity: .85;
        line-height: 1.55;
    }

    .rz-material-dark .nib-upload-intro {
        color: color-mix(in oklab, var(--rz-primary, #075082), white 60%);
    }

    .nib-upload-req-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: .35rem;
    }

    .nib-upload-req-list li {
        display: flex;
        align-items: center;
        gap: .4rem;
        font-size: .85rem;
        color: color-mix(in oklab, var(--rz-primary, #075082), black 15%);
        opacity: .85;
    }

    .nib-upload-req-list .rzi {
        font-size: 1rem;
        color: color-mix(in oklab, var(--rz-primary, #075082), black 10%);
    }

    @media (max-width: 700px) {
        .nib-upload-split {
            grid-template-columns: 1fr;
        }

        .nib-upload-split-left {
            padding: .85rem 1rem .65rem;
        }

        .nib-upload-split-right {
            padding: .85rem;
        }
    }