/* Account pages (views/account/): sign-in and account creation (.auth), the account and its orders (.acc) */
:root { --auth-shadow: 0 30px 80px -40px rgb(0 0 0 / .7); }
html[data-theme="light"] { --auth-shadow: 0 24px 60px -36px rgb(16 32 48 / .28); }
.page-main:has(.auth) { max-width: 120rem; }

.auth { display: grid; grid-template-columns: minmax(0, 52rem) minmax(0, 46rem); align-items: start; justify-content: center; gap: 3.2rem; padding: 4.8rem 0 3.2rem; }
.auth.is-single { grid-template-columns: minmax(0, 48rem); padding-top: 6.4rem; }

/* ——— The form card: accent glow at the top right, gradient rule ——— */
.auth-card { position: relative; padding: 3.6rem 3.6rem 3.2rem; overflow: hidden; border: 1px solid var(--line); border-radius: calc(var(--r) * 1.4); box-shadow: var(--auth-shadow);
  background: radial-gradient(90% 50% at 100% 0, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%), var(--surface); animation: auth-in .5s cubic-bezier(.2, .9, .3, 1) both; }
.auth-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, transparent, var(--accent), transparent); }
@keyframes auth-in { from { opacity: 0; transform: translateY(14px); } }
.auth-card h1 { margin: 0; font-size: clamp(2.8rem, 4vw, 3.6rem); font-weight: 800; line-height: 1.15; letter-spacing: -.025em; }
.auth-card .lead { margin: .8rem 0 2.8rem; color: var(--muted); font-size: 1.52rem; line-height: 1.5; }

/* ——— Fields ——— */
.auth .fld { margin: 0 0 1.92rem; }
.auth .fld > label { display: block; margin: 0 0 .64rem; color: var(--ink); font-size: 1.36rem; font-weight: 600; }
.auth :where(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="date"], select) { height: 4.8rem; transition: border-color .2s, background .2s; }
.auth :where(input, select):hover:not(:focus) { border-color: color-mix(in srgb, var(--ink) 40%, var(--line)); }
.auth .fld-hint { margin: .64rem 0 0; color: var(--muted); font-size: 1.28rem; }
.auth-names { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.6rem; }
.auth form .go { margin-top: .8rem; }

/* Main button (.go): full width, shine that sweeps across on hover, spinner while busy (aria-busy) */
.auth .go { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .96rem; width: 100%; height: 5.2rem; margin: 0; padding: 0 2.4rem; overflow: hidden;
  border: 0; border-radius: 99px; background: var(--accent); box-shadow: 0 10px 28px -14px color-mix(in srgb, var(--accent) 80%, transparent); color: var(--on-accent);
  font: 700 1.6rem/1 var(--font); letter-spacing: .005em; cursor: pointer; transition: transform .2s, box-shadow .2s, filter .2s; }
.auth button.go { border: 1px solid var(--accent); font-weight: 600; box-shadow: none; }
.auth .go svg { width: 2rem; height: 2rem; flex: none; }
.auth .go::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgb(255 255 255 / .28) 50%, transparent 70%); transform: translateX(-110%); transition: transform .6s; pointer-events: none; }
.auth .go:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 16px 34px -14px color-mix(in srgb, var(--accent) 90%, transparent); }
.auth .go:hover::after { transform: translateX(110%); }
.auth .go:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.auth .go[disabled] { transform: none; filter: none; cursor: progress; }
.auth .go:not([aria-busy="true"])[disabled] { opacity: .5; cursor: not-allowed; }
.auth a.go, .auth a.go:visited, .auth a.go:hover, .auth a.go:focus { color: var(--on-accent); text-decoration: none; }

/* ——— Quick sign-up (views/account/register.phtml): the company search in a card tinted with the accent, then the
   billing address it fills in, shown once a company is chosen ——— */
.auth-quick { margin: 0 0 2.4rem; padding: 1.6rem 1.6rem 1.2rem; border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--line)); border-radius: var(--r); background: color-mix(in srgb, var(--accent) 7%, var(--surface)); }
.auth-quick-title { display: flex; align-items: center; gap: 1.2rem; margin: 0 0 1.2rem; }
.auth-quick-title .i { width: 2.4rem; height: 2.4rem; flex: none; color: var(--accent-ink); }
.auth-quick-title strong { display: block; font-size: 1.6rem; }
.auth-quick-title small { display: block; color: var(--muted); font-size: 1.32rem; line-height: 1.4; }
/* The field, white with an accent border: what to fill in first */
.auth-quick .company-search { margin: 0; }
.auth .auth-quick :where(input[type="search"]) { height: 4.8rem; border: 1px solid var(--accent); background: var(--field); }
/* While searching, the whole card lights up */
.auth-quick { transition: border-color .2s, background .2s, box-shadow .2s; }
.auth-quick:focus-within { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 15%, var(--surface)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 30%, transparent), 0 12px 30px -16px color-mix(in srgb, var(--accent) 70%, transparent); }
.auth-quick .combo > .company-search-ico { left: 1.6rem; color: var(--accent-ink); }
.auth-quick .combo:has(> .company-search-ico) > input { padding-left: 4.8rem; }
.auth-billing { margin: .8rem 0 1.6rem; padding: 1.6rem 0 0; border: 0; border-top: 1px solid var(--line); }
.auth-billing[hidden] { display: none; }
.auth-billing legend { display: flex; align-items: center; gap: .8rem; padding: 0 1.2rem 0 0; font-size: 1.52rem; font-weight: 700; }
.auth-billing legend .i { width: 2rem; height: 2rem; color: var(--accent-ink); }
.auth-city { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
/* Sign-up on a wide screen (.is-wide): a wider card, the fields by pairs or threes, the other platforms side by side,
   the quick sign-up on one line (its title beside the search) */
@media (min-width: 64rem) {
  .auth.is-wide { grid-template-columns: minmax(0, 84rem); padding-top: 4rem; }
  .is-wide .auth-card { padding: 3.2rem 4rem 2.8rem; }
  .is-wide .auth-card .lead { margin-bottom: 2.4rem; }
  .is-wide .sign-in { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
  .is-wide .sign-in-sep { margin: 1.6rem 0; }
  /* The title and its line side by side */
  .is-wide .auth-quick-title strong, .is-wide .auth-quick-title small { display: inline; }
  .is-wide .auth-quick-title small { margin-left: .8rem; }
  .is-wide .auth-three { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); align-items: end; }
  .is-wide .auth-three.auth-city { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1.4fr); }
  .is-wide .auth-sep { margin-top: 2.4rem; }
}

/* ——— Link to the other form (create an account, sign in), below a separator ——— */
.auth-sep { display: flex; align-items: center; gap: 1.6rem; margin: 2.8rem 0 1.6rem; color: var(--muted); font-size: 1.28rem; }
.auth-sep::before, .auth-sep::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.auth-alt, .auth-alt:visited { display: flex; align-items: center; gap: 1.44rem; padding: 1.28rem 1.6rem 1.28rem 1.28rem; border: 1px solid var(--line); border-radius: var(--r); background: var(--bg); color: var(--ink); text-decoration: none;
  transition: border-color .2s, transform .2s, box-shadow .2s; }
.auth-alt:hover { border-color: color-mix(in srgb, var(--accent) 70%, var(--line)); color: var(--ink); text-decoration: none; transform: translateY(-2px); box-shadow: 0 12px 26px -14px color-mix(in srgb, var(--accent) 55%, transparent); }
.auth-alt > .i:first-child { width: 4.4rem; height: 4.4rem; padding: 1.04rem; box-sizing: border-box; flex: none; border-radius: 1.2rem; color: var(--accent-ink); background: color-mix(in srgb, var(--accent) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent); transform: rotate(-6deg); transition: transform .35s cubic-bezier(.3, 1.6, .5, 1); }
.auth-alt:hover > .i:first-child { transform: rotate(0) scale(1.08); }
.auth-alt .i svg { width: 100%; height: 100%; stroke-width: 1.75; }
.auth-alt > span { flex: 1; min-width: 0; }
.auth-alt strong { display: block; font-size: 1.52rem; }
.auth-alt small { display: block; color: var(--muted); font-size: 1.32rem; }
.auth-alt .go-arrow { width: 2rem; height: 2rem; flex: none; color: var(--muted); transition: transform .2s, color .2s; }
.auth-alt:hover .go-arrow { color: var(--accent-ink); transform: translateX(3px); }
.auth-back, .auth-back:visited { display: inline-flex; align-items: center; gap: .8rem; margin: 2.4rem 0 0; color: var(--muted); font-size: 1.36rem; font-weight: 600; text-decoration: none; }
.auth-back svg { width: 1.6rem; height: 1.6rem; transform: rotate(180deg); transition: transform .2s; }
.auth-back:hover { color: var(--ink); text-decoration: none; }
.auth-back:hover svg { transform: rotate(180deg) translateX(3px); }

@media (max-width: 63.99rem) {
  .auth { grid-template-columns: minmax(0, 56rem); padding-top: 2.4rem; }
}
@media (max-width: 47.99rem) {
  .auth, .auth.is-single { gap: 2rem; padding: 1.6rem 0 2.4rem; }
  .auth-card { padding: 2.8rem 2rem 2.4rem; }
  .auth-card .lead { margin-bottom: 2.4rem; }
  .auth-names { grid-template-columns: minmax(0, 1fr); }
}
@media print {
  .auth-sep, .auth-alt, .auth-back { display: none; }
  .auth-card { box-shadow: none; }
}

/* ——— Account pages: the menu (views/account/partials/nav.phtml) in a sticky column, the page beside it ——— */
.page-main:has(.acc) { max-width: 124rem; }
.acc { display: grid; grid-template-columns: 26rem minmax(0, 1fr); align-items: start; gap: 3.2rem; padding: 3.2rem 0 4.8rem; }
.acc-main { min-width: 0; }
.acc-narrow { max-width: 72rem; }

.acc-nav { position: sticky; top: 9.6rem; padding: 1.6rem; border: 1px solid var(--line); border-radius: calc(var(--r) * 1.2); background: var(--surface); }
.acc-me { display: flex; align-items: center; gap: 1.2rem; padding: 0 0 1.6rem; border-bottom: 1px solid var(--line); }
.acc-avatar { display: grid; place-items: center; width: 4.4rem; height: 4.4rem; flex: none; border-radius: 1.2rem; background: color-mix(in srgb, var(--accent) 16%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent); color: var(--accent-ink); font-size: 1.52rem; font-weight: 800; transform: rotate(-4deg); }
.acc-who { min-width: 0; }
.acc-who strong, .acc-who small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acc-who strong { font-size: 1.52rem; }
.acc-who small { color: var(--muted); font-size: 1.28rem; }
.acc-links, .acc-sub { margin: 0; padding: 0; list-style: none; }
.acc-links { display: grid; gap: .2rem; padding: 1.2rem 0; border-bottom: 1px solid var(--line); }
.acc-links li { margin: 0; }
.acc-nav :is(a, a:visited, button) { display: flex; align-items: center; gap: 1rem; width: 100%; box-sizing: border-box; padding: .9rem 1rem; border: 0; border-radius: 1rem; background: none;
  color: var(--muted); font: 500 1.44rem/1.3 var(--font); text-align: left; text-decoration: none; cursor: pointer; transition: background .2s, color .2s; }
.acc-nav :is(a, button):hover { background: var(--surface2); color: var(--ink); text-decoration: none; }
.acc-nav svg { width: 1.84rem; height: 1.84rem; flex: none; }
.acc-nav a[aria-current="page"] { background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--ink); font-weight: 700; }
.acc-nav a[aria-current="page"] svg { color: var(--accent-ink); }
.acc-sub { margin: .2rem 0 .4rem 1.9rem; padding-left: 1rem; border-left: 1px solid var(--line); }
.acc-sub :is(a, a:visited) { padding-block: .64rem; font-size: 1.36rem; }
.acc-sub svg { width: 1.6rem; height: 1.6rem; }
.acc-out { margin: 0; padding-top: 1.2rem; }
.acc-out button:hover { color: var(--danger); }

/* ——— Headings, sections, cards ——— */
.acc-hello { position: relative; margin: 0 0 3.2rem; padding: 2.8rem 3.2rem; overflow: hidden; border: 1px solid var(--line); border-radius: calc(var(--r) * 1.4);
  background: radial-gradient(80% 90% at 100% 0, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--surface); }
.acc-hello h1 { margin: 0; font-size: clamp(2.8rem, 4vw, 3.6rem); font-weight: 800; letter-spacing: -.025em; }
.acc-hello .lead { margin: .64rem 0 0; color: var(--muted); font-size: 1.52rem; }
.acc-title { margin: 0 0 2.4rem; font-size: clamp(2.56rem, 3.6vw, 3.2rem); font-weight: 800; letter-spacing: -.025em; }
.acc-sec { margin: 0 0 4rem; scroll-margin-top: 9.6rem; }
.acc-sec-title { display: flex; align-items: center; gap: 1rem; margin: 0 0 1.6rem; font-size: 2rem; font-weight: 750; }
.acc-sec-title::before { content: ""; width: .4rem; height: 2rem; border-radius: 99px; background: var(--accent); }
.acc-empty { color: var(--muted); }
.acc-card { margin: 0 0 1.6rem; padding: 2.4rem; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); scroll-margin-top: 9.6rem; }
/* The block an anchor leads to (account/edit#password, account#infos) */
.acc-card:target { outline: 2px solid var(--accent); outline-offset: 3px; }
.acc-sec:target .acc-card { border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); }
.acc-card-head { display: flex; align-items: center; justify-content: space-between; gap: 1.6rem; }
.acc-card-head h2, .acc-card-head h3 { display: flex; align-items: center; gap: 1.2rem; margin: 0; font-size: 1.76rem; font-weight: 750; }
.acc-card-head h2 small { display: block; color: var(--muted); font-size: 1.36rem; font-weight: 400; }
.acc-card-head .i { width: 4rem; height: 4rem; padding: .96rem; box-sizing: border-box; flex: none; border-radius: 1.1rem; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent-ink); }
.acc-card > .acc-card-head + * { margin-top: 1.6rem; }
.acc-card-head a { font-size: 1.36rem; font-weight: 650; }
.acc-card-title { margin: 0 0 1.2rem; font-size: 1.6rem; font-weight: 750; }
.acc-change { height: 3.6rem; padding: 0 1.6rem; border: 1px solid var(--line); border-radius: 99px; background: var(--bg); color: var(--ink); font: 600 1.36rem/1 var(--font); cursor: pointer; transition: border-color .2s; }
.acc-change[hidden] { display: none; }
.acc-change:hover { border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); }
/* The other platforms of the account information: logo, name and state, link or unlink */
.acc-platforms { display: grid; gap: 1.2rem; margin: 0; padding: 0; list-style: none; }
.acc-platforms li { display: flex; align-items: center; gap: 1.2rem; }
.acc-platforms img { width: 2.4rem; height: 2.4rem; flex: none; }
.acc-platforms li > span { flex: 1; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.acc-platforms small { display: block; color: var(--muted); font-size: 1.28rem; font-weight: 400; }
.acc-platforms form { margin: 0; }
.acc-platforms a.acc-change { display: inline-flex; align-items: center; text-decoration: none; }
/* Not linked (account page): faded */
.acc-platforms .is-off { opacity: .6; }
.acc-pair + .acc-card { margin-top: 1.6rem; }
.acc-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem; }
.acc-pair .acc-card { margin: 0; }
.acc-lines { margin: 0; color: var(--muted); line-height: 1.6; overflow-wrap: anywhere; }
.acc-lines strong { color: var(--ink); }
.acc-sub-link, .acc-sub-link:visited { display: inline-flex; align-items: center; gap: .64rem; margin-top: 1.2rem; font-size: 1.36rem; font-weight: 600; }
.acc-sub-link svg { width: 1.6rem; height: 1.6rem; }

/* ——— Forms of the account (information, address) ——— */
.acc-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.6rem; }
.acc-row-city { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1.6fr); }
.acc-card .field small { color: var(--muted); font-size: 1.2rem; font-weight: 400; }
.acc-card form > :last-child { margin-bottom: 0; }
.acc-hint { display: flex; align-items: center; gap: .8rem; margin: 0 0 2rem; color: var(--muted); font-size: 1.36rem; }
.acc-hint svg { width: 1.8rem; height: 1.8rem; color: var(--accent-ink); }
.acc-acts { display: flex; align-items: center; gap: 2.4rem; margin-top: 2.4rem; }
.acc-acts a, .acc-acts a:visited { color: var(--muted); font-weight: 600; }

/* ——— An order: back link, number and status, lines, total ——— */
.acc-back, .acc-back:visited { display: inline-flex; align-items: center; gap: .64rem; margin: 0 0 1.6rem; color: var(--muted); font-size: 1.36rem; font-weight: 600; text-decoration: none; }
.acc-back:hover { color: var(--ink); text-decoration: none; }
.acc-back svg { width: 1.6rem; height: 1.6rem; }
.acc-order-head { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem 1.6rem; margin-bottom: .8rem; }
.acc-order-head h1 { margin: 0; font: inherit; }
.acc-meta { margin: 0 0 2.4rem; color: var(--muted); }
.acc-docs { margin: -1.6rem 0 2.4rem; }
.acc-docs .acc-sub-link { margin-top: 0; }
.acc-items { margin: 0; padding: 0; list-style: none; }
.acc-items li { display: flex; align-items: baseline; justify-content: space-between; gap: 1.6rem; margin: 0; padding: 1.2rem 0; border-bottom: 1px solid var(--line); }
.acc-item { min-width: 0; }
.acc-option { display: inline-block; margin: .4rem .64rem 0 0; padding: .16rem .8rem; border-radius: .6rem; background: var(--surface2); color: var(--muted); font: 500 1.24rem/1.5 ui-monospace, monospace; }
.acc-item strong { display: block; font-weight: 500; }
.acc-note { display: block; margin-top: .32rem; color: var(--muted); font-size: 1.24rem; }
.acc-price { font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.acc-total { display: flex; justify-content: space-between; margin: 1.6rem 0 0; font-size: 1.76rem; font-weight: 800; }
.acc-total dt, .acc-total dd { margin: 0; }

@media (max-width: 63.99rem) {
  .acc { grid-template-columns: minmax(0, 1fr); gap: 2rem; padding-top: 1.6rem; }
  .acc-nav { position: static; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: 1.2rem; }
  .acc-me { padding: 0; border: 0; }
  .acc-out { grid-column: 2; grid-row: 1; padding: 0; }
  .acc-out span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .acc-links { grid-column: 1 / -1; display: flex; gap: .64rem; margin: 1.2rem -1.2rem 0; padding: 1.2rem 1.2rem 0; overflow-x: auto; border-top: 1px solid var(--line); border-bottom: 0; scrollbar-width: none; }
  .acc-links > li { display: contents; }
  .acc-sub { display: contents; }
  .acc-sub li { display: contents; }
  .acc-nav .acc-links :is(a, a:visited) { width: auto; flex: none; padding: .8rem 1.2rem; border: 1px solid var(--line); border-radius: 99px; font-size: 1.36rem; white-space: nowrap; }
}
@media (max-width: 47.99rem) {
  .acc-hello { padding: 2.4rem 2rem; }
  .acc-card { padding: 2rem 1.6rem; }
  .acc-pair, .acc-row, .acc-row-city { grid-template-columns: minmax(0, 1fr); }
  .acc-card-head { flex-wrap: wrap; }
}

/* Orders: one row per order */
.acc-orders { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }
.acc-orders li { margin: 0; }
.acc-orders a, .acc-orders a:visited { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto minmax(0, 1fr) auto; align-items: center; gap: 1.6rem; padding: 1.44rem 1.6rem 1.44rem 2rem;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); color: var(--ink); text-decoration: none; transition: border-color .2s, transform .2s, box-shadow .2s; }
.acc-orders a:hover { border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); transform: translateY(-1px); box-shadow: 0 12px 26px -16px color-mix(in srgb, var(--accent) 50%, transparent); text-decoration: none; }
.o-num { font-size: 1.6rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.o-num small { display: block; color: var(--muted); font-size: 1.12rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.o-date { color: var(--muted); font-size: 1.4rem; }
.o-total { font-size: 1.6rem; font-weight: 750; font-variant-numeric: tabular-nums; text-align: right; }
.o-status { justify-self: start; padding: .32rem 1.04rem; border-radius: 99px; background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--accent-ink); font-size: 1.24rem; font-weight: 650; white-space: nowrap; }
.o-status.is-paid { background: color-mix(in srgb, var(--ok) 18%, transparent); color: var(--ok); }
.o-status:is(.is-canceled, .is-expired, .is-failed) { background: var(--surface2); color: var(--muted); }
.acc-orders .go-arrow { width: 1.8rem; height: 1.8rem; color: var(--muted); transition: transform .2s, color .2s; }
.acc-orders a:hover .go-arrow { color: var(--accent-ink); transform: translateX(3px); }
@media (max-width: 47.99rem) {
  .acc-orders a, .acc-orders a:visited { grid-template-columns: minmax(0, 1fr) auto; gap: .48rem 1.2rem; padding: 1.44rem 1.6rem; }
  .o-num { grid-column: 1; }
  .o-total { grid-column: 2; grid-row: 1; }
  .o-date { grid-column: 1; }
  .o-status { grid-column: 2; grid-row: 2; justify-self: end; }
  .acc-orders .go-arrow { display: none; }
}

/* ——— Print (an order, the account page): the page alone, without the menu nor the links that act ——— */
@media print {
  .acc { display: block; padding: 0; }
  .acc-nav, .acc-back, .acc-change, .acc-sub-link, .acc-card-head a, .acc-acts, .acc-orders .go-arrow { display: none !important; }
  .acc-hello, .acc-card, .acc-orders a { box-shadow: none; background: none; }
  .acc-card:target { outline: 0; }
  .acc-card, .acc-items li, .acc-orders li { break-inside: avoid; }
  /* The status badge keeps its color */
  .o-status { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* ——— Privacy settings: the deletion of the account ——— */
.acc-erase .acc-lines { margin: 0 0 1.6rem; padding-left: 2rem; }
.acc-confirm { display: flex; align-items: flex-start; gap: .8rem; margin: 0 0 1.6rem; font-weight: 600; }
.acc-confirm input { margin-top: .4rem; }
.action.primary.acc-danger { border-color: var(--danger); background: var(--danger); color: var(--on-danger); }
.action.primary.acc-danger:is(:hover, :focus) { border-color: var(--danger); background: color-mix(in srgb, var(--danger) 85%, var(--ink)); color: var(--on-danger); }