/* ==========================================================
   DARK THEME — overrides for colors that are not driven by
   the shared CSS variables (status pastels, alerts, icons)
========================================================== */

html[data-theme="dark"] .bulk-actions-bar{

    background:rgba(217,119,6,.14);

    border-color:rgba(217,119,6,.35);

}

html[data-theme="dark"] .bulk-actions-bar #bulkSelectedCount{

    color:var(--text-strong);

}

html[data-theme="dark"] .bulk-actions-bar select{

    background:var(--card);

    color:var(--text-strong);

    border-color:var(--border-strong);

}

html[data-theme="dark"] .form-alert-danger{

    background:rgba(220,38,38,.14);

    border-color:rgba(220,38,38,.35);

    color:#FCA5A5;

}

html[data-theme="dark"] .form-alert-success{

    background:rgba(22,163,74,.14);

    border-color:rgba(22,163,74,.35);

    color:#86EFAC;

}

html[data-theme="dark"] .form-alert-warning{

    background:rgba(217,119,6,.14);

    border-color:rgba(217,119,6,.35);

    color:#FCD34D;

}

html[data-theme="dark"] .lock-note{

    background:rgba(217,119,6,.14);

    border-color:rgba(217,119,6,.35);

    color:#FCD34D;

}

html[data-theme="dark"] .modal-icon.success{
    background:rgba(34,197,94,.16);
    color:#4ADE80;
}

html[data-theme="dark"] .modal-icon.warning{
    background:rgba(217,119,6,.16);
    color:#FBBF24;
}

html[data-theme="dark"] .modal-icon.danger{
    background:rgba(220,38,38,.16);
    color:#F87171;
}

html[data-theme="dark"] .modal-icon.info{
    background:rgba(37,99,235,.18);
    color:#60A5FA;
}

html[data-theme="dark"] .bg-success{
    background:rgba(34,197,94,.16)!important;
}

html[data-theme="dark"] .bg-danger{
    background:rgba(220,38,38,.16)!important;
}

html[data-theme="dark"] .bg-warning{
    background:rgba(217,119,6,.16)!important;
}

html[data-theme="dark"] .image-preview.drag-over{

    background:rgba(217,119,6,.14);

}

html[data-theme="dark"] .allergen-item:hover{

    border-color:#D4AF37;

}

html[data-theme="dark"] .type-badge{

    background:rgba(96,165,250,.16);

    color:#60A5FA;

}

html[data-theme="dark"] ::-webkit-scrollbar{
    width:12px;
    height:12px;
}

html[data-theme="dark"] ::-webkit-scrollbar-track{
    background:var(--background);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb{
    background:var(--border-strong);
    border-radius:8px;
}