/* ============================================================================
   B2B My Account — cross-order tabs (Proofs / Shipments / Reorder).
   Scoped to .b2b-acct so it never leaks into stock WooCommerce account pages.
   Shares the cart/checkout design tokens.
   ============================================================================ */

/* ── Collapsible view-order sections (Order details / Proofs / Shipments) ────
   Native <details>/<summary> — collapsible with zero JS, keyboard-accessible.
   Not scoped under .b2b-acct because these live on the view-order page; account.css
   only loads on account pages so there is no leak. */
.woocommerce-account .b2b-collapse {
  border: 1px solid #e4e8f0;
  border-radius: 14px;
  background: #fff;
  margin: 0 0 24px;
  overflow: hidden;
}
.woocommerce-account .b2b-collapse__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 22px;
  cursor: pointer;
  list-style: none;
  font-size: 18px;
  font-weight: 700;
  color: #1a1f36;
  user-select: none;
}
/* Remove the native disclosure triangle (we draw our own chevron). */
.woocommerce-account .b2b-collapse__summary::-webkit-details-marker { display: none; }
.woocommerce-account .b2b-collapse__summary::marker { content: ""; }
.woocommerce-account .b2b-collapse__summary:hover { background: #f4f6fa; }
.woocommerce-account .b2b-collapse__summary:focus-visible { outline: 2px solid #2f6bff; outline-offset: -2px; }

.woocommerce-account .b2b-collapse__chevron {
  width: 11px; height: 11px; flex: 0 0 auto;
  border-right: 2px solid #8a93a6;
  border-bottom: 2px solid #8a93a6;
  transform: rotate(45deg);           /* points down = expanded */
  transition: transform .2s ease;
  margin-top: -4px;
}
.woocommerce-account .b2b-collapse:not([open]) .b2b-collapse__chevron {
  transform: rotate(-45deg);          /* points right = collapsed */
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  .woocommerce-account .b2b-collapse__chevron { transition: none; }
}

.woocommerce-account .b2b-collapse__body { padding: 0 22px 22px; }

/* Order details: WC core prints its own <h2>Order details</h2> AFTER our summary
   (it's hardcoded in the template, not a hook) — hide it so we don't double the title. */
.woocommerce-account .b2b-collapse .woocommerce-order-details__title { display: none; }

/* Proofs/Shipments already had their own <h2> as the title — now in the summary,
   so their old title classes are gone from markup. Keep intro spacing tidy. */
.woocommerce-account .b2b-collapse .b2b-proofs__intro { margin-top: 0; }

/* Draft/quote action buttons on the view-order page (Proceed / Edit) */
.woocommerce-account .b2b-draft-actions {
  display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin: 0 0 22px;
}
.woocommerce-account .b2b-draft-btn {
  border: 1px solid transparent; border-radius: 8px; padding: 10px 20px;
  font-weight: 700; font-size: 14px; cursor: pointer; text-decoration: none;
  line-height: 1.2; transition: background .15s ease;
}
.woocommerce-account .b2b-draft-btn--pay { background: #2f6bff; color: #fff; }
.woocommerce-account .b2b-draft-btn--pay:hover { background: #2555d6; }
.woocommerce-account .b2b-draft-btn--edit { background: #fff; color: #1a1f36; border-color: #cbd3e0; }
.woocommerce-account .b2b-draft-btn--edit:hover { background: #f4f6fa; }
.woocommerce-account .b2b-draft-btn:disabled { opacity: .6; cursor: default; }
.woocommerce-account .b2b-draft-btn:focus-visible { outline: 2px solid #2f6bff; outline-offset: 2px; }
.woocommerce-account .b2b-draft-msg { color: #6b7385; font-size: 13px; }
.woocommerce-account .b2b-draft-msg:empty { display: none; }

/* ── Dashboard command center ────────────────────────────────────────────── */
.woocommerce-account .b2b-dash { --ink:#1a1f36; --muted:#6b7385; --line:#e4e8f0; --blue:#2f6bff; --accent:#e11d74; --green:#0aa06e; --amber:#c8871a; color:var(--ink); }
.woocommerce-account .b2b-dash__head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:0 0 20px; }
.woocommerce-account .b2b-dash__hello { margin:0 0 4px; font-size:22px; letter-spacing:-.01em; }
.woocommerce-account .b2b-dash__sub { margin:0; color:var(--muted); font-size:14px; }
.woocommerce-account .b2b-dash__cta { background:var(--blue); color:#fff; border-radius:8px; padding:10px 18px; font-weight:700; font-size:14px; text-decoration:none; white-space:nowrap; }
.woocommerce-account .b2b-dash__cta:hover { background:#2555d6; }

.woocommerce-account .b2b-dash__attention { display:flex; gap:12px; align-items:center; background:#fbf1e0; border:1px solid #ecd9ae; border-radius:12px; padding:14px 16px; margin:0 0 22px; }
.woocommerce-account .b2b-dash__attention-icon { flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--amber); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; }
.woocommerce-account .b2b-dash__attention-body { display:flex; flex-direction:column; gap:2px; font-size:14px; }
.woocommerce-account .b2b-dash__attention-body strong { color:#7a5a12; }
.woocommerce-account .b2b-dash__attention-body a { color:#2551c8; font-weight:600; }

.woocommerce-account .b2b-dash__tiles { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:12px; margin:0 0 24px; }
.woocommerce-account .b2b-dash__tile { display:flex; flex-direction:column; gap:4px; padding:18px 16px; border:1px solid var(--line); border-radius:12px; background:#fff; text-decoration:none; color:var(--ink); transition:border-color .15s, box-shadow .15s; }
.woocommerce-account a.b2b-dash__tile:hover { border-color:var(--blue); box-shadow:0 2px 10px rgba(47,107,255,.08); }
.woocommerce-account .b2b-dash__tile.is-flagged { border-color:#ecd9ae; background:#fffdf7; }
.woocommerce-account .b2b-dash__tile-value { font-size:26px; font-weight:800; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.woocommerce-account .b2b-dash__tile.is-flagged .b2b-dash__tile-value { color:var(--amber); }
.woocommerce-account .b2b-dash__tile-label { font-size:12.5px; color:var(--muted); }
.woocommerce-account .b2b-dash__tile--spend .b2b-dash__tile-value { color:var(--accent); font-size:20px; }

.woocommerce-account .b2b-dash__cols { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:720px){ .woocommerce-account .b2b-dash__cols { grid-template-columns:1fr; } }
.woocommerce-account .b2b-dash__panel { border:1px solid var(--line); border-radius:14px; background:#fff; padding:18px 20px; }
.woocommerce-account .b2b-dash__panel-head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:12px; }
.woocommerce-account .b2b-dash__panel-head h3 { margin:0; font-size:15px; }
.woocommerce-account .b2b-dash__panel-head a { font-size:13px; color:var(--blue); font-weight:600; text-decoration:none; }
.woocommerce-account .b2b-dash__panel--products { margin-top:16px; }
.woocommerce-account .b2b-dash__product-strip { display:flex; gap:14px; overflow-x:auto; padding-bottom:4px; }
.woocommerce-account .b2b-dash__product-card { flex:0 0 110px; display:flex; flex-direction:column; gap:6px; text-decoration:none; }
.woocommerce-account .b2b-dash__product-card img { width:110px; height:110px; object-fit:cover; border-radius:10px; border:1px solid var(--line); }
.woocommerce-account .b2b-dash__product-name { font-size:12px; color:#1a1f36; line-height:1.35; }
.woocommerce-account .b2b-dash__empty { color:var(--muted); font-size:13.5px; margin:0; }

.woocommerce-account .b2b-dash__orders { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.woocommerce-account .b2b-dash__orders li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid #eef1f6; }
.woocommerce-account .b2b-dash__orders li:last-child { border-bottom:0; }
.woocommerce-account .b2b-dash__order-link { text-decoration:none; display:flex; flex-direction:column; gap:2px; }
.woocommerce-account .b2b-dash__order-num { font-weight:700; color:var(--ink); font-size:14px; }
.woocommerce-account .b2b-dash__order-meta { font-size:12.5px; color:var(--muted); }
.woocommerce-account .b2b-dash__order-status { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; padding:3px 9px; border-radius:999px; background:#eef1f6; color:var(--muted); white-space:nowrap; }
.woocommerce-account .b2b-dash__order-status--completed { background:#e7f7f0; color:var(--green); }
.woocommerce-account .b2b-dash__order-status--processing, .woocommerce-account .b2b-dash__order-status--on-hold { background:#eaf0ff; color:#2551c8; }

.woocommerce-account .b2b-dash__actions { display:flex; flex-direction:column; gap:10px; }
.woocommerce-account .b2b-dash__action { display:flex; flex-direction:column; gap:2px; padding:12px 14px; border:1px solid var(--line); border-radius:10px; text-decoration:none; color:var(--ink); transition:border-color .15s, background .15s; }
.woocommerce-account .b2b-dash__action:hover { border-color:var(--blue); background:#f7f9ff; }
.woocommerce-account .b2b-dash__action strong { font-size:14px; }
.woocommerce-account .b2b-dash__action span { font-size:12.5px; color:var(--muted); }

/* ── Reports tab: spend summary + monthly bar chart ──────────────────────── */
.woocommerce-account .b2b-acct--reports {
    --ink: #1a1f36; --muted: #6b7385; --line: #e4e8f0; --blue: #2f6bff; --accent: #e11d74;
}
.woocommerce-account .b2b-reports__summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0 0 22px;
}
.woocommerce-account .b2b-reports__stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 18px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    min-width: 130px;
}
.woocommerce-account .b2b-reports__stat-value {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--ink);
    font-variant-numeric: tabular-nums;
}
.woocommerce-account .b2b-reports__stat-label { font-size: 12px; color: var(--muted); }
.woocommerce-account .b2b-reports__export {
    margin-left: auto;
    align-self: stretch;
    display: flex;
    align-items: center;
}

.woocommerce-account .b2b-reports__chart {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 200px;
    padding: 20px 12px 0;
    margin: 0 0 26px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
}
.woocommerce-account .b2b-reports__bar-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    min-width: 0;
}
.woocommerce-account .b2b-reports__bar-value {
    font-size: 10px;
    font-weight: 700;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    margin-bottom: 3px;
}
.woocommerce-account .b2b-reports__bar {
    width: 100%;
    max-width: 34px;
    background: var(--blue);
    border-radius: 4px 4px 0 0;
    transition: opacity .15s;
}
.woocommerce-account .b2b-reports__bar:hover { opacity: .8; }
.woocommerce-account .b2b-reports__bar-label {
    font-size: 10.5px;
    color: var(--muted);
    margin-top: 8px;
    white-space: nowrap;
}
@media (max-width: 720px) {
    .woocommerce-account .b2b-reports__chart { overflow-x: auto; }
}

/* ── Roles & Permissions matrix ───────────────────────────────────────────── */
.woocommerce-account .b2b-roles-matrix { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.woocommerce-account .b2b-roles-matrix th, .woocommerce-account .b2b-roles-matrix td { padding: 9px 12px; text-align: left; border-bottom: 1px solid #eef0f4; }
.woocommerce-account .b2b-roles-matrix th { font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; color: #6b7385; font-weight: 700; }
.woocommerce-account .b2b-roles-matrix__cell { text-align: center; }
.woocommerce-account .b2b-roles-matrix__yes { color: #0aa06e; font-weight: 800; }
.woocommerce-account .b2b-roles-matrix__no { color: #c3c8d2; }

/* ── Notification preferences ─────────────────────────────────────────────── */
.woocommerce-account .b2b-notif-form { display: flex; flex-direction: column; gap: 4px; max-width: 560px; }
.woocommerce-account .b2b-notif-row { display: flex; align-items: flex-start; gap: 12px; padding: 14px 4px; border-bottom: 1px solid #eef0f4; cursor: pointer; }
.woocommerce-account .b2b-notif-row:last-of-type { border-bottom: none; }
.woocommerce-account .b2b-notif-row input[type="checkbox"] { margin-top: 3px; flex: 0 0 auto; }
.woocommerce-account .b2b-notif-row__text { display: flex; flex-direction: column; gap: 2px; }
.woocommerce-account .b2b-notif-row__text strong { font-size: 14px; color: #1a1f36; }
.woocommerce-account .b2b-notif-row__text span { font-size: 13px; color: #6b7385; line-height: 1.4; }
.woocommerce-account .b2b-notif-form .button { align-self: flex-start; margin-top: 12px; }

/* ── Shipping Locations (company address book) ────────────────────────────── */
.woocommerce-account .b2b-addr__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin: 0 0 24px; }
.woocommerce-account .b2b-addr__card { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; border: 1px solid #e4e8f0; border-radius: 12px; background: #fff; }
.woocommerce-account .b2b-addr__label { font-size: 14px; color: #1a1f36; }
.woocommerce-account .b2b-addr__lines { font-style: normal; font-size: 13px; color: #6b7385; line-height: 1.5; }
.woocommerce-account .b2b-addr__remove { align-self: flex-start; font-size: 12.5px; color: #a4231f; text-decoration: none; }
.woocommerce-account .b2b-addr__remove:hover { text-decoration: underline; }
.woocommerce-account .b2b-addr-form__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px 14px; margin: 0 0 14px; max-width: 700px; }
.woocommerce-account .b2b-addr-form__wide { grid-column: 1 / -1; }
.woocommerce-account .b2b-addr-form label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: #6b7385; }
.woocommerce-account .b2b-addr-form input[type="text"] { padding: 8px 10px; border: 1px solid #e4e8f0; border-radius: 8px; font-size: 13.5px; }

/* ── Support (ticket log) ─────────────────────────────────────────────────── */
.woocommerce-account .b2b-support-form { display: flex; flex-direction: column; gap: 12px; max-width: 560px; margin: 0 0 24px; }
.woocommerce-account .b2b-support-form label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: #6b7385; }
.woocommerce-account .b2b-support-form input[type="text"],
.woocommerce-account .b2b-support-form textarea { padding: 8px 10px; border: 1px solid #e4e8f0; border-radius: 8px; font-size: 13.5px; font-family: inherit; }
.woocommerce-account .b2b-support-form .button { align-self: flex-start; }
.woocommerce-account .b2b-support__status { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #eef0f4; color: #6b7385; }
.woocommerce-account .b2b-support__status--new { background: #e8f0ff; color: #2f6bff; }
.woocommerce-account .b2b-support__status--replied { background: #e6f7ef; color: #0aa06e; }
.woocommerce-account .b2b-support__status--spam { background: #f4f5f7; color: #9aa1b1; }
.woocommerce-account .b2b-support__back { font-size: 13px; color: #2f6bff; text-decoration: none; }
.woocommerce-account .b2b-support__back:hover { text-decoration: underline; }
.woocommerce-account .b2b-support__thread-head { display: flex; align-items: center; gap: 12px; margin: 8px 0 2px; }
.woocommerce-account .b2b-support__thread-head h2 { margin: 0; font-size: 18px; color: #1a1f36; }
.woocommerce-account .b2b-support__thread { display: flex; flex-direction: column; gap: 12px; margin-top: 18px; max-width: 640px; }
.woocommerce-account .b2b-support__msg { padding: 14px 16px; border-radius: 12px; border: 1px solid #e4e8f0; background: #fff; }
.woocommerce-account .b2b-support__msg--staff { background: #f7f9ff; border-color: #dbe4fb; }
.woocommerce-account .b2b-support__msg-meta { font-size: 12px; color: #8a93a6; margin-bottom: 6px; }
.woocommerce-account .b2b-support__msg-body { font-size: 13.5px; color: #1a1f36; line-height: 1.55; }

/* ── Payment Methods (Stripe saved cards) ─────────────────────────────────── */
.woocommerce-account .b2b-pm__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin: 0 0 24px; }
.woocommerce-account .b2b-pm__card { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; border: 1px solid #e4e8f0; border-radius: 12px; background: #fff; }
.woocommerce-account .b2b-pm__card-body { display: flex; flex-direction: column; gap: 2px; }
.woocommerce-account .b2b-pm__card-body strong { font-size: 14px; color: #1a1f36; }
.woocommerce-account .b2b-pm__default-badge { align-self: flex-start; margin-top: 4px; padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 600; background: #e6f7ef; color: #0aa06e; }
.woocommerce-account .b2b-pm__card-actions { display: flex; gap: 12px; }
.woocommerce-account .b2b-pm__card-actions button { background: none; border: none; padding: 0; font-size: 12.5px; color: #2f6bff; cursor: pointer; }
.woocommerce-account .b2b-pm__card-actions .b2b-pm__remove { color: #a4231f; }
.woocommerce-account .b2b-pm__card-actions button:hover { text-decoration: underline; }
#b2b-pm-add-card-element, #b2b-stripe-card-element { max-width: 420px; padding: 12px 14px; border: 1px solid #e4e8f0; border-radius: 8px; background: #fff; }

/* ── Wish Lists + Saved Shopping Box (shared list-grid pattern) ───────────── */
.woocommerce-account .b2b-wl-form { display: flex; flex-direction: column; gap: 12px; max-width: 420px; margin: 0 0 24px; }
.woocommerce-account .b2b-wl-form label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: #6b7385; }
.woocommerce-account .b2b-wl-form input[type="text"],
.woocommerce-account .b2b-wl-form input[type="number"] { padding: 8px 10px; border: 1px solid #e4e8f0; border-radius: 8px; font-size: 13.5px; }
.woocommerce-account .b2b-wl__lists-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin: 0 0 24px; }
.woocommerce-account .b2b-wl__list-card { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border: 1px solid #e4e8f0; border-radius: 12px; background: #fff; }
.woocommerce-account .b2b-wl__list-name { font-size: 14px; font-weight: 600; color: #1a1f36; text-decoration: none; }
.woocommerce-account .b2b-wl__list-name:hover { text-decoration: underline; }
.woocommerce-account .b2b-wl__list-actions { display: flex; gap: 12px; margin-top: 4px; font-size: 12.5px; }
.woocommerce-account .b2b-wl__list-actions a { color: #2f6bff; text-decoration: none; }
.woocommerce-account .b2b-wl__remove { color: #a4231f !important; }
.woocommerce-account .b2b-wl__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin: 0 0 24px; }
.woocommerce-account .b2b-wl__card { display: flex; flex-direction: column; gap: 8px; padding: 14px; border: 1px solid #e4e8f0; border-radius: 12px; background: #fff; }
.woocommerce-account .b2b-wl__thumb img { width: 100%; height: auto; border-radius: 8px; }
.woocommerce-account .b2b-wl__info { display: flex; flex-direction: column; gap: 2px; }
.woocommerce-account .b2b-wl__name { font-size: 13.5px; color: #1a1f36; text-decoration: none; font-weight: 600; }
.woocommerce-account .b2b-wl__remove { align-self: flex-start; font-size: 12.5px; color: #a4231f; text-decoration: none; }

/* ── Quick Order ───────────────────────────────────────────────────────────── */
.woocommerce-account .b2b-qo__search { position: relative; max-width: 420px; margin: 0 0 24px; }
.woocommerce-account #b2b-qo-search-input { width: 100%; padding: 10px 12px; border: 1px solid #e4e8f0; border-radius: 8px; font-size: 14px; }
.woocommerce-account .b2b-qo__results { position: absolute; top: 100%; left: 0; right: 0; z-index: 10; background: #fff; border: 1px solid #e4e8f0; border-radius: 8px; margin-top: 4px; max-height: 320px; overflow-y: auto; box-shadow: 0 6px 20px rgba(20,23,40,.08); }
.woocommerce-account .b2b-qo__result { display: flex; align-items: center; gap: 10px; padding: 8px 12px; cursor: pointer; font-size: 13.5px; }
.woocommerce-account .b2b-qo__result:hover { background: #f7f9ff; }
.woocommerce-account .b2b-qo__result img { width: 32px; height: 32px; object-fit: cover; border-radius: 4px; }
.woocommerce-account .b2b-qo__product-head { margin-bottom: 12px; font-size: 15px; }
.woocommerce-account .b2b-qo__grid { overflow-x: auto; margin-bottom: 16px; }

/* ── Credit Application ────────────────────────────────────────────────────── */
.woocommerce-account .b2b-credit-app-form h4 { margin: 20px 0 10px; font-size: 14px; color: #1a1f36; }
.woocommerce-account .b2b-credit-app__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px 14px; max-width: 760px; }
.woocommerce-account .b2b-credit-app__wide { grid-column: 1 / -1; }
.woocommerce-account .b2b-credit-app-form label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: #6b7385; }
.woocommerce-account .b2b-credit-app-form input[type="text"],
.woocommerce-account .b2b-credit-app-form input[type="date"] { padding: 8px 10px; border: 1px solid #e4e8f0; border-radius: 8px; font-size: 13.5px; }
.woocommerce-account .b2b-credit-app__sig-label { display: block; font-size: 12.5px; color: #6b7385; margin: 16px 0 6px; }
.woocommerce-account .b2b-signature-pad { display: block; width: 100%; max-width: 500px; height: 140px; border: 1px solid #e4e8f0; border-radius: 8px; background: #fff; touch-action: none; cursor: crosshair; }

/* ── Invitation welcome (above login form) ───────────────────────────────── */
.b2b-invite-welcome { max-width:640px; margin:0 0 24px; padding:22px 26px; background:#fff; border:1px solid #e4e8f0; border-left:4px solid #2f6bff; border-radius:12px; }
.b2b-invite-welcome__eyebrow { margin:0 0 6px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#2f6bff; font-weight:700; }
.b2b-invite-welcome__title { margin:0 0 10px; font-size:22px; color:#1a1f36; }
.b2b-invite-welcome__lead { margin:0 0 10px; font-size:15px; line-height:1.6; color:#1a1f36; }
.b2b-invite-welcome__body { margin:0 0 10px; font-size:14px; line-height:1.6; color:#41485c; }
.b2b-invite-welcome__hint { margin:0; font-size:13px; line-height:1.6; color:#6b7385; }

/* ── Billing tab (T3a) ───────────────────────────────────────────────────── */
.woocommerce-account .b2b-billing-terms { display:inline-flex; align-items:center; gap:10px; background:#eaf0ff; border:1px solid #cdddff; border-radius:10px; padding:10px 16px; margin:0 0 20px; }
.woocommerce-account .b2b-billing-terms__label { font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:#2551c8; }
.woocommerce-account .b2b-billing-terms__value { font-size:15px; color:#1a1f36; }
.woocommerce-account .b2b-billing-table { width:100%; border-collapse:collapse; font-size:14px; }
.woocommerce-account .b2b-billing-table th { text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:#8a93a6; padding:9px 12px; border-bottom:1px solid #e4e8f0; }
.woocommerce-account .b2b-billing-table td { padding:11px 12px; border-bottom:1px solid #eef1f6; vertical-align:middle; }
.woocommerce-account .b2b-billing-muted { color:#b0b7c3; }
.woocommerce-account .b2b-billing-due { display:block; font-size:11.5px; color:#a4231f; }
.woocommerce-account .b2b-billing-invoice { color:#2f6bff; font-weight:600; text-decoration:none; }
.woocommerce-account .b2b-billing-invoice:hover { text-decoration:underline; }
.woocommerce-account .b2b-billing-subhead { font-size:15px; margin:26px 0 10px; }
.woocommerce-account .b2b-tax-upload { display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px; margin-top:12px; padding:14px 16px; border:1px solid #e4e8f0; border-radius:12px; background:#fff; }
.woocommerce-account .b2b-tax-upload__row { display:flex; flex-direction:column; gap:4px; font-size:13px; color:#6b7385; }
.woocommerce-account .b2b-tax-upload__row select, .woocommerce-account .b2b-tax-upload__row input[type=file] { font-size:14px; }

/* ── Approvals (T2b) ─────────────────────────────────────────────────────── */
.woocommerce-account .b2b-company__approvals { display:flex; flex-direction:column; gap:12px; margin:0 0 8px; }
.woocommerce-account .b2b-approval { border:1px solid #e4e8f0; border-left:4px solid #c8871a; border-radius:10px; padding:14px 16px; background:#fffdf7; }
.woocommerce-account .b2b-approval__head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.woocommerce-account .b2b-approval__head strong { font-size:15px; }
.woocommerce-account .b2b-approval__amount { font-weight:700; color:#1a1f36; }
.woocommerce-account .b2b-approval__meta { font-size:12.5px; color:#6b7385; margin:4px 0 8px; }
.woocommerce-account .b2b-approval textarea { width:100%; box-sizing:border-box; margin:0 0 8px; }
.woocommerce-account .b2b-approval__actions { display:flex; gap:10px; }
.woocommerce-account .b2b-approval__approve { background:#0aa06e; color:#fff; border:0; border-radius:8px; padding:8px 18px; font-weight:700; cursor:pointer; }
.woocommerce-account .b2b-approval__approve:hover { background:#08865c; }
.woocommerce-account .b2b-approval__reject { background:#fff; color:#a4231f; border:1px solid #e6b3b1; border-radius:8px; padding:8px 18px; font-weight:700; cursor:pointer; }
.woocommerce-account .b2b-approval__reject:hover { background:#fdecec; }

/* ── Company tab (T1b) ───────────────────────────────────────────────────── */
.woocommerce-account .b2b-company__switcher { display:flex; align-items:center; gap:8px; margin:0 0 18px; }
.woocommerce-account .b2b-company__switcher label { font-weight:600; color:#6b7385; font-size:13px; }
.woocommerce-account .b2b-company__head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; border-bottom:1px solid #e4e8f0; padding-bottom:10px; margin-bottom:14px; }
.woocommerce-account .b2b-company__name { margin:0; font-size:20px; }
.woocommerce-account .b2b-company__role { font-size:12.5px; color:#6b7385; background:#eef1f6; border-radius:999px; padding:3px 10px; }
.woocommerce-account .b2b-company__profile p { margin:2px 0; font-size:14px; color:#1a1f36; }
.woocommerce-account .b2b-company__subhead { font-size:15px; margin:22px 0 10px; }
.woocommerce-account .b2b-company__table-wrap { overflow-x:auto; }
.woocommerce-account .b2b-company__table { width:100%; border-collapse:collapse; font-size:14px; }
.woocommerce-account .b2b-company__table th { text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:#8a93a6; padding:8px 10px; border-bottom:1px solid #e4e8f0; }
.woocommerce-account .b2b-company__table td { padding:10px; border-bottom:1px solid #eef1f6; vertical-align:middle; }
.woocommerce-account .b2b-company__inline { margin:0; }
.woocommerce-account .b2b-company__inline select { min-width:130px; }
.woocommerce-account .b2b-company__remove { color:#b32d2e; font-weight:600; font-size:13px; text-decoration:none; }
.woocommerce-account .b2b-company__invites { list-style:none; margin:0 0 8px; padding:0; }
.woocommerce-account .b2b-company__invites li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid #eef1f6; font-size:14px; }
.woocommerce-account .b2b-company__invite-box { margin-top:8px; }
.woocommerce-account .b2b-company__invite-form { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.woocommerce-account .b2b-company__invite-form input[type=email] { flex:1 1 240px; }
.woocommerce-account .b2b-company__hint { font-size:12.5px; color:#8a93a6; margin-top:8px; }
.woocommerce-account .b2b-acct__notice { background:#eafaef; border:1px solid #bfe6cf; color:#14663f; border-radius:8px; padding:10px 14px; margin:0 0 16px; font-weight:600; }
.woocommerce-account .b2b-acct__notice--err { background:#fdecec; border-color:#f3c2c2; color:#a4231f; }
.woocommerce-account .b2b-acct__notice--info { background:#eaf0ff; border-color:#cdddff; color:#2551c8; }

/* My Designs grid */
.woocommerce-account .b2b-designs__grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px;
}
.woocommerce-account .b2b-designs__card {
  border: 1px solid #e4e8f0; border-radius: 14px; background: #fff; overflow: hidden;
  display: flex; flex-direction: column;
}
.woocommerce-account .b2b-designs__thumb {
  aspect-ratio: 4 / 3; background: #f4f6fa; display: flex; align-items: center; justify-content: center;
  border-bottom: 1px solid #eef1f6;
}
.woocommerce-account .b2b-designs__thumb img { width: 100%; height: 100%; object-fit: contain; }
.woocommerce-account .b2b-designs__noimg { color: #8a93a6; font-size: 13px; }
.woocommerce-account .b2b-designs__body { padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.woocommerce-account .b2b-designs__title { font-size: 14px; color: #1a1f36; }
.woocommerce-account .b2b-designs__meta { font-size: 12.5px; color: #6b7385; }
.woocommerce-account .b2b-designs__used { font-size: 12px; color: #8a93a6; margin-bottom: 8px; }
.woocommerce-account .b2b-designs__use {
  background: #2f6bff; color: #fff; border: 0; border-radius: 8px; padding: 8px 14px;
  font-weight: 700; font-size: 13.5px; cursor: pointer; align-self: flex-start;
}
.woocommerce-account .b2b-designs__use:hover { background: #2555d6; }
.woocommerce-account .b2b-designs__use:disabled { opacity: .6; cursor: default; }
.woocommerce-account .b2b-designs__msg { font-size: 12.5px; color: #6b7385; margin-top: 6px; }
.woocommerce-account .b2b-designs__msg:empty { display: none; }

/* Quotes tab: status pill + primary action button */
.b2b-acct__pill {
  display: inline-block; margin-left: 8px; font-size: 10.5px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .03em; vertical-align: middle;
  color: #9a6812; background: #fbf1e0; border-radius: 999px; padding: 3px 9px;
}
.b2b-acct .b2b-acct__card-btn {
  background: #2f6bff; color: #fff; border: 0; border-radius: 8px;
  padding: 9px 16px; font-weight: 700; font-size: 14px; text-decoration: none;
}
.b2b-acct .b2b-acct__card-btn:hover { background: #2555d6; }

/* Invoice download button in Billing & Invoice section */
.woocommerce-account .b2b-billing__invoice { margin: 14px 0 0; }
.woocommerce-account .b2b-billing__invoice-btn { display:inline-block; background:#2f6bff; color:#fff; border-radius:8px; padding:9px 16px; font-weight:700; font-size:14px; text-decoration:none; }
.woocommerce-account .b2b-billing__invoice-btn:hover { background:#2555d6; }
.woocommerce-account .b2b-billing__invoice-note { display:block; margin-top:6px; font-size:12px; color:#8a93a6; }

/* Billing section + reorder intro inside collapsibles */
.woocommerce-account .b2b-billing__addr { font-style: normal; line-height: 1.6; color: #1a1f36; margin: 0; }
.woocommerce-account .b2b-billing__line { margin: 4px 0 0; color: #6b7385; font-size: 14px; }
.woocommerce-account .b2b-reorder__intro { margin: 0 0 12px; color: #6b7385; font-size: 14px; }
.woocommerce-account .b2b-reorder .b2b-reorder__msg:empty { display: none; }

/* ── Order Progress timeline (P2) ────────────────────────────────────────── */
.woocommerce-account .b2b-progress__list {
  list-style: none; margin: 0; padding: 4px 0 0; position: relative;
}
.woocommerce-account .b2b-progress__step {
  position: relative; padding: 0 0 22px 30px;
}
/* Vertical connector line between dots. */
.woocommerce-account .b2b-progress__step::before {
  content: ""; position: absolute; left: 8px; top: 16px; bottom: -4px;
  width: 2px; background: #e4e8f0;
}
.woocommerce-account .b2b-progress__step:last-child { padding-bottom: 0; }
.woocommerce-account .b2b-progress__step:last-child::before { display: none; }

.woocommerce-account .b2b-progress__dot {
  position: absolute; left: 2px; top: 3px; width: 15px; height: 15px;
  border-radius: 50%; background: #fff; border: 2px solid #cbd3e0; z-index: 1;
}
/* Completed milestones = green. */
.woocommerce-account .b2b-progress__step .b2b-progress__dot { border-color: #0aa06e; background: #0aa06e; }
/* The current (latest) milestone = larger ring in brand blue. */
.woocommerce-account .b2b-progress__step.is-current .b2b-progress__dot {
  border-color: #2f6bff; background: #2f6bff; box-shadow: 0 0 0 4px rgba(47,107,255,.15);
}
/* Changes-requested milestone reads as attention (amber), not "done". */
.woocommerce-account .b2b-progress__step--changes_requested .b2b-progress__dot { border-color: #c8871a; background: #c8871a; }

.woocommerce-account .b2b-progress__head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.woocommerce-account .b2b-progress__label { font-weight: 700; color: #1a1f36; font-size: 14.5px; }
.woocommerce-account .b2b-progress__step.is-current .b2b-progress__label { color: #2551c8; }
.woocommerce-account .b2b-progress__now {
  font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  color: #2551c8; background: #eaf0ff; border-radius: 999px; padding: 3px 9px;
}
.woocommerce-account .b2b-progress__detail { margin: 3px 0 0; font-size: 13px; color: #6b7385; line-height: 1.5; }
.woocommerce-account .b2b-progress__time { display: block; margin-top: 3px; font-size: 12px; color: #8a93a6; }

/* ── Grouped, collapsible account nav ────────────────────────────────────────
   templates/woocommerce/myaccount/navigation.php.
   Enterprise pass 2026-07-20 (round 2): every row — Dashboard, a category
   heading, a grouped sub-item, Log out — now shares ONE type scale (13.5px
   body / 12px caption weight distinctions come from WEIGHT and COLOR only,
   never a different font-size per row-type, which was the actual cause of
   the "fonts look different" complaint). Each category gets its own accent
   hue (not just the single blue used for the active state) so the categories
   read as distinct at a glance, per Victoria's "subtle colors for main
   categories" ask. The theme's default per-<li> `border-bottom` divider is
   neutralized everywhere inside this nav — hierarchy is carried by spacing,
   weight and the accent rail, not by drawn lines. */
.woocommerce-MyAccount-navigation.b2b-acct-nav {
    --ink: #1a1f36;
    --muted: #6b7385;
    --faint: #9aa2b1;
    --line: #eef0f4;
    --blue: #2f6bff;
    --blue-wash: #eef2ff;
    --rail-bg: #fbfcfe;
    background: var(--rail-bg);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 8px;
    box-shadow: 0 1px 3px rgba(20,23,40,.03);
}
/* Kill the theme's per-item divider line everywhere inside this nav — it's
   the "basic WP list" cue Victoria specifically called out. */
.woocommerce-MyAccount-navigation.b2b-acct-nav ul li,
.woocommerce-MyAccount-navigation.b2b-acct-nav ul li:last-child {
    border-bottom: none;
}

/* One shared row treatment for every clickable link in the nav — Dashboard,
   Log out, and every grouped item all resolve to this base, so there is
   exactly one type scale, not three. Per-role rules below only ever adjust
   weight/color/indent on top of this, never font-size. */
.woocommerce-MyAccount-navigation.b2b-acct-nav a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--muted);
    text-decoration: none;
}
.woocommerce-MyAccount-navigation.b2b-acct-nav a:hover {
    color: var(--ink);
    background: #f1f3f8;
}
/* Under flex, ::before generates as the FIRST flex item regardless of the
   theme's own `float:right` (float is a no-op on flex items per spec) — pin
   it to the end explicitly so icons still land after the label, matching the
   theme's intended trailing-icon convention. */
.woocommerce-MyAccount-navigation.b2b-acct-nav a:before {
    order: 1;
    margin-left: auto;
}

/* Dashboard — top-level, same weight as a category heading so it doesn't
   read as visually demoted next to them. */
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__items--top {
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce-MyAccount-navigation.b2b-acct-nav li.woocommerce-MyAccount-navigation-link--dashboard a {
    font-weight: 700;
    color: var(--ink);
}
.woocommerce-MyAccount-navigation.b2b-acct-nav li.woocommerce-MyAccount-navigation-link--dashboard.is-active a,
.woocommerce-MyAccount-navigation.b2b-acct-nav li.woocommerce-MyAccount-navigation-link--dashboard a[aria-current="page"] {
    background: var(--blue-wash);
    color: var(--blue);
}

/* Log out — same base row, quieter color, separated by SPACE not a line. */
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__items--logout {
    margin-top: 10px;
}
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__logout a {
    font-weight: 500;
}

/* Collapsible groups — native <details>/<summary>, matching the view-order
   .b2b-collapse pattern already used elsewhere in this codebase. Each
   category gets its own accent hue on its dot + active sub-item, defined
   per-group via [data-group]; a category is a distinct identity, not a grey
   label, without going so far as recoloring every icon in the sidebar. */
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__group {
    --cat: var(--blue);
    --cat-wash: var(--blue-wash);
    margin: 2px 0;
}
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__group[data-group="company"]  { --cat:#7c3aed; --cat-wash:#f3eefe; }
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__group[data-group="orders"]   { --cat:#2f6bff; --cat-wash:#eef2ff; }
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__group[data-group="designs"]  { --cat:#e11d74; --cat-wash:#fdeef4; }
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__group[data-group="billing"]  { --cat:#0aa06e; --cat-wash:#e9f8f1; }
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__group[data-group="account"]  { --cat:#c8871a; --cat-wash:#fdf3e2; }

.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__heading {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    margin: 0;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--muted);
    cursor: pointer;
    user-select: none;
    list-style: none;
}
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__heading::before {
    content: "";
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--cat);
    flex: 0 0 auto;
}
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__heading span { flex: 1; }
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__heading::-webkit-details-marker { display: none; }
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__heading::marker { content: ""; }
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__heading:hover { background: #f1f3f8; color: var(--ink); }
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__heading:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }

.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__chevron {
    color: var(--faint);
    transition: transform .18s ease;
    flex: 0 0 auto;
    order: 1;
    margin-left: auto;
}
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__group[open] .b2b-acct-nav__chevron {
    transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
    .woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__chevron { transition: none; }
}

.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__items {
    list-style: none;
    margin: 1px 0 4px;
    padding: 0;
}
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__item a {
    padding-left: 27px;
    color: var(--muted);
}
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__item.is-active a,
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__item a[aria-current="page"] {
    color: var(--cat);
    font-weight: 700;
    background: var(--cat-wash);
}

/* Icons: the theme's mask-image :before is keyed on `li.{class} a:before`.
   Suppressed on grouped sub-items — redundant once items are indented under
   a labeled, colour-coded heading (a second icon scale there is noise, not a
   wayfinding aid). Dashboard/Log out keep theirs, matching the theme. */
.woocommerce-MyAccount-navigation.b2b-acct-nav .b2b-acct-nav__item a:before {
    display: none;
}

/* ── Sidebar tab icons ──────────────────────────────────────────────────────
   Shoptimizer icons each account tab via a mask-image SVG keyed on
   .woocommerce-MyAccount-navigation-link--{endpoint} a:before (a shared base rule
   paints a #111 box; each endpoint supplies its own mask). Our custom endpoints
   inherit the box but have no mask → empty grey square. Supply masks matching the
   theme's 24×24 / 1.5-stroke line style. */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--billing a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h9l3 3v15l-2.5-1.5L13 21l-2.5-1.5L8 21l-2-1.5V3z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9 8h6M9 11h6M9 14h3' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h9l3 3v15l-2.5-1.5L13 21l-2.5-1.5L8 21l-2-1.5V3z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9 8h6M9 11h6M9 14h3' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--company a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21h18M5 21V5a1 1 0 011-1h7a1 1 0 011 1v16M14 9h4a1 1 0 011 1v11M8 8h2M8 12h2M8 16h2' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21h18M5 21V5a1 1 0 011-1h7a1 1 0 011 1v16M14 9h4a1 1 0 011 1v11M8 8h2M8 12h2M8 16h2' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--company-store a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10l1-6h14l1 6M4 10a2 2 0 004 0 2 2 0 004 0 2 2 0 004 0 2 2 0 004 0M5 10v10h14V10' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 20v-6h6v6' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10l1-6h14l1 6M4 10a2 2 0 004 0 2 2 0 004 0 2 2 0 004 0 2 2 0 004 0M5 10v10h14V10' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 20v-6h6v6' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--tax-exemption a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9 12l2 2 4-4' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9 12l2 2 4-4' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--notifications a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a6 6 0 0112 0c0 5 2 6 2 6H4s2-1 2-6z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19a2.5 2.5 0 005 0' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a6 6 0 0112 0c0 5 2 6 2 6H4s2-1 2-6z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 19a2.5 2.5 0 005 0' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--shipping-locations a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s7-5.6 7-11.5A7 7 0 005 9.5C5 15.4 12 21 12 21z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='9.5' r='2.3' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s7-5.6 7-11.5A7 7 0 005 9.5C5 15.4 12 21 12 21z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='9.5' r='2.3' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--security a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='11' r='2' stroke='%23111' stroke-width='1.5'/%3E%3Cpath d='M12 13v3' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8-7 9-4-1-7-4.5-7-9V6l7-3z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='11' r='2' stroke='%23111' stroke-width='1.5'/%3E%3Cpath d='M12 13v3' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--support a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5h16v11H8l-4 4V5z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M8 9h8M8 12.5h5' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5h16v11H8l-4 4V5z' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M8 9h8M8 12.5h5' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--saved-cards a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='6' width='18' height='13' rx='2' stroke='%23111' stroke-width='1.5'/%3E%3Cpath d='M3 10h18' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='6' width='18' height='13' rx='2' stroke='%23111' stroke-width='1.5'/%3E%3Cpath d='M3 10h18' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--roles a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='8' r='3' stroke='%23111' stroke-width='1.5'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16 4.5c1.4.6 2.4 2 2.4 3.5s-1 2.9-2.4 3.5M21 20c0-2.8-2-5.2-4.6-5.8' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='8' r='3' stroke='%23111' stroke-width='1.5'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16 4.5c1.4.6 2.4 2 2.4 3.5s-1 2.9-2.4 3.5M21 20c0-2.8-2-5.2-4.6-5.8' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--reports a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--quotes a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3h7l5 5v11a2 2 0 01-2 2H7a2 2 0 01-2-2V5a2 2 0 012-2zM12 8.5c-1 0-1.8.6-1.8 1.4 0 1.9 3.6 1 3.6 2.9 0 .8-.8 1.4-1.8 1.4s-1.8-.6-1.8-1.4M12 7.5v.9m0 5.2v.9' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3h7l5 5v11a2 2 0 01-2 2H7a2 2 0 01-2-2V5a2 2 0 012-2zM12 8.5c-1 0-1.8.6-1.8 1.4 0 1.9 3.6 1 3.6 2.9 0 .8-.8 1.4-1.8 1.4s-1.8-.6-1.8-1.4M12 7.5v.9m0 5.2v.9' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--designs a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' stroke='%23111' stroke-width='1.5'/%3E%3Ccircle cx='9' cy='9' r='1.5' stroke='%23111' stroke-width='1.5'/%3E%3Cpath d='M4 15l4-3 4 3 3-2 5 4' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' stroke='%23111' stroke-width='1.5'/%3E%3Ccircle cx='9' cy='9' r='1.5' stroke='%23111' stroke-width='1.5'/%3E%3Cpath d='M4 15l4-3 4 3 3-2 5 4' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--proofs a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12l2 2 4-4M7 3h7l5 5v11a2 2 0 01-2 2H7a2 2 0 01-2-2V5a2 2 0 012-2z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12l2 2 4-4M7 3h7l5 5v11a2 2 0 01-2 2H7a2 2 0 01-2-2V5a2 2 0 012-2z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--shipments a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7h11v10H3zM14 10h4l3 3v4h-7M7 20a2 2 0 100-4 2 2 0 000 4zM18 20a2 2 0 100-4 2 2 0 000 4z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7h11v10H3zM14 10h4l3 3v4h-7M7 20a2 2 0 100-4 2 2 0 000 4zM18 20a2 2 0 100-4 2 2 0 000 4z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--reorder a:before {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12a8 8 0 018-8c2.4 0 4.55 1.06 6 2.73M20 5v3h-3M20 12a8 8 0 01-8 8c-2.4 0-4.55-1.06-6-2.73M4 19v-3h3' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12a8 8 0 018-8c2.4 0 4.55 1.06 6 2.73M20 5v3h-3M20 12a8 8 0 01-8 8c-2.4 0-4.55-1.06-6-2.73M4 19v-3h3' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.b2b-acct {
  --b2b-blue: #2f6bff;
  --b2b-accent: #e11d74;
  --b2b-ink: #1a1f36;
  --b2b-muted: #6b7385;
  --b2b-bg: #f4f6fa;
  --b2b-green: #0aa06e;
  --b2b-line: #e4e8f0;
  --b2b-radius: 14px;
  color: var(--b2b-ink);
}

/* Empty state */
.b2b-acct__empty {
  text-align: center; padding: 40px 24px; background: var(--b2b-bg);
  border: 1px solid var(--b2b-line); border-radius: var(--b2b-radius);
}
.b2b-acct__empty h2 { margin: 0 0 8px; font-size: 18px; color: var(--b2b-ink); }
.b2b-acct__empty p { margin: 0 auto; max-width: 46ch; color: var(--b2b-muted); font-size: 14px; line-height: 1.6; }

/* Notice (e.g. "N proofs awaiting your review") */
.b2b-acct__notice {
  background: #eafaef; border: 1px solid #bfe6cf; color: #14663f;
  border-radius: 10px; padding: 12px 16px; font-weight: 600; font-size: 14px;
  margin: 0 0 22px;
}

.b2b-acct__intro { color: var(--b2b-muted); font-size: 14px; line-height: 1.6; margin: 0 0 20px; max-width: 66ch; }

/* Per-order grouping */
.b2b-acct__group { margin: 0 0 30px; }
.b2b-acct__group-head {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding-bottom: 10px; margin-bottom: 16px; border-bottom: 1px solid var(--b2b-line);
}
.b2b-acct__group-title { margin: 0; font-size: 16px; font-weight: 700; color: var(--b2b-ink); }
.b2b-acct__group-link { font-size: 13px; font-weight: 600; color: var(--b2b-blue); text-decoration: none; white-space: nowrap; }
.b2b-acct__group-link:hover { text-decoration: underline; }

/* Reorder cards */
.b2b-acct__cards { display: flex; flex-direction: column; gap: 12px; }
.b2b-acct__card {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 16px 18px; background: #fff;
  border: 1px solid var(--b2b-line); border-radius: var(--b2b-radius);
}
.b2b-acct__card-info { display: flex; flex-direction: column; gap: 3px; flex: 1 1 220px; }
.b2b-acct__card-title { font-size: 15px; color: var(--b2b-ink); }
.b2b-acct__card-meta { font-size: 13px; color: var(--b2b-muted); }
.b2b-acct__card-actions { display: flex; align-items: center; gap: 12px; }
.b2b-acct__card-link { font-size: 13px; font-weight: 600; color: var(--b2b-blue); text-decoration: none; }
.b2b-acct__card-link:hover { text-decoration: underline; }
.b2b-acct__card .b2b-reorder__msg { flex: 1 1 100%; margin: 6px 0 0; font-size: 13px; color: var(--b2b-muted); }
.b2b-acct__card .b2b-reorder__msg:empty { display: none; }

/* Brand-blue reorder button (matches the checkout Place-order treatment) */
.b2b-acct .b2b-reorder__btn {
  background: var(--b2b-blue); color: #fff; border: 0; border-radius: 8px;
  padding: 9px 18px; font-weight: 700; font-size: 14px; cursor: pointer;
}
.b2b-acct .b2b-reorder__btn:hover { background: #2555d6; }
.b2b-acct .b2b-reorder__btn:disabled { opacity: .6; cursor: default; }
.b2b-acct .b2b-reorder__btn:focus-visible { outline: 2px solid var(--b2b-blue); outline-offset: 2px; }