.account-center { margin: 42px auto 56px; max-width: 1120px; }
.account-center-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; }
.account-center-heading h1 { margin: 5px 0; font-size: clamp(28px, 3vw, 38px); line-height: 1.2; }
.account-center-heading p:last-child { margin: 0; color: var(--muted-strong); font-size: 16px; }
.account-center-heading .outline-button { flex: 0 0 auto; }
.account-center-layout { display: grid; grid-template-columns: 216px minmax(0, 1fr); align-items: start; gap: 22px; }
.account-center-nav { display: grid; gap: 6px; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); }
.account-center-nav a { display: block; min-height: 44px; padding: 9px 12px; border-radius: 12px; color: var(--muted-strong); font-size: 15px; }
.account-center-nav a:hover, .account-center-nav a:focus-visible { color: var(--ink); background: rgba(103,217,255,.08); }
.account-center-nav a[aria-current="page"] { color: var(--accent-strong); background: rgba(103,217,255,.13); font-weight: 700; box-shadow: inset 3px 0 var(--accent); }
.account-center-content { min-width: 0; }
.account-center-nav[hidden] + .account-center-content { grid-column: 1 / -1; }
.account-center-panel.account-dialog { display: block; width: 100%; margin: 0; border-color: var(--line); border-radius: 16px; background: var(--panel); }
.account-center-panel .account-dialog-card { padding: clamp(18px, 2.5vw, 30px); max-height: none; overflow: visible; }
.account-center-panel .account-dialog-head h2 { font-size: 24px; }
.account-center-panel .account-dialog-close { display: none; }
.account-center-panel .account-field { font-size: 14px; }
.account-center-panel .account-field input, .account-center-panel .account-field select { min-height: 44px; font-size: 16px; }
.account-center-panel .account-feedback, .account-center-panel .account-dialog-copy { font-size: 15px; }
.account-center-panel .sessions-list { max-height: none; overflow: visible; }
.account-center-panel .account-dialog-actions { text-align: left; }
.profile-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 22px 0; }
.profile-summary > div { min-width: 0; padding: 15px 17px; border: 1px solid var(--line); border-radius: 12px; background: rgba(103,217,255,.045); }
.profile-summary dt { margin-bottom: 7px; color: var(--muted-strong); font-size: 14px; }
.profile-summary dd { margin: 0; color: var(--ink); font-size: 17px; overflow-wrap: anywhere; }
.profile-summary-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.profile-summary-actions button { min-height: 44px; }
.search-history { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.5; }
.search-history-head h3 { margin: 0 0 4px; color: var(--ink); font-size: 18px; }
.search-history-head p { margin: 0 0 10px; color: var(--muted-strong); font-size: 12px; }
.search-history-labels, .search-history-row { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.65fr) minmax(132px, .7fr); gap: 12px; }
.search-history-labels { padding: 6px 10px; color: var(--muted-strong); font-size: 12px; }
.search-history-row { padding: 8px 10px; border-top: 1px solid var(--line); }
.search-history-row:nth-child(even) { background: rgba(103,217,255,.035); }
.search-history-cell { min-width: 0; color: var(--ink); overflow-wrap: anywhere; }
.search-history-cell-label { display: none; }
.account-center-panel .search-history .account-feedback { margin: 8px 0 0; font-size: 12px; }
.search-history-actions { display: flex; gap: 10px; }
.search-history-actions button { min-height: 44px; }
@media (max-width: 700px) {
  .search-history-labels { display: none; }
  .search-history-list { display: grid; gap: 6px; }
  .search-history-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: rgba(103,217,255,.035); }
  .search-history-cell { display: grid; gap: 1px; }
  .search-history-cell-label { display: block; color: var(--muted-strong); font-size: 12px; }
}
.profile-dialog .account-dialog-card { max-height: min(86dvh, 760px); overflow-y: auto; overscroll-behavior: contain; }
.account-center-state { max-width: 650px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); color: var(--muted-strong); font-size: 16px; }
.account-center-state strong { color: var(--ink); font-size: 19px; }
.account-center-state p { margin: 8px 0 18px; }
.account-center :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.referral-tools { min-width: 0; margin: 20px 0 24px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(103,217,255,.045); }
.referral-tools h3 { margin: 0 0 5px; color: var(--ink); font-size: 19px; }
.referral-tools-note, .referral-tools-message { color: var(--muted-strong); }
.referral-tools-note { margin: 0 0 14px; }
.referral-tools-message { margin: 14px 0; overflow-wrap: anywhere; }
.referral-tools-row { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line); }
.referral-tools-row strong { color: var(--accent-strong); letter-spacing: .08em; }
.referral-tools-row code { min-width: 0; overflow-wrap: anywhere; color: var(--ink); font-size: 14px; }
.referral-tools-row button, .referral-tools-actions button { min-height: 44px; }
.referral-tools-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.referral-tools .account-feedback { margin-bottom: 0; }
@media (max-width: 640px) {
  .profile-summary { grid-template-columns: minmax(0, 1fr); }
  .profile-dialog { max-height: 100dvh; }
  .referral-tools { padding: 15px; }
  .referral-tools-row { grid-template-columns: minmax(0, 1fr); gap: 7px; }
  .referral-tools-row button { justify-self: start; }
}
@media (max-width: 760px) {
  .account-center { margin-top: 30px; }
  .account-center-heading { align-items: start; flex-wrap: wrap; gap: 14px; }
  .account-center-layout { display: block; }
  .account-center-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-bottom: 14px; }
  .account-center-nav a { text-align: center; }
  .account-center-nav a[aria-current="page"] { box-shadow: inset 0 -3px var(--accent); }
  .account-center-panel .account-dialog-card { padding: 18px; }
  .account-center-panel .registration-fields { grid-template-columns: minmax(0, 1fr); }
  .account-center-panel .rewards-grid, .account-center-panel .rewards-ledger { grid-template-columns: minmax(0, 1fr); }
  .account-center-panel .checkin-card { align-items: stretch; flex-direction: column; }
}

/* R346 P14: the account workspace shares the brand, but uses a quiet task surface. */
.r346-account {
  --ink: #edf3f9; --muted: #a4b2c2; --muted-strong: #c0cedc;
  --bg: #070c15; --panel: #0c1624; --panel-strong: #0c1624;
  --line: rgba(186, 210, 232, .22); --accent: #badcf3; --accent-strong: #badcf3;
  --shadow: none;
  background: #070c15;
}
.r346-account .site-background { background: #070c15; }
.r346-account .site-background::after { display: none; }
.r346-account .site-shell { width: min(1240px, calc(100% - 64px)); padding-top: 22px; }
.r346-account .site-header { padding-bottom: 17px; border-bottom: 1px solid var(--line); }
.r346-account .account-center { max-width: none; margin: 36px 0 64px; }
.r346-account .account-center-heading { align-items: center; margin-bottom: 27px; }
.r346-account .account-center-heading .section-kicker { margin: 0; color: #badcf3; font-size: 12px; letter-spacing: .08em; }
.r346-account .account-center-heading h1 { margin: 6px 0 8px; font-size: clamp(27px, 2.5vw, 32px); font-weight: 700; }
.r346-account .account-center-heading p:last-child { color: var(--muted-strong); font-size: 14px; }
.r346-account .account-center-heading > a { border-radius: 7px; background: transparent; font-size: 13px; }
.r346-account .account-center-layout { grid-template-columns: 192px minmax(0, 1fr); gap: 18px; }
.r346-account .account-center-nav { gap: 2px; padding: 7px; border-radius: 8px; background: #0c1624; }
.r346-account .account-center-nav a { min-height: 43px; padding: 9px 12px; border-radius: 5px; color: var(--muted-strong); font-size: 14px; }
.r346-account .account-center-nav a:hover, .r346-account .account-center-nav a:focus-visible { color: var(--ink); background: #14243a; }
.r346-account .account-center-nav a[aria-current="page"] { color: var(--ink); background: #1b3046; box-shadow: inset 2px 0 #badcf3; }
.r346-account .account-center-panel.account-dialog { border-radius: 8px; background: #0c1624; }
.r346-account .account-center-panel .account-dialog-card { padding: clamp(22px, 2.6vw, 32px); }
.r346-account .account-center-panel .account-dialog-head h2 { font-size: 22px; }
.r346-account .account-center-panel .section-kicker { color: #badcf3; font-size: 12px; }
.r346-account .account-dialog-copy { color: var(--muted-strong); }
.r346-account .profile-summary { gap: 9px; margin: 20px 0; }
.r346-account .profile-summary > div, .r346-account .referral-tools,
.r346-account .rewards-grid div, .r346-account .rewards-ledger div,
.r346-account .session-card, .r346-account .checkin-card {
  border-color: var(--line); border-radius: 7px; background: #101d2e;
}
.r346-account .profile-summary > div { padding: 14px 16px; }
.r346-account .profile-summary dt { color: var(--muted); }
.r346-account .account-field input, .r346-account .account-field select { border-radius: 6px; background: #09131f; }
.r346-account .account-dialog { border-color: var(--line); border-radius: 8px; }
.r346-account .account-dialog-close { border-radius: 6px; }
.r346-account .text-button, .r346-account .outline-button { border-radius: 7px; }
.r346-account .search-button { border-radius: 6px; color: #0b2032; background: #badcf3; font-weight: 700; }
.r346-account .search-button:hover, .r346-account .search-button:focus-visible { background: #d5eafa; }
.r346-account .account-center-state { border-radius: 8px; background: #0c1624; }
.r346-account .search-history-row:nth-child(even) { background: #101d2e; }
.r346-account .site-footer { border-top: 1px solid var(--line); padding-top: 18px; }
@media (max-width: 760px) {
  .r346-account .site-shell { width: calc(100% - 32px); padding-top: 14px; }
  .r346-account .account-center { margin-top: 25px; }
  .r346-account .account-center-heading { align-items: flex-start; gap: 12px; margin-bottom: 18px; }
  .r346-account .account-center-heading h1 { font-size: 27px; }
  .r346-account .account-center-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; padding: 5px; }
  .r346-account .account-center-nav a { min-height: 40px; padding: 9px 5px; font-size: 12px; }
  .r346-account .account-center-nav a[aria-current="page"] { box-shadow: inset 0 -2px #badcf3; }
  .r346-account .account-center-panel .account-dialog-card { padding: 18px; }
}
@media (max-width: 480px) {
  .r346-account .account-center-heading > a { padding: 7px 10px; }
  .r346-account .account-center-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .r346-account .site-footer { flex-wrap: wrap; }
}