/* ============================================================
   POS THEME — DARK (default / posr)
   Controls only colors, backgrounds, shadows, and
   color-dependent hover states.
   ============================================================ */

/* ── Base ── */
body                            { background-color: #1c2129; }
#_tabContent                    { background-color: #1c2129; }

/* ── Column Borders ── */
#_tabContentC                   { border-color: #cfcfcf; }

/* ── Section Headers ── */
._hedAtas {
    background-color: #3b4453;
    color: #cccccc;
    border-color: #99bcd7;
    box-shadow: 0 0 12px #cdd2d5;
}

/* ── Shared card/button shadow helper ── */
._iconMeja,
._iconMenu,
._iconLantai,
._iconKat,
._iconSKat,
._btnAccept, ._btnReset, ._btnPindah, ._btnShowPrint,
._btnPrint {
    box-shadow: 0 0 3px #cdd2d5;
}

/* ── Table/Floor Buttons (meja) ── */
._iconMeja {
    border-color: #cfcfcf;
    background-color: #3b4453;
    color: #dddddd;
}
._iconMeja:focus                { background-color: #aaaaaa; }
._mejaAktif                     { background-color: yellow !important; }

/* ── Nav Buttons (lantai, kat) ── */
._iconLantai,
._iconKat {
    border-color: #cfcfcf;
    background-color: #3b4453;
    color: #dddddd;
}

/* ── Sub-category Buttons ── */
._iconSKat {
    border-color: #cfcfcf;
    background-color: #1c2129;
    color: #dddddd;
}

/* ── Menu Item Cards ── */
._iconMenu {
    border-color: #cfcfcf;
    background-color: #1c2129;
    color: #cccccc;
}

/* ── Hover for all ._menu tagged elements ── */
._menu:hover                    { background-color: #aaaaaa !important; }

/* ── Action Buttons ── */
._btnAccept, ._btnReset,
._btnPindah, ._btnShowPrint {
    border-color: #cfcfcf;
    background-color: #3b4453;
    color: #cccccc;
}

/* ── Print Buttons ── */
._btnPrint                      { border-color: #cfcfcf; background-color: #dee3e0; }
._btnPrint:hover                { background-color: #cccccc; }

/* ── Back Buttons ── */
._back, ._back2                 { background-color: #3b4453; color: #cccccc; border-color: white; }
._to                            { background-color: #3b4453; color: #cccccc; border-color: white; }
._bayar                         { background-color: #3b4453; color: #cccccc; border-color: white; }

/* ── Petugas Select ── */
._petugasSelect                 { border-color: white; }

/* ── Data Panels ── */
._dataMejaDet,
._dataSKat,
._dataMenuDet                   { background-color: #dee3e0; }
._dataMejaDetHed                { background-color: #e8d894; }

/* ── Bill Panel ── */
#_hedBill                       { background-color: #e8d894; }
#_detBill                       { background-color: #dee3e0; }
._divItem0                      { border-color: #262626; }
._notApp                        { color: #82740a; }
._orderFinish                   { color: #0a2780; }

/* ── Bill Totals ── */
._tabTotal                      { background-color: #dee3e0; border-color: #bddcfc; }
._tabTotal tr td                { border-color: #bddcfc; }
._txtTot                        { background-color: #dee3e0; }

/* ── Payment ── */
._inpBayar:focus                { background-color: yellow; }
._btnFixBayar                   { background-color: #1df2dd; }
#_totBayar                      { background-color: #e6edec; border-color: #000; }

/* ── Modal Overlay ── */
#_overlay                       { background-color: rgba(0,0,0,0.5); }

/* ── Meja Picker ── */
#_pilihMeja {
    border-color: #ccc;
    background-color: #f9f9f9;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
#_pilihMeja optgroup            { color: #666; }
#_pilihMeja option              { background-color: #fff; color: #333; }
#_pilihMeja:focus               { background-color: #dee3e0; color: #000; }

/* ── jQuery UI Dialog ── */
.ui-dialog {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.ui-dialog-buttonpane button    { background-color: #3b4453; color: #cccccc; }
.ui-dialog-buttonpane button:hover { background-color: #aaaaaa; }
