/* Padel Pro account — a focused player locker, scoped away from the shared engine. */
.pacc {
  --pa-ink: #12181f;
  --pa-green: #1fa97c;
  --pa-green-dark: #167c5e;
  --pa-chalk: #f4f7f3;
  --pa-glass: #bfd6d8;
  --pa-ball: #ddf247;
  --pa-muted: #66737b;
  --pa-line: rgba(18,24,31,.12);
  min-height: 70vh;
  padding: 32px 0 72px;
  background: #f6f8f5;
  color: var(--pa-ink);
}
.pacc * { box-sizing: border-box; }
.pacc-shell { width: min(1380px, calc(100% - 48px)); margin: 0 auto; }
.pacc-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 24px; align-items: start; }
.pacc-sidebar { position: sticky; top: 18px; overflow: hidden; border: 1px solid var(--pa-line); border-radius: 10px; background: #fff; box-shadow: 0 18px 50px -42px rgba(18,24,31,.45); }
.pacc-player { position: relative; padding: 25px 22px 21px; overflow: hidden; background: var(--pa-ink); color: #fff; }
.pacc-player::before { content: ""; position: absolute; width: 120px; height: 120px; right: -45px; top: -42px; border: 1px solid rgba(221,242,71,.34); border-radius: 50%; box-shadow: 0 0 0 25px rgba(221,242,71,.035); }
.pacc-avatar { position: relative; display: grid; width: 54px; height: 54px; place-items: center; margin-bottom: 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: var(--pa-ball); color: var(--pa-ink); font: 800 27px/1 "Barlow Condensed",sans-serif; }
.pacc-player__label { margin-bottom: 5px; color: var(--pa-ball); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.pacc-player__name { position: relative; margin: 0; font: 700 25px/1 "Barlow Condensed",sans-serif; letter-spacing: -.015em; overflow-wrap: anywhere; }
.pacc-player__contact { position: relative; margin-top: 7px; color: rgba(255,255,255,.64); font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.pacc-nav { display: grid; gap: 3px; padding: 10px; }
.pacc-nav a { display: flex; min-height: 44px; align-items: center; gap: 11px; padding: 0 12px; border-radius: 6px; color: #4f5c64; font-size: 13px; font-weight: 700; text-decoration: none; transition: background .18s,color .18s,transform .18s; }
.pacc-nav a:hover { background: var(--pa-chalk); color: var(--pa-ink); transform: translateX(2px); }
.pacc-nav a.on { background: #e8f6f0; color: var(--pa-green-dark); }
.pacc-nav svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pacc-count { min-width: 22px; margin-left: auto; padding: 2px 6px; border-radius: 20px; background: #edf0ee; color: #68737a; font-size: 10px; text-align: center; }
.pacc-nav a.on .pacc-count { background: #fff; color: var(--pa-green-dark); }
.pacc-signout { display: flex; min-height: 42px; align-items: center; justify-content: center; margin: 0 10px 10px; border-top: 1px solid var(--pa-line); color: #7b858a; font-size: 12px; font-weight: 700; text-decoration: none; }
.pacc-signout:hover { color: #b93845; }

.pacc-pane { display: none; }
.pacc-pane.on { display: block; animation: pacc-in .2s ease both; }
@keyframes pacc-in { from { opacity: 0; transform: translateY(5px); } }
.pacc-pagehead { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin: 3px 0 22px; }
.pacc-eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; color: var(--pa-green-dark); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.pacc-eyebrow::before { content: ""; width: 24px; height: 2px; background: var(--pa-ball); }
.pacc-title { margin: 0; color: var(--pa-ink); font: 800 clamp(38px,5vw,58px)/.9 "Barlow Condensed",sans-serif; letter-spacing: -.03em; text-transform: uppercase; }
.pacc-subtitle { max-width: 600px; margin: 10px 0 0; color: var(--pa-muted); font-size: 14px; line-height: 1.55; }

.pacc-hero { position: relative; min-height: 260px; overflow: hidden; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); margin-bottom: 20px; border-radius: 10px; background: var(--pa-ink); color: #fff; }
.pacc-hero::before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(191,214,216,.2); pointer-events: none; }
.pacc-hero::after { content: ""; position: absolute; top: 18px; bottom: 18px; left: 62%; border-left: 1px dashed rgba(191,214,216,.25); pointer-events: none; }
.pacc-hero__copy { position: relative; z-index: 1; align-self: center; padding: 42px; }
.pacc-hero .pacc-eyebrow { color: var(--pa-ball); }
.pacc-hero__title { max-width: 620px; margin: 0 0 14px; font: 800 clamp(42px,5vw,66px)/.88 "Barlow Condensed",sans-serif; letter-spacing: -.03em; text-transform: uppercase; }
.pacc-hero__text { max-width: 520px; margin: 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.55; }
.pacc-hero__score { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); align-content: center; padding: 38px 26px; background: linear-gradient(135deg,rgba(31,169,124,.11),rgba(221,242,71,.04)); }
.pacc-score { padding: 18px 0 18px 20px; border-left: 1px solid rgba(255,255,255,.15); }
.pacc-score b { display: block; color: #fff; font: 700 34px/1 "Barlow Condensed",sans-serif; }
.pacc-score span { display: block; margin-top: 6px; color: rgba(255,255,255,.55); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.pacc-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(250px,.65fr); gap: 20px; }
.pacc-panel { margin-bottom: 20px; border: 1px solid var(--pa-line); border-radius: 10px; background: #fff; box-shadow: 0 18px 50px -46px rgba(18,24,31,.5); }
.pacc-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 21px 22px 17px; border-bottom: 1px solid var(--pa-line); }
.pacc-panel__title { margin: 0; font: 700 22px/1 "Barlow Condensed",sans-serif; letter-spacing: -.01em; text-transform: uppercase; }
.pacc-panel__link { color: var(--pa-green-dark); font-size: 12px; font-weight: 800; text-decoration: none; }
.pacc-panel__link:hover { color: var(--pa-ink); }
.pacc-panel__body { padding: 22px; }
.pacc-order-main { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 22px; align-items: start; }
.pacc-order-no { font: 700 23px/1 "Barlow Condensed",sans-serif; }
.pacc-order-date { margin-top: 6px; color: var(--pa-muted); font-size: 12px; }
.pacc-order-total { min-width: 0; text-align: right; }
.pacc-order-total b { display: block; margin-bottom: 7px; font: 700 23px/1 "Barlow Condensed",sans-serif; overflow-wrap: anywhere; }
.pacc-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 4px; background: #eaf6f1; color: var(--pa-green-dark); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.pacc-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pacc-status--warning { background: #fff6db; color: #8b6610; }
.pacc-status--cancel { background: #f1f2f1; color: #737d82; }
.pacc-track { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 26px; }
.pacc-track__step { position: relative; padding-top: 18px; color: #899298; font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.pacc-track__step::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 9px; height: 9px; border: 3px solid #fff; border-radius: 50%; background: #d8ddda; box-shadow: 0 0 0 1px #d8ddda; }
.pacc-track__step::after { content: ""; position: absolute; top: 4px; left: 9px; right: 0; height: 2px; background: #e1e5e2; }
.pacc-track__step:last-child::after { display: none; }
.pacc-track__step.done { color: var(--pa-green-dark); }
.pacc-track__step.done::before,.pacc-track__step.done::after { background: var(--pa-green); box-shadow: 0 0 0 1px var(--pa-green); }
.pacc-ttn { margin-top: 20px; padding: 12px 14px; border-left: 3px solid var(--pa-green); background: var(--pa-chalk); color: #4d5a62; font-size: 12px; }

.pacc-actions { display: grid; gap: 9px; }
.pacc-action { display: grid; grid-template-columns: 38px minmax(0,1fr) 16px; align-items: center; gap: 12px; min-height: 67px; padding: 11px 13px; border: 1px solid var(--pa-line); border-radius: 7px; color: var(--pa-ink); text-decoration: none; transition: border-color .18s,transform .18s,box-shadow .18s; }
.pacc-action:hover { border-color: rgba(31,169,124,.5); transform: translateY(-1px); box-shadow: 0 10px 28px -24px rgba(18,24,31,.7); }
.pacc-action__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--pa-chalk); color: var(--pa-green-dark); }
.pacc-action__icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pacc-action b { display: block; font-size: 12px; }
.pacc-action small { display: block; margin-top: 3px; color: var(--pa-muted); font-size: 10px; line-height: 1.35; }
.pacc-action__arrow { color: var(--pa-green); font-size: 18px; }

.pacc-list { padding: 0 22px; }
.pacc-order { padding: 22px 0; border-bottom: 1px solid var(--pa-line); }
.pacc-order:last-child,.pacc-row:last-child,.pacc-review:last-child,.pacc-coupon:last-child { border-bottom: 0; }
.pacc-products { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.pacc-product { display: flex; max-width: 310px; align-items: center; gap: 10px; padding: 7px 11px 7px 7px; border: 1px solid var(--pa-line); border-radius: 6px; background: #fafcfa; color: var(--pa-ink); text-decoration: none; }
.pacc-product img { width: 35px; height: 45px; flex: none; border-radius: 4px; object-fit: contain; background: #fff; }
.pacc-product span { display: -webkit-box; overflow: hidden; min-width: 0; font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.pacc-order__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; color: var(--pa-muted); font-size: 11px; }
.pacc-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 8px; padding: 0 17px; border: 1px solid var(--pa-ink); border-radius: 5px; background: var(--pa-ink); color: #fff; font: 800 12px/1 Inter,sans-serif; text-decoration: none; cursor: pointer; transition: background .18s,border-color .18s,color .18s,transform .18s; }
.pacc-button:hover { border-color: var(--pa-green); background: var(--pa-green); color: #fff; transform: translateY(-1px); }
.pacc-button--light { border-color: var(--pa-line); background: #fff; color: var(--pa-ink); }
.pacc-button--light:hover { border-color: var(--pa-green); background: #fff; color: var(--pa-green-dark); }
.pacc-row { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--pa-line); color: var(--pa-ink); text-decoration: none; }
.pacc-row img { width: 58px; height: 72px; border-radius: 5px; object-fit: contain; background: var(--pa-chalk); }
.pacc-row__name { font-size: 13px; font-weight: 700; line-height: 1.4; }
.pacc-row__meta { margin-top: 5px; color: var(--pa-muted); font-size: 11px; }
.pacc-row__price { color: var(--pa-green-dark); font: 700 18px/1 "Barlow Condensed",sans-serif; white-space: nowrap; }
.pacc-rating { color: #e6aa18; letter-spacing: 1px; }
.pacc-review { padding: 18px 0; border-bottom: 1px solid var(--pa-line); }
.pacc-review__top { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.pacc-review__date { margin-left: auto; color: var(--pa-muted); font-size: 10px; }
.pacc-verified { padding: 3px 7px; border-radius: 3px; background: #e8f6f0; color: var(--pa-green-dark); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.pacc-review__text { color: #53616a; font-size: 13px; line-height: 1.6; }
.pacc-coupon { display: grid; grid-template-columns: 62px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 17px 0; border-bottom: 1px solid var(--pa-line); }
.pacc-coupon__pct { display: grid; width: 62px; height: 62px; place-items: center; border-radius: 50%; background: var(--pa-ball); color: var(--pa-ink); font: 800 20px/1 "Barlow Condensed",sans-serif; }
.pacc-coupon--off .pacc-coupon__pct { background: #edf0ee; color: #8a9499; }
.pacc-coupon__code { font: 800 17px/1 ui-monospace,Menlo,monospace; }
.pacc-coupon--off .pacc-coupon__code { color: #8a9499; text-decoration: line-through; }
.pacc-coupon__meta { margin-top: 6px; color: var(--pa-muted); font-size: 11px; }
.pacc-details { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; border: 1px solid var(--pa-line); border-radius: 8px; background: var(--pa-line); }
.pacc-detail { min-height: 98px; padding: 21px; background: #fff; }
.pacc-detail span { display: block; margin-bottom: 8px; color: var(--pa-muted); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.pacc-detail b { font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.pacc-danger { margin-top: 20px; padding: 20px 22px; border: 1px solid rgba(185,56,69,.2); border-radius: 8px; background: #fff; }
.pacc-danger h2 { margin: 0 0 7px; font: 700 20px/1 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.pacc-danger p { margin: 0 0 14px; color: var(--pa-muted); font-size: 12px; line-height: 1.55; }
.pacc-danger a { color: #b93845; font-size: 12px; font-weight: 800; }
.pacc-empty { display: grid; min-height: 250px; place-items: center; padding: 34px 22px; text-align: center; }
.pacc-empty__mark { position: relative; display: grid; width: 76px; height: 76px; place-items: center; margin: 0 auto 19px; border: 1px solid rgba(31,169,124,.28); border-radius: 50%; color: var(--pa-green-dark); }
.pacc-empty__mark::after { content: ""; position: absolute; inset: 10px; border: 1px dashed rgba(31,169,124,.28); border-radius: 50%; }
.pacc-empty__mark svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.pacc-empty h2 { margin: 0 0 8px; font: 700 24px/1 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.pacc-empty p { max-width: 380px; margin: 0 auto 18px; color: var(--pa-muted); font-size: 12px; line-height: 1.55; }
.pacc :focus-visible { outline: 3px solid rgba(31,169,124,.32); outline-offset: 2px; }

@media (max-width: 980px) {
  .pacc-layout { grid-template-columns: 1fr; }
  .pacc-sidebar { position: static; }
  .pacc-player { display: grid; grid-template-columns: 46px minmax(0,1fr); column-gap: 13px; padding: 14px 16px; }
  .pacc-avatar { grid-row: 1 / 4; width: 46px; height: 46px; margin: 0; font-size: 22px; }
  .pacc-player__label { margin: 0 0 3px; }
  .pacc-player__name { font-size: 21px; }
  .pacc-player__contact { margin-top: 3px; }
  .pacc-nav { display: flex; gap: 5px; overflow-x: auto; padding: 8px; scrollbar-width: none; scroll-snap-type: x proximity; }
  .pacc-nav::-webkit-scrollbar { display: none; }
  .pacc-nav a { flex: none; min-height: 48px; white-space: nowrap; scroll-snap-align:start; }
  .pacc-nav a:hover { transform: none; }
  .pacc-signout { display: none; }
}
@media (max-width: 740px) {
  .pacc { padding: 14px 0 52px; }
  .pacc-shell { width: min(100% - 24px,1380px); }
  .pacc-layout { gap: 15px; }
  .pacc-nav a { padding: 0 10px; font-size: 12px; }
  .pacc-nav svg { width: 16px; height: 16px; }
  .pacc-hero { min-height: 0; grid-template-columns: 1fr; }
  .pacc-hero::after { display: none; }
  .pacc-hero__copy { padding: 34px 25px 26px; }
  .pacc-hero__title { font-size: clamp(39px,12vw,54px); }
  .pacc-hero__score { grid-template-columns: repeat(3,1fr); padding: 0 25px 24px; }
  .pacc-score { padding: 12px 4px 8px 12px; }
  .pacc-score b { font-size: 27px; }
  .pacc-score span { font-size: 8px; }
  .pacc-grid { grid-template-columns: 1fr; gap: 0; }
  .pacc-pagehead { margin: 4px 0 16px; }
  .pacc-title { font-size: 42px; }
  .pacc-panel__head,.pacc-panel__body { padding: 18px; }
  .pacc-list { padding: 0 18px; }
  .pacc-order-main { gap: 12px; }
  .pacc-order-no { font-size: 21px; overflow-wrap: anywhere; }
  .pacc-order-total b { font-size: 21px; }
  .pacc-track__step { font-size: 7px; letter-spacing: 0; }
  .pacc-row { grid-template-columns: 48px minmax(0,1fr); gap: 12px; }
  .pacc-row img { width: 48px; height: 62px; }
  .pacc-row__price { grid-column: 2; }
  .pacc-coupon { grid-template-columns: 52px minmax(0,1fr); }
  .pacc-coupon__pct { width: 52px; height: 52px; }
  .pacc-coupon .pacc-button,.pacc-coupon .pacc-status { grid-column: 2; justify-self: start; }
  .pacc-details { grid-template-columns: 1fr; }
  .pacc-empty { min-height: 210px; padding: 28px 18px; }
  .pacc-order__foot .pacc-panel__link { display: inline-flex; min-height: 44px; align-items: center; }
}
@media (max-width: 390px) {
  .pacc-shell { width: min(100% - 18px,1380px); }
  .pacc-player__contact { max-width: 230px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pacc-nav .pacc-count { display: none; }
  .pacc-hero__copy { padding-inline: 21px; }
  .pacc-hero__score { padding-inline: 21px; }
  .pacc-panel__head,.pacc-panel__body,.pacc-list { padding-left: 15px; padding-right: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .pacc-pane.on { animation: none; }
  .pacc * { scroll-behavior: auto !important; transition: none !important; }
}