/* ============================================================
   PMV — Dropdown de "Sincronización" en Productos PrestaShop
   Botón solo visible para super_admin. Encola tareas Celery
   largas en el componente prestashop-pmv (EC2).
   ============================================================ */

.ps-sync-dropdown { animation: psSyncFade 0.12s ease-out; }
@keyframes psSyncFade {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.ps-sync-item {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.12s ease;
}
.ps-sync-item:hover {
    background: #FFF8EE;
}
.ps-sync-item:disabled {
    opacity: 0.55;
    cursor: wait;
}
.ps-sync-item__title {
    display: block;
    font-size: 13.5px;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 2px;
}
.ps-sync-item__sub {
    display: block;
    font-size: 11.5px;
    color: #6b7280;
    line-height: 1.4;
}

/* Toast simple para feedback del disparo */
.ps-sync-toast {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 9999;
    background: #ffffff;
    border: 1px solid #f3f4f6;
    border-left: 4px solid #EF9600;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    padding: 14px 18px;
    min-width: 320px;
    max-width: 440px;
    font-size: 13.5px;
    color: #1f2937;
    line-height: 1.45;
    animation: psToastSlide 0.25s ease-out;
}
.ps-sync-toast.error { border-left-color: #dc2626; }
.ps-sync-toast .title {
    font-weight: 700;
    margin: 0 0 4px;
    color: #1f2937;
}
.ps-sync-toast .task-id {
    display: inline-block;
    margin-top: 6px;
    font-family: ui-monospace, 'SF Mono', monospace;
    font-size: 11px;
    background: #f3f4f6;
    color: #4b5563;
    padding: 2px 8px;
    border-radius: 4px;
}
@keyframes psToastSlide {
    from { opacity: 0; transform: translateX(20px); }
    to   { opacity: 1; transform: translateX(0); }
}
