/**
 * اختيار الملفات من مكتبة الوسائط (UI::media)
 * (جزء من المكونات المركزية: تُحمّل كلها عبر المقبض tnt-components)
 */

.tnt .tnt-media { display: flex; flex-direction: column; gap: 10px; }
.tnt .tnt-media__preview { min-height: 96px; border: 1.5px dashed var(--tnt-border-strong); border-radius: var(--tnt-radius); background: var(--tnt-surface-2); display: grid; place-items: center; padding: 12px; }
.tnt .tnt-media__preview img { max-height: 110px; max-width: 100%; border-radius: 8px; }
.tnt .tnt-media__empty { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--tnt-muted); font-size: 13px; }
.tnt .tnt-media__file { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.tnt .tnt-media:not(.has-value) [data-tnt-media-clear] { display: none; }
.tnt .tnt-media__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.tnt .tnt-media__item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--tnt-radius-sm); background: var(--tnt-surface-2); border: 1px solid var(--tnt-border); }
.tnt .tnt-media__item a { flex: 1; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tnt .tnt-media__item .tnt-icon { color: var(--tnt-primary); }
.tnt .tnt-media__remove { background: none; border: 0; cursor: pointer; color: var(--tnt-danger); width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; font-size: 18px; line-height: 1; }
.tnt .tnt-media__remove:hover { background: var(--tnt-danger-50); }
.tnt .tnt-media__empty-note { display: none; align-items: center; gap: 8px; color: var(--tnt-muted); font-size: 13px; padding: 12px; border: 1.5px dashed var(--tnt-border-strong); border-radius: var(--tnt-radius-sm); justify-content: center; }
.tnt .tnt-media.is-multiple:not(.has-value) .tnt-media__empty-note { display: flex; }