/* Account pages share the public site's type scale and restrained surfaces. */
.ucp-shell .tracker-recent .tracker-panel__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.ucp-shell .tracker-recent .tracker-panel__head > a { color: #d17c8c; font-size: .85rem; font-weight: 400; white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center; }
.ucp-shell .tracker-mini-list { gap: .85rem; }
.ucp-shell .tracker-mini-list li { --recent-tone: #9db8a6; padding: 1.15rem 1.25rem; border: 1px solid var(--border); border-left: 2px solid var(--recent-tone); border-radius: 4px; background: #191d20; }
.ucp-shell .tracker-mini-list li[data-ticket-status='in_progress'] { --recent-tone: #c7a46a; }
.ucp-shell .tracker-mini-list li[data-ticket-status='testing'] { --recent-tone: #8aa9c9; }
.ucp-shell .tracker-mini-list li[data-ticket-status='closed'] { --recent-tone: #929ba2; }
.ucp-shell .tracker-mini-list__top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; margin-bottom: .75rem; }
.ucp-shell .tracker-mini-list :is(.tracker-cat, .tracker-status) { padding: 0; border: 0; border-radius: 0; background: transparent; font-size: .8rem; line-height: 1.5; font-weight: 400; letter-spacing: 0; text-transform: none; }
.ucp-shell .tracker-mini-list .tracker-cat { color: var(--muted); }
.ucp-shell .tracker-mini-list .tracker-status { display: inline-flex; align-items: center; gap: .4rem; color: var(--recent-tone); }
.ucp-shell .tracker-mini-list .tracker-status::before { content: ''; width: .35rem; height: .35rem; border-radius: 50%; background: currentColor; }
.ucp-shell .tracker-mini-list__title { display: block; color: #e8edf0; font-size: 1rem; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere; }
.teamspeak-clean .ucp-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 1rem; }
.ucp-shell.teamspeak-clean .ucp-steps__item { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); align-items: stretch; gap: 1rem; padding: 1.5rem 0; border: 0; border-top: 1px solid var(--border); border-radius: 0; background: transparent; }
.ucp-shell.teamspeak-clean .ucp-steps__item:first-child { grid-column: 1 / -1; padding: 1.25rem 0; border: 0; background: transparent; }
.ucp-shell.teamspeak-clean .ucp-steps__index { padding: 0; width: auto; height: auto; font-size: .85rem; line-height: 1.7; color: #d17c8c; }
.teamspeak-clean .ucp-steps__item > div { min-width: 0; display: flex; flex-direction: column; align-items: stretch; }
.ucp-shell.teamspeak-clean .ucp-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 1.4rem 0; border: 1px solid #30373c; border-radius: 6px; background: #171b1e; }
.ucp-shell.teamspeak-clean .ucp-status { padding: .25rem 1.75rem; border-right: 1px solid #30373c; }
.ucp-shell.teamspeak-clean .ucp-status:last-child { border-right: 0; }
.ucp-shell.teamspeak-clean .ucp-status__value { margin-top: .5rem; font-size: 1.1rem; }
.ucp-shell.teamspeak-clean .ucp-steps__item:not(:first-child) .ucp-steps__text { margin-bottom: 1.5rem; }
.ucp-shell.teamspeak-clean .ucp-steps__item:not(:first-child) .ucp-form { margin-top: auto; }
.ucp-shell.teamspeak-clean .ucp-steps__item:first-child { padding-bottom: 1.5rem; }
.ucp-shell.teamspeak-clean .ucp-steps__index { line-height: 1.7; font-variant-numeric: tabular-nums; }
.ucp-shell.teamspeak-clean .ucp-board { padding: 1.5rem 1.75rem; border: 1px solid #30373c; border-radius: 6px; background: #171b1e; }
.ucp-shell.teamspeak-clean .ucp-inline-form { margin-top: 1.25rem; }
.teamspeak-clean .ucp-steps__title { margin: 0; }
.teamspeak-clean .ucp-steps__text { margin-top: .65rem; font-size: .95rem; }
.teamspeak-clean .ucp-form { display: flex; flex-direction: column; align-items: stretch; gap: .65rem; max-width: none; margin-top: 1.5rem; }
.teamspeak-clean .ucp-form__label { margin-bottom: 0; }
.teamspeak-clean :is(.ucp-form__input, .ucp-form__select) { width: 100%; background: #111416; }
.ucp-shell.teamspeak-clean #ts-code { height: 50px; letter-spacing: .35em; font-size: 1.35rem; font-variant-numeric: tabular-nums; min-height: 50px; }
.ucp-shell.teamspeak-clean .ucp-form :is(.ucp-form__select, .ucp-form__input) { height: 50px; border-radius: 4px; }
.ucp-shell.teamspeak-clean .ucp-form .ucp-refresh { width: 100%; margin-top: .5rem; justify-content: center; background: #a8172e; color: #fff; border: 1px solid transparent; }
.ucp-shell.teamspeak-clean .ucp-form .ucp-refresh:not(:disabled):hover { background: #bd203a; }
.ucp-shell.teamspeak-clean form[action$='/request-code'] .ucp-refresh { background: transparent; border-color: #495056; color: #d9dfe3; }
.ucp-shell.teamspeak-clean form[action$='/request-code'] .ucp-refresh:not(:disabled):hover { background: #22282d; border-color: #a96a78; }
.teamspeak-clean .ucp-form .ucp-refresh:disabled { opacity: .55; }
.ucp-shell.teamspeak-clean .ucp-rank-list { display: flex; flex-wrap: wrap; gap: .75rem; }
.ucp-shell.teamspeak-clean .ucp-rank { padding: .6rem 1rem; border: 1px solid var(--border); background: #191d20; border-radius: 4px; }
@media (max-width: 760px) {
  .teamspeak-clean .ucp-steps { grid-template-columns: 1fr; gap: 1rem; }
  .ucp-shell.teamspeak-clean .ucp-steps__item { padding: 1.25rem 0; grid-template-columns: 1.5rem minmax(0, 1fr); gap: .75rem; }
}
.ucp-shell.tracker-create-page .tracker-create-grid { gap: 3rem; }
.ucp-shell.tracker-create-page .tracker-panel { padding: 1.5rem 0; border: 0; border-top: 1px solid #3b4145; border-radius: 0; background: transparent; box-shadow: none; }
.ucp-shell.tracker-create-page .tracker-panel__eyebrow { color: #d17c8c; font-size: .9rem; font-weight: 500; letter-spacing: .035em; text-transform: none; }
.ucp-shell.tracker-create-page .tracker-panel :is(h2,h3) { font-size: 1.35rem; line-height: 1.4; font-weight: 600; }
.ucp-shell.tracker-create-page .tracker-panel__head p { font-size: .95rem; line-height: 1.75; }
.ucp-shell.tracker-create-page .tracker-field > span { font-size: .95rem; font-weight: 500; text-transform: none; letter-spacing: 0; }
.ucp-shell.tracker-create-page .tracker-field :is(input,select,textarea) { padding: .85rem; min-height: 48px; background: #191d20; border: 1px solid #495056; border-radius: 4px; box-shadow: none; font-size: 1rem; line-height: 1.6; }
.ucp-shell.tracker-create-page .tracker-field :is(input,select,textarea):focus { border-color: #b36b7b; outline: 2px solid rgba(209,124,140,.25); outline-offset: 2px; }
.ucp-shell.tracker-create-page .tracker-form { gap: 1.5rem; }
.ucp-shell.tracker-create-page .tracker-file-btn { padding: 1rem; background: transparent; border: 1px dashed #495056; border-radius: 4px; box-shadow: none; }
.ucp-shell.tracker-create-page .tracker-file-btn__icon { display: none; }
.ucp-shell.tracker-create-page .tracker-file-btn strong { font-size: .95rem; font-weight: 500; }
.ucp-shell.tracker-create-page .tracker-file-btn :is(span,strong,small) { letter-spacing: 0; text-transform: none; }
.ucp-shell.tracker-create-page .tracker-form__submit { min-height: 48px; padding: .85rem 1.25rem; border-radius: 4px; background: #a8172e; box-shadow: none; font-size: .95rem; font-weight: 500; letter-spacing: 0; text-transform: none; }
.ucp-shell.tracker-create-page .tracker-steps__num { background: transparent; border: 0; color: #929ba2; box-shadow: none; }
.ucp-shell.tracker-create-page .tracker-steps__copy { font-size: .95rem; line-height: 1.75; }
@media (max-width: 640px) { .ucp-shell.tracker-create-page .tracker-create-grid { grid-template-columns: 1fr; gap: 2rem; } .ucp-shell.tracker-create-page .tracker-field-row { grid-template-columns: 1fr; } }
.ucp-preview-notice { margin-bottom: 2rem; padding: 0 0 1rem; border: 0; border-bottom: 1px solid var(--border); color: var(--muted); font-size: .85rem; line-height: 1.75; }
.ucp-preview-notice a { color: #eea1ad; }
.ucp-shell [aria-disabled='true'] { pointer-events: none; opacity: .6; }
.ucp-shell button:disabled { opacity: .5; cursor: not-allowed; }
.ucp-preview-form { margin: 0; padding: 0; border: 0; min-width: 0; }
.ucp-preview-ticket { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.25rem 0; margin-top: 0; background: transparent; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; }
.ucp-preview-ticket h3 { margin: 0; font-size: 1rem; font-weight: 600; }
.ucp-preview-ticket p { margin-top: .5rem; color: var(--muted); font-size: .9rem; }
.ucp-preview-tag { font-size: .85rem; color: #d17c8c; }
.ucp-preview-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.ucp-preview-board h2 { font-size: 1.2rem; font-weight: 600; }
.ucp-shell .tracker-card,
.ucp-preview-ticket--priority { --ticket-tone: #8aa9c9; border: 1px solid color-mix(in srgb, var(--ticket-tone) 25%, #242b30); border-left: 3px solid var(--ticket-tone); background: color-mix(in srgb, var(--ticket-tone) 7%, #191d20); border-radius: 4px; padding: 1.1rem; box-shadow: none; }
.ucp-shell .tracker-card:has(.tracker-prio--high),
.ucp-preview-ticket--priority[data-priority='high'] { --ticket-tone: #d16a7d; }
.ucp-shell .tracker-card:has(.tracker-prio--medium),
.ucp-preview-ticket--priority[data-priority='medium'] { --ticket-tone: #c7a46a; }
.ucp-shell .tracker-card:has(.tracker-prio--low),
.ucp-preview-ticket--priority[data-priority='low'] { --ticket-tone: #8aa9c9; }
.ucp-shell .tracker-card:hover { border-color: var(--ticket-tone); transform: none; }
.ucp-preview-ticket--priority { margin-top: 1rem; }
.ucp-preview-ticket--priority .ucp-preview-tag { display: block; margin-bottom: .65rem; color: var(--ticket-tone); }
@media (max-width: 640px) { .ucp-preview-board { grid-template-columns: 1fr; } .ucp-preview-ticket { flex-wrap: wrap; } }
.updates-shell.ucp-shell { width: min(100%, 88rem); max-width: 88rem; padding-top: 4rem; }
.ucp-shell .ucp-head { gap: 2rem; margin-bottom: 2.5rem; }
.ucp-shell .ucp-hero { padding: 0; background: transparent; border: 0; box-shadow: none; }
.ucp-shell .ucp-hero__identity { gap: 1.25rem; }
.ucp-shell .ucp-hero__avatar { width: 4.5rem; height: 4.5rem; border: 1px solid var(--border); border-radius: 50%; box-shadow: none; }
.ucp-shell .updates-title { font-size: var(--home-heading-size); font-weight: 600; line-height: 1.25; letter-spacing: -.025em; }
.ucp-shell .updates-kicker { color: #d17c8c; font-size: .95rem; font-weight: 500; line-height: 1.5; letter-spacing: .035em; text-transform: none; margin: 0 0 .6rem; }
.ucp-shell .ucp-presence { margin-top: .65rem; color: var(--muted); font-size: .9rem; font-weight: 400; line-height: 1.6; }
.ucp-shell .ucp-presence.is-online { color: #9db8a6; }
.ucp-shell .ucp-presence__dot { box-shadow: none; }
.ucp-shell .ucp-subnav { display: flex; flex-wrap: wrap; gap: .35rem; padding: .4rem; border: 1px solid #30373c; border-radius: 6px; background: #171b1e; }
.ucp-shell .ucp-subnav .updates-subnav__link { min-height: 44px; padding: .75rem 1.3rem; border-radius: 4px; color: var(--muted); font-size: 1rem; font-weight: 500; letter-spacing: 0; text-transform: none; }
.ucp-shell .ucp-subnav .updates-subnav__link.is-active { color: #fff; background: #272b30; }
.ucp-shell .ucp-subnav .updates-subnav__link::after { display: none; }
.ucp-shell .ucp-subnav .updates-subnav__link:hover { color: #fff; background: #22272b; }
.ucp-shell .ucp-subnav .updates-subnav__link.is-active { box-shadow: inset 0 -2px #b6233d; }
.ucp-shell .updates-subnav__icon { display: none; }
.ucp-shell .ucp-main { gap: 2.5rem; }
.ucp-shell .ucp-status-grid { display: flex; flex-wrap: wrap; gap: 1rem 3rem; }
.ucp-shell .ucp-status { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ucp-shell :is(.ucp-status__label, .ucp-metric__kicker, .ucp-board__kicker, .ucp-form__label) { font-size: .9rem; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--muted); }
.ucp-shell .ucp-status__value { font-size: 1rem; font-weight: 500; }
.ucp-shell :is(.ucp-status__value, .ucp-meta__value).is-online { color: #9db8a6; }
.ucp-shell :is(.ucp-status__value, .ucp-meta__value).is-offline { color: #d17c8c; }
.ucp-shell .ucp-metrics { gap: 0; padding: 1.5rem 0; border: 1px solid #30373c; border-radius: 6px; background: #171b1e; }
.ucp-shell :is(.ucp-metric, .ucp-metric--accent, .ucp-metric--action, .ucp-board__card) { min-height: 0; padding: .75rem 2rem; border: 0; border-left: 1px solid var(--border); border-radius: 0; background: transparent; box-shadow: none; }
.ucp-shell .ucp-metric:first-child { border-left: 0; }
.ucp-shell .ucp-board__card:first-child { padding-left: 0; border-left: 0; }
.ucp-shell .ucp-board { gap: 0; }
.ucp-shell :is(.ucp-metric__icon, .ucp-admin-tile__icon, .ucp-board__icon) { display: none; }
.ucp-shell .ucp-metric__value { margin-block: .5rem; font-size: clamp(1.75rem, 2.5vw, 2.2rem); font-weight: 600; line-height: 1.25; letter-spacing: -.025em; overflow-wrap: anywhere; }
.ucp-shell .ucp-metric__hint { font-size: .85rem; color: var(--muted); font-weight: 400; }
.ucp-shell .ucp-metric--action:hover { background: transparent; color: #eea1ad; }
.ucp-shell a.ucp-board__card:hover { background: transparent; border-color: var(--border); }
.ucp-shell .ucp-panel { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ucp-shell .ucp-panel__head { padding-top: 2rem; padding-bottom: 1.25rem; margin-bottom: 1rem; border-top: 1px solid #3b4145; border-bottom: 0; gap: 1rem; }
.ucp-shell :is(.ucp-panel__title, .ucp-board__title) { font-size: 1.35rem; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; }
.ucp-shell :is(.ucp-panel__lead, .ucp-empty__text, .ucp-steps__text, .ucp-support__text) { max-width: 68ch; font-size: 1rem; font-weight: 400; line-height: 1.75; color: var(--muted); }
.ucp-shell :is(.ucp-refresh, .ucp-form__button, .ucp-empty__cta, .ucp-support__btn) { min-height: 44px; padding: .7rem 1rem; background: #191d20; border: 1px solid #495056; border-radius: 4px; box-shadow: none; font-size: .9rem; font-weight: 500; letter-spacing: 0; text-transform: none; }
.ucp-shell :is(.ucp-refresh, .ucp-form__button, .ucp-empty__cta):hover { background: #22282d; border-color: #a96a78; transform: none; box-shadow: none; }
.ucp-shell .ucp-character-list { gap: 0; border: 1px solid #30373c; border-radius: 6px; overflow: hidden; background: #171b1e; }
.ucp-shell .ucp-character { padding: 1.7rem 1.75rem; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; grid-template-columns: auto auto minmax(0, 1fr) auto; }
.ucp-shell .ucp-character.is-primary { background: transparent; border-color: #30373c; }
.ucp-shell .ucp-character:last-child { border-bottom: 0; }
.ucp-shell .ucp-character__index { font-size: .8rem; font-weight: 400; letter-spacing: 0; }
.ucp-shell .ucp-character__mark { width: 4rem; height: 4rem; border: 1px solid #49313a; border-radius: 8px; background: #2a2026; color: #e49aa9; font-size: 1.1rem; font-weight: 500; }
.ucp-shell .ucp-character__name { font-size: 1.15rem; font-weight: 600; }
.ucp-shell .ucp-character__faction { font-size: .9rem; }
.ucp-shell .ucp-character__stats { gap: 1rem 2rem; }
.ucp-shell .ucp-character__stats dt { font-size: .9rem; font-weight: 400; letter-spacing: 0; text-transform: none; }
.ucp-shell .ucp-character__stats dd { font-size: 1.1rem; font-weight: 500; font-variant-numeric: tabular-nums; }
.ucp-shell .ucp-character__wealth dd { color: #acc5b7; }
.ucp-shell .ucp-empty { padding: 1.5rem 0; }
.ucp-shell .ucp-empty__title { font-size: 1.1rem; font-weight: 600; }
.ucp-shell .ucp-admin-grid { gap: 1rem; }
.ucp-shell .ucp-admin-tile { padding: 1rem 0; background: transparent; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none; }
.ucp-shell .ucp-admin-tile:hover { transform: none; background: transparent; border-color: #79303d; }
.ucp-shell .ucp-admin-tile__label { font-size: 1rem; font-weight: 600; }
.ucp-shell :is(.ucp-admin-tile__hint, .ucp-board__meta) { font-size: .9rem; line-height: 1.6; color: var(--muted); }
.ucp-shell :is(.ucp-form__input, .ucp-form__select) { min-height: 48px; padding: .8rem; border-radius: 4px; background: #191d20; border: 1px solid #495056; box-shadow: none; font-size: 1rem; }
.ucp-shell .ucp-rank { background: transparent; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; padding: .85rem 0; font-size: .95rem; }
.ucp-shell .ucp-steps__item { padding: 1.5rem 0; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; }
.ucp-shell .ucp-steps__title { font-size: 1.05rem; font-weight: 600; }
.ucp-shell .ucp-steps__index { background: transparent; color: #d17c8c; border: 0; box-shadow: none; font-weight: 400; }
.ucp-shell :is(a, button, input, select):focus-visible { outline: 2px solid #e79aa5; outline-offset: 4px; }
@media (max-width: 1000px) {
  .ucp-shell .ucp-character { grid-template-columns: auto auto minmax(0, 1fr); }
  .ucp-shell .ucp-character__stats { grid-column: 2 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .updates-shell.ucp-shell { padding: 2rem 1.25rem 2.5rem; }
  .ucp-shell .ucp-hero__identity { align-items: flex-start; gap: 1rem; }
  .ucp-shell .ucp-hero__avatar { width: 3rem; height: 3rem; flex-shrink: 0; }
  .ucp-shell .updates-title { font-size: clamp(1.5rem, 6.5vw, 1.85rem); overflow-wrap: anywhere; }
  .ucp-shell .ucp-subnav { gap: .25rem; overflow: visible; }
  .ucp-shell .ucp-subnav .updates-subnav__link { padding: .65rem .85rem; }
  .ucp-shell .ucp-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 0; padding: 1.25rem 0; }
  .ucp-shell .ucp-metric { padding: .5rem 1.25rem; }
  .ucp-shell .ucp-metric:nth-child(odd) { border-left: 0; padding-left: 1.25rem; }
  .ucp-shell .ucp-metric__value { font-size: 1.5rem; }
  .ucp-shell .ucp-panel__head { flex-wrap: wrap; align-items: flex-start; }
  .ucp-shell .ucp-character { padding: 1.25rem; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; }
  .ucp-shell .ucp-character__stats { padding-top: 1rem; border-top: 1px solid #30373c; }
  .ucp-shell .ucp-character__index { display: none; }
  .ucp-shell .ucp-character__stats { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
  .ucp-shell .ucp-admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ucp-shell .ucp-board { grid-template-columns: 1fr; }
  .ucp-shell .ucp-board__card { padding: 1rem 0; border: 0; border-bottom: 1px solid var(--border); }
  .ucp-shell .ucp-status-grid { gap: 1rem 1.5rem; }
}

@media (max-width: 640px) {
  .ucp-shell.teamspeak-clean .ucp-status-grid { grid-template-columns: 1fr; padding: .25rem 1.25rem; }
  .ucp-shell.teamspeak-clean .ucp-status { display: flex; flex-direction: row; align-items: center; justify-content: space-between; text-align: left; gap: 1rem; padding: 1rem 0; border-right: 0; border-bottom: 1px solid #30373c; }
  .ucp-shell.teamspeak-clean .ucp-status:last-child { border-bottom: 0; }
  .ucp-shell.teamspeak-clean .ucp-status__value { margin-top: 0; }
  .ucp-shell.teamspeak-clean .ucp-board { padding: .5rem 1.25rem; }
}

/* Compact account layout: quiet controls and less space between related content. */
.updates-shell.ucp-shell { max-width: 80rem; padding-top: 2.75rem; }
.ucp-shell .ucp-head { gap: 1.5rem; margin-bottom: 1.75rem; }
.ucp-shell .updates-title { font-size: clamp(1.5rem, 2vw, 1.85rem); }
.ucp-shell .ucp-hero__avatar { width: 3.5rem; height: 3.5rem; }
.ucp-shell .updates-kicker { font-size: .85rem; margin-bottom: .4rem; }
.ucp-shell .ucp-main { gap: 1.75rem; }
.ucp-shell .ucp-subnav { padding: 0; gap: 1.5rem; border: 0; border-bottom: 1px solid #30373c; border-radius: 0; background: transparent; }
.ucp-shell .ucp-subnav .updates-subnav__link { padding: .65rem 0; border-radius: 0; font-size: .95rem; }
.ucp-shell .ucp-subnav .updates-subnav__link:is(.is-active, :hover) { background: transparent; }
.ucp-shell .ucp-metrics { padding: 1rem 0; background: transparent; border: 0; border-bottom: 1px solid #30373c; border-radius: 0; }
.ucp-shell .ucp-metric { padding: .35rem 1.5rem; }
.ucp-shell .ucp-metric__value { font-size: 1.75rem; margin-block: .35rem; }
.ucp-shell .ucp-panel__head { padding-top: 1.5rem; padding-bottom: .75rem; margin-bottom: .75rem; }
.ucp-shell :is(.ucp-panel__title, .ucp-board__title) { font-size: 1.2rem; }
.ucp-shell .ucp-character-list { background: transparent; border: 0; border-radius: 0; }
.ucp-shell .ucp-character { padding: 1.25rem .25rem; }
.ucp-shell .ucp-character__mark { width: 3rem; height: 3rem; font-size: .95rem; }
.ucp-shell .ucp-character__name { font-size: 1.05rem; }
.ucp-shell .ucp-character__stats dd { font-size: 1rem; }
.ucp-shell.teamspeak-clean .ucp-status-grid { padding: .85rem 0; background: transparent; border: 0; border-bottom: 1px solid #30373c; border-radius: 0; }
.ucp-shell.teamspeak-clean .ucp-status { padding: .25rem 1.5rem; }
.ucp-shell.teamspeak-clean .ucp-status:first-child { padding-left: 0; }
.ucp-shell.teamspeak-clean .ucp-status__value { font-size: 1rem; margin-top: .25rem; }
.ucp-shell.teamspeak-clean .ucp-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ucp-shell.teamspeak-clean .ucp-steps { margin-top: 0; gap: 1rem 2rem; }
.ucp-shell.teamspeak-clean .ucp-steps__item { padding: 1rem 0; }
.ucp-shell.teamspeak-clean .ucp-steps__item:first-child { padding: .5rem 0 1rem; }
.ucp-shell.teamspeak-clean .ucp-steps__text { margin-top: .4rem; font-size: .9rem; line-height: 1.65; }
.ucp-shell.teamspeak-clean .ucp-steps__item:not(:first-child) .ucp-steps__text { margin-bottom: 1rem; }
.ucp-shell.teamspeak-clean .ucp-form :is(.ucp-form__select, .ucp-form__input) { height: 44px; min-height: 44px; }
.ucp-shell.teamspeak-clean #ts-code { font-size: 1.1rem; }
.ucp-shell.teamspeak-clean .ucp-board { padding: 1rem 0; background: transparent; border: 0; border-bottom: 1px solid #30373c; border-radius: 0; }
.ucp-shell.tracker-create-page .tracker-create-grid { gap: 2rem; }
.ucp-shell.tracker-create-page .tracker-form { gap: 1rem; }
.ucp-shell.tracker-create-page .tracker-panel :is(h2,h3) { font-size: 1.2rem; }
.ucp-shell.tracker-create-page .tracker-field :is(input,select,textarea) { padding: .7rem .85rem; min-height: 44px; }
.ucp-shell.tracker-create-page .tracker-field textarea { min-height: 9rem; }
.ucp-shell .tracker-mini-list li { padding: 1rem; }
@media (max-width: 640px) {
  .updates-shell.ucp-shell { padding-top: 1.75rem; }
  .ucp-shell .ucp-subnav { gap: 0 1.2rem; }
  .ucp-shell .ucp-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 0; }
  .ucp-shell .ucp-metric { padding: .25rem 1rem; }
  .ucp-shell .ucp-metric:nth-child(odd) { padding-left: 0; }
  .ucp-shell .ucp-character { padding: 1rem 0; }
  .ucp-shell.teamspeak-clean .ucp-status-grid { grid-template-columns: 1fr; padding: 0; }
  .ucp-shell.teamspeak-clean .ucp-status { padding: .75rem 0; }
  .ucp-shell.teamspeak-clean .ucp-status__value { margin-top: 0; }
}

/* Adjacent sections share one divider instead of stacked borders. */
.ucp-shell .ucp-main > :is(.ucp-panel, .ucp-board, .ucp-metrics) + .ucp-panel > .ucp-panel__head { border-top: 0; }
.ucp-shell.tracker-create-page .tracker-panel + .tracker-panel { border-top: 0; }

/* Phone layout keeps account actions readable without horizontal page scrolling. */
@media (max-width: 767px) {
  .updates-shell.ucp-shell { width: 100%; padding-inline: 1.25rem; }
  .ucp-shell :is(.ucp-layout, .ucp-main, .ucp-head, .ucp-hero__copy, .ucp-panel, .tracker-panel, .tracker-create-main, .tracker-create-side) { min-width: 0; }
  .ucp-shell .ucp-head { gap: 1.25rem; }
  .ucp-shell .ucp-hero__identity { align-items: flex-start; gap: .85rem; }
  .ucp-shell .ucp-hero__avatar { width: 2.75rem; height: 2.75rem; flex-shrink: 0; }
  .ucp-shell .updates-title { font-size: 1.5rem; line-height: 1.3; overflow-wrap: anywhere; }
  .ucp-shell .ucp-presence { font-size: .9rem; line-height: 1.65; }
  .ucp-shell .ucp-subnav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 .75rem; padding-bottom: .5rem; }
  .ucp-shell .ucp-subnav .updates-subnav__link { display: flex; justify-content: center; min-width: 0; min-height: 44px; padding: .7rem .15rem; font-size: .9rem; white-space: nowrap; }
  .ucp-shell .ucp-panel__head { flex-wrap: wrap; align-items: flex-start; }
  .ucp-shell .ucp-character { grid-template-columns: 3rem minmax(0, 1fr); gap: .85rem; }
  .ucp-shell .ucp-character__index { display: none; }
  .ucp-shell .ucp-character__name { overflow-wrap: anywhere; }
  .ucp-shell .ucp-character__stats { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding-top: 1rem; border-top: 1px solid #30373c; }
  .ucp-shell .ucp-character__stats dd { overflow-wrap: anywhere; }
  .ucp-shell :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), select, textarea) { font-size: 16px; max-width: 100%; }
  .ucp-shell :is(button, .ucp-refresh, .tracker-my-open-btn, .tracker-ghost-btn) { min-height: 44px; }
  .ucp-shell .tracker-create-grid { grid-template-columns: minmax(0, 1fr); }
  .ucp-shell .tracker-field-row { grid-template-columns: minmax(0, 1fr); }
  .ucp-shell .tracker-panel__head { flex-wrap: wrap; gap: .75rem; }
  .ucp-shell .tracker-form__submit { width: 100%; }
  .ucp-shell .tracker-file-btn { width: 100%; overflow-wrap: anywhere; }
  .ucp-shell .tracker-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ucp-shell .tracker-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .ucp-shell .tracker-search { grid-column: 1 / -1; }
  .ucp-shell .tracker-toolbar > * { min-width: 0; width: 100%; }
  .ucp-shell :is(.tracker-kanban, .ucp-preview-board) { grid-template-columns: minmax(0, 1fr); overflow: visible; }
  .ucp-shell .tracker-column { min-width: 0; }
  .ucp-shell .tracker-my-table__head { display: none; }
  .ucp-shell .tracker-my-table__row { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1rem 0; gap: .85rem; }
  .ucp-shell .tracker-my-table__title { grid-column: 1 / -1; overflow-wrap: anywhere; }
  .ucp-shell .tracker-my-table__row > [data-label]::before { content: attr(data-label); display: block; margin-bottom: .3rem; color: var(--muted); font-size: .8rem; font-weight: 400; }
  body:has(.ucp-shell) .tracker-modal { padding: .5rem; padding-bottom: max(.5rem, env(safe-area-inset-bottom)); }
  body:has(.ucp-shell) .tracker-modal__dialog { width: 100%; max-height: calc(100dvh - 1rem); margin: 0; overflow-y: auto; border-radius: 6px; }
  body:has(.ucp-shell) .tracker-modal__body { padding: 1.25rem; overflow-wrap: anywhere; }
  body:has(.ucp-shell) .tracker-modal :is(input, select, textarea) { font-size: 16px; max-width: 100%; }
  body:has(.ucp-shell) .tracker-modal__close { min-width: 44px; min-height: 44px; }
}
@media (max-width: 359px) {
  .updates-shell.ucp-shell { padding-inline: 1rem; }
  .ucp-shell .ucp-subnav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ucp-shell .updates-title { font-size: 1.35rem; }
  .ucp-shell .ucp-metric__value { font-size: 1.5rem; }
}

/* Compact profile summary and complete character cards. */
.ucp-shell .ucp-subnav .updates-subnav__link.is-active { color: #e38a9c; }
.ucp-shell .ucp-metrics--summary { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 1rem 0; border-bottom: 0; }
.ucp-shell .ucp-metrics--summary .ucp-metric { padding: .35rem 1.5rem; }
.ucp-shell .ucp-metrics--summary .ucp-metric:first-child { padding-left: 0; }
.ucp-shell .ucp-metric__value { font-size: 1.5rem; }
.ucp-shell .ucp-character-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.ucp-shell .ucp-export-action { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; background: #a8172e; border-color: #a8172e; color: #fff; }
.ucp-shell .ucp-export-action:hover { background: #bd203b; border-color: #bd203b; }
.ucp-shell .ucp-character-list { display: grid; gap: 1rem; overflow: visible; }
.ucp-shell .ucp-character { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: .85rem 1rem; padding: 1.5rem; border: 1px solid #303438; border-radius: 6px; background: #191c1e; }
.ucp-shell .ucp-character:is(.is-primary, :last-child) { border: 1px solid #303438; background: #191c1e; }
.ucp-shell .ucp-character__index { display: none; }
.ucp-shell .ucp-character__mark { width: 2.75rem; height: 2.75rem; border-radius: 50%; }
.ucp-shell .ucp-character__identity { align-self: center; }
.ucp-shell .ucp-character__name { font-size: 1.15rem; }
.ucp-shell .ucp-character__stats { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: .75rem; padding-top: 1rem; border-top: 1px solid #2d3236; }
.ucp-shell .ucp-character__stats dt { font-size: .85rem; }
.ucp-shell .ucp-character__stats dd { margin-top: .25rem; font-size: 1rem; }
@media (max-width: 767px) {
  .ucp-shell .ucp-metrics--summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
  .ucp-shell .ucp-metrics--summary .ucp-metric { padding: .25rem .6rem; border-left: 1px solid #303438; }
  .ucp-shell .ucp-metrics--summary .ucp-metric:first-child { border-left: 0; padding-left: 0; }
  .ucp-shell .ucp-metrics--summary .ucp-metric__kicker { font-size: .8rem; }
  .ucp-shell .ucp-metrics--summary .ucp-metric__value { font-size: 1.2rem; }
  .ucp-shell .ucp-metrics--summary .ucp-metric__hint { font-size: .75rem; }
  .ucp-shell .ucp-character-actions { width: 100%; }
  .ucp-shell .ucp-character-actions > :is(a, form) { flex: 1 1 10rem; }
  .ucp-shell .ucp-character-actions .ucp-refresh { width: 100%; }
  .ucp-shell .ucp-character { padding: 1.15rem; }
  .ucp-shell .ucp-character__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Shared UCP composition. Values apply to overview, TeamSpeak and tracker pages. */
.updates-shell.ucp-shell {
  --ucp-space: 1.5rem;
  --ucp-line: #303438;
  --ucp-surface: #191c1e;
  --ucp-field: #121618;
  --ucp-radius: 6px;
  width: min(100%, 80rem);
  padding-top: 2.5rem;
  padding-bottom: 3rem;
}
.ucp-shell :is(.ucp-head, .ucp-main, .ucp-layout) { gap: var(--ucp-space); }
.ucp-shell .ucp-head { margin-bottom: var(--ucp-space); }
.ucp-shell .ucp-hero__identity { align-items: center; gap: 1rem; }
.ucp-shell .ucp-hero__avatar { width: 3.25rem; height: 3.25rem; border: 1px solid #58303b; }
.ucp-shell .ucp-hero__copy { min-width: 0; }
.ucp-shell .updates-title { font-size: clamp(1.4rem, 2vw, 1.75rem); line-height: 1.3; font-weight: 600; letter-spacing: -.025em; }
.ucp-shell :is(.updates-kicker, .tracker-panel__eyebrow) { margin-bottom: .35rem; font-size: .85rem; line-height: 1.5; font-weight: 500; letter-spacing: 0; text-transform: none; color: #d17c8c; }
.ucp-shell .ucp-presence { margin-top: .4rem; font-size: .9rem; line-height: 1.6; }
.ucp-shell .ucp-subnav { gap: 1.5rem; padding: 0; border: 0; border-bottom: 1px solid var(--ucp-line); background: transparent; border-radius: 0; }
.ucp-shell .ucp-subnav .updates-subnav__link { padding: .75rem 0; min-height: 44px; font-size: .95rem; background: transparent; border-radius: 0; }
.ucp-shell .ucp-subnav .updates-subnav__link.is-active { color: #e38a9c; box-shadow: inset 0 -2px #b6233d; }
.ucp-shell .ucp-subnav .updates-subnav__link:hover { background: transparent; color: #fff; }
.ucp-shell .ucp-preview-notice { margin-bottom: var(--ucp-space); padding-bottom: 1rem; font-size: .8rem; }
.ucp-shell :is(.ucp-panel, .tracker-panel) { padding: var(--ucp-space); border: 1px solid var(--ucp-line); border-radius: var(--ucp-radius); background: var(--ucp-surface); box-shadow: none; }
.ucp-shell :is(.ucp-panel__head, .tracker-panel__head) { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0; margin: 0 0 1.25rem; border: 0; }
.ucp-shell :is(.ucp-panel__title, .ucp-board__title, .tracker-panel h2, .tracker-panel h3) { margin: 0; font-size: 1.2rem; line-height: 1.4; font-weight: 600; letter-spacing: -.015em; }
.ucp-shell :is(.ucp-panel__lead, .ucp-steps__text, .tracker-panel__head p, .tracker-panel__hint, .tracker-steps__copy) { font-size: .95rem; line-height: 1.7; color: var(--muted); }
.ucp-shell .ucp-metrics--summary { padding: .5rem 0; margin: 0; border: 0; }
.ucp-shell .ucp-metric__value { font-size: 1.5rem; margin: .35rem 0; }
.ucp-shell .ucp-character-list { gap: 1rem; }
.ucp-shell .ucp-character { padding: 1.25rem; background: var(--ucp-field); }
.ucp-shell .ucp-character:is(.is-primary, :last-child) { background: var(--ucp-field); }
.ucp-shell .ucp-character__stats { padding-top: 1rem; margin-top: .5rem; }
.ucp-shell .ucp-character__stats dd { line-height: 1.5; }
.ucp-shell .ucp-character-actions { gap: .65rem; }
.ucp-shell :is(.ucp-refresh, .ucp-form__button, .ucp-support__btn, .ucp-empty__cta, .tracker-ghost-btn, .tracker-my-open-btn) { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .65rem 1rem; border: 1px solid #3b4247; border-radius: 4px; background: #222629; box-shadow: none; font-size: .9rem; font-weight: 500; line-height: 1.4; letter-spacing: 0; text-transform: none; }
.ucp-shell .ucp-export-action, .ucp-shell.tracker-create-page .tracker-form__submit, .ucp-shell.teamspeak-clean form[action$='/confirm-code'] .ucp-refresh { background: #a8172e; border-color: #a8172e; color: #fff; }
.ucp-shell :is(.ucp-refresh, .tracker-ghost-btn, .tracker-my-open-btn):not(:disabled):hover { background: #2b3034; border-color: #96505f; transform: none; }
.ucp-shell .ucp-export-action:not([aria-disabled]):hover { background: #bd203b; }
.ucp-shell :is(.ucp-form__input, .ucp-form__select), .ucp-shell.tracker-create-page .tracker-field :is(input,select,textarea), .ucp-shell .tracker-toolbar :is(input,select) { width: 100%; min-height: 44px; padding: .75rem .85rem; border: 1px solid #3b4247; border-radius: 4px; background: var(--ucp-field); box-shadow: none; font-size: 1rem; line-height: 1.5; }
.ucp-shell :is(.ucp-form__label, .tracker-field > span) { font-size: .9rem; font-weight: 500; color: #c3c8cc; }
.ucp-shell .ucp-board { padding: 0; border: 0; background: transparent; gap: 1rem; }
.ucp-shell .ucp-board__card { padding: 1.25rem; border: 1px solid var(--ucp-line); border-radius: var(--ucp-radius); background: var(--ucp-surface); }
.ucp-shell .ucp-board__card:first-child { padding: 1.25rem; border: 1px solid var(--ucp-line); }
.ucp-shell .ucp-board__meta { margin-top: .5rem; }
.ucp-shell.teamspeak-clean .ucp-status-grid { padding: 0; border: 0; background: transparent; }
.ucp-shell.teamspeak-clean .ucp-status { padding: 0 1.5rem; }
.ucp-shell.teamspeak-clean .ucp-status:first-child { padding-left: 0; }
.ucp-shell.teamspeak-clean .ucp-steps { gap: 1.25rem 1.5rem; margin: 0; }
.ucp-shell.teamspeak-clean .ucp-steps__item { padding: 1.25rem 0 0; border-top: 1px solid var(--ucp-line); }
.ucp-shell.teamspeak-clean .ucp-steps__item:first-child { padding: 0; border: 0; }
.ucp-shell.teamspeak-clean .ucp-steps__text { margin-top: .5rem; }
.ucp-shell.teamspeak-clean .ucp-steps__title { font-size: 1rem; line-height: 1.5; }
.ucp-shell.teamspeak-clean .ucp-rank-list { margin-top: 1rem; gap: .5rem; }
.ucp-shell.teamspeak-clean .ucp-rank { padding: .45rem .75rem; border: 1px solid var(--ucp-line); background: var(--ucp-field); font-size: .9rem; }
.ucp-shell.tracker-create-page .tracker-create-grid { gap: var(--ucp-space); align-items: start; }
.ucp-shell.tracker-create-page .tracker-panel { padding: var(--ucp-space); border: 1px solid var(--ucp-line); border-radius: var(--ucp-radius); background: var(--ucp-surface); }
.ucp-shell.tracker-create-page .tracker-panel + .tracker-panel { border-top: 1px solid var(--ucp-line); }
.ucp-shell.tracker-create-page .tracker-create-side { gap: var(--ucp-space); }
.ucp-shell.tracker-create-page .tracker-form { gap: 1.25rem; }
.ucp-shell.tracker-create-page .tracker-field-row { gap: 1rem; }
.ucp-shell.tracker-create-page .tracker-file-btn { padding: 1rem; background: var(--ucp-field); border-color: #3b4247; }
.ucp-shell.tracker-create-page .tracker-form__submit { min-height: 44px; padding: .75rem 1rem; }
.ucp-shell .tracker-mini-list li { padding: 1rem; background: var(--ucp-field); }
.ucp-shell .tracker-preview-board, .ucp-shell .ucp-preview-board { gap: var(--ucp-space); }
.ucp-shell :is(.ucp-preview-board h2, .tracker-column__head h2) { font-size: 1.05rem; line-height: 1.5; }
.ucp-shell .tracker-column { background: var(--ucp-surface); border-color: var(--ucp-line); border-radius: var(--ucp-radius); }
.ucp-shell .tracker-column__head { padding: 1rem; }
.ucp-shell .tracker-column__list { padding: 1rem; gap: .75rem; }
.ucp-shell .tracker-toolbar { gap: .75rem; margin-bottom: 0; }
.ucp-shell .tracker-stat { padding: 1rem; border: 1px solid var(--ucp-line); border-radius: var(--ucp-radius); background: var(--ucp-surface); box-shadow: none; }
.ucp-shell .tracker-stat > span { font-size: 1.5rem; font-weight: 600; }
.ucp-shell .tracker-stat p { font-size: .85rem; }
.ucp-shell .tracker-recent .tracker-panel__head { align-items: center; }
@media (max-width: 767px) {
  .updates-shell.ucp-shell { --ucp-space: 1.25rem; padding: 1.75rem 1rem 2rem; }
  .ucp-shell .ucp-hero__identity { align-items: flex-start; gap: .85rem; }
  .ucp-shell .ucp-hero__avatar { width: 2.75rem; height: 2.75rem; }
  .ucp-shell .ucp-subnav { gap: 0 .75rem; }
  .ucp-shell .ucp-subnav .updates-subnav__link { font-size: .9rem; }
  .ucp-shell :is(.ucp-panel, .tracker-panel), .ucp-shell.tracker-create-page .tracker-panel { padding: 1.15rem; }
  .ucp-shell :is(.ucp-panel__head, .tracker-panel__head) { flex-wrap: wrap; align-items: flex-start; gap: .85rem; }
  .ucp-shell .ucp-character { padding: 1rem; }
  .ucp-shell .ucp-character-actions { display: grid; grid-template-columns: 1fr; }
  .ucp-shell .ucp-character-actions > :is(a,form) { width: 100%; }
  .ucp-shell .ucp-character-actions .ucp-refresh { width: 100%; }
  .ucp-shell :is(.ucp-form__input, .ucp-form__select), .ucp-shell.tracker-create-page .tracker-field :is(input,select,textarea) { font-size: 16px; }
  .ucp-shell.teamspeak-clean .ucp-status { padding: .75rem 0; }
  .ucp-shell.teamspeak-clean .ucp-status:first-child { padding-top: 0; }
  .ucp-shell.teamspeak-clean .ucp-status:last-child { padding-bottom: 0; }
  .ucp-shell.teamspeak-clean .ucp-board { padding: 0; }
  .ucp-shell.teamspeak-clean .ucp-board__card { padding: 1.15rem; }
  .ucp-shell.teamspeak-clean .ucp-steps { gap: 1.25rem; }
}

.ucp-shell .ucp-panel:has(> .ucp-character-list) { padding: 0; border: 0; background: transparent; }

/* Account state belongs beside presence; totals form one compact summary. */
.ucp-shell .ucp-profile-status { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1.25rem; margin-top: .65rem; }
.ucp-shell .ucp-profile-status .ucp-presence { margin: 0; }
.ucp-shell .ucp-whitelist-status { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin: 0; font-size: .85rem; line-height: 1.6; color: var(--muted); }
.ucp-shell .ucp-whitelist-status strong { font-weight: 500; color: #c3c8cc; }
.ucp-shell .ucp-whitelist-status.is-approved strong { color: #a8c3b2; }
.ucp-shell .ucp-metrics--summary { gap: 1.5rem; padding: 1.25rem; border: 1px solid var(--ucp-line); border-radius: var(--ucp-radius); background: var(--ucp-surface); }
.ucp-shell .ucp-metrics--summary .ucp-metric { display: flex; flex-direction: column; gap: .25rem; padding: 0; border: 0; background: transparent; }
.ucp-shell .ucp-metrics--summary .ucp-metric__value { order: -1; margin: 0; font-size: 1.65rem; font-weight: 600; line-height: 1.3; }
.ucp-shell .ucp-metrics--summary .ucp-metric__kicker { font-size: .9rem; color: #c3c8cc; }
.ucp-shell .ucp-metrics--summary .ucp-metric__hint { display: none; }
@media (max-width: 767px) {
  .ucp-shell .ucp-profile-status { align-items: flex-start; flex-direction: column; gap: .35rem; }
  .ucp-shell .ucp-metrics--summary { gap: .75rem; padding: 1rem; }
  .ucp-shell .ucp-metrics--summary .ucp-metric { padding: 0; border: 0; }
  .ucp-shell .ucp-metrics--summary .ucp-metric__value { font-size: 1.25rem; overflow-wrap: anywhere; }
  .ucp-shell .ucp-metrics--summary .ucp-metric__kicker { font-size: .8rem; }
}

/* Compact, distinct account states below the profile name. */
.ucp-shell .ucp-profile-status { gap: .5rem .75rem; margin-top: .85rem; }
.ucp-shell .ucp-profile-status .ucp-presence { display: inline-flex; align-items: center; gap: .5rem; min-height: 30px; padding: .3rem .7rem; border: 1px solid #343b40; border-radius: 4px; background: #191d20; font-size: .85rem; line-height: 1.5; }
.ucp-shell .ucp-whitelist-status { gap: .6rem; min-height: 30px; padding: .3rem .7rem; border: 1px solid #343b40; border-radius: 4px; background: #191d20; font-size: .85rem; line-height: 1.5; }
.ucp-shell .ucp-whitelist-status.is-approved { border-color: #354b40; background: #18221d; }
.ucp-shell .ucp-whitelist-status > span { color: #a4aaaf; }
.ucp-shell .ucp-whitelist-status.is-approved strong { color: #b2d0bd; }
@media (max-width: 767px) {
  .ucp-shell .ucp-profile-status { flex-direction: row; align-items: center; }
  .ucp-shell .ucp-whitelist-status { flex-wrap: wrap; gap: .2rem .6rem; }
}

/* Navigation icons follow the server's red accent. */
.ucp-shell .ucp-subnav .updates-subnav__link { display: inline-flex; align-items: center; gap: .5rem; }
.ucp-shell .ucp-subnav .updates-subnav__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 16px; height: 16px; color: #c93650; }
.ucp-shell .ucp-subnav .updates-subnav__icon svg { width: 100%; height: 100%; }
.ucp-shell .ucp-subnav .updates-subnav__link:is(:hover, .is-active) .updates-subnav__icon { color: #ed607a; }
@media (max-width: 767px) {
  .ucp-shell .ucp-subnav .updates-subnav__link { gap: .35rem; }
  .ucp-shell .ucp-subnav .updates-subnav__icon { width: 14px; height: 14px; }
}

/* One optical size and stroke weight for every account tab. */
.ucp-shell .ucp-subnav .updates-subnav__icon { width: 18px; height: 18px; color: #b85d70; transition: color .2s ease; }
.ucp-shell .ucp-subnav .updates-subnav__icon svg { display: block; }
.ucp-shell .ucp-subnav .updates-subnav__link { gap: .6rem; }
.ucp-shell .ucp-subnav .updates-subnav__link:is(:hover, .is-active) .updates-subnav__icon { color: #e3657d; }
@media (max-width: 767px) {
  .ucp-shell .ucp-subnav .updates-subnav__icon { width: 16px; height: 16px; }
  .ucp-shell .ucp-subnav .updates-subnav__link { gap: .4rem; }
}

.ucp-shell .ucp-character__stats dt { display: flex; align-items: center; gap: .45rem; line-height: 1.5; }
.ucp-shell .ucp-stat-icon { display: block; width: 16px; height: 16px; flex: 0 0 16px; color: #b85d70; }
.ucp-shell .ucp-character__stats dd { margin-top: .4rem; }
@media (max-width: 767px) {
  .ucp-shell .ucp-stat-icon { width: 15px; height: 15px; flex-basis: 15px; }
}

/* Balance the summary values within three equal columns. */
.ucp-shell .ucp-metrics--summary { gap: 0; padding: 1.1rem .75rem; }
.ucp-shell .ucp-metrics--summary .ucp-metric { align-items: center; justify-content: center; text-align: center; padding: 0 .75rem; }
.ucp-shell .ucp-metrics--summary .ucp-metric:first-child { padding-left: .75rem; }
@media (max-width: 767px) {
  .ucp-shell .ucp-metrics--summary { padding: 1rem .35rem; }
  .ucp-shell .ucp-metrics--summary .ucp-metric,
  .ucp-shell .ucp-metrics--summary .ucp-metric:first-child { padding: 0 .25rem; }
}

.ucp-shell .ucp-metrics--summary .ucp-metric__icon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-bottom: .3rem; color: #b85d70; order: -2; }
.ucp-shell .ucp-metrics--summary .ucp-metric__icon svg { display: block; width: 100%; height: 100%; }

.ucp-shell .ucp-metrics--summary .ucp-metric__icon svg { flex: none; }

@media (max-width: 767px) {
  .ucp-shell .ucp-subnav .updates-subnav__link { white-space: normal; text-align: center; line-height: 1.35; }
  .ucp-shell .ucp-profile-status { max-width: 100%; }
  .ucp-shell .ucp-profile-status :is(.ucp-presence, .ucp-whitelist-status) { max-width: 100%; overflow-wrap: anywhere; }
  .ucp-shell .ucp-metrics--summary .ucp-metric { min-width: 0; }
  .ucp-shell .ucp-metrics--summary .ucp-metric__kicker { overflow-wrap: anywhere; }
  .ucp-shell .ucp-character__stats dt { gap: .35rem; }
  .ucp-shell .ucp-character__stats dt span { overflow-wrap: anywhere; }
  .ucp-shell .ucp-character-actions .ucp-refresh { min-height: 44px; }
}

/* Quiet pointer feedback without implying that account summaries are buttons. */
.ucp-shell .ucp-metrics--summary .ucp-metric { border-radius: 4px; transition: background-color .2s ease; }
.ucp-shell .ucp-character { transition: background-color .2s ease, border-color .2s ease; }
@media (hover: hover) and (pointer: fine) {
  .ucp-shell .ucp-metrics--summary .ucp-metric:hover { background-color: rgba(255,255,255,.035); }
  .ucp-shell .ucp-character:hover { background-color: #181d20; border-color: #545056; }
}
@media (prefers-reduced-motion: reduce) {
  .ucp-shell .ucp-metrics--summary .ucp-metric, .ucp-shell .ucp-character { transition: none; }
}

/* Match both setup forms precisely and keep rank previews compact. */
.ucp-shell.teamspeak-clean .ucp-steps__item:not(:first-child) { align-items: stretch; }
.ucp-shell.teamspeak-clean .ucp-steps__item:not(:first-child) > div { display: grid; grid-template-rows: auto 1fr auto; align-items: stretch; }
.ucp-shell.teamspeak-clean .ucp-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: .6rem; align-content: end; }
.ucp-shell.teamspeak-clean .ucp-form__label { display: block; margin: 0; line-height: 1.5; }
.ucp-shell.teamspeak-clean .ucp-form :is(.ucp-form__select, .ucp-form__input),
.ucp-shell.teamspeak-clean .ucp-form #ts-code { height: 46px; min-height: 46px; line-height: 1.5; box-sizing: border-box; }
.ucp-shell.teamspeak-clean .ucp-form .ucp-refresh { margin-top: .35rem; min-height: 44px; }
.ucp-shell.teamspeak-clean .ucp-rank-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: 1rem; }
.ucp-shell.teamspeak-clean .ucp-rank { flex: 0 0 auto; width: auto; min-width: 0; padding: .5rem .8rem; border: 1px solid #3a4147; border-radius: 4px; background: #121618; }
.ucp-shell.teamspeak-clean .ucp-rank__to { font-size: .9rem; line-height: 1.4; font-weight: 500; }

/* Clear, consistently sized export and refresh controls. */
.ucp-shell .ucp-character-actions :is(.ucp-action-icon,.ucp-refresh__icon) { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px; margin:0; color:inherit; }
.ucp-shell .ucp-character-actions :is(.ucp-action-icon,.ucp-refresh__icon) svg { display:block; width:100%; height:100%; stroke-width:1.8; }
.ucp-shell .ucp-character-actions .ucp-refresh { gap:.6rem; }

.ucp-shell .ucp-character-actions .ucp-refresh__icon { width:17px; height:17px; flex-basis:17px; }
.ucp-shell .ucp-character-actions .ucp-refresh__icon svg { stroke-width:1.9; }

/* Restrained account feedback, consistent with the surrounding cards. */
.ucp-shell .flash { display:flex; align-items:center; gap:.75rem; width:100%; margin:0 0 1.5rem; padding:.95rem 1.1rem; border:1px solid #343c41; border-radius:6px; background:#191e21; color:#dce3e7; font-size:.95rem; line-height:1.6; overflow-wrap:anywhere; box-shadow:none; }
.ucp-shell .flash::before { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; flex:0 0 24px; border-radius:50%; font-size:.85rem; line-height:1; }
.ucp-shell .flash-ok { border-color:#35453c; background:#181f1c; color:#dce5df; }
.ucp-shell .flash-ok::before { content:'\2713'; border:1px solid #587b65; background:transparent; color:#a3c7af; }
.ucp-shell .flash-err { border-color:#62404a; background:#221b1f; color:#ecdce1; }
.ucp-shell .flash-err::before { content:'!'; border:1px solid #8b5867; background:transparent; color:#d99bad; font-weight:600; }
@media (max-width:640px) { .ucp-shell .flash { padding:.85rem; align-items:flex-start; font-size:.9rem; } }

/* Kanban drag preview is attached to body, outside the transformed page shell. */
.ucp-shell.tracker-board-page .tracker-kanban { align-items: stretch; }
.ucp-shell.tracker-board-page .tracker-column { min-width: 0; background: #15191c; border-color: #292f34; }
.ucp-shell.tracker-board-page .tracker-column__head { padding: .9rem; }
.ucp-shell.tracker-board-page .tracker-column__head h2 { font-size: .85rem; letter-spacing: .035em; }
.ucp-shell.tracker-board-page .tracker-column__list { align-content: start; padding: .65rem; gap: .65rem; }
.ucp-shell.tracker-board-page .tracker-card,
.tracker-card.tracker-card--floating { --ticket-tone: #8aa9c9; box-sizing: border-box; padding: .9rem; border: 1px solid #343a3f; border-left: 2px solid var(--ticket-tone); border-radius: 5px; background: #1b2024; box-shadow: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.ucp-shell.tracker-board-page .tracker-card:has(.tracker-prio--high),
.tracker-card--floating:has(.tracker-prio--high) { --ticket-tone: #d16a7d; }
.ucp-shell.tracker-board-page .tracker-card:has(.tracker-prio--medium),
.tracker-card--floating:has(.tracker-prio--medium) { --ticket-tone: #c7a46a; }
.ucp-shell.tracker-board-page .tracker-card__title { font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.ucp-shell.tracker-board-page .tracker-card__meta { color: #939da5; }
.ucp-shell.tracker-board-page .tracker-card:hover { border-color: #525c64; border-left-color: var(--ticket-tone); background: #20262b; }
.ucp-shell.tracker-board-page .tracker-card--ghost { opacity: .25; border-style: dashed; }
.ucp-shell.tracker-board-page .tracker-column.is-drop-target { border-color: #a84a5c; background: #1c191d; }
.tracker-card.tracker-card--floating { z-index: 10000 !important; pointer-events: none; opacity: .96 !important; cursor: grabbing; border-color: #a84a5c; border-left-color: var(--ticket-tone); box-shadow: 0 12px 32px #0006; transition: none; }
body.tracker-is-dragging, body.tracker-is-dragging * { user-select: none !important; -webkit-user-select: none !important; cursor: grabbing !important; }

/* Account pages share the landing page grid: same width and edge as the masthead (px, so the
   compact 14px app scale does not narrow it), display-face headings, quiet panels. */
.updates-shell.ucp-shell { width: min(100%, 1408px); max-width: 1408px; padding-inline: 16px; }
.ucp-shell .updates-title { font-size: clamp(2.25rem, 3.4vw, 3rem); }
.updates-shell.ucp-shell :is(.ucp-panel__title, .ucp-board__title, .tracker-panel h2) {
  font-family: var(--font-display);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
}
.ucp-shell .ucp-hero__avatar { width: 4rem; height: 4rem; border-radius: 8px; }

/* Characters as one row each: identity on the left, figures in aligned columns. */
.ucp-shell .ucp-character {
  display: grid;
  grid-template-columns: 2.75rem minmax(10rem, 16rem) minmax(0, 1fr);
  align-items: center;
  gap: 1.25rem;
  padding: 1.1rem 1.25rem;
}
.ucp-shell .ucp-character__index { display: none; }
.ucp-shell .ucp-character__stats {
  display: grid;
  grid-column: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  border: 0;
}
.ucp-shell .ucp-character__stats dd { font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.ucp-shell .ucp-character__wealth dd { color: #fff; font-weight: 600; }
@media (max-width: 900px) {
  .ucp-shell .ucp-character { grid-template-columns: 2.75rem minmax(0, 1fr); }
  .ucp-shell .ucp-character__stats { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 1rem; border-top: 1px solid #2d3236; }
}