/* v18.10.7 FIX visible de Caja POS y cierres */
.side-nav .nav-pos-highlight,
.side-nav .nav-pos-highlight.active,
.side-nav .nav-pos-highlight:focus{
    background:linear-gradient(135deg,#FACC15,#F59E0B)!important;
    color:#111827!important;
    border:1px solid #F59E0B!important;
    box-shadow:0 12px 34px rgba(250,204,21,.35)!important;
    opacity:1!important;
    filter:none!important;
}
.side-nav .nav-pos-highlight b,
.side-nav .nav-pos-highlight span{
    color:#111827!important;
    opacity:1!important;
}
.side-nav .nav-pos-highlight.active::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    bottom:9px;
    width:4px;
    border-radius:999px;
    background:#fff7ed;
}

#posClosingsTable th,
#posClosingsTable td{
    padding:17px 16px!important;
}
#posClosingsTable tbody tr{
    cursor:pointer!important;
}
#posClosingsTable tbody tr:hover td{
    background:#f8fafc!important;
}
.pos-closing-status{
    display:inline-flex!important;
    align-items:center!important;
    border-radius:999px!important;
    padding:6px 10px!important;
    font-size:12px!important;
    font-weight:900!important;
    background:#dcfce7!important;
    color:#166534!important;
}
.pos-closing-status.diff{
    background:#fef3c7!important;
    color:#92400e!important;
}

.pos-shift-modal-card{
    max-width:720px!important;
    min-height:680px!important;
    padding-bottom:108px!important;
    position:relative!important;
}
.pos-shift-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:16px!important;
}
.pos-shift-header h3{margin:0!important;font-size:20px!important}
.pos-shift-close{
    border:0!important;
    background:#000!important;
    color:#fff!important;
    width:28px!important;
    height:28px!important;
    border-radius:999px!important;
    font-weight:900!important;
}
.pos-shift-methods{display:grid!important;gap:12px!important}
.pos-shift-method{
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
}
.pos-shift-method-head{
    display:grid!important;
    grid-template-columns:1fr auto 24px!important;
    gap:10px!important;
    align-items:center!important;
    padding:14px 16px!important;
    font-weight:900!important;
}
.pos-shift-method.active .pos-shift-method-head{background:#e5e7eb!important}
.pos-shift-method-body{display:none;padding:0 16px 14px;color:#64748b}
.pos-shift-method.open .pos-shift-method-body{display:block!important}
.pos-shift-info-card{
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    padding:14px 16px!important;
    margin-top:12px!important;
}
.pos-shift-pill{
    float:right!important;
    background:#dbeafe!important;
    color:#1d4ed8!important;
    border-radius:999px!important;
    padding:5px 9px!important;
    font-size:12px!important;
    font-weight:900!important;
}
.pos-shift-complete{
    float:right!important;
    background:#dcfce7!important;
    color:#166534!important;
    border-radius:999px!important;
    padding:5px 9px!important;
    font-size:12px!important;
    font-weight:900!important;
}
.pos-shift-bottom{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    background:#fff!important;
    border-top:1px solid var(--sc-border,#e6eaf2)!important;
    padding:14px!important;
    border-radius:0 0 24px 24px!important;
}
.pos-shift-summary{display:grid!important;gap:8px!important;margin-bottom:12px!important}
.pos-shift-summary-row{display:flex!important;justify-content:space-between!important;gap:12px!important}
.pos-shift-actions{display:grid!important;grid-template-columns:52px 52px 1fr!important;gap:10px!important}
.pos-shift-actions button{border:0;border-radius:12px;padding:12px;font-weight:900}
.pos-shift-actions .icon{border:2px solid #111827;background:#fff}
.pos-shift-actions .primary{background:#111827;color:#fff}
.pos-shift-transactions{
    display:none;
    margin-top:12px;
    border:1px solid var(--sc-border,#e6eaf2);
    border-radius:14px;
    overflow:hidden;
}
.pos-shift-transactions.open{display:block!important}
.pos-shift-tx{
    display:grid;
    grid-template-columns:80px 1fr auto;
    gap:10px;
    padding:10px 12px;
    border-bottom:1px solid var(--sc-border,#e6eaf2);
}
.pos-shift-tx:last-child{border-bottom:0}
.pos-shift-tx .income{color:#16a34a;font-weight:900}
.pos-shift-tx .expense{color:#dc2626;font-weight:900}