/* Supplier portal additions on top of store.css (panels, buttons, fields, tabs, pills). */
.sbs-supplier { padding-bottom: 5rem; }
.sbs-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.2rem; }
.sbs-stats--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sbs-stat { display: grid; gap: .25rem; padding: 1.1rem 1.2rem; border: 1px solid var(--s-line); border-radius: var(--s-radius); background: var(--s-surface); text-decoration: none; color: inherit; transition: transform .2s ease, box-shadow .2s ease; }
a.sbs-stat:hover { transform: translateY(-2px); box-shadow: var(--s-shadow); }
.sbs-stat strong { font: 400 1.9rem/1.1 var(--s-serif); }
.sbs-stat span { color: var(--s-muted); font-size: .85rem; }
.sbs-stat.is-alert { border-color: color-mix(in srgb, var(--s-accent) 45%, var(--s-line)); background: color-mix(in srgb, var(--s-accent) 6%, var(--s-surface)); }
.sbs-stat.is-alert strong { color: var(--s-accent); }
.sbs-order--link { text-decoration: none; color: inherit; transition: box-shadow .2s ease, transform .2s ease; grid-template-columns: 1fr auto auto auto; }
.sbs-order--link:hover { box-shadow: var(--s-shadow); transform: translateY(-1px); }
.sbs-tabs--sub { margin-bottom: 1rem; }
.sbs-po-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; }
.sbs-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sbs-table { width: 100%; border-collapse: collapse; font-size: .92rem; min-width: 560px; }
.sbs-table th, .sbs-table td { text-align: left; padding: .65rem .7rem; border-bottom: 1px solid var(--s-line); vertical-align: top; }
.sbs-table th { font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; color: var(--s-muted); }
.sbs-table .num { text-align: right; white-space: nowrap; }
.sbs-po-totals { margin: 1rem 0 0 auto; max-width: 320px; display: grid; gap: .45rem; }
.sbs-po-totals > div { display: flex; justify-content: space-between; }
.sbs-two { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.sbs-timeline { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.sbs-timeline li { display: flex; flex-wrap: wrap; gap: .3rem .8rem; align-items: baseline; padding-left: 1rem; border-left: 3px solid var(--s-line); }
.sbs-timeline em { flex-basis: 100%; color: var(--s-muted); font-style: normal; font-size: .9rem; }
.sbs-pill--sp-approved { background: #fff4e5; color: #9a5b00; }
.sbs-pill--sp-in-transit { background: #e8f0fe; color: #1a56db; }
.sbs-pill--sp-received, .sbs-pill--sp-accepted { background: #e7f6ec; color: #137333; }
.sbs-pill--sp-cancelled, .sbs-pill--sp-rejected { background: #fde8e8; color: #b42318; }
.sbs-pill--sp-submitted { background: #eef2f7; color: #334155; }
@media (max-width: 860px) {
	.sbs-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sbs-two { grid-template-columns: 1fr; }
	.sbs-order--link { grid-template-columns: 1fr auto; }
}