/* Deliveries: the client's page and the admin pages. */
.dlv-wrap { max-width: 860px; }
.dlv-message { white-space: normal; }
.dlv-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.dlv-files { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 12px; }
.dlv-file { padding: 14px; display: grid; gap: 12px; }
.dlv-player { width: 100%; max-height: 70vh; border-radius: var(--r); background: #000; display: block; }
.dlv-audio { width: 100%; }
.dlv-file-row, .dlv-admin-file { display: flex; align-items: center; gap: 12px; }
.dlv-file-icon { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r); background: var(--mint-soft); color: var(--teal-ink); }
.dlv-file-icon .icon { width: 18px; height: 18px; }
.dlv-file-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dlv-file-text strong { overflow-wrap: anywhere; }
.dlv-file-text span { overflow-wrap: anywhere; }
@media (max-width: 560px) { .dlv-file-row { flex-wrap: wrap; } .dlv-file-row .btn { width: 100%; justify-content: center; } }
.dlv-closed, .dlv-lock { max-width: 460px; margin: 0 auto; text-align: center; }
.dlv-lock-icon { display: flex; justify-content: center; color: var(--teal-ink); }
.dlv-lock-icon .icon { width: 28px; height: 28px; }
.dlv-lock-row { display: flex; gap: 8px; margin-top: 16px; }
.dlv-code { flex: 1; min-width: 0; font-family: var(--mono); letter-spacing: .2em; text-align: center; font-size: 18px; }
.dlv-send { display: grid; gap: 12px; }
.dlv-send .h4 { margin: 0; }
.dlv-queue { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.dropzone + .dlv-queue:not(:empty), [data-drop] ~ .dlv-queue:not(:empty), [data-dlv-drop] ~ .dlv-queue:not(:empty) { margin-top: 16px; }
.dlv-queue li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 6px 12px; align-items: center; padding: 10px 12px; border-radius: var(--r); background: var(--surface-2); font-size: var(--fs-sm); }
.dlv-x { display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; }
.dlv-x:hover { background: var(--surface-3); color: var(--ink); }
.dlv-x .icon { width: 15px; height: 15px; }
.dlv-queue li.is-done .dlv-x { display: none; }
.dlv-queue li .progress { grid-column: 1 / -1; }
.dlv-queue li.is-done .progress, .dlv-queue li.is-error .progress { display: none; }
.dlv-queue li.is-done [data-st], .dlv-queue li.is-done .xsmall { color: var(--teal-ink); }
.dlv-queue li.is-error { background: var(--danger-soft); }
.dlv-queue li.is-error .xsmall { color: var(--danger); }
.dlv-foot { margin-top: 20px; }
/* admin */
.dlv-admin-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 1000px) { .dlv-admin-grid { grid-template-columns: minmax(0, 1fr); } }
.dlv-admin-files { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 4px; }
.dlv-admin-file { padding: 8px; border-radius: var(--r); }
.dlv-admin-file:hover { background: var(--surface-2); }
.dlv-code-box { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: var(--surface-2); border-radius: var(--r); padding: 12px 14px; }
.dlv-code-value { display: block; font-family: var(--mono); font-size: 22px; letter-spacing: .18em; color: var(--ink); }