.gaolos-soporte-modal { z-index: 10050 !important; }
.gaolos-soporte-abierto .modal-backdrop { z-index: 10040 !important; }
.gaolos-soporte-modal .modal-dialog { max-width: 760px; }
.gaolos-soporte-modal .modal-header small { color: rgba(255, 255, 255, .82); }
.gaolos-soporte-modal .modal-header .material-icons { font-size: 27px; }
.gaolos-soporte-modal .modal-body { max-height: calc(100vh - 170px); overflow-y: auto; }
.gaolos-soporte-contexto { padding: .75rem; border: 1px solid #d8e4ec; border-radius: 5px; background: #f5f9fc; }
.gaolos-soporte-contexto-icono { flex: 0 0 auto; margin-right: .65rem; color: #607d8b; }
.gaolos-soporte-contexto .min-width-0 { min-width: 0; }
.gaolos-soporte-pagina { color: #263238; }
.gaolos-soporte-url { overflow-wrap: anywhere; color: #546e7a; font-size: .75rem; }
.gaolos-soporte-contexto-nota { padding-top: .55rem; border-top: 1px solid #d8e4ec; color: #607d8b; font-size: .75rem; }
.gaolos-soporte-zona-adjuntos { display: flex; min-height: 94px; padding: 1rem; border: 2px dashed #b0bec5; border-radius: 5px; align-items: center; justify-content: center; flex-wrap: wrap; gap: .35rem; background: #fafcfd; color: #607d8b; text-align: center; cursor: pointer; }
.gaolos-soporte-zona-adjuntos:hover,
.gaolos-soporte-zona-adjuntos:focus,
.gaolos-soporte-zona-adjuntos.is-dragover { border-color: #2196f3; outline: none; background: #eef7fe; }
.gaolos-soporte-zona-adjuntos > .material-icons { margin-right: .25rem; font-size: 28px; }
.gaolos-soporte-zona-adjuntos kbd { border: 1px solid #c5cdd2; background: #eef1f3; color: #455a64; box-shadow: none; }
.gaolos-soporte-adjuntos { display: grid; margin-top: .75rem; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: .65rem; }
.gaolos-soporte-adjunto { position: relative; display: grid; min-height: 82px; padding: .5rem 2.25rem .5rem .5rem; border: 1px solid #d8e0e5; border-radius: 5px; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: .55rem; background: #fff; }
.gaolos-soporte-adjunto img { width: 54px; height: 54px; border-radius: 3px; object-fit: cover; }
.gaolos-soporte-adjunto-tipo { display: flex; width: 54px; height: 54px; border-radius: 3px; align-items: center; justify-content: center; background: #edf3f7; color: #607d8b; }
.gaolos-soporte-adjunto-tipo .material-icons { font-size: 28px; }
.gaolos-soporte-adjunto-nombre { margin: 0; overflow: hidden; color: #37474f; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.gaolos-soporte-adjunto-tamano { margin: .2rem 0 0; color: #78909c; font-size: .7rem; }
.gaolos-soporte-adjunto-eliminar { position: absolute; top: .3rem; right: .3rem; padding: .15rem; border: 0; background: transparent; color: #78909c; cursor: pointer; }
.gaolos-soporte-adjunto-eliminar:hover,
.gaolos-soporte-adjunto-eliminar:focus { color: #d32f2f; outline: none; }
.gaolos-soporte-adjunto-eliminar .material-icons { font-size: 19px; }
.gaolos-soporte-pie { background: #f8fafb; }
@media (max-width: 575.98px) {
    .gaolos-soporte-modal .modal-dialog { margin: .5rem; }
    .gaolos-soporte-modal .modal-body { max-height: calc(100vh - 135px); }
    .gaolos-soporte-adjuntos { grid-template-columns: 1fr; }
}