/* Shared customer-page chrome; no catalogue or operational rules. */
.lab-customer-page { --lab-muted: #526c79; background: #f5f9f9 !important; }
.lab-customer-page .lab-customer-strip { background: var(--lab-ink); color: #e5eeee; text-align: center; padding: .55rem 16px; font-size: .7rem; line-height: 1.5; }
.lab-customer-strip > span { margin-inline: .45rem; color: #86cecd; }
.lab-customer-page .lab-customer-header { position: sticky; top: 0; z-index: 1020; background: rgba(255,255,255,.98); border-bottom: 1px solid var(--lab-line); }
.lab-customer-page .lab-customer-header-inner { display: grid; grid-template-columns: minmax(160px,1fr) auto 1fr; align-items: center; gap: 1.8rem; min-height: 80px; }
.lab-customer-brand { display: inline-flex; width: 190px; max-width: 100%; }
.lab-customer-brand img { display: block; width: 100%; max-width: 190px; height: 52px; object-fit: contain; object-position: left center; }
.lab-customer-nav-links { display: flex; align-items: center; gap: 1.5rem; }
.lab-customer-nav-links a { display: inline-flex; align-items: center; min-height: 44px; color: #3b525f; text-decoration: none; font-size: .84rem; font-weight: 550; }
.lab-customer-nav-links a:hover,.lab-customer-nav-links a[aria-current=page] { color: var(--lab-teal); }
.lab-customer-nav-links a[aria-current=page] { box-shadow: inset 0 -2px var(--lab-teal); }
.lab-customer-header-actions { display: flex; gap: .5rem; justify-content: end; align-items: center; }
.lab-customer-page .lab-customer-header-actions .cp-button { position: relative; min-height: 44px; padding: .6rem .85rem; gap: .45rem; font-size: .8rem; white-space: nowrap; }
.lab-customer-header-actions svg { flex: 0 0 19px; width: 19px; height: 19px; }
.lab-customer-header-actions a[aria-current=page] { background: #f0f7f7 !important; border-color: #b5d4d4 !important; }
.lab-customer-basket-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding-inline: 4px; border-radius: 20px; background: #be3c4b; color: white; font-size: .64rem; }
.lab-customer-page .lab-customer-main { padding-block: 3rem 4rem !important; min-height: 50vh; }
.lab-customer-page h1 { color: var(--lab-ink); letter-spacing: -.05em !important; line-height: 1.12; overflow-wrap: anywhere; }
.lab-customer-page h2,.lab-customer-page h3 { color: var(--lab-ink); letter-spacing: -.025em !important; }
.lab-customer-page .cp-muted { color: #617480; }
.lab-customer-page .form-control,.lab-customer-page .form-select { min-height: 48px; color: var(--lab-ink); border-color: #d6e3e6; border-radius: 8px; background: #fff; font-size: 1rem; box-shadow: none; }
.lab-customer-page .form-control:focus,.lab-customer-page .form-select:focus { border-color: var(--lab-teal); box-shadow: 0 0 0 3px #087f831a; }
.lab-customer-page .form-label { color: #284653; font-size: .83rem; font-weight: 600; margin-bottom: .45rem; }
.lab-customer-page .form-check-input { width: 1.1em; height: 1.1em; border-color: #adc5cb; }
.lab-customer-page .form-check-input:checked { background-color: var(--lab-teal); border-color: var(--lab-teal); }
.lab-customer-page .form-check-label { font-size: .84rem; line-height: 1.6; color: #3d5965; }
.lab-customer-page .form-text { font-size: .78rem; line-height: 1.6; color: #617480; }
.lab-customer-page .alert { border-radius: 10px; font-size: .9rem; line-height: 1.6; overflow-wrap: anywhere; }
.lab-customer-page .alert-success { color: #245442; background: #edf7f0; border-color: #c8e3d1; }
.lab-customer-page .alert-info { color: #29555d; background: #edf7f7; border-color: #c8e3e3; }
.lab-customer-page .cp-card { border: 1px solid var(--lab-line); border-radius: 12px; box-shadow: 0 3px 16px #183c4903; }
.lab-customer-page details { scroll-margin-top: 145px; }
.lab-customer-page summary { cursor: pointer; }
.lab-customer-page .lab-customer-footer { padding: 3rem 0; background: var(--lab-ink); color: #dce9ed; }
.lab-customer-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 2rem; }
.lab-customer-footer strong { color: #fff; font-size: .95rem; letter-spacing: .08em; }
.lab-customer-footer p { margin-top: .8rem; margin-bottom: 0; color: #c2d4dc; font-size: .8rem; line-height: 1.8; }
.lab-customer-footer nav { display: flex; flex-direction: column; align-items: start; gap: .25rem; }
.lab-customer-footer a { display: inline-flex; align-items: center; min-height: 36px; color: #dce9ed; text-decoration: none; font-size: .8rem; }
.lab-customer-footer a:hover { color: #fff; text-decoration: underline; }
.lab-customer-page [id] { scroll-margin-top: 120px; }
@media (max-width:991.98px) {
  .lab-customer-page .lab-customer-header-inner { grid-template-columns: minmax(0,1fr) auto; gap: 0 1rem; padding-top: .5rem; }
  .lab-customer-nav-links { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: 2rem; padding-bottom: .25rem; }
  .lab-customer-header-actions { grid-column: 2; grid-row: 1; }
  .lab-customer-brand { width: 180px; }
  .lab-customer-page .lab-customer-main { padding-block: 2.3rem 3rem !important; }
}
@media (max-width:575.98px) {
  .lab-customer-page .container { padding-inline: 20px; }
  .lab-customer-page .lab-customer-strip { font-size: .63rem; padding-block: .45rem; }
  .lab-customer-page .lab-customer-header-inner { min-height: 96px; gap: 0 .6rem; padding-inline: 16px; }
  .lab-customer-brand,.lab-customer-brand img { width: 150px; max-width: 100%; height: 44px; }
  .lab-customer-page .lab-customer-header-actions .cp-button { width: 42px; min-width: 42px; min-height: 44px; padding: .6rem; gap: 0; }
  .lab-customer-action-label { display: none; }
  .lab-customer-basket-count { position: absolute; top: -4px; right: -4px; }
  .lab-customer-nav-links { gap: 1.6rem; padding-block: .15rem; }
  .lab-customer-nav-links a { font-size: .77rem; min-height: 38px; }
  .lab-customer-page .lab-customer-main { padding-block: 1.7rem 2.6rem !important; }
  .lab-customer-footer-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .lab-customer-footer-grid > div:first-child { grid-column: 1 / -1; }
  .lab-customer-page .lab-customer-footer { padding-block: 2rem; }
  .lab-customer-footer a { min-height: 44px; }
  .lab-customer-page [id] { scroll-margin-top: 160px; }
}