.invoice-add-line{display:grid;gap:.75rem;margin:0;padding:1rem;border:1px dashed #8fcfd2;border-radius:.65rem;background:#f3fbfb}.invoice-add-line legend{padding:0 .35rem;font-weight:800;color:#10284d}.invoice-add-line__fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(6rem,.3fr) minmax(7rem,.4fr);gap:.65rem;align-items:end}.invoice-edit-total{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border-radius:.6rem;background:#10284d;color:#fff}.invoice-edit-total strong{font-size:1.25rem;color:#8ff1ef;white-space:nowrap}@media(max-width:760px){.invoice-add-line__fields{grid-template-columns:1fr}.invoice-edit-total{align-items:flex-start;flex-direction:column}}
.archived-customers-workspace{display:grid;gap:1rem}.archived-customer-card{display:grid;gap:.45rem}.archived-customer-card p{margin:0}.archived-customer-card form{margin-top:.35rem}
.customer-profile-list{display:grid;gap:1rem}.customer-profile-card{border:1px solid #dbe4ec;border-radius:14px;background:#fff;overflow:hidden}.customer-profile-card summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;cursor:pointer;list-style:none}.customer-profile-card summary::-webkit-details-marker{display:none}.customer-profile-card summary>span:first-child{display:grid;gap:.3rem;min-width:0}.customer-profile-card summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-profile-card summary small{color:#60758a;font-weight:500}.customer-profile-card summary>span:last-child{color:#087f8c;font-weight:800;white-space:nowrap}.customer-profile-card summary:after{content:"⌄";color:#087f8c;font-size:1.35rem;line-height:1;transition:transform .18s ease}.customer-profile-card[open] summary{border-bottom:1px solid #dbe4ec;background:#f8fbfd}.customer-profile-card[open] summary:after{transform:rotate(180deg)}.customer-profile-card summary:focus-visible{outline:3px solid #93c5fd;outline-offset:-3px}.customer-profile-card__body{display:grid;gap:1rem;padding:1.25rem}.customer-profile-card__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.5rem}.customer-profile-card__details p{margin:0;color:#536779}.customer-profile-card__assignments{padding:1rem;border-radius:.65rem;background:#eef8f8}.customer-profile-card__assignments h4{margin:0 0 .6rem;color:#10284d}.customer-profile-card__assignments ul{margin:0;padding-left:1.25rem;color:#30465d}.customer-profile-card__assignments li{padding:.2rem 0}.customer-profile-card__body form{margin:0}@media(max-width:680px){.customer-profile-card summary{align-items:flex-start}.customer-profile-card__details{grid-template-columns:1fr}}
.company-profile-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);gap:1rem;align-items:start}.company-profile-form,.company-profile-readonly{padding:1.25rem;border:1px solid #dbe4ec;border-radius:14px;background:#fff}.company-profile-form{display:grid;gap:.85rem}.company-profile-form h3,.company-profile-readonly h3{margin:0 0 .25rem}.company-profile-readonly{display:grid;gap:.9rem}.company-profile-readonly p{display:grid;gap:.25rem;margin:0;padding-bottom:.75rem;border-bottom:1px solid #e5ebf0}.company-profile-readonly p span{color:#536779;overflow-wrap:anywhere}.company-profile-readonly small{color:#60758a;line-height:1.5}@media(max-width:760px){.company-profile-workspace{grid-template-columns:1fr}}
.customer-email-center{display:grid;gap:1rem}.customer-email-center__intro h2{margin:.35rem 0}.customer-email-center__intro>p:last-child{max-width:52rem;color:#536779}.customer-email-center__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);gap:1rem;align-items:start}.customer-email-form,.customer-email-history{padding:1.25rem;border:1px solid #dbe4ec;border-radius:14px;background:#fff}.customer-email-form textarea{width:100%;resize:vertical}.customer-email-audience{display:grid;gap:.85rem;padding:1rem;border:1px solid #dbe4ec;border-radius:.75rem}.customer-email-audience legend{padding:0 .35rem;font-weight:800}.customer-email-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.customer-email-mode-card{display:flex!important;align-items:flex-start;gap:.7rem;padding:.9rem;border:1px solid #cbd7e2;border-radius:.65rem;background:#fff;color:#30465d;cursor:pointer}.customer-email-mode-card:hover,.customer-email-mode-card.is-selected{border-color:#08aeb7;background:#eefafa}.customer-email-mode-card input{flex:0 0 auto!important;width:1.1rem!important;height:1.1rem!important;margin:.15rem 0 0!important;accent-color:#087f8c}.customer-email-mode-card span{display:grid;gap:.2rem}.customer-email-mode-card small{color:#60758a;font-weight:500;line-height:1.35}.customer-email-specific{display:grid;gap:.55rem}.customer-email-recipient-header{display:flex;justify-content:space-between;align-items:end;gap:1rem}.customer-email-recipient-header>div{display:grid;gap:.15rem}.customer-email-recipient-header small{color:#60758a}.customer-email-recipient-header input{width:min(15rem,100%)!important;padding:.6rem .7rem!important;border:1px solid #cbd7e2!important;border-radius:.5rem!important}.customer-email-recipient-list{display:grid;gap:.4rem;max-height:20rem;overflow:auto;padding:.65rem;border-radius:.55rem;background:#f4f7fa}.customer-email-recipient-list.is-inactive{opacity:.62}.customer-email-recipient-list label{display:flex!important;align-items:flex-start;gap:.65rem;padding:.65rem;border-radius:.45rem;background:#fff;cursor:pointer}.customer-email-recipient-list label:hover{background:#eefafa}.customer-email-recipient-list label>input{flex:0 0 auto!important;width:1.05rem!important;height:1.05rem!important;margin:.15rem 0 0!important;accent-color:#087f8c}.customer-email-recipient-list label>span{display:grid;gap:.15rem;min-width:0}.customer-email-recipient-list label>span small{color:#60758a;overflow-wrap:anywhere}.customer-email-history{display:grid;gap:1rem}.customer-email-history .section-heading{margin:0}.customer-email-history__list{display:grid;gap:.65rem;max-height:48rem;overflow:auto}.customer-email-history__list article{display:grid;gap:.45rem;padding:.85rem;border:1px solid #dbe4ec;border-radius:.65rem}.customer-email-history__list article>div{display:flex;justify-content:space-between;gap:.75rem}.customer-email-history__list article span{color:#087f8c;font-weight:800}.customer-email-history__list article p{margin:0;color:#60758a}.customer-email-history__list .text-button{justify-self:start}@media(max-width:900px){.customer-email-center__grid{grid-template-columns:1fr}}@media(max-width:620px){.customer-email-mode{grid-template-columns:1fr}.customer-email-recipient-header{align-items:stretch;flex-direction:column}.customer-email-recipient-header input{width:100%!important}}
@import url("https://fonts.googleapis.com/css2?family=Gabarito:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap");

:root {
  --navy-950: #071a3d;
  --navy-900: #0b2148;
  --navy-800: #163a70;
  --slate-700: #40506e;
  --cyan-500: #00cfcb;
  --cyan-400: #18dbd7;
  --cyan-100: #c6f1f2;
  --white: #ffffff;
  --mist: #edf4f8;
  --ink: #14233c;
  --line-dark: rgb(255 255 255 / 14%);
  --focus: #f6c945;
  --font-display: "Gabarito", "Segoe UI", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --content-width: 1440px;
  --radius-pill: 999px;
  --radius-card: 24px;
  --shadow-soft: 0 30px 80px rgb(0 17 51 / 24%);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--navy-950); font-family: var(--font-body); line-height: 1.5; }
a { color: inherit; }
button, input { font: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.site-header { position: relative; z-index: 20; color: var(--white); background: var(--navy-950); }
.header-primary { min-height: 82px; padding: 13px max(28px, calc((100vw - var(--content-width)) / 2)); display: grid; grid-template-columns: auto auto minmax(280px, 1fr) auto; align-items: center; gap: clamp(22px, 3vw, 52px); }
.brand { display: inline-flex; flex: 0 0 auto; }
.brand img { display: block; width: 190px; max-width: 22vw; height: auto; }
.utility-nav, .account-actions, .category-nav { display: flex; align-items: center; }
.utility-nav { gap: 28px; white-space: nowrap; }
.utility-nav a, .category-nav a, .sign-in { font-weight: 650; text-decoration: none; }
.utility-nav a, .category-nav a { transition: color .18s ease; }
.utility-nav a:hover, .category-nav a:hover { color: var(--cyan-400); }
.site-search { min-width: 0; height: 52px; display: flex; align-items: center; overflow: hidden; border-radius: var(--radius-pill); background: var(--slate-700); }
.site-search input { width: 100%; min-width: 0; height: 100%; padding: 0 8px 0 28px; border: 0; outline: 0; color: var(--white); background: transparent; }
.site-search input::placeholder { color: #d2d9e5; }
.site-search button { width: 58px; height: 52px; display: grid; flex: 0 0 auto; place-items: center; border: 0; color: var(--white); background: transparent; cursor: pointer; }
.site-search svg, .sign-in svg { width: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.account-actions { gap: 22px; white-space: nowrap; }
.sign-in { display: flex; align-items: center; gap: 9px; }
.header-cta { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--cyan-500); border-radius: var(--radius-pill); padding: 10px 22px; color: var(--cyan-400); font-weight: 750; text-decoration: none; transition: background-color .18s ease, color .18s ease; }
.header-cta:hover { color: var(--navy-950); background: var(--cyan-500); }
.category-nav { min-height: 62px; padding: 0 max(28px, calc((100vw - var(--content-width)) / 2)); gap: clamp(18px, 2vw, 38px); border-top: 1px solid var(--line-dark); overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.category-nav::-webkit-scrollbar { display: none; }
.category-nav a { font-size: .94rem; }
.nav-with-chevron, .mobile-menu summary { display: inline-flex; align-items: center; gap: 8px; }
.nav-chevron { width: 12px; height: 8px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
.mobile-menu[open] summary .nav-chevron { transform: rotate(180deg); }
.nav-divider { width: 1px; height: 34px; flex: 0 0 auto; background: rgb(255 255 255 / 24%); }
.mobile-menu { display: none; }

.hero { position: relative; min-height: 720px; display: grid; grid-template-columns: minmax(290px, .92fr) minmax(420px, 1.18fr) minmax(280px, .72fr); gap: clamp(28px, 3.2vw, 58px); align-items: center; padding: clamp(64px, 7vw, 110px) max(28px, calc((100vw - var(--content-width)) / 2)); overflow: hidden; color: var(--white); background: linear-gradient(105deg, #132c59 0%, #153763 38%, #087c89 76%, #05959a 100%); }
.hero::before { position: absolute; inset: 0; background-image: radial-gradient(circle, rgb(4 30 70 / 35%) 2px, transparent 2.5px); background-size: 26px 26px; opacity: .62; content: ""; mask-image: linear-gradient(90deg, #000 0 48%, transparent 68%); }
.hero::after { position: absolute; width: 460px; height: 460px; right: -180px; bottom: -220px; border: 1px solid rgb(255 255 255 / 10%); border-radius: 50%; box-shadow: 0 0 0 70px rgb(255 255 255 / 3%), 0 0 0 140px rgb(255 255 255 / 2%); content: ""; }
.hero > * { position: relative; z-index: 1; }
.hero__intro { max-width: 560px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 26px; color: var(--white); font-size: .98rem; font-weight: 700; }
.eyebrow span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--navy-950); background: var(--cyan-500); }
h1 { margin: 0; font-family: var(--font-display); font-size: clamp(3rem, 4.4vw, 5.1rem); line-height: .98; letter-spacing: -.045em; }
.hero__copy { max-width: 580px; margin: 32px 0 0; color: #e6eff8; font-size: clamp(1.02rem, 1.35vw, 1.22rem); line-height: 1.75; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-pill); padding: 13px 24px; font-weight: 750; text-decoration: none; transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease; }
.button:hover { transform: translateY(-2px); }
.button--primary { color: var(--navy-950); background: var(--cyan-500); }
.button--primary:hover { background: #31e1de; }
.button--secondary { border: 2px solid rgb(255 255 255 / 54%); color: var(--white); }
.button--secondary:hover { border-color: var(--white); background: rgb(255 255 255 / 10%); }
.hero__assurance { margin: 24px 0 0; color: #bcd0e2; font-size: .82rem; }
.hero__media { align-self: stretch; min-height: 560px; margin: 0; display: flex; flex-direction: column; justify-content: center; }
.hero__media img { width: 100%; min-height: 520px; max-height: 660px; display: block; border-radius: var(--radius-card); object-fit: cover; box-shadow: var(--shadow-soft); }
.hero__media figcaption { align-self: flex-end; margin-top: 10px; color: rgb(255 255 255 / 68%); font-size: .7rem; }
.ordering-panel { align-self: stretch; min-height: 560px; display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 3vw, 48px); border: 1px solid rgb(255 255 255 / 15%); background: rgb(0 80 97 / 37%); backdrop-filter: blur(8px); }
.panel-kicker { margin: 0 0 10px; color: var(--cyan-100); font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ordering-panel h2 { margin: 0; font-family: var(--font-display); font-size: clamp(2rem, 2.5vw, 2.8rem); line-height: 1.05; }
.ordering-panel ol { margin: 28px 0 0; padding: 0; list-style: none; }
.ordering-panel li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 24px 0; border-bottom: 1px solid rgb(255 255 255 / 18%); }
.ordering-panel li > span { color: var(--cyan-400); font-family: var(--font-display); font-weight: 700; }
.ordering-panel strong { display: block; font-size: 1rem; }
.ordering-panel li p { margin: 5px 0 0; color: #d7e7ed; font-size: .88rem; line-height: 1.55; }
.panel-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 26px; color: var(--white); font-weight: 750; text-decoration: none; }
.panel-link span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--white); transition: transform .18s ease; }
.panel-link:hover span { transform: translateX(4px); }

.trust-strip { padding: 42px max(28px, calc((100vw - var(--content-width)) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 40px; color: var(--white); background: var(--navy-950); }
.trust-strip p { max-width: 420px; margin: 0; font-weight: 700; }
.trust-strip div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
.trust-strip span { border: 1px solid rgb(255 255 255 / 20%); border-radius: var(--radius-pill); padding: 8px 14px; color: #c7d4e5; font-size: .82rem; }

.page-intro { padding: clamp(72px, 8vw, 118px) max(28px, calc((100vw - 1180px) / 2)); color: var(--white); background: radial-gradient(circle at 82% 20%, rgb(0 207 203 / 18%), transparent 26%), linear-gradient(120deg, var(--navy-900), var(--navy-800)); }
.page-intro h1 { max-width: 920px; font-size: clamp(3rem, 6vw, 5.6rem); }
.page-intro > p:last-child { max-width: 760px; margin: 28px 0 0; color: #d7e4f2; font-size: clamp(1.02rem, 1.6vw, 1.2rem); }
.page-eyebrow, .section-kicker { margin: 0 0 18px; color: var(--cyan-400); font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.content-grid, .form-layout, .catalog-shell, .order-layout { padding: clamp(64px, 8vw, 110px) max(28px, calc((100vw - 1180px) / 2)); color: var(--ink); background: var(--white); }
.content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 8vw, 120px); }
.content-grid h2, .form-layout h2, .catalog-shell h2, .order-layout h2, .search-page h2 { margin: 0; font-family: var(--font-display); font-size: clamp(2rem, 3.5vw, 3.2rem); line-height: 1.05; color: var(--navy-950); }
.content-grid article > p:last-child, .form-layout aside p { color: #506078; line-height: 1.8; }
.value-list { display: grid; gap: 16px; }
.value-list article { border: 1px solid #dbe4ec; border-radius: 18px; padding: 26px; background: #f7fafc; }
.value-list strong { color: var(--navy-950); font-size: 1.08rem; }
.value-list p { margin: 7px 0 0; color: #65748a; }
.form-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(50px, 8vw, 110px); }
.text-link { color: var(--navy-800); font-weight: 750; }
.styled-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border: 1px solid #dbe4ec; border-radius: 24px; padding: clamp(24px, 4vw, 42px); background: #f7fafc; }
.styled-form label { display: grid; gap: 8px; color: var(--navy-950); font-size: .88rem; font-weight: 700; }
.styled-form input, .styled-form textarea, .styled-form select, .catalog-toolbar input, .search-page input { width: 100%; border: 1px solid #cbd7e2; border-radius: 12px; padding: 13px 14px; color: var(--ink); background: var(--white); }
.sales-workspace { display: grid; gap: 20px; }
.sales-filter { align-items: end; }
.sales-filter label { min-width: 180px; }
.sales-list { display: grid; gap: 14px; }
.sales-list article { display: grid; gap: 8px; }
.sales-list article > div { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; }
.sales-list article > div span { color: var(--muted); }
.sales-list article p { margin: 0; color: var(--muted); }
@media (max-width: 640px) { .sales-filter { grid-template-columns: 1fr; } .sales-filter label { min-width: 0; } .sales-filter button, .sales-filter a { width: 100%; text-align: center; } .sales-list article > div { display: grid; gap: 4px; } }
.co-internal-total { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 0; padding: 16px 18px; border: 1px solid #b7dfe2; border-radius: 12px; background: #e8f7f7; color: var(--navy-950); font-size: .95rem; }
.co-internal-total strong { color: #087f8c; font-size: 1.2rem; font-variant-numeric: tabular-nums; }
.field-wide { grid-column: 1 / -1; }
.styled-form button[disabled] { cursor: not-allowed; filter: grayscale(.35); opacity: .62; }
.form-note { margin: -8px 0 0; color: #6a778b; font-size: .76rem; }
.form-status { margin: 0 0 18px; border-radius: 14px; padding: 15px 18px; }
.form-status--success { color: #0b513e; background: #dff7ec; }
.form-status--error { color: #792b2b; background: #fde7e7; }
.category-grid { padding: clamp(64px, 8vw, 110px) max(28px, calc((100vw - 1180px) / 2)); display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; background: var(--mist); }
.category-card { min-height: 320px; display: flex; flex-direction: column; align-items: flex-start; border-radius: 24px; padding: clamp(28px, 4vw, 44px); color: var(--white); background: linear-gradient(135deg, var(--navy-900), var(--navy-800)); box-shadow: 0 18px 44px rgb(13 39 78 / 14%); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.category-card:hover { transform: translateY(-4px); box-shadow: 0 25px 55px rgb(13 39 78 / 22%); }
.category-card > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: var(--navy-950); background: var(--cyan-500); font-family: var(--font-display); font-weight: 800; }
.category-card h2 { margin: 38px 0 12px; font-family: var(--font-display); font-size: 2rem; }
.category-card p { max-width: 430px; margin: 0; color: #d5e3f2; }
.category-card strong { margin-top: auto; padding-top: 28px; color: var(--cyan-400); }
.catalog-shell { display: grid; grid-template-columns: 240px 1fr; gap: 44px; }
.filter-panel { display: grid; align-content: start; gap: 4px; }
.filter-panel h2 { margin-bottom: 18px; font-size: 1.45rem; }
.filter-panel a { border-radius: 10px; padding: 10px 12px; color: #42536b; text-decoration: none; }
.filter-panel a:hover { color: var(--navy-950); background: var(--mist); }
.catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #dce5ed; padding-bottom: 20px; }
.catalog-toolbar form { display: flex; gap: 8px; }
.catalog-toolbar button { border: 0; border-radius: 10px; padding: 10px 16px; color: var(--navy-950); background: var(--cyan-500); font-weight: 750; }
.empty-catalog, .order-empty, .search-state { margin-top: 30px; border: 1px dashed #b8c8d7; border-radius: 22px; padding: clamp(38px, 6vw, 72px); text-align: center; background: #f8fbfd; }
.empty-catalog > span { width: 70px; height: 70px; display: grid; place-items: center; margin: 0 auto 22px; border-radius: 20px; color: var(--navy-950); background: var(--cyan-500); font-family: var(--font-display); font-size: 1.3rem; font-weight: 800; }
.empty-catalog h2, .order-empty h2 { font-size: 2rem; }
.empty-catalog p, .order-empty p, .search-state p { color: #65748a; }
.order-layout { display: grid; grid-template-columns: 1.3fr .7fr; gap: 34px; }
.order-builder, .order-summary { border: 1px solid #dbe4ec; border-radius: 24px; padding: clamp(26px, 4vw, 42px); }
.order-summary { color: var(--white); background: var(--navy-900); }
.order-summary h2 { color: var(--white); font-size: 2rem; }
.order-summary ol { padding-left: 20px; color: #d9e6f3; line-height: 1.8; }
.order-summary > p { border-top: 1px solid var(--line-dark); padding-top: 20px; color: var(--cyan-100); font-weight: 700; }
.order-empty { margin-top: 24px; }
.search-page { min-height: 500px; padding: clamp(64px, 8vw, 110px) max(28px, calc((100vw - 920px) / 2)); color: var(--ink); background: var(--white); }
.search-page form > label { display: block; margin-bottom: 10px; color: var(--navy-950); font-weight: 750; }
.search-page form > div { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.search-state { margin-top: 38px; }
.search-state h2 { font-size: 2rem; }

.section-shell { padding: clamp(74px, 8vw, 120px) max(28px, calc((100vw - 1180px) / 2)); color: var(--ink); background: var(--white); }
.section-shell--mist { background: #f2f6f9; }
.section-shell--navy { color: var(--white); background: var(--navy-900); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 48px; margin-bottom: clamp(36px, 5vw, 64px); }
.section-heading h2, .home-purpose h2, .home-final-cta h2 { max-width: 760px; margin: 0; color: var(--navy-950); font-family: var(--font-display); font-size: clamp(2.3rem, 4.2vw, 4.2rem); line-height: 1.02; letter-spacing: -.035em; }
.section-heading > p { max-width: 470px; margin: 0; color: #5d6e83; line-height: 1.8; }
.section-heading--light h2, .section-heading--light > p, .section-shell--navy .section-kicker { color: var(--white); }
.arrow-link { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.arrow-link span { transition: transform .18s ease; }
.arrow-link:hover span { transform: translateX(4px); }
.button--ink { color: var(--white); background: var(--navy-950); }
.button--ink:hover { background: var(--navy-800); }
.text-link--light { color: var(--cyan-400); font-weight: 750; text-decoration: none; }

.home-purpose { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: clamp(54px, 10vw, 150px); }
.home-purpose__mark { color: var(--navy-950); font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 3.2rem); font-weight: 700; letter-spacing: -.04em; }
.home-purpose__mark b { color: var(--cyan-500); }
.home-purpose > div:last-child > p:not(.section-kicker) { max-width: 680px; margin: 26px 0; color: #54667c; font-size: 1.05rem; line-height: 1.85; }

.home-category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.home-category-card { min-height: 380px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #d8e2eb; border-radius: 22px; padding: 28px; color: var(--white); background: linear-gradient(155deg, #1a3d74, #0d2852); box-shadow: 0 16px 34px rgb(7 26 61 / 10%); text-decoration: none; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.home-category-card:nth-child(even) { background: linear-gradient(155deg, #31548a, #183765); }
.home-category-card:hover { border-color: var(--cyan-500); transform: translateY(-6px); box-shadow: 0 24px 46px rgb(7 26 61 / 18%); }
.home-category-card__icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; color: var(--navy-950); background: var(--cyan-500); font-family: var(--font-display); font-weight: 800; }
.home-category-card h3 { margin: 48px 0 12px; font-family: var(--font-display); font-size: 1.55rem; line-height: 1.08; }
.home-category-card p { margin: 0; color: #d6e2ef; line-height: 1.7; }
.home-category-card strong { margin-top: auto; padding-top: 30px; color: var(--cyan-400); font-size: .88rem; }

.process-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgb(255 255 255 / 18%); }
.process-grid article { min-height: 300px; padding: 38px clamp(24px, 3.4vw, 52px); border-right: 1px solid rgb(255 255 255 / 18%); }
.process-grid article:first-child { padding-left: 0; }
.process-grid article:last-child { border-right: 0; }
.process-grid article > span { color: var(--cyan-400); font-family: var(--font-display); font-weight: 800; }
.process-grid h3 { margin: 70px 0 14px; font-family: var(--font-display); font-size: 1.65rem; }
.process-grid p { margin: 0; color: #c8d7e8; line-height: 1.75; }

.product-preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.product-preview-card { overflow: hidden; border: 1px solid #dce5ed; border-radius: 22px; background: var(--white); box-shadow: 0 14px 30px rgb(7 26 61 / 8%); }
.product-preview-card__media { aspect-ratio: 4 / 3; background: #eef3f6; }
.product-preview-card__media.is-empty { background: #f5f7f8; }
.product-preview-card__media img { width: 100%; height: 100%; display: block; object-fit: contain; }
.product-preview-card__body { padding: 24px; }
.product-preview-card__body > p { margin: 0 0 8px; color: #66758a; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.product-preview-card h3 { margin: 0 0 16px; color: var(--navy-950); font-family: var(--font-display); font-size: 1.35rem; }
.product-preview-card__body > span { display: block; color: #66758a; font-size: .88rem; }
.product-preview-card a { display: inline-flex; gap: 8px; margin-top: 22px; color: var(--navy-800); font-weight: 800; text-decoration: none; }
.featured-empty { min-height: 360px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: stretch; overflow: hidden; border: 1px solid #dbe4ec; border-radius: 24px; background: #f6f9fb; }
.featured-empty__media { min-height: 300px; background: linear-gradient(135deg, #edf2f5, #f9fbfc); }
.featured-empty > div:last-child { align-self: center; padding: clamp(32px, 6vw, 72px); }
.featured-empty h3 { margin: 0; color: var(--navy-950); font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 2.8rem); }
.featured-empty p { color: #5f7085; line-height: 1.8; }

.commitment-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.commitment-grid article { min-height: 270px; border-radius: 20px; padding: 28px; color: var(--white); background: var(--navy-900); }
.commitment-grid article > span { color: var(--cyan-400); font-weight: 800; }
.commitment-grid h3 { margin: 65px 0 12px; font-family: var(--font-display); font-size: 1.4rem; }
.commitment-grid p { margin: 0; color: #cbd9e8; line-height: 1.7; }

.home-final-cta { display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: clamp(48px, 8vw, 110px); }
.home-final-cta h2 { color: var(--white); }
.home-final-cta p:not(.section-kicker) { max-width: 700px; color: #cbd9e8; line-height: 1.8; }
.home-final-cta__actions { display: grid; gap: 14px; }
.home-final-cta__actions .text-link { justify-self: center; padding-top: 8px; }

.dashboard-page { min-height: 70vh; color: var(--ink); background: #f2f6f9; }
.dashboard-hero { padding: clamp(70px, 8vw, 110px) max(28px, calc((100vw - 1180px) / 2)); color: var(--white); background: linear-gradient(120deg, var(--navy-900), var(--navy-800)); }
.dashboard-hero h1 { max-width: 900px; }
.dashboard-hero > p:not(.section-kicker) { max-width: 680px; color: #d6e4f1; font-size: 1.08rem; }
.dashboard-hero form { margin-top: 28px; }
.dashboard-grid { padding: clamp(54px, 7vw, 90px) max(28px, calc((100vw - 1180px) / 2)); display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.dashboard-grid article { min-height: 220px; border: 1px solid #d9e3ec; border-radius: 20px; padding: 30px; background: var(--white); }
.dashboard-grid article > span { color: var(--cyan-500); font-weight: 800; }
.dashboard-grid h2 { margin: 34px 0 10px; color: var(--navy-950); font-family: var(--font-display); }
.dashboard-grid p { color: #637389; }
.dashboard-grid a { color: var(--navy-800); font-weight: 800; }
.access-page { min-height: 70vh; display: grid; place-items: center; padding: 70px 24px; color: var(--ink); background: #f2f6f9; }
.access-page section { width: min(850px, 100%); border-radius: 26px; padding: clamp(34px, 6vw, 72px); background: var(--white); box-shadow: var(--shadow-soft); }
.access-page h1 { color: var(--navy-950); font-size: clamp(2.3rem, 5vw, 4.4rem); }
.access-page p:not(.section-kicker) { color: #5d6e83; line-height: 1.8; }
.access-page section > div { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.access-page form { display: contents; }
.signin-page { min-height: calc(100vh - 12rem); display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr); gap: clamp(32px, 7vw, 110px); align-items: center; padding: clamp(64px, 10vw, 132px) max(28px, calc((100vw - 1180px) / 2)); color: #fff; background: radial-gradient(circle at 72% 18%, rgb(8 199 199 / 20%), transparent 28%), linear-gradient(120deg, #10284d, #061a3a); }
.signin-page__hero { max-width: 680px; }
.signin-page__hero h1 { margin: .35rem 0 1.2rem; font-size: clamp(3rem, 6vw, 5.6rem); line-height: .98; }
.signin-page__hero > p:not(.section-kicker) { max-width: 580px; color: #d8e4f0; font-size: 1.1rem; line-height: 1.75; }
.signin-page__hero ul { display: grid; gap: .8rem; margin: 2rem 0 0; padding: 0; list-style: none; color: #e5eef6; }
.signin-page__hero li { display: flex; gap: .65rem; align-items: flex-start; }
.signin-page__hero li::before { content: ""; width: .55rem; height: .55rem; flex: 0 0 auto; margin-top: .5rem; border-radius: 50%; background: #08c7c7; }
.signin-page__card { display: grid; gap: 1rem; padding: clamp(30px, 4vw, 52px); border: 1px solid rgb(255 255 255 / 40%); border-radius: 24px; color: #10284d; background: #fff; box-shadow: 0 28px 60px rgb(0 0 0 / 25%); }
.signin-page__card img { width: 190px; height: auto; }
.signin-page__card h2 { margin: 0; font-size: clamp(2rem, 3vw, 3rem); }
.signin-page__card p:not(.section-kicker) { margin: 0 0 .7rem; color: #536779; line-height: 1.7; }
.signin-page__card .button { justify-content: center; }
.signin-page__card .text-link { justify-self: start; color: #087f8c; }

.reveal-section { animation: section-enter .55s ease both; animation-timeline: view(); animation-range: entry 5% cover 22%; }
@keyframes section-enter { from { opacity: .25; transform: translateY(18px); } to { opacity: 1; transform: none; } }

.site-footer { color: var(--white); background: #05152f; }
.footer-main { padding: 62px max(28px, calc((100vw - 1180px) / 2)); display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 44px; }
.footer-main img { display: block; width: 190px; height: auto; }
.footer-main p { max-width: 380px; color: #adbed2; }
.footer-main nav { display: grid; align-content: start; gap: 10px; }
.footer-main nav strong { margin-bottom: 6px; color: var(--cyan-400); }
.footer-main nav a { color: #c6d3e1; text-decoration: none; }
.footer-main nav a:hover { color: var(--white); }
.footer-bottom { padding: 20px max(28px, calc((100vw - 1180px) / 2)); display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line-dark); color: #8ea3bb; font-size: .78rem; }

@media (max-width: 1240px) {
  .header-primary { grid-template-columns: auto minmax(280px, 1fr) auto; }
  .utility-nav { display: none; }
  .hero { grid-template-columns: minmax(300px, .9fr) minmax(440px, 1.1fr); }
  .ordering-panel { grid-column: 1 / -1; min-height: auto; display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; }
  .ordering-panel ol { margin: 0; }
  .panel-link { grid-column: 2; }
  .home-category-grid, .commitment-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .header-primary { min-height: 76px; grid-template-columns: auto 1fr auto; gap: 18px; }
  .brand img { max-width: 170px; }
  .account-actions, .category-nav { display: none; }
  .site-search { justify-self: stretch; }
  .mobile-menu { position: relative; display: block; }
  .mobile-menu summary { border: 1px solid rgb(255 255 255 / 30%); border-radius: var(--radius-pill); padding: 9px 15px; font-weight: 700; cursor: pointer; list-style: none; }
  .mobile-menu summary::-webkit-details-marker { display: none; }
  .mobile-menu nav { position: absolute; top: calc(100% + 12px); right: 0; width: 230px; display: grid; border: 1px solid rgb(255 255 255 / 16%); border-radius: 16px; padding: 12px; background: var(--navy-950); box-shadow: var(--shadow-soft); }
  .mobile-menu nav a { border-radius: 10px; padding: 10px 12px; text-decoration: none; }
  .mobile-menu nav a:hover { background: rgb(255 255 255 / 8%); }
  .hero { grid-template-columns: 1fr; }
  .hero__intro { max-width: 720px; }
  .hero__media { min-height: 0; }
  .hero__media img { min-height: 420px; }
  .ordering-panel { grid-template-columns: 1fr; }
  .panel-link { grid-column: auto; }
  .content-grid, .form-layout, .order-layout { grid-template-columns: 1fr; }
  .catalog-shell { grid-template-columns: 1fr; }
  .filter-panel { grid-template-columns: repeat(2, 1fr); }
  .filter-panel h2 { grid-column: 1 / -1; }
  .footer-main { grid-template-columns: repeat(2, 1fr); }
  .home-purpose, .home-final-cta, .featured-empty { grid-template-columns: 1fr; }
  .signin-page { grid-template-columns: 1fr; }
  .home-category-grid, .product-preview-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: 1fr; border-top: 0; }
  .process-grid article, .process-grid article:first-child { min-height: auto; border-top: 1px solid rgb(255 255 255 / 18%); border-right: 0; padding: 34px 0; }
  .process-grid h3 { margin-top: 30px; }
  .dashboard-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .header-primary { grid-template-columns: 1fr auto; padding-inline: 18px; }
  .brand img { width: 155px; max-width: 52vw; }
  .site-search { grid-column: 1 / -1; grid-row: 2; height: 46px; margin-bottom: 12px; }
  .site-search button { height: 46px; }
  .hero { min-height: 0; padding: 62px 20px; }
  h1 { font-size: clamp(2.8rem, 14vw, 4rem); }
  .button { width: 100%; }
  .hero__media img { min-height: 310px; }
  .ordering-panel { padding: 30px 24px; }
  .trust-strip { padding: 34px 20px; align-items: flex-start; flex-direction: column; }
  .trust-strip div { justify-content: flex-start; }
  .page-intro, .content-grid, .form-layout, .category-grid, .catalog-shell, .order-layout, .search-page { padding-inline: 20px; }
  .category-grid, .styled-form { grid-template-columns: 1fr; }
  .field-wide { grid-column: auto; }
  .catalog-toolbar, .footer-bottom { align-items: stretch; flex-direction: column; }
  .catalog-toolbar form, .search-page form > div { grid-template-columns: 1fr; display: grid; }
  .filter-panel { grid-template-columns: 1fr; }
  .filter-panel h2 { grid-column: auto; }
  .footer-main { grid-template-columns: 1fr; padding-inline: 20px; }
  .footer-bottom { padding-inline: 20px; }
  .section-shell, .dashboard-hero, .dashboard-grid { padding-inline: 20px; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 24px; }
  .home-category-grid, .product-preview-grid, .commitment-grid { grid-template-columns: 1fr; }
  .home-category-card { min-height: 340px; }
  .home-final-cta__actions .button { width: 100%; }
  .access-page section > div { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Catalog, inquiry ordering, and secured portal surfaces */
.catalog-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding-top:1.5rem}.catalog-product-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dbe4ec;border-radius:18px;background:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.catalog-product-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(8,31,65,.12)}.catalog-product-card>a{display:block;color:inherit;text-decoration:none}.catalog-product-card__media{aspect-ratio:4/3;background:#f2f5f8;overflow:hidden}.catalog-product-card__media.is-empty{background:linear-gradient(135deg,#eef3f7,#f8fafc)}.catalog-product-card__media img{width:100%;height:100%;object-fit:contain;background:#fff}.catalog-product-card>a>div:last-child{padding:1rem}.catalog-product-card p{color:#087f8c;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.catalog-product-card h2{font-size:1.05rem;line-height:1.35;margin:.45rem 0}.catalog-product-card span{display:block;color:#64748b;font-size:.84rem}.catalog-product-card strong{display:block;margin-top:1rem;color:#087f8c}
.search-results{display:grid;gap:.75rem;margin-top:1.5rem}.search-results a{display:grid;grid-template-columns:8rem 1fr auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border:1px solid #dbe4ec;border-radius:12px;color:#0b2345;text-decoration:none;background:#fff}.search-results a:hover,.search-results a:focus-visible{border-color:#00a9b7;box-shadow:0 0 0 3px rgba(0,169,183,.15)}.search-results span,.search-results small{color:#64748b}
.product-detail{padding-top:2rem;padding-bottom:5rem}.breadcrumbs{display:flex;gap:.5rem;color:#64748b;margin-bottom:2rem}.breadcrumbs a{color:#087f8c}.product-detail__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);gap:3.5rem}.product-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:start;min-height:34rem}.product-gallery.is-empty{border-radius:24px;background:linear-gradient(135deg,#eef3f7,#f8fafc)}.product-gallery img{width:100%;aspect-ratio:1/1;object-fit:contain;border:1px solid #e1e8ee;border-radius:16px;background:#fff}.product-gallery img:first-child{grid-column:1/-1;aspect-ratio:4/3}.product-detail__content h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;margin:.75rem 0 1.25rem}.product-detail__content>p{color:#4b5f73;line-height:1.75}.product-detail dl{margin:2rem 0;border-top:1px solid #dbe4ec}.product-detail dl div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #dbe4ec}.product-detail dt{color:#64748b}.product-detail dd{margin:0;font-weight:700}.add-product-form{display:flex;align-items:end;gap:1rem;margin:2rem 0}.add-product-form label{display:grid;gap:.4rem;font-weight:700}.add-product-form input{width:9rem;padding:.75rem;border:1px solid #b8c5d1;border-radius:10px}
.order-builder__title{display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:none;color:#087f8c;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.inquiry-lines{display:grid;gap:1rem;margin:1.5rem 0 2rem}.inquiry-lines article{display:grid;grid-template-columns:5rem 1fr auto auto;gap:1rem;align-items:center;padding:1rem;border:1px solid #dbe4ec;border-radius:14px}.inquiry-line__media{width:5rem;aspect-ratio:1;background:#f2f5f8;border-radius:10px;overflow:hidden}.inquiry-line__media img{width:100%;height:100%;object-fit:contain}.inquiry-lines article>div:nth-child(2){display:grid;gap:.25rem}.inquiry-lines article>div:nth-child(2) a{color:#0b2345}.inquiry-lines article>div:nth-child(2) span{color:#64748b;font-size:.85rem}.inquiry-lines article form{display:flex;align-items:end;gap:.4rem}.inquiry-lines article label{display:grid;gap:.25rem;font-size:.75rem}.inquiry-lines input{width:6rem;padding:.55rem;border:1px solid #b8c5d1;border-radius:8px}.inquiry-lines button:not(.text-button){padding:.6rem;border:0;border-radius:8px;background:#0b2345;color:#fff}.inquiry-submit{margin-top:2rem;padding-top:2rem;border-top:1px solid #dbe4ec}.form-actions{display:flex;gap:1rem;flex-wrap:wrap}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.portal-page{background:#f4f7fa;min-height:70vh}.portal-page .dashboard-hero{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:3.5rem max(4vw,calc((100vw - 1440px)/2));background:#10284d;color:#fff}.portal-page .dashboard-hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:.5rem 0}.portal-page .dashboard-hero p{max-width:48rem}.portal-layout{display:grid;grid-template-columns:16rem minmax(0,1fr);max-width:1440px;margin:0 auto;min-height:60vh}.portal-nav{display:flex;flex-direction:column;padding:2rem 1rem;border-right:1px solid #dbe4ec;background:#fff}.portal-nav a{padding:.75rem 1rem;border-radius:10px;color:#30465d;text-decoration:none;font-weight:700}.portal-nav a:hover,.portal-nav a:focus-visible,.portal-nav a.is-active{background:#e6f7f8;color:#067986}.portal-content{padding:3rem;min-width:0}.portal-content>header{margin-bottom:2rem}.portal-content>header h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:.4rem 0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.metric-grid a{display:grid;gap:.4rem;padding:1.3rem;border:1px solid #dbe4ec;border-radius:14px;background:#fff;color:#0b2345;text-decoration:none}.metric-grid strong{font-size:2rem;color:#087f8c}.metric-grid span{font-size:.85rem;font-weight:700}.record-list{display:grid;gap:1rem}.record-list article{padding:1.25rem;border:1px solid #dbe4ec;border-radius:14px;background:#fff}.record-list article>div{display:flex;justify-content:space-between;gap:1rem}.record-list span{color:#087f8c;font-weight:700}.record-list p{color:#536779;margin-bottom:0}.portal-empty{padding:3rem;text-align:center;border:1px dashed #b8c5d1;border-radius:16px;background:#fff}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem}.record-table-wrap{overflow:auto;border:1px solid #dbe4ec;border-radius:14px;background:#fff}.record-table{width:100%;border-collapse:collapse;min-width:50rem}.record-table th,.record-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5ebf0}.record-table th{background:#eef3f7;color:#41566c;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.portal-page .dashboard-hero .dashboard-sign-out{background:#08c7c7;border:2px solid #08c7c7;color:#10284d}.portal-page .dashboard-hero .dashboard-sign-out:hover{background:#fff;border-color:#fff;color:#10284d}.portal-page .dashboard-hero .dashboard-sign-out:focus-visible{outline:3px solid #fff;outline-offset:4px}.portal-content>header>p:not(.section-kicker){max-width:52rem;color:#536779;line-height:1.65}.portal-content>header .record-count{margin-top:.55rem;font-size:.9rem;color:#6b7f91}
.cart-drawer{position:fixed;z-index:50;right:1.25rem;bottom:1.25rem}.cart-trigger{display:flex;gap:.55rem;align-items:center;padding:.8rem 1.1rem;border-radius:999px;background:#10284d;color:#fff;font-weight:800;cursor:pointer;list-style:none;box-shadow:0 12px 28px rgba(16,40,77,.24)}.cart-trigger::-webkit-details-marker{display:none}.cart-trigger span{display:grid;place-items:center;min-width:1.4rem;height:1.4rem;border-radius:99px;background:#08c7c7;color:#10284d;font-size:.75rem}.cart-drawer__panel{position:absolute;right:0;bottom:3.6rem;width:min(34rem,calc(100vw - 2.5rem));max-height:min(78vh,54rem);overflow:auto;padding:1.5rem;border:1px solid #dbe4ec;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(8,31,65,.25)}.cart-drawer__panel>header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.cart-drawer__panel h2{margin:.25rem 0 1.25rem}.cart-close{border:0;background:transparent;color:#10284d;font-size:1.75rem;line-height:1;cursor:pointer}.cart-lines,.request-detail-list{display:grid;gap:.75rem}.cart-lines article{display:grid;grid-template-columns:3.75rem 1fr auto auto;gap:.75rem;align-items:center;padding:.75rem 0;border-top:1px solid #e5ebf0}.cart-line__media{aspect-ratio:1;border-radius:.55rem;background:#f1f5f9;overflow:hidden}.cart-line__media img{width:100%;height:100%;object-fit:contain}.cart-lines article>div:nth-child(2){display:grid;gap:.25rem}.cart-lines article span{color:#64748b;font-size:.8rem}.cart-lines form{display:flex;align-items:end;gap:.35rem}.cart-lines label{display:grid;gap:.2rem;font-size:.72rem;font-weight:700}.cart-lines input{width:4.25rem;padding:.4rem;border:1px solid #b8c5d1;border-radius:.4rem}.cart-lines form button{padding:.45rem;border:0;border-radius:.4rem;background:#10284d;color:#fff;cursor:pointer}.cart-request-form{margin-top:1.25rem}.cart-gate{margin-top:1rem;padding:1rem;border-radius:.75rem;background:#eef8f8}.team-filter{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin:0 0 1rem}.team-filter label{display:grid;gap:.25rem;font-weight:700;font-size:.8rem}.team-filter input{padding:.65rem;border:1px solid #b8c5d1;border-radius:.45rem}.team-filter button{padding:.68rem 1rem;border:0;border-radius:.45rem;background:#10284d;color:#fff;font-weight:700}.request-detail-list details{border:1px solid #dbe4ec;border-radius:.75rem;background:#fff}.request-detail-list summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer}.request-detail-list summary span{display:grid;gap:.25rem}.request-detail-list summary small{color:#087f8c;font-weight:800}.request-detail-list details>div{padding:0 1rem 1rem}.workflow-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.workflow-actions form{display:flex;gap:.5rem;align-items:end}.workflow-actions input{padding:.55rem;border:1px solid #b8c5d1;border-radius:.45rem}
.line-price-form,.request-edit-form,.line-edit-form,.line-edit-retry{display:flex;gap:.5rem;align-items:end;flex-wrap:wrap;margin:.75rem 0}.line-price-form label,.request-edit-form label,.line-edit-form label{display:grid;gap:.25rem;font-size:.8rem;font-weight:700}.line-price-form input,.request-edit-form input,.request-edit-form textarea,.line-edit-form input,.line-edit-form select{padding:.5rem;border:1px solid #b8c5d1;border-radius:.4rem;background:#fff;color:#10284d}.line-edit-form select{min-width:min(100%,22rem)}.request-edit-form textarea{min-width:min(100%,26rem);min-height:4rem}.line-price-form button,.request-edit-form button{padding:.55rem .8rem;border:0;border-radius:.4rem;background:#10284d;color:#fff;font-weight:700}.line-edit-form button,.line-edit-retry button{padding:.62rem .9rem}
.danger-action{margin-top:.75rem}.button--danger{border:1px solid #a51d2d;background:#fff0f1;color:#a51d2d}.button--danger:hover{background:#a51d2d;color:#fff}
.catalog-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1rem 1rem;margin-top:auto}.catalog-view-link,.catalog-card-action button{min-height:2.7rem;display:inline-flex;align-items:center;justify-content:center}.catalog-view-link{color:#087f8c;font-weight:800;text-decoration:none}.catalog-view-link:hover,.catalog-view-link:focus-visible{text-decoration:underline}.catalog-card-action button{border:0;border-radius:.5rem;padding:.65rem .8rem;background:#10284d;color:#fff;font-weight:800;cursor:pointer}.catalog-card-action button:hover,.catalog-card-action button:focus-visible{background:#087f8c}.catalog-card-action button:focus-visible,.catalog-view-link:focus-visible{outline:3px solid #08c7c7;outline-offset:3px}
.related-products{margin-top:4rem}.related-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.related-product-card{overflow:hidden;border:1px solid #dbe4ec;border-radius:14px;background:#fff;color:#10284d;text-decoration:none}.related-product-card:hover,.related-product-card:focus-visible{border-color:#08c7c7;box-shadow:0 10px 24px rgba(16,40,77,.12)}.related-product-card__media{aspect-ratio:4/3;background:#f1f5f9}.related-product-card__media img{width:100%;height:100%;object-fit:contain}.related-product-card__media.is-empty{background:linear-gradient(135deg,#eef3f7,#f8fafc)}.related-product-card>div:last-child{display:grid;gap:.35rem;padding:.9rem}.related-product-card span,.related-product-card small{color:#60758a;font-size:.84rem}@media(max-width:760px){.related-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.catalog-filter-form{display:grid;gap:.8rem}.catalog-filter-form label{display:grid;gap:.3rem;color:#30465d;font-size:.82rem;font-weight:800}.catalog-filter-form input,.catalog-filter-form select{width:100%;padding:.6rem;border:1px solid #cbd7e2;border-radius:.45rem;background:#fff;color:#10284d}.catalog-filter-form>div{display:flex;align-items:center;gap:.7rem}.catalog-filter-form button,.catalog-load-more button{border:0;border-radius:.5rem;padding:.68rem .9rem;background:#10284d;color:#fff;font-weight:800;cursor:pointer}.catalog-filter-form a{padding:0;color:#087f8c}.catalog-load-more{display:grid;justify-items:center;gap:.6rem;margin:2rem 0}.catalog-load-more span{color:#64748b;font-size:.85rem}
.quick-actions .team-overview-secondary{border:2px solid #08c7c7;background:#fff;color:#10284d}.quick-actions .team-overview-secondary:hover{border-color:#08c7c7;background:#08c7c7;color:#10284d}.quick-actions .team-overview-secondary:focus-visible{outline:3px solid #10284d;outline-offset:3px}
.portal-page :is(.button, form button[type="submit"]:not(.text-button), .co-actions button, .catalog-filter-form button, .catalog-load-more button){min-height:2.8rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid #2563eb !important;border-radius:999px !important;padding:.75rem 1.25rem;color:#fff !important;background:#2563eb !important;font-weight:800;line-height:1.2;cursor:pointer}
.portal-page :is(.button, form button[type="submit"]:not(.text-button), .co-actions button, .catalog-filter-form button, .catalog-load-more button):hover:not(:disabled){border-color:#1d4ed8 !important;background:#1d4ed8 !important;transform:translateY(-2px)}
.portal-page :is(.button, form button[type="submit"]:not(.text-button), .co-actions button, .catalog-filter-form button, .catalog-load-more button):focus-visible{outline:3px solid #93c5fd !important;outline-offset:3px}
.portal-page :is(.button, form button[type="submit"]:not(.text-button), .co-actions button, .catalog-filter-form button, .catalog-load-more button):disabled{border-color:#2563eb !important;color:#fff !important;background:#2563eb !important;filter:none;opacity:.55;cursor:not-allowed}
 .recycle-bin-workspace{display:grid;gap:1rem}.recycle-bin-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:1rem;border:1px solid #dbe4ec;border-radius:.75rem;background:#fff}.recycle-bin-toolbar form{display:inline-flex}.recycle-bin-list{gap:.75rem}.recycle-bin-card{display:grid!important;grid-template-columns:auto 1fr;gap:.25rem 1rem;align-items:start}.recycle-bin-card__select{grid-row:1 / span 3;padding-top:.15rem}.recycle-bin-card__select input{width:1.1rem;height:1.1rem;accent-color:#087f8c}.recycle-bin-card>div:nth-child(2){display:flex;justify-content:space-between;gap:1rem}.recycle-bin-card p{grid-column:2}.invoice-edit-form{margin:1rem 0;padding:1rem;gap:1rem;border-radius:.75rem}.invoice-edit-form h3,.invoice-edit-form h4{margin:0}.invoice-edit-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.invoice-edit-lines{display:grid;gap:.65rem}.invoice-edit-line{display:grid;grid-template-columns:minmax(0,1fr) 7rem 9rem;gap:.75rem;align-items:end;padding:.75rem;border:1px solid #dbe4ec;border-radius:.6rem;background:#fff}.invoice-edit-line>div{display:grid;gap:.2rem}.invoice-edit-line small{color:#60758a}.invoice-edit-line label{display:grid;gap:.25rem;font-size:.78rem}.invoice-edit-line input{width:100%;padding:.55rem;border:1px solid #b8c5d1;border-radius:.4rem;background:#fff;color:#10284d}@media(max-width:680px){.invoice-edit-header,.invoice-edit-line{grid-template-columns:1fr}.recycle-bin-card>div:nth-child(2){display:grid;gap:.25rem}.recycle-bin-toolbar{display:grid}.recycle-bin-toolbar form,.recycle-bin-toolbar button{width:100%}}
.request-lines-bulk-form{display:grid;gap:1rem;margin-bottom:1rem}.request-lines-bulk-form ul{margin:0;padding:0;list-style:none}.request-line-fields{display:grid;grid-template-columns:minmax(14rem,1fr) minmax(6rem,.3fr) minmax(7rem,.35fr);gap:.65rem;align-items:end;margin-top:.75rem}.request-line-fields label{display:grid;gap:.25rem;font-size:.8rem;font-weight:700}.request-line-fields input,.request-line-fields select{width:100%;padding:.55rem;border:1px solid #b8c5d1;border-radius:.45rem;background:#fff;color:#10284d}.request-lines-bulk-form>button{justify-self:start}@media(max-width:760px){.request-line-fields{grid-template-columns:1fr}.request-lines-bulk-form>button{width:100%}}
.request-total{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;padding:1rem 1.1rem;border:1px solid #b9e2e4;border-radius:.7rem;background:#effafa;color:#10284d}.request-total div{display:grid;gap:.2rem}.request-total span{font-weight:800}.request-total small{color:#567080}.request-total strong{font-size:1.35rem;color:#087f8c;white-space:nowrap}@media(max-width:520px){.request-total{align-items:flex-start;flex-direction:column}.request-total strong{font-size:1.2rem}}
 .purchase-order-card{display:grid;gap:.75rem}.purchase-order-details{border:1px solid #dbe4ec;border-radius:.75rem;background:#f8fbfd}.purchase-order-details summary{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;cursor:pointer;color:#10284d;font-weight:800}.purchase-order-details summary span{color:#087f8c}.purchase-order-pricing{padding:0 1rem 1rem}.po-pricing-form{display:grid;gap:1rem}.po-pricing-table{display:grid;border:1px solid #dbe4ec;border-radius:.65rem;overflow:hidden;background:#fff}.po-pricing-row{display:grid;grid-template-columns:minmax(12rem,1fr) 4rem 7rem 7rem;gap:.75rem;align-items:center;padding:.75rem 1rem;border-top:1px solid #e5ebf0}.po-pricing-row:first-child{border-top:0}.po-pricing-row>div{display:grid;gap:.2rem}.po-pricing-row small{color:#60758a}.po-pricing-row--header{background:#edf4f8;color:#526a80;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.po-pricing-row input{width:100%;padding:.5rem;border:1px solid #b8c5d1;border-radius:.4rem;background:#fff;color:#10284d;font-variant-numeric:tabular-nums}.po-pricing-total{display:flex;justify-content:flex-end;gap:2rem;padding:.85rem 1rem;border-radius:.65rem;background:#e7f5f6;color:#10284d}.po-pricing-form .button{justify-self:start}.po-add-line{display:grid;grid-template-columns:minmax(18rem,1fr) 7rem 7rem;gap:.75rem;padding:1rem;border:1px solid #dbe4ec;border-radius:.65rem;background:#f8fbfd}.po-add-line legend{grid-column:1/-1;color:#10284d;font-size:.82rem;font-weight:800}.po-add-line label{display:grid;gap:.35rem;color:#526a80;font-size:.78rem;font-weight:800}.po-add-line input,.po-add-line select{width:100%;padding:.55rem;border:1px solid #b8c5d1;border-radius:.4rem;background:#fff;color:#10284d}.po-product-picker{position:relative;display:grid;gap:.35rem}.po-product-picker__search{padding-right:2rem!important}.po-product-picker__results{position:absolute;z-index:5;top:4.35rem;left:0;right:0;display:grid;max-height:18rem;overflow:auto;border:1px solid #b8c5d1;border-radius:.45rem;background:#fff;box-shadow:0 10px 24px rgba(16,40,77,.14)}.po-product-picker__results[hidden],.po-product-picker__empty[hidden],.po-product-picker__results button[hidden]{display:none!important}.po-product-picker__results button{display:grid;gap:.1rem;padding:.65rem .75rem;border:0;border-bottom:1px solid #edf1f4;background:#fff;text-align:left;color:#10284d;cursor:pointer}.po-product-picker__results button:hover,.po-product-picker__results button:focus{background:#e7f5f6;outline:0}.po-product-picker__results small{color:#60758a;font-weight:500}.po-product-picker__empty{margin:0;padding:.6rem;color:#8a3d3d;font-size:.78rem}.po-remove-line{display:flex!important;align-items:center;gap:.4rem;margin-top:.25rem;color:#8a3d3d!important;font-size:.72rem!important;font-weight:600!important}.po-remove-line input{width:auto}.po-product-picker .form-note{margin:0}@media(max-width:680px){.po-pricing-row{grid-template-columns:minmax(0,1fr) 4rem}.po-pricing-row--header span:nth-child(3),.po-pricing-row--header span:nth-child(4){display:none}.po-pricing-row>div:nth-child(3),.po-pricing-row>span:last-child{grid-column:1/-1}.po-pricing-row>div:nth-child(3){max-width:10rem}.po-pricing-total{justify-content:space-between;gap:1rem}.po-add-line{grid-template-columns:1fr}.po-product-picker__results{top:4.35rem}}
@media(max-width:1100px){.catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail__grid{grid-template-columns:1fr}.product-gallery{min-height:24rem}}
@media(max-width:760px){.catalog-product-grid{grid-template-columns:1fr}.search-results a{grid-template-columns:1fr;gap:.25rem}.product-gallery{grid-template-columns:1fr}.product-gallery img:first-child{grid-column:auto}.add-product-form{align-items:stretch;flex-direction:column}.inquiry-lines article{grid-template-columns:4rem 1fr}.inquiry-lines article form{grid-column:1/-1}.portal-page .dashboard-hero{align-items:flex-start;flex-direction:column}.portal-layout{grid-template-columns:1fr}.portal-nav{overflow:auto;flex-direction:row;border-right:0;border-bottom:1px solid #dbe4ec}.portal-nav a{white-space:nowrap}.portal-content{padding:2rem 1rem}.metric-grid{grid-template-columns:1fr 1fr}}
.inventory-workspace{display:grid;gap:1.5rem}.inventory-workspace h3{margin:0 0 .5rem}.inventory-table .inv-qty,.inventory-table .inv-value{font-variant-numeric:tabular-nums}.inv-value{font-weight:700;color:#087f8c}.qty-positive{color:#0b7a52;font-weight:700}.qty-negative{color:#b22222;font-weight:700}
.inv-edit-hint{font-size:.72rem;font-weight:500;color:#7a93ab;letter-spacing:.02em}
.inv-search-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.inv-table-search{flex:1;max-width:28rem;border:1px solid #cbd7e2;border-radius:.75rem;padding:.55rem 1rem;font-size:.9rem;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.inv-table-search:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.inv-search-count{font-size:.8rem;color:#7a93ab;white-space:nowrap}
.inv-qty-cell{display:flex;align-items:center;gap:.35rem;min-width:6rem}
.inv-inline-qty{width:5.5rem;border:1px solid transparent;border-radius:.5rem;padding:.25rem .4rem;font-variant-numeric:tabular-nums;font-weight:700;font-size:inherit;background:transparent;color:inherit;text-align:right;-moz-appearance:textfield;transition:border-color .15s,background .15s}
.inv-inline-qty::-webkit-inner-spin-button,.inv-inline-qty::-webkit-outer-spin-button{opacity:.4}
.inv-inline-qty:hover{border-color:#cbd7e2;background:#f4f7fa}
.inv-inline-qty:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.inv-inline-qty:disabled{opacity:.5;cursor:wait}
.inv-inline-status{font-size:.85rem;min-width:1rem;transition:color .15s}
.inv-inline-ok{color:#0b7a52;font-weight:800}
.inv-inline-err{color:#b22222;font-weight:800}
.inv-inline-price{width:6rem;border:1px solid transparent;border-radius:.5rem;padding:.25rem .4rem;font-variant-numeric:tabular-nums;font-weight:600;font-size:inherit;background:transparent;color:var(--ink);text-align:right;-moz-appearance:textfield;transition:border-color .15s,background .15s}
.inv-inline-price::-webkit-inner-spin-button,.inv-inline-price::-webkit-outer-spin-button{opacity:.4}
.inv-inline-price:hover{border-color:#cbd7e2;background:#f4f7fa}
.inv-inline-price:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.inv-inline-price:disabled{opacity:.5;cursor:wait}.inventory-total-row td{border-top:2px solid #10284d;background:#f4f7fa;font-weight:700}.trend{font-size:1.1rem;font-weight:800}.trend--up{color:#0b7a52}.trend--down{color:#b22222}.tx-badge{display:inline-block;border-radius:999px;padding:.18rem .6rem;font-size:.74rem;font-weight:800;text-transform:capitalize;letter-spacing:.04em;background:#e5ebf0;color:#30465d}.tx-badge--received{background:#dff7ec;color:#0b513e}.tx-badge--sold{background:#e8eef5;color:#10284d}.tx-badge--adjustment{background:#fff4d6;color:#7a4f00}.inventory-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.form-success-banner{padding:.85rem 1.1rem;border-radius:.75rem;background:#dff7ec;color:#0b513e;font-weight:700;margin-bottom:.25rem}.form-error-banner{padding:.85rem 1.1rem;border-radius:.75rem;background:#fde7e7;color:#792b2b;font-weight:700;margin-bottom:.25rem}@media(max-width:760px){.inventory-forms{grid-template-columns:1fr}}.location-workspace{display:grid;gap:1.25rem}.location-form{max-width:52rem}.location-form h3{grid-column:1/-1;margin:0}.location-list{display:grid;gap:.8rem}.location-card{border:1px solid #dbe4ec;border-radius:.75rem;background:#fff}.location-card summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer}.location-card summary span{display:grid;gap:.25rem}.location-card summary small{color:#087f8c;font-weight:800}.location-card>div{display:grid;gap:1rem;padding:0 1rem 1rem}.order-product-line{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.75rem;align-items:start;margin:.75rem 0}.order-product-line__media{width:3.5rem;aspect-ratio:1;border-radius:.5rem;background:#f1f5f9;overflow:hidden}.order-product-line__media img{width:100%;height:100%;object-fit:contain}.order-product-line__media.is-empty{border:1px dashed #cbd5e1}
.portal-page :is(.button, form button[type="submit"]:not(.text-button), .co-actions button, .catalog-filter-form button, .catalog-load-more button){min-height:2.8rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid #2563eb !important;border-radius:999px !important;padding:.75rem 1.25rem;color:#fff !important;background:#2563eb !important;font-weight:800;line-height:1.2;cursor:pointer}
.portal-page :is(.button, form button[type="submit"]:not(.text-button), .co-actions button, .catalog-filter-form button, .catalog-load-more button):hover:not(:disabled){border-color:#1d4ed8 !important;background:#1d4ed8 !important;transform:translateY(-2px)}
.portal-page :is(.button, form button[type="submit"]:not(.text-button), .co-actions button, .catalog-filter-form button, .catalog-load-more button):focus-visible{outline:3px solid #93c5fd !important;outline-offset:3px}
.portal-page :is(.button, form button[type="submit"]:not(.text-button), .co-actions button, .catalog-filter-form button, .catalog-load-more button):disabled{border-color:#2563eb !important;color:#fff !important;background:#2563eb !important;filter:none;opacity:.55;cursor:not-allowed}