/* resource - responsive fixes for this module only. Loaded after css/shared/responsive.css
   on every page in the area. See DOCS/Showcase-Mobile.md. */

/* ---- Tablet: the file and vendor grids scroll sideways; stop short cells
   (phone numbers, sizes, dates, "Added by") wrapping onto three lines. ---- */
@media (min-width: 768px) and (max-width: 1023.98px) {
    #vendors-table td,
    #storage-table td,
    #library-table td,
    #recent-vendors-table td {
        white-space: nowrap;
    }
}

/* ---- Phone: card layout tweaks ---- */
@media (max-width: 767.98px) {
    /* File Storage and Library rows lead with an icon-only cell under an empty
       header. As a card head it is a blank bold row with a dashed rule; drop it
       and let the Name cell be the head instead. */
    #storage-table td:first-child,
    #library-table td:first-child {
        display: none;
    }

    #storage-table td:nth-child(2),
    #library-table td:nth-child(2) {
        font-weight: 600;
        color: #0f172a;
        padding-bottom: 8px !important;
        margin-bottom: 2px;
        border-bottom: 1px dashed #f1f5f9;
    }

    /* Long file names wrap inside the card instead of holding a 420px box */
    .file-name {
        max-width: 100%;
        white-space: normal;
        word-break: break-word;
    }
}