/* ------------------------------------------------------------------
   Papelera y el aviso «Deshacer»
   ------------------------------------------------------------------ */

/* El aviso de abajo: se ve en cualquier pantalla, unos segundos, después de eliminar algo. */
.raver-aviso-pap {
    position: fixed; left: 50%; bottom: 24px; z-index: 100000; transform: translateX(-50%);
    display: flex; align-items: center; gap: 14px; max-width: min(560px, calc(100vw - 32px));
    padding: 12px 14px 12px 18px; border-radius: 10px;
    background: #1d2027; color: #e8eaf0; border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 16px 48px rgba(0, 0, 0, .45); font-size: 13.5px; line-height: 1.4;
    animation: raver-pap-sube .25s ease-out; transition: opacity .3s, transform .3s;
}
.raver-aviso-pap.fuera { opacity: 0; transform: translateX(-50%) translateY(10px); }
.raver-aviso-pap span { min-width: 0; overflow-wrap: anywhere; }
.raver-aviso-pap a { flex: 0 0 auto; font-weight: 600; text-decoration: none; white-space: nowrap; }
.raver-aviso-pap .raver-aviso-pap-deshacer { color: #6ea3ff; }
.raver-aviso-pap .raver-aviso-pap-deshacer:hover { text-decoration: underline; }
.raver-aviso-pap .raver-aviso-pap-ver { color: #9aa3b5; font-weight: 500; }
.raver-aviso-pap .raver-aviso-pap-x {
    flex: 0 0 auto; width: 24px; height: 24px; padding: 0; border: 0 !important; border-radius: 6px;
    background: transparent !important; color: #9aa3b5 !important; font-size: 18px; line-height: 1; cursor: pointer;
}
.raver-aviso-pap .raver-aviso-pap-x:hover { background: rgba(255, 255, 255, .08) !important; color: #fff !important; }
@keyframes raver-pap-sube { from { opacity: 0; transform: translateX(-50%) translateY(14px); } to { opacity: 1; transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .raver-aviso-pap { animation: none; transition: none; } }

/* La pantalla */
.ws-pap-vacia { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 54px 20px; color: var(--tinta-texto-3); text-align: center; }
.ws-pap-vacia .ws-ico { width: 28px; height: 28px; opacity: .6; }
.ws-pap-vacia p { margin: 0; max-width: 46ch; }
.ws-pap-tipo { display: inline-block; margin-right: 8px; padding: 2px 8px; border-radius: 999px; font: 600 10.5px/1.4 var(--f-mono, monospace); letter-spacing: .08em; text-transform: uppercase; color: var(--tinta-texto-3); border: 1px solid var(--tinta-borde-2); }
.ws-pap-nombre { font-weight: 600; color: var(--tinta-texto); }
.ws-pap-tabla .ws-per-sub { display: block; margin-top: 4px; }
.ws-pap-poco { color: #e0a030 !important; font-weight: 600; }
.ws-pap-acciones { white-space: nowrap; text-align: right; }
.ws-pap-acciones form { display: inline; }
.ws-pap-acciones .ws-btn { margin-left: 6px; }

/* Exportar mis datos */
.ws-exp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.ws-exp-lista { list-style: none; margin: 0 0 14px; padding: 0; }
.ws-exp-lista li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--tinta-borde); font-size: 13.5px; color: var(--tinta-texto-2); }
.ws-exp-lista li:last-child { border-bottom: 0; }
.ws-exp-lista b { color: var(--tinta-texto); font-weight: 600; }
.ws-exp-form { display: flex; flex-direction: column; gap: 14px; }
.ws-exp-form .raver-btn-action { align-self: flex-start; }
@media (max-width: 900px) { .ws-exp { grid-template-columns: 1fr; } }

/* Todos los desplegables del portal con la misma flecha, bien separada del borde
   (la nativa del navegador queda pegada a la derecha y distinta en cada pantalla). */
body.raver-panel-app select:not([multiple]):not([size]),
.raver-portal-container select:not([multiple]):not([size]) {
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
    padding-right: 34px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none' stroke='%238b93a1' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
    text-overflow: ellipsis;
}