/* POS overrides — JSL SOLAR design system (minimal overrides only) */
.pos-nav-user { color: rgba(255,255,255,.9); font-size: 0.95rem; margin-right: 0.5rem; }
.pos-nav-user + .btn { margin-left: 0.25rem; }
.pos-layout { display: grid; grid-template-columns: 1fr 320px; gap: var(--space-3); }
@media (max-width: 768px) { .pos-layout { grid-template-columns: 1fr; } }
.panel { background: var(--white); border: 1px solid #e5e7eb; border-radius: var(--radius); padding: var(--space-3); box-shadow: 0 2px 8px rgba(0,43,91,.06); }
.product-list { max-height: 400px; overflow-y: auto; }
.product-item { padding: var(--space-2) var(--space-3); border-bottom: 1px solid #e2e8f0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; min-height: 44px; transition: background .15s; }
.product-item:hover { background: #f8fafc; }
.product-item:last-child { border-bottom: none; }
.msg.ok { background: #d1fae5; color: #065f46; }
.msg.err { background: #fee2e2; color: #991b1b; }
.pay-hint { font-size: 0.875rem; color: #64748b; margin: 0.5rem 0; }
.low { color: #dc2626; font-weight: 600; }
#stock-body tr.low td { color: #dc2626; }

/* Stock admin UI */
.card { background: var(--white); border: 1px solid #e5e7eb; border-radius: var(--radius); padding: var(--space-3); box-shadow: 0 2px 8px rgba(0,43,91,.06); }
.grid-2 { display: grid; grid-template-columns: 1fr; gap: var(--space-3); }
.form label { display: block; font-size: 0.9rem; color: #334155; margin: 0.6rem 0 0.25rem; }
.form input, .form select { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid #e2e8f0; background: #fff; color: #0f172a; }
.form .row { display: grid; grid-template-columns: 1.2fr 2fr 1fr auto; gap: 10px; align-items: center; }
.row { display: flex; gap: 10px; align-items: center; }
.muted { color: #64748b; font-size: 0.9rem; margin-top: 0.5rem; }
@media (min-width: 900px) { .grid-2 { grid-template-columns: 1fr 1fr; } }
#open-float { width: 100px; margin: 0 0.5rem; display: inline-block; vertical-align: middle; }
body.page-pos .nav-menu a[href="/pos"],
body.page-stock .nav-menu a[href="/stock"],
body.page-inventory .nav-menu a[href="/inventory"],
body.page-sales .nav-menu a[href="/sales"],
body.page-reports .nav-menu a[href="/reports"],
body.page-purchases .nav-menu a[href="/purchases"],
body.page-receipts .nav-menu a[href="/receipts"],
body.page-imports .nav-menu a[href="/imports"],
body.page-accounting .nav-menu a[href="/accounting"] { background: rgba(255,255,255,.12); color: #fff; }
body.page-login .card { max-width: 380px; margin: 0 auto; }
body.page-login { display: flex; align-items: center; justify-content: center; min-height: 100vh; }