/* Quote folders, bulk selection, trash tables, library selection. */
.qm-folders{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 16px;border-bottom:1px solid #e4e7ec}
.qm-folders button{display:inline-flex;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#475467;font-weight:600}
.qm-folders button:hover{background:#f8fafc}
.qm-folders .solid-icon{width:17px;height:17px;flex-basis:17px}
.qm-folders em{min-width:24px;padding:1px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:12px;font-style:normal;text-align:center}
.qm-folders button[aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand)}
.qm-folders button[aria-selected=true] em{background:var(--brand);color:#fff}
.qm-folders [data-qm-folder=trash]{margin-left:auto}
.qm-folders [data-qm-folder=trash][aria-selected=true]{border-bottom-color:#d92d20;color:#d92d20}
.qm-folders [data-qm-folder=trash][aria-selected=true] em{background:#d92d20}
.qm-check{width:44px;text-align:center}
.qm-check input{width:16px;height:16px;margin:0;cursor:pointer;vertical-align:middle}
.qm-table tr.selected td{background:#f2f6ff}
.qm-table .qm-act.delete{border-color:#fecdca;color:#d92d20}
.qm-table .qm-act.delete:hover{background:#fef3f2;border-color:#d92d20;color:#d92d20}
.qm-loading{padding:30px;text-align:center}
.bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:10px 14px;border:1px solid #b2ccff;border-radius:8px;background:#eff4ff;color:#1d2433}
.bulk-bar .small{display:inline-flex;align-items:center;gap:6px}
.bulk-bar .solid-icon{width:14px;height:14px;flex-basis:14px}
.trash-table td{vertical-align:middle}
.trash-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover}
.trash-h2{margin-top:28px}
.toast-undo{margin-left:10px;border-color:#ffffff80;background:transparent;color:#fff}
.toast-undo:hover{background:#ffffff26}
.trash-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:0 0 10px}
.trash-tools .small{display:inline-flex;align-items:center;gap:6px}
.trash-tools .solid-icon{width:14px;height:14px;flex-basis:14px}
/* Library tiles: on hover a bare checkbox (no background) and only the delete icon (no background). */
.media-check{position:absolute;top:8px;left:8px;z-index:2;display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;opacity:0;transition:opacity .15s}
.media-check input{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--brand);filter:drop-shadow(0 0 2px #000a)}
.media-page .media-item .media-delete{top:8px;right:8px;left:auto;width:30px;height:30px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#fff;filter:drop-shadow(0 0 2px #000c);opacity:0;transition:opacity .15s}
.media-page .media-item .media-delete .solid-icon{width:18px;height:18px;flex-basis:18px}
.media-page .media-item .media-delete:hover{background:none;color:#ff4d4f}
.media-page .media-item:hover .media-check,.media-page .media-item.selected .media-check,.media-page .media-item .media-check:focus-within,
.media-page .media-item:hover .media-delete,.media-page .media-item .media-delete:focus-visible{opacity:1}
.media-page:has(.media-item.selected) .media-check{opacity:1}
@media(hover:none){.media-check,.media-page .media-item .media-delete{opacity:1}}
.media-page .media-item.selected{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 33%,transparent)}