/* ── "Ins PIM senden" (#176) on the B&M design system ──
 * Loaded by layouts/pim_hil after tokens.css and components/bundle.css. Every value is a token:
 * no radius, no shadow, no gradient; the 3px bar is the accent. Scoped to .ps-page because the
 * :app bundle carries this file to every other page as well.
 * The block alert's red is brand-fanatic-red, the same choice as the login alert (sessions.css) -
 * the package has no error colour of its own.
 */
body.ps-page { margin: 0; background: var(--white); color: var(--grey-600); font-family: var(--font-sans); }
.ps-page * { box-sizing: border-box; }
.ps-page .ps-main { max-width: var(--text-width); margin: 0 auto; padding: var(--space-40) var(--space-16); }
.ps-page .ps-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); padding-bottom: var(--space-16); margin-bottom: var(--space-40); border-bottom: 1px solid var(--rule); }
.ps-page .ps-logo { display: block; height: var(--space-28); width: auto; }
.ps-page .ps-product { color: var(--bm-main); }

.ps-page .ps-title { display: inline-block; margin: 0 0 var(--space-16); padding-bottom: var(--space-8); color: var(--black); border-bottom: var(--underline-bar) solid var(--bm-main); }
.ps-page .ps-intro { margin: 0 0 var(--space-16); color: var(--grey-600); }
.ps-page .ps-ticket { margin: 0 0 var(--space-32); color: var(--black); }

/* Status lines: a quiet grey-100 panel with the 3px bar on the left. Black text - grey-600 on grey-100 fails below 18px. */
.ps-page .ps-alert,
.ps-page .ps-note,
.ps-page .ps-done { margin: 0 0 var(--space-32); padding: var(--space-12) var(--space-16); background: var(--grey-100); color: var(--black); border-left: var(--underline-bar) solid var(--bm-main); }
.ps-page .ps-alert { border-left-color: var(--brand-fanatic-red); }

.ps-page .ps-label { display: block; margin: 0 0 var(--space-8); color: var(--black); }
.ps-page .ps-message { display: block; width: 100%; margin: 0 0 var(--space-32); padding: var(--space-12) var(--space-16); background: var(--white); color: var(--black); border: 1px solid var(--grey-600); border-radius: var(--radius-none); resize: vertical; }
.ps-page .ps-message:focus-visible { outline: 2px solid var(--bm-main); outline-offset: 0; }
.ps-page .ps-disclosure { margin: 0 0 var(--space-32); padding: var(--space-12) var(--space-16); color: var(--grey-600); border: 1px solid var(--rule); }
.ps-page .ps-footer { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-16); }
.ps-page .ps-sender { color: var(--grey-600); }