.management-ui .library-folders { min-width: 0; border-radius: 16px; background: var(--surface); box-shadow: none; }
.management-ui .library-folders .media-folders__head { flex-wrap: wrap; padding: 16px 12px 10px; border: 0; border-radius: 16px 16px 0 0; background: none; }
.management-ui .library-folders .media-folders__head h2 { font-size: 13px; font-weight: 600; color: var(--muted); }
.management-ui .library-folders .media-folders__new-btn { min-height: 44px; gap: 6px; padding: 8px; border: 0; border-radius: 8px; background: none; font-size: 12px; font-weight: 500; }
.management-ui .library-folders .media-folders__new-btn:hover { background: var(--primary-soft); }
.management-ui .library-folders .media-folders__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 0 8px 12px; }
.management-ui .library-folders .media-folders__list > li { min-width: 0; }
.management-ui .library-folders .media-folders__list a { min-height: 48px; border-radius: 10px; font-size: 13px; }
.management-ui .library-folders .media-folders__row > a { padding-inline-end: 48px; }
.management-ui .library-folders .media-folders__icon { background: none; }
.management-ui .library-folders .media-folders__count { flex-shrink: 0; padding: 1px 6px; background: none; font-variant-numeric: tabular-nums; }
.management-ui .library-folders .media-folders__actions-btn { width: 44px; height: 44px; inset-inline-end: 2px; border-radius: 8px; opacity: 1; background: transparent; }
.management-ui .library-folders .media-folders__actions-btn:hover { background: var(--surface-3); }
.library-folders { min-width: 0; }
.library-folders .media-folders__list { overflow: visible; }
.library-folders .media-folders__row { position: relative; }
.library-folders .media-folders__actions-btn { font-size: 22px; }
.library-folders .media-folders__menu { z-index: 20; }
.library-folder-dialog { width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 24px; border: 1px solid #dde4ee; border-radius: 16px; background: #fff; color: #17233b; box-shadow: 0 24px 80px #17233b33; }
.library-folder-dialog::backdrop { background: #17233b66; }
.library-folder-dialog h2, .library-folder-dialog p { margin: 0; }
.library-folder-dialog fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: 14px; min-width: 0; }
.library-folder-dialog [hidden] { display: none !important; }
.library-folder-dialog label { min-width: 0; }
.library-folder-dialog input, .library-folder-dialog select { max-width: 100%; }
.library-folder-dialog [data-library-context] { overflow-wrap: anywhere; }
.library-folder-targets { display: grid; gap: 8px; max-height: 180px; overflow: auto; }
.library-folder-targets .library-folder-target { display: flex; align-items: center; gap: 8px; }
.library-folder-targets input { width: auto; }
.library-folder-error { color: #b42318; }
.library-item-folder { display: block; color: var(--muted, #64748b); font-size: 12px; overflow-wrap: anywhere; }
.business-detail .media-layout { grid-template-columns: 220px minmax(0, 1fr); }
@media (max-width: 1100px) { .business-detail .media-layout { grid-template-columns: minmax(0, 1fr); } .business-detail .library-folders { position: static; } }
@media (max-width: 760px) {
    .library-folders .media-folders__list { max-height: 220px; overflow: auto; }
    .library-folders .media-folders__menu { position: static; width: 100%; grid-column: 1 / -1; }
    .library-folders .media-folders__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
    .library-folder-dialog { padding: 18px; }
}

/* Tables must keep their actions visible beside the folder navigation. */
.business-detail .media-main .admin-detail-table { min-width: 0; }
.business-detail .media-main .admin-detail-table td { overflow-wrap: anywhere; }

.business-panels { container: business-library / inline-size; }
@container business-library (max-width: 1020px) {
    .business-detail .media-layout { grid-template-columns: minmax(0, 1fr); }
    .business-detail .library-folders { position: static; }
    .management-ui .business-detail .library-folders .media-folders__list { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
}
@media (max-width: 760px) {
    .management-ui .library-folders .media-folders__actions-btn { position: static; transform: none; }
    .library-folders { position: static; }
}

.library-folders .media-folders__name > svg { flex-shrink: 0; }
