/* Adjuntar comprobante (archivo o pegado) — estilos compartidos por el Panel y el Portal.
   Se sirve como static web asset: /_content/CobranzaShared/css/comprobante-adjunto.css */

.paste-zone {
    border: 1px dashed #b9b9b9; border-radius: .5rem; padding: .6rem 1rem;
    background: #fafafa; color: #555; cursor: pointer; text-align: center; font-size: .85rem;
}
.paste-zone:hover, .paste-zone:focus { border-color: #7a7a7a; background: #f3f3f3; outline: none; }

.adj-previa {
    display: flex; align-items: center; gap: .75rem;
    border: 1px solid #e3e3e3; border-radius: .5rem; padding: .5rem .75rem; background: #fff;
}
.adj-miniatura {
    width: 56px; height: 56px; object-fit: cover; border-radius: .35rem;
    border: 1px solid #e3e3e3; background: #f7f7f7; flex: 0 0 auto;
    /* Si la miniatura no se pudiera pintar, el texto alternativo se queda dentro del recuadro
       en vez de desbordarse encima del nombre del archivo. */
    overflow: hidden; font-size: .6rem; color: #999;
}
.adj-icono {
    width: 56px; height: 56px; border-radius: .35rem; border: 1px solid #e3e3e3;
    background: #f7f7f7; color: #666; flex: 0 0 auto;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .72rem; font-weight: 600; letter-spacing: .03em;
}
.adj-datos { min-width: 0; flex: 1 1 auto; }
.adj-nombre { font-size: .85rem; font-weight: 600; overflow-wrap: anywhere; }
.adj-meta { font-size: .75rem; color: #777; }
.adj-quitar { flex: 0 0 auto; }