/* Small additions on top of Tabler (open-source UI kit). */
.kp-dialog{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;z-index:2000;overflow-y:auto}
.kp-dialog.d-none{display:none!important}
.kp-dialog-card{width:100%;max-width:640px}
.status-completed{color:var(--tblr-green)}
.status-processing,.status-pending{color:var(--tblr-orange)}
.status-failed,.status-returned,.status-cancelled{color:var(--tblr-red)}
body.viewer .admin-only{display:none!important}

/* Calm, neutral look (HiFi-style): light sidebar, dark primary, status pills. */
:root{--tblr-primary:#111827;--tblr-primary-rgb:17,24,39;--tblr-primary-fg:#fff}
.kp-side{background:#fff!important;border-right:1px solid var(--tblr-border-color)}
.kp-side .navbar-brand{display:flex;align-items:center;gap:10px;padding:18px 0 14px}
.kp-side .nav-link{color:#374151;border-radius:8px;margin:1px 8px;padding:8px 10px}
.kp-side .nav-link:hover{background:#f3f4f6}
.kp-side .nav-link.active{background:#f3f4f6;color:#111827;font-weight:600}
.kp-side .nav-link-icon{color:#6b7280;margin-right:10px;display:inline-flex}
.kp-side .nav-link.active .nav-link-icon{color:#111827}
.kp-side-foot{display:flex;flex-direction:column;gap:6px;padding:20px 18px;margin-top:auto;border-top:1px solid var(--tblr-border-color)}
.kp-side-foot a{color:#6b7280;text-decoration:none}.kp-side-foot a:hover{color:#111827}
@media (min-width:992px){.kp-side .navbar-collapse{display:flex!important;flex-direction:column;align-items:stretch;min-height:calc(100vh - 80px)}}
.kp-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--tblr-primary);color:#fff;font-weight:700;font-size:20px}
.kp-mark-sm{width:32px;height:32px;border-radius:9px;font-size:15px;flex:0 0 32px}
.kp-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}
.kp-pill.status-completed{background:#e7f6ec;color:#167a3e}
.kp-pill.status-processing,.kp-pill.status-pending{background:#fff4e0;color:#a35f00}
.kp-pill.status-failed,.kp-pill.status-returned,.kp-pill.status-cancelled{background:#fdecec;color:#b42318}
.card{border-radius:12px}
.page-title{font-weight:700}
.kp-side .navbar-brand #sideName{font-size:15px}
.kp-side .navbar-brand .small{font-size:12px}