@import url('/css/tokens.css');
@import url('/css/components.css');
@import url('/css/packaging-theme.css');
@import url('/css/packaging-pages.css');

.mb-4{margin-bottom:var(--space-4);}
.page-hidden{display:none!important;}
.toast-stack{position:fixed;right:18px;top:18px;z-index:120;display:grid;gap:10px;width:min(360px,calc(100vw - 36px));}
.toast{padding:12px 14px;border:1px solid var(--mist);border-left:4px solid var(--primary);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-2);}
.toast-success{border-left-color:var(--success);}
.toast-error{border-left-color:var(--critical);}
.toast-info{border-left-color:var(--primary);}
.toast-title{font-size:13px;font-weight:700;color:var(--ink);}
.toast-message{margin-top:2px;color:var(--slate);font-size:12px;}
.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:12.5px;color:var(--slate);}
.pagination-controls{display:flex;align-items:center;gap:var(--space-2);}
.grid-sort-text{color:var(--slate-2);font-size:12px;margin-left:4px;}
.detail-card.payment-card.is-hidden{display:none!important;}