/* Oblast pro pretazeni souboru u vsech poli pro nahrani souboru (js/file-drop.js). Pouze vzhled. */
.fd-zone { display: flex; align-items: center; gap: 12px; max-width: 520px; margin: 0 0 8px 0; padding: 14px 18px; border: 2px dashed rgba(229, 0, 125, .5); border-radius: 12px; background: rgba(229, 0, 125, .04); color: inherit; font-size: 13px; line-height: 1.4; text-align: left; cursor: pointer; transition: background .15s, border-color .15s; box-sizing: border-box; }
.fd-zone:hover, .fd-zone:focus, .fd-zone.fd-over { border-color: #e5007d; background: rgba(229, 0, 125, .12); outline: none; }
.fd-icon { font-size: 26px; line-height: 1; }
.fd-zone.fd-compact { display: inline-flex; max-width: none; margin: 0 0 4px 0; padding: 4px 12px; border-radius: 999px; font-size: 12px; }
.fd-zone.fd-compact .fd-icon { font-size: 16px; }
.fd-zone.fd-compact .fd-rest { display: none; }
.fd-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; overflow: hidden; }
.fd-list { max-width: 520px; }
.fd-item { display: flex; align-items: center; gap: 8px; margin: 4px 0; padding: 5px 10px; border: 1px solid rgba(229, 0, 125, .3); border-radius: 8px; font-size: 13px; }
.fd-item .fd-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fd-item img { width: 34px; height: 34px; object-fit: cover; border-radius: 5px; border: 1px solid rgba(0, 0, 0, .2); }
.fd-item button { border: 0; background: none; color: #c62828; font-size: 18px; line-height: 1; cursor: pointer; }
.fd-msg { min-height: 0; font-size: 12px; color: #c62828; }