/* App-specific touches on top of Bootstrap. Keep this file tight — every
   rule here is something Bootstrap utilities can't already express. */

body {
    padding: 1.5rem;
}

.drop-zone {
    position: relative;
    border: 2px dashed var(--bs-primary);
    border-radius: var(--bs-border-radius);
    background: rgba(var(--bs-primary-rgb), 0.06);
    padding: 1.25rem;
    text-align: center;
    color: var(--bs-primary);
    font-size: 0.95rem;
}

.drop-zone .file-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.meta-grid {
    display: grid;
    grid-template-columns: 11rem 1fr;
    gap: 0.25rem 0.75rem;
    font-size: 0.92rem;
    margin-bottom: 0;
}

.meta-grid dt {
    color: var(--bs-secondary-color);
    font-weight: normal;
}

.meta-grid dd {
    margin: 0;
    word-break: break-all;
}

code.thumb {
    font-size: 0.85rem;
}