/* ==========================================================
   Jumlaq — dashboards (supplier panel, admin panel, account)
   ========================================================== */
.dash { display: grid; grid-template-columns: 260px 1fr; min-height: calc(100vh - 69px); background: linear-gradient(to left, #1c1409 260px, transparent 260px); }
[dir="ltr"] .dash { background: linear-gradient(to right, #1c1409 260px, transparent 260px); }
.dash-side { background: #1c1409; color: #d8cdb9; padding: var(--space-4); position: sticky; top: 69px; height: calc(100vh - 69px); overflow-y: auto; }
.dash-side .who { display: flex; gap: .75rem; align-items: center; padding: .5rem .5rem var(--space-4); border-bottom: 1px solid #3a3024; margin-bottom: var(--space-3); }
.dash-side .who strong { color: #f7f1e6; display: block; line-height: 1.4; font-size: .95rem; }
.dash-side .who small { color: #b8ac98; }
.dash-side .nav-link { color: #d8cdb9; border-radius: var(--radius-md); display: flex; gap: .7rem; align-items: center; padding: .55rem .75rem; font-weight: 500; font-size: .95rem; }
.dash-side .nav-link:hover { background: #2e2519; color: #f7f1e6; text-decoration: none; }
.dash-side .nav-link.active { background: var(--bulk); color: var(--on-bulk); }
.dash-side .nav-link .badge { margin-inline-start: auto; background: var(--bid) !important; color: #fff; }
.dash-side .sep { font-size: .75rem; color: #8c8170; padding: var(--space-3) .75rem .25rem; }
.dash-main { padding: var(--space-6); min-width: 0; }
.dash-head { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); flex-wrap: wrap; margin-bottom: var(--space-6); }
.dash-head h1 { font-size: 1.6rem; margin: 0; }
.dash-panel { background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-4); }
@media (min-width: 992px) { .dash-panel { padding: var(--space-6); } }
.dash-panel + .dash-panel { margin-top: var(--space-6); }
.dash-panel h2 { font-size: 1.15rem; margin-bottom: var(--space-4); }
.dash-section { display: none; }
.dash-section.active { display: block; }
.chart-box { position: relative; height: 300px; }
.bar-list { display: grid; gap: .7rem; }
.bar-list .bar { height: 10px; background: var(--hessian); border-radius: var(--radius-full); overflow: hidden; }
.bar-list .bar i { display: block; height: 100%; background: var(--bulk); border-radius: var(--radius-full); }
.audit-row { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .8rem; }
.tier-editor .row + .row { margin-top: .5rem; }
.dash-toggle { display: none; }
@media (max-width: 991px) {
  .dash { grid-template-columns: 1fr; background: none; }
  .dash-side { position: fixed; inset-block: 69px 0; inset-inline-start: 0; width: 280px; z-index: 1040; transform: translateX(110%); transition: transform .25s ease; height: auto; }
  .dash-side.open { transform: translateX(0); }
  .dash-toggle { display: inline-flex; }
  .dash-main { padding: var(--space-4); }
}