/* /Helpers/Components/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-f9odp2704r] .sortable-ghost {
  visibility: hidden;
}

[b-f9odp2704r] .sortable-fallback {
  opacity: 1 !important
}
/* /Helpers/Components/UniversalViewerComponent.razor.rz.scp.css */
/* Full-screen dialog, no margins */
#universal-modal .modal-dialog[b-5z9t1rtye8]{
    height:100svh;            /* use svh to avoid iOS URL bar issues */
    width:100%;
    max-width:none;
    margin:0;
}

/* Let content occupy all available height */
#universal-modal .modal-content[b-5z9t1rtye8]{
    height:100%;
    display:flex;
    flex-direction:column;
}

/* Body: no padding, must allow its child to stretch */
#universal-modal .modal-body[b-5z9t1rtye8]{
    padding:0;
    flex:1 1 auto;
    min-height:0;             /* critical for flex overflow */
    overflow:hidden;

    /* Stretch, don't center here (prevents child from shrinking) */
    display:flex;
    align-items:stretch;
    justify-content:center;
}

/* Host takes the whole body, centers its child element */
#universal-modal .viewer-host[b-5z9t1rtye8]{
    flex:1 1 auto;
    width:100%;
    height:100%;
    display:grid;
    place-items:center;       /* center media box */
}

/* PDF & generic iframe: fill the available area */
#universal-modal .viewer-host > iframe[b-5z9t1rtye8]{
    width:100%;
    height:100%;
    border:0;
    display:block;
    background:transparent;
}

/* Video: keep aspect ratio, never stretch */
#universal-modal .viewer-host > video[b-5z9t1rtye8]{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    display:block;
    background:#000;          
}

/* Images/canvas: contain within the box */
#universal-modal .viewer-host > img[b-5z9t1rtye8],
#universal-modal .viewer-host > canvas[b-5z9t1rtye8]{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    display:block;
}

/* Audio: just span width */
#universal-modal .viewer-host > audio[b-5z9t1rtye8]{
    width:100%;
    display:block;
}